.tool-header.svelte-n92zvc{padding:1.25rem 0 1rem;border-bottom:2px solid var(--line);margin-bottom:1rem}.tool-title.svelte-n92zvc{font-family:var(--display);font-size:1.1rem;color:var(--accent-3);text-shadow:3px 3px 0 var(--accent);margin:0 0 .5rem}.tool-sub.svelte-n92zvc{color:var(--muted);font-size:.95rem;margin:0}.tool-sub.svelte-n92zvc code:where(.svelte-n92zvc){font-size:.85em;background:var(--panel);padding:0 3px}.workspace.svelte-n92zvc{display:grid;grid-template-columns:auto 1fr;gap:1.25rem;margin-bottom:1.5rem;align-items:start}.controls.svelte-n92zvc{display:flex;flex-direction:column;gap:.6rem;margin-bottom:.75rem}.ctrl-group.svelte-n92zvc{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.ctrl-label.svelte-n92zvc{font-family:var(--display);font-size:.3rem;color:var(--muted)}.ctrl-val.svelte-n92zvc{font-family:var(--display);font-size:.3rem;color:var(--ink);min-width:2rem}.ctrl-inline.svelte-n92zvc{display:flex;align-items:center;gap:.4rem}.slider.svelte-n92zvc{width:80px;accent-color:var(--accent-3)}.tool-btn.svelte-n92zvc{width:30px;height:30px;font-size:.9rem;background:none;border:1px solid var(--line);color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .08s,color .08s}.tool-btn.svelte-n92zvc:hover{color:var(--ink)}.tool-btn.active.svelte-n92zvc{border-color:var(--accent-3);color:var(--accent-3)}.color-pick.svelte-n92zvc{width:30px;height:30px;border:1px solid var(--line);padding:2px;cursor:pointer}.swatch-grid.svelte-n92zvc{display:grid;grid-template-columns:repeat(8,1fr);gap:2px}.swatch.svelte-n92zvc{aspect-ratio:1;border:2px solid transparent;cursor:pointer;transition:transform .05s}.swatch.svelte-n92zvc:hover{transform:scale(1.15)}.swatch.active.svelte-n92zvc{border-color:var(--accent-3)}.pixel-canvas.svelte-n92zvc{display:block;border:2px solid var(--line);box-shadow:4px 4px #000;image-rendering:pixelated}.right-col.svelte-n92zvc{display:flex;flex-direction:column;gap:.5rem;min-width:0}.code-label.svelte-n92zvc,.preview-label.svelte-n92zvc{font-family:var(--display);font-size:.33rem;color:var(--muted)}.code-box.svelte-n92zvc{background:var(--panel);border:1px solid var(--line);padding:.75rem;font-size:.72rem;overflow-x:auto;max-height:280px;overflow-y:auto;color:var(--muted);white-space:pre-wrap;word-break:break-all;margin:0}.pixel-preview.svelte-n92zvc{background:#333;border:1px solid var(--line);padding:1rem;min-height:60px;display:flex;align-items:center;justify-content:center;overflow:hidden}.pixel-art.svelte-n92zvc{width:1px;height:1px;position:relative}.about.svelte-n92zvc{margin-top:1.5rem}.about-title.svelte-n92zvc{font-family:var(--display);font-size:.5rem;color:var(--accent-3);margin:0 0 .75rem}.about.svelte-n92zvc p:where(.svelte-n92zvc){font-size:.9rem;color:var(--muted);line-height:1.6;margin:0 0 .5rem}.about.svelte-n92zvc code:where(.svelte-n92zvc){background:var(--panel);padding:1px 4px}@media (max-width: 600px){.workspace.svelte-n92zvc{grid-template-columns:1fr}}