:root{--bg-color: #fdfbf7;--primary: #FFD93D;--secondary: #FF6B6B;--accent: #4D96FF;--purple: #9D4EDD;--orange: #FF9F1C;--green: #2EC4B6;--highlight: #CBF3F0;--border: #1a1a1a;--shadow-offset: 4px;--font-main: "Courier New", Courier, monospace}*{box-sizing:border-box}body{margin:0;font-family:var(--font-main);background-color:var(--bg-color);color:var(--border);overflow:hidden;background-image:radial-gradient(#e5e5e5 1px,transparent 1px);background-size:20px 20px}#app{display:grid;grid-template-columns:1fr 300px;grid-template-rows:auto 1fr;height:100vh;gap:20px;padding:20px}#toolbar{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;padding:15px 30px;z-index:10}.title{margin:0;text-transform:uppercase;font-size:2rem;text-shadow:2px 2px 0px rgba(0,0,0,.1)}.controls{display:flex;gap:15px}#canvas-container{position:relative;background-color:#e3f2fd;border:4px solid var(--border);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 0 var(--border);border-radius:8px;overflow:hidden;background-image:linear-gradient(45deg,rgba(255,255,255,.5) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.5) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.5) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.5) 75%);background-size:40px 40px;background-position:0 0,0 20px,20px -20px,-20px 0px}#sidebar{grid-column:2;grid-row:2;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:15px}#sidebar h2{margin-top:0;border-bottom:3px solid var(--border);padding-bottom:10px}.neo-box{background:#fff;border:3px solid var(--border);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 0 var(--border)}.neo-btn{padding:10px 20px;background-color:var(--primary);border:3px solid var(--border);box-shadow:4px 4px 0 0 var(--border);font-family:inherit;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .1s}.neo-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 0 var(--border)}.neo-btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 0 var(--border)}.neo-btn.secondary{background-color:var(--secondary);color:#fff}.saved-item-row{display:flex;justify-content:space-between;align-items:center;padding:10px;border:2px solid var(--border);background:#fff;cursor:pointer;transition:transform .2s;box-shadow:2px 2px 0 var(--border);margin-bottom:10px}.saved-item-row:hover{transform:scale(1.02);background:var(--highlight)}.delete-btn{background:var(--secondary);color:#fff;border:2px solid var(--border);width:24px;height:24px;line-height:20px;text-align:center;font-weight:700;cursor:pointer}.triangle{position:absolute;width:0;height:0;cursor:grab;transition:transform .15s cubic-bezier(.175,.885,.32,1.275);touch-action:none;transform-origin:center center}.triangle:active{cursor:grabbing;z-index:999!important}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:2000;backdrop-filter:blur(4px)}.modal.hidden{display:none}.modal-content{width:900px;max-width:95%;height:85vh;padding:20px;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:3px solid var(--border);padding-bottom:10px}.modal-header h2{margin:0}.close-btn{background:none;border:2px solid var(--border);font-size:1.5rem;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--secondary);color:#fff;box-shadow:3px 3px 0 var(--border);transition:transform .1s}.close-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--border)}.close-btn:active{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--border)}#gallery-list{overflow-y:auto;flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:10px}.gallery-card{border:3px solid var(--border);background:#fff;border-radius:8px;overflow:hidden;box-shadow:4px 4px 0 var(--border);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.gallery-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--border)}.card-preview{height:200px;background-color:#f8f8f8;border-bottom:3px solid var(--border);position:relative;overflow:hidden;cursor:pointer;background-image:radial-gradient(#ddd 1px,transparent 1px);background-size:10px 10px}.card-info{padding:12px;display:flex;flex-direction:column;gap:5px;background:#fff}.card-header{display:flex;justify-content:space-between;align-items:center}.card-title{font-weight:700;font-size:1.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.card-time{font-size:.8rem;color:#666}.mini-triangle{position:absolute;width:0;height:0;transform-origin:center center}