:root{--body-bg: #05070d;--text-primary: #e5e7eb;--text-heading: #f9fafb;--text-muted: #9ca3af;--summary-color: #a5b4fc;--header-bg: #0a0f19;--header-border: rgba(30, 64, 175, .2);--header-shadow: 0 12px 30px rgba(15, 23, 42, .6), 0 0 0 1px rgba(15, 23, 42, .5);--panel-bg: #0c111b;--panel-border: rgba(30, 64, 175, .2);--panel-shadow: 0 8px 20px rgba(15, 23, 42, .45), 0 0 0 1px rgba(15, 23, 42, .3);--surface-bg: #0b1019;--surface-border: rgba(15, 23, 42, .3);--surface-shadow: inset 0 0 0 1px rgba(15, 23, 42, .25);--grid-bg: #090f17;--grid-shadow: inset 0 0 0 1px rgba(15, 23, 42, .3), 0 6px 14px rgba(15, 23, 42, .55);--cell-bg: #020617;--cell-border: rgba(30, 64, 175, .8);--cell-active-border: rgba(148, 163, 184, .8);--button-bg: radial-gradient(circle at top, #0f172a, #020617);--button-border: rgba(55, 65, 81, .9);--button-text: #e5e7eb;--clear-btn-border: rgba(148, 163, 184, .7);--clear-btn-bg: radial-gradient(circle at top, #0f172a, #020617);--clear-btn-text: #e5e7eb;--input-bg: rgba(15, 23, 42, .9);--input-border: rgba(30, 64, 175, .8);--input-text: #e5e7eb;--primary-button-bg: radial-gradient(circle at top, #1d4ed8, #1e293b);--primary-button-border: rgba(96, 165, 250, .9);--primary-button-text: #f9fafb;--danger-border: rgba(248, 113, 113, .75);--danger-bg: radial-gradient(circle at top, #451a1a, #111827);--danger-text: #fecaca;--swatch-border: rgba(15, 23, 42, .9);--swatch-active-inner: #f9fafb;--swatch-active-outer: #4f46e5;--eraser-bg: conic-gradient(from 135deg, #0f172a, #020617);--eraser-text: #f9fafb;--count-color: #64748b;--code-bg: #080c14;--code-color: #e5e7eb;--preview-bg: #0a0f18;--preview-border: rgba(15, 23, 42, .25);--frame-thumb-border: rgba(55, 65, 81, .9);--frame-thumb-bg: rgba(15, 23, 42, .9);--frame-inner-bg: #020617;--frame-pixel-border: rgba(15, 23, 42, .8);--animation-button-border: rgba(55, 65, 81, .95);--accent-color: #4f46e5;--sprite-selected-bg: radial-gradient(circle at top, rgba(79, 70, 229, .4), #020617);--sprite-selected-border: rgba(129, 140, 248, .9)}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--body-bg);color:var(--text-primary);min-height:100vh;transition:background .3s ease,color .3s ease}body[data-theme=light]{--body-bg: linear-gradient(180deg, #fbfcff 0%, #eef2f8 70%);--text-primary: #0f172a;--text-heading: #0f172a;--text-muted: #5b6475;--summary-color: #4f46e5;--header-bg: transparent;--header-border: rgba(203, 213, 225, .6);--header-shadow: none;--panel-bg: #ffffff;--panel-border: rgba(203, 213, 225, .35);--panel-shadow: 0 4px 10px rgba(15, 23, 42, .05), 0 0 0 1px rgba(226, 232, 240, .3);--surface-bg: #ffffff;--surface-border: rgba(226, 232, 240, .3);--surface-shadow: inset 0 0 0 1px rgba(226, 232, 240, .3);--grid-bg: #ffffff;--grid-shadow: inset 0 0 0 1px rgba(226, 232, 240, .35), 0 4px 10px rgba(148, 163, 184, .12);--cell-bg: #f8fafc;--cell-border: rgba(203, 213, 225, 1);--cell-active-border: rgba(59, 130, 246, .8);--button-bg: linear-gradient(180deg, #f8fafc, #e2e8f0);--button-border: rgba(148, 163, 184, .9);--button-text: #0f172a;--clear-btn-border: rgba(148, 163, 184, .9);--clear-btn-bg: linear-gradient(180deg, #ffffff, #e2e8f0);--clear-btn-text: #0f172a;--input-bg: #ffffff;--input-border: rgba(203, 213, 225, 1);--input-text: #0f172a;--primary-button-bg: linear-gradient(180deg, #2563eb, #1d4ed8);--primary-button-border: rgba(59, 130, 246, .8);--primary-button-text: #f8fafc;--danger-border: rgba(248, 113, 113, .8);--danger-bg: linear-gradient(180deg, #fee2e2, #fecaca);--danger-text: #7f1d1d;--swatch-border: rgba(203, 213, 225, 1);--swatch-active-inner: #0f172a;--swatch-active-outer: #38bdf8;--eraser-bg: conic-gradient(from 135deg, #e2e8f0, #f8fafc);--eraser-text: #0f172a;--count-color: #475569;--code-bg: #f8fafc;--code-color: #0f172a;--preview-bg: #ffffff;--preview-border: rgba(203, 213, 225, .9);--frame-thumb-border: rgba(203, 213, 225, 1);--frame-thumb-bg: #ffffff;--frame-inner-bg: #f8fafc;--frame-pixel-border: rgba(226, 232, 240, 1);--animation-button-border: rgba(148, 163, 184, .9);--accent-color: #2563eb;--sprite-selected-bg: linear-gradient(180deg, rgba(79, 70, 229, .15), rgba(226, 232, 240, .7));--sprite-selected-border: rgba(99, 102, 241, .8)}main.svelte-1uha8ag{min-height:100vh}.page-header.svelte-1uha8ag{padding:1.5rem 1.5rem .75rem;border-bottom:1px solid var(--header-border);background:transparent;box-shadow:none;position:sticky;top:0;z-index:10}.header-content.svelte-1uha8ag{max-width:960px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.header-actions.svelte-1uha8ag{display:flex;align-items:center;gap:.4rem}.logo-stack.svelte-1uha8ag{flex:1;min-width:240px;display:flex;align-items:center;justify-content:flex-start;gap:.65rem;padding:.35rem 0;background:transparent}.logo-text.svelte-1uha8ag{display:flex;flex-direction:row;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:.18em}.logo-line.svelte-1uha8ag{font-weight:800;margin:0;color:transparent;-webkit-background-clip:text;background-clip:text;white-space:nowrap;text-transform:uppercase;font-size:1.8rem}.logo-line.top.svelte-1uha8ag{background-image:linear-gradient(90deg,#38bdf8,#fde047)}.logo-line.bottom.svelte-1uha8ag{background-image:linear-gradient(90deg,#10b981,#22d3ee,#fb923c)}.sparkle.svelte-1uha8ag{font-size:1rem;color:#fde047;filter:drop-shadow(0 0 6px rgba(253,224,71,.65))}.header-icon.svelte-1uha8ag{width:2.2rem;height:2.2rem;border-radius:999px;border:1px solid var(--clear-btn-border);background:transparent;color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;font-size:1rem;line-height:1;cursor:pointer;text-decoration:none;transition:border-color .2s ease,color .2s ease}.header-icon.svelte-1uha8ag:hover{border-color:var(--summary-color);color:var(--summary-color)}.theme-toggle.svelte-1uha8ag{background:transparent}.layout.svelte-1uha8ag{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,2fr);gap:1rem;padding:1rem 1.5rem 2rem;max-width:1200px;margin:0 auto}.left-panel.svelte-1uha8ag,.right-panel.svelte-1uha8ag{display:flex;flex-direction:column;gap:.75rem}.panel.svelte-1uha8ag{border-radius:6px;background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:0 4px 10px #0f172a26,0 0 0 1px #0f172a40;padding:.75rem 1rem 1rem}.panel.svelte-1uha8ag>summary:where(.svelte-1uha8ag){list-style:none;cursor:pointer;font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:.8rem;color:var(--summary-color);display:flex;align-items:center;justify-content:space-between;gap:.45rem}.panel[open].svelte-1uha8ag>summary:where(.svelte-1uha8ag){margin-bottom:.6rem}.panel.svelte-1uha8ag>summary:where(.svelte-1uha8ag)::-webkit-details-marker{display:none}.panel-hint.svelte-1uha8ag{margin:0 0 .5rem;font-size:.78rem;color:var(--text-muted)}.guide-overlay.svelte-1uha8ag{position:fixed;inset:0;background:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:100;padding:1.5rem}.guide-modal.svelte-1uha8ag{background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);border-radius:12px;max-width:420px;width:100%;padding:1rem 1.2rem;color:var(--text-primary)}.guide-header.svelte-1uha8ag{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.guide-header.svelte-1uha8ag h2:where(.svelte-1uha8ag){margin:0;font-size:1rem;letter-spacing:.08em;text-transform:uppercase;color:var(--summary-color)}.guide-content.svelte-1uha8ag{font-size:.85rem;color:var(--text-muted)}.guide-content.svelte-1uha8ag ol:where(.svelte-1uha8ag){padding-left:1.2rem;margin-top:.35rem;margin-bottom:.75rem}.guide-content.svelte-1uha8ag a:where(.svelte-1uha8ag){color:var(--summary-color)}.summary-title.svelte-1uha8ag{flex:1}.info-icon.svelte-1uha8ag{width:20px;height:20px;border-radius:50%;border:1px solid var(--button-border);background:transparent;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;font-size:.65rem;line-height:1;cursor:pointer}.info-icon.svelte-1uha8ag:hover{border-color:var(--summary-color);color:var(--summary-color)}.grid-wrapper.svelte-1uha8ag{margin-top:.25rem;padding:.75rem;border-radius:6px;background:var(--surface-bg);box-shadow:inset 0 0 0 1px #0f172a26}.grid-header.svelte-1uha8ag{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.grid-header-actions.svelte-1uha8ag{display:flex;gap:.35rem}.label.svelte-1uha8ag{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.clear-btn.svelte-1uha8ag{border-radius:999px;border:1px solid var(--clear-btn-border);padding:.22rem .65rem;background:var(--clear-btn-bg);color:var(--clear-btn-text);font-size:.75rem;cursor:pointer}.clear-btn.svelte-1uha8ag:hover{border-color:var(--text-primary)}.reset-btn.svelte-1uha8ag{font-weight:600}.grid-controls.svelte-1uha8ag{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:.6rem;gap:.75rem}.dimension-controls.svelte-1uha8ag{display:flex;flex-direction:column;gap:.3rem}.dim-row.svelte-1uha8ag{display:flex;align-items:center;gap:.4rem}.dim-row.svelte-1uha8ag span:where(.svelte-1uha8ag){font-size:.8rem;color:var(--text-muted)}.controls.svelte-1uha8ag{display:flex;gap:.25rem}.controls.svelte-1uha8ag button:where(.svelte-1uha8ag){border-radius:99px;border:1px solid var(--button-border);padding:.15rem .5rem;background:var(--button-bg);color:var(--button-text);font-size:.75rem;cursor:pointer}.controls.svelte-1uha8ag button:where(.svelte-1uha8ag):disabled{opacity:.35;cursor:default}.crop-toggle.svelte-1uha8ag label:where(.svelte-1uha8ag){font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;gap:.35rem}.crop-toggle.svelte-1uha8ag input[type=checkbox]:where(.svelte-1uha8ag){accent-color:var(--accent-color)}.grid.svelte-1uha8ag{display:grid;grid-template-columns:repeat(var(--w),var(--pixel-size));gap:2px;background:var(--grid-bg);padding:.5rem;border-radius:6px;box-shadow:inset 0 0 0 1px #0f172a26;max-width:calc(100vw - 3rem);overflow:auto}.cell.svelte-1uha8ag{width:var(--pixel-size);height:var(--pixel-size);border-radius:4px;background:var(--cell-bg);border:1px solid var(--cell-border);cursor:crosshair;padding:0}.cell.on.svelte-1uha8ag{border-color:var(--cell-active-border)}.toolbar.svelte-1uha8ag{display:flex;flex-direction:column;gap:.6rem;margin-top:.1rem;margin-bottom:.5rem}.palette-section.svelte-1uha8ag{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.custom-palette-controls.svelte-1uha8ag{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-muted)}.custom-color-label.svelte-1uha8ag{display:flex;align-items:center;gap:.35rem}.custom-color-label.svelte-1uha8ag input[type=color]:where(.svelte-1uha8ag){width:32px;height:20px;padding:0;border:none;background:transparent}.palette.svelte-1uha8ag{display:flex;flex-direction:column;gap:.35rem}.swatches.svelte-1uha8ag{display:flex;flex-wrap:wrap;gap:.35rem}.swatch.svelte-1uha8ag{width:22px;height:22px;border-radius:999px;border:1px solid var(--swatch-border);padding:0;cursor:pointer;outline:none}.swatch.active.svelte-1uha8ag{box-shadow:0 0 0 2px var(--swatch-active-inner),0 0 0 4px var(--swatch-active-outer)}.swatch.eraser.svelte-1uha8ag{display:flex;align-items:center;justify-content:center;font-size:.7rem;background:var(--eraser-bg);color:var(--eraser-text);border:1px solid var(--clear-btn-border)}.size-row.svelte-1uha8ag{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:space-between}.size-row.svelte-1uha8ag label:where(.svelte-1uha8ag){display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-muted)}.size-row.svelte-1uha8ag input[type=range]:where(.svelte-1uha8ag){width:160px}.size-row.svelte-1uha8ag span:where(.svelte-1uha8ag){font-size:.8rem;color:var(--text-primary)}.sprite-actions.svelte-1uha8ag{margin-top:.6rem;display:flex;justify-content:flex-end}.sprite-clear-all.svelte-1uha8ag{border-radius:999px;border:1px solid var(--danger-border);padding:.25rem .65rem;background:var(--danger-bg);color:var(--danger-text);font-size:.75rem;cursor:pointer}.sprite-clear-all.svelte-1uha8ag:disabled{opacity:.4;cursor:default}.empty-state.svelte-1uha8ag{margin-top:.5rem;font-size:.8rem;color:var(--text-muted)}.sprites-panel.svelte-1uha8ag{margin-top:.75rem;border-radius:6px;padding:.6rem .7rem;background:var(--surface-bg);box-shadow:inset 0 0 0 1px #0f172a26}.sprites-header.svelte-1uha8ag{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.count.svelte-1uha8ag{font-size:.75rem;color:var(--count-color)}.sprite-save-row.svelte-1uha8ag{display:flex;gap:.4rem;margin-bottom:.5rem}.sprite-save-row.svelte-1uha8ag input[type=text]:where(.svelte-1uha8ag){flex:1;border-radius:999px;border:1px solid var(--input-border);padding:.25rem .55rem;font-size:.8rem;background:var(--input-bg);color:var(--input-text)}.sprite-save-row.svelte-1uha8ag button:where(.svelte-1uha8ag){border-radius:999px;border:1px solid var(--primary-button-border);padding:.25rem .75rem;background:var(--primary-button-bg);color:var(--primary-button-text);font-size:.8rem;cursor:pointer}.sprites-list.svelte-1uha8ag{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.35rem;max-height:220px;overflow-y:auto}.sprites-list.svelte-1uha8ag li:where(.svelte-1uha8ag){display:flex;align-items:center;gap:.35rem}.sprites-list.svelte-1uha8ag li.selected:where(.svelte-1uha8ag) .sprite-button:where(.svelte-1uha8ag){border-color:var(--sprite-selected-border);background:var(--sprite-selected-bg)}.sprite-button.svelte-1uha8ag{flex:1;text-align:left;border-radius:999px;border:1px solid var(--surface-border);padding:.18rem .6rem;background:var(--surface-bg);color:var(--text-primary);font-size:.78rem;cursor:pointer}.sprite-delete.svelte-1uha8ag{border-radius:999px;border:1px solid var(--clear-btn-border);padding:.15rem .45rem;background:var(--button-bg);color:var(--button-text);font-size:.75rem;cursor:pointer}.sprite-delete.svelte-1uha8ag:hover{border-color:#ef4444e6;color:var(--danger-text)}.preview.svelte-1uha8ag{border-radius:6px;padding:.7rem;background:var(--preview-bg);box-shadow:inset 0 0 0 1px #0f172a26;display:flex;justify-content:center;align-items:center;margin-bottom:.6rem}.pixel-output.svelte-1uha8ag{border-radius:4px;box-shadow:0 0 0 1px #0f172acc;background:transparent;transition:transform .3s ease}.pixel-output.playing.svelte-1uha8ag{animation:svelte-1uha8ag-subtle-glow 2s ease-in-out infinite alternate}.pixel-output.glow.svelte-1uha8ag{animation:svelte-1uha8ag-preview-glow 1.6s ease-in-out infinite;box-shadow:0 0 0 1px #3b82f6cc,0 0 20px #3b82f666,0 0 40px #2dd4bf4d}.pixel-output.pulse.svelte-1uha8ag{animation:svelte-1uha8ag-preview-pulse 1.1s ease-in-out infinite}.pixel-output.bounce.svelte-1uha8ag{animation:svelte-1uha8ag-preview-bounce 1s ease-in-out infinite}.pixel-output.wiggle.svelte-1uha8ag{animation:svelte-1uha8ag-preview-wiggle .9s ease-in-out infinite}@keyframes svelte-1uha8ag-subtle-glow{0%{transform:translateY(0);box-shadow:0 0 0 1px #0f172ae6,0 0 25px #3b82f64d}to{transform:translateY(-1px);box-shadow:0 0 0 1px #0f172ae6,0 0 35px #3b82f68c}}.animation-toolbar.svelte-1uha8ag{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.4rem}.frames-info.svelte-1uha8ag{display:flex;justify-content:space-between;font-size:.78rem;color:var(--text-muted)}.animation-buttons.svelte-1uha8ag{display:flex;flex-wrap:wrap;gap:.35rem}.animation-buttons.svelte-1uha8ag button:where(.svelte-1uha8ag){border-radius:999px;border:1px solid var(--animation-button-border);padding:.22rem .6rem;background:var(--button-bg);color:var(--button-text);font-size:.75rem;cursor:pointer}.animation-buttons.svelte-1uha8ag button:where(.svelte-1uha8ag):disabled{opacity:.4;cursor:default}.speed-row.svelte-1uha8ag{margin-bottom:.5rem}.speed-row.svelte-1uha8ag label:where(.svelte-1uha8ag){font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;gap:.5rem}.speed-row.svelte-1uha8ag input[type=range]:where(.svelte-1uha8ag){flex:1}@keyframes svelte-1uha8ag-preview-glow{0%{transform:translateY(0);box-shadow:0 0 0 1px #3b82f6cc,0 0 10px #3b82f659}to{transform:translateY(-2px);box-shadow:0 0 0 1px #3b82f6cc,0 0 25px #2dd4bf8c}}@keyframes svelte-1uha8ag-preview-pulse{0%{transform:scale(1)}50%{transform:scale(1.07)}to{transform:scale(1)}}@keyframes svelte-1uha8ag-preview-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes svelte-1uha8ag-preview-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(3deg)}75%{transform:rotate(-3deg)}}.animation-style-row.svelte-1uha8ag{margin-bottom:.7rem}.animation-style-row.svelte-1uha8ag label:where(.svelte-1uha8ag){font-size:.8rem;color:var(--text-muted);display:flex;flex-direction:column;gap:.3rem}.animation-style-row.svelte-1uha8ag select:where(.svelte-1uha8ag){border-radius:999px;border:1px solid var(--button-border);padding:.2rem .65rem;background:var(--surface-bg);color:var(--text-primary);font-size:.85rem}.frames-strip.svelte-1uha8ag{margin-top:.6rem;display:flex;flex-wrap:nowrap;gap:.4rem;overflow-x:auto;padding-bottom:.2rem}.frame-item.svelte-1uha8ag{display:flex;flex-direction:column;align-items:center;gap:.2rem}.frame-controls.svelte-1uha8ag{display:flex;gap:.15rem}.frame-controls.svelte-1uha8ag button:where(.svelte-1uha8ag){border-radius:999px;border:1px solid var(--button-border);background:var(--button-bg);padding:.1rem .25rem;font-size:.7rem;line-height:1;cursor:pointer}.frame-controls.svelte-1uha8ag button:where(.svelte-1uha8ag):disabled{opacity:.4;cursor:default}.frame-thumb.svelte-1uha8ag{border-radius:6px;border:1px solid var(--frame-thumb-border);background:var(--frame-thumb-bg);padding:.25rem .3rem .2rem;display:flex;flex-direction:column;align-items:center;gap:.15rem;cursor:pointer;min-width:40px}.frame-thumb.active.svelte-1uha8ag{border-color:#60a5fa;box-shadow:0 0 0 1px #2563ebb3}.frame-thumb-inner.svelte-1uha8ag{display:grid;grid-template-columns:repeat(var(--frame-w),1fr);gap:1px;background:var(--frame-inner-bg);padding:2px;border-radius:4px}.frame-pixel.svelte-1uha8ag{width:4px;height:4px;border-radius:1px;border:1px solid var(--frame-pixel-border);box-sizing:border-box}.frame-label.svelte-1uha8ag{font-size:.65rem;color:var(--text-muted)}.export-row.svelte-1uha8ag{margin-top:.5rem;margin-bottom:.4rem}.export-row.svelte-1uha8ag p:where(.svelte-1uha8ag){margin:0;font-size:.8rem;color:var(--text-muted)}.code-block.svelte-1uha8ag{margin:0;padding:.75rem;background:var(--code-bg);border-radius:8px;box-shadow:var(--surface-shadow);font-size:.75rem;color:var(--code-color);max-height:320px;overflow:auto}.code-block.svelte-1uha8ag code:where(.svelte-1uha8ag){font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;white-space:pre;color:inherit}@media(max-width:900px){.layout.svelte-1uha8ag{grid-template-columns:minmax(0,1fr)}.page-header.svelte-1uha8ag{position:static}.header-content.svelte-1uha8ag{flex-direction:column;align-items:flex-start}.logo-stack.svelte-1uha8ag{width:100%;justify-content:space-between}.theme-toggle.svelte-1uha8ag{width:100%}.grid-wrapper.svelte-1uha8ag{padding-inline:.5rem}.toolbar.svelte-1uha8ag{gap:.5rem}.size-row.svelte-1uha8ag label:where(.svelte-1uha8ag){flex-direction:column;align-items:flex-start}}