.dropzone.svelte-12nwxwb{width:100%;min-height:200px;border:3px dashed #3a3a5c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;cursor:pointer;transition:border-color .15s,background .15s;background:#22223a;padding:32px;font-family:Silkscreen,monospace}.dropzone.svelte-12nwxwb:hover,.dropzone.dragging.svelte-12nwxwb{border-color:#5cdd6d;background:#252545}.pixel-icon.svelte-12nwxwb{display:flex;flex-direction:column;gap:2px}.icon-row.svelte-12nwxwb{display:flex;gap:2px}.icon-row.svelte-12nwxwb span:where(.svelte-12nwxwb){display:block;width:8px;height:8px;background:transparent}.icon-row.svelte-12nwxwb span.lit:where(.svelte-12nwxwb){background:#505080}.icon-row.svelte-12nwxwb span.bright:where(.svelte-12nwxwb){background:#5cdd6d}.dropzone.svelte-12nwxwb:hover .icon-row:where(.svelte-12nwxwb) span.lit:where(.svelte-12nwxwb){background:#7070a0}.dropzone.svelte-12nwxwb:hover .icon-row:where(.svelte-12nwxwb) span.bright:where(.svelte-12nwxwb){background:#7dff8e}.label.svelte-12nwxwb{font-size:12px;color:#5cdd6d}.hint.svelte-12nwxwb{font-size:10px;color:#505070}.canvas-wrap.svelte-az4v7y{width:100%;overflow:hidden;background:repeating-conic-gradient(#22223a 0% 25%,#1e1e36 0% 50%) 0 0 / 16px 16px;image-rendering:pixelated}canvas.svelte-az4v7y{display:block;width:100%;height:auto;image-rendering:pixelated}.panel.svelte-1sy5gxb{display:flex;flex-direction:column;gap:14px;font-family:Silkscreen,monospace}.section.svelte-1sy5gxb{display:flex;flex-direction:column;gap:8px}.section-label.svelte-1sy5gxb{font-family:"Press Start 2P",monospace;font-size:8px;color:#f0f070;letter-spacing:.05em;display:flex;justify-content:space-between;align-items:center}.section-label.svelte-1sy5gxb strong:where(.svelte-1sy5gxb){color:#5cdd6d;font-family:Silkscreen,monospace;font-size:13px}.divider.svelte-1sy5gxb{height:2px;background:repeating-linear-gradient(90deg,#3a3a5c 0px,#3a3a5c 4px,transparent 4px,transparent 8px)}.bar-visual.svelte-1sy5gxb{display:flex;gap:2px}.bar-block.svelte-1sy5gxb{width:100%;height:6px;background:#2a2a44;flex:1}.bar-block.filled.svelte-1sy5gxb{background:#5cdd6d}.chip-grid.svelte-1sy5gxb{display:flex;flex-wrap:wrap;gap:4px}.chip.svelte-1sy5gxb{padding:5px 10px;border:2px solid #3a3a5c;font-family:Silkscreen,monospace;font-size:11px;color:#8080a0;background:#22223a;cursor:pointer;transition:all .1s}.chip.svelte-1sy5gxb:hover{border-color:#505080;color:#b0b0d0;background:#2a2a48}.chip.active.svelte-1sy5gxb{border-color:#5cdd6d;background:#1a3a2a;color:#5cdd6d}.desc.svelte-1sy5gxb{font-size:10px;color:#505070;line-height:1.6}.slider-group.svelte-1sy5gxb{display:flex;flex-direction:column;gap:8px}input[type=range].svelte-1sy5gxb{width:100%;accent-color:#5cdd6d;height:4px}.sub-slider.svelte-1sy5gxb{display:flex;flex-direction:column;gap:4px;padding:8px 10px;background:#1e1e36;border:1px solid #3a3a5c}.sub-label.svelte-1sy5gxb{font-size:10px;color:#7070a0;display:flex;justify-content:space-between}.sub-label.svelte-1sy5gxb strong:where(.svelte-1sy5gxb){color:#5cdd6d}.color-swatches.svelte-1sy5gxb{display:flex;flex-wrap:wrap;gap:2px}.swatch.svelte-1sy5gxb{width:14px;height:14px;border:1px solid rgba(255,255,255,.1)}.actions.svelte-1sy5gxb{display:flex;gap:6px}.download-btn.svelte-1sy5gxb{flex:1;padding:10px 12px;background:#5cdd6d;color:#1a1a2e;border:none;font-family:Silkscreen,monospace;font-size:11px;font-weight:700;cursor:pointer;transition:background .15s}.download-btn.svelte-1sy5gxb:hover{background:#7dff8e}.reset-btn.svelte-1sy5gxb{padding:10px 12px;border:2px solid #3a3a5c;font-family:Silkscreen,monospace;font-size:11px;color:#7070a0;background:#22223a;cursor:pointer;transition:all .15s}.reset-btn.svelte-1sy5gxb:hover{border-color:#f07070;color:#f07070}.page.svelte-ab11d0{height:calc(100vh - 45px);display:flex;flex-direction:column;background:#1a1a2e}.upload-view.svelte-ab11d0{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;gap:32px}.upload-header.svelte-ab11d0{text-align:center}.title-art.svelte-ab11d0{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:16px}.pixel-star.svelte-ab11d0{font-size:24px;color:#f0f070;animation:svelte-ab11d0-blink 1.2s step-end infinite}.pixel-star.svelte-ab11d0:last-child{animation-delay:.6s}@keyframes svelte-ab11d0-blink{0%,to{opacity:1}50%{opacity:.3}}.upload-header.svelte-ab11d0 h1:where(.svelte-ab11d0){font-family:"Press Start 2P",monospace;font-size:20px;color:#e0e0e0;line-height:1.8}.subtitle.svelte-ab11d0{font-family:Silkscreen,monospace;font-size:12px;color:#5cdd6d;margin-bottom:16px;animation:svelte-ab11d0-blink 2s step-end infinite}.pixel-divider.svelte-ab11d0{display:flex;justify-content:center;gap:4px}.pixel-divider.svelte-ab11d0 span:where(.svelte-ab11d0){display:block;width:6px;height:6px;background:#3a3a5c}.pixel-divider.svelte-ab11d0 span:where(.svelte-ab11d0):nth-child(odd){background:#505080}.upload-area.svelte-ab11d0{width:100%;max-width:480px}.editor.svelte-ab11d0{flex:1;display:grid;grid-template-columns:1fr 320px;min-height:0}.preview-pane.svelte-ab11d0{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;background:linear-gradient(#1a1a2ef2,#1a1a2ef2),repeating-conic-gradient(#1e1e36 0% 25%,#1a1a2e 0% 50%) 0 0 / 24px 24px;min-height:0;overflow:hidden}.preview-canvas.svelte-ab11d0{position:relative;max-width:100%;max-height:calc(100vh - 160px);cursor:pointer;-webkit-user-select:none;user-select:none;border:3px solid #3a3a5c;overflow:hidden;image-rendering:pixelated}.canvas-layer.svelte-ab11d0{display:block}.canvas-layer.hidden.svelte-ab11d0{display:none}.original-img.svelte-ab11d0{display:block;width:100%;height:auto}.preview-badge.svelte-ab11d0{position:absolute;top:8px;left:8px;padding:4px 8px;background:#000c;border:1px solid #5cdd6d;color:#5cdd6d;font-family:Silkscreen,monospace;font-size:10px;pointer-events:none}.preview-hint.svelte-ab11d0{font-family:Silkscreen,monospace;font-size:10px;color:#505070}.sidebar.svelte-ab11d0{display:flex;flex-direction:column;padding:16px;border-left:3px solid #3a3a5c;background:#16162a;overflow-y:auto}.sidebar.svelte-ab11d0::-webkit-scrollbar{width:6px}.sidebar.svelte-ab11d0::-webkit-scrollbar-track{background:#16162a}.sidebar.svelte-ab11d0::-webkit-scrollbar-thumb{background:#3a3a5c}@media(max-width:768px){.page.svelte-ab11d0{height:auto}.editor.svelte-ab11d0{grid-template-columns:1fr;grid-template-rows:auto 1fr}.preview-pane.svelte-ab11d0{min-height:300px}.preview-canvas.svelte-ab11d0{max-height:50vh}.sidebar.svelte-ab11d0{border-left:none;border-top:3px solid #3a3a5c}}