:root{font-family:system-ui,-apple-system,sans-serif;background:#111;color:#eee}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}.layout.svelte-1n46o8q{display:grid;grid-template-columns:320px 1fr;grid-template-rows:1fr auto;grid-template-areas:"info canvas" "info bar";height:100vh;height:100dvh}.info-toggle.svelte-1n46o8q,.info-backdrop.svelte-1n46o8q{display:none}.info.svelte-1n46o8q{grid-area:info;background:#14141a;border-right:1px solid #2a2a2f;padding:1.25rem 1.25rem 1rem;overflow-y:auto;color:#c9c9d0;font-size:.85rem;line-height:1.5}.info.svelte-1n46o8q h2:where(.svelte-1n46o8q){margin:0 0 .75rem;color:#f0f0f5;font-size:1.05rem;font-weight:600}.info.svelte-1n46o8q h3:where(.svelte-1n46o8q){margin:1.25rem 0 .5rem;color:#f0f0f5;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.info.svelte-1n46o8q p:where(.svelte-1n46o8q){margin:0 0 .75rem}.info.svelte-1n46o8q ol:where(.svelte-1n46o8q),.info.svelte-1n46o8q ul:where(.svelte-1n46o8q){margin:0 0 .75rem;padding-left:1.25rem}.info.svelte-1n46o8q li:where(.svelte-1n46o8q){margin-bottom:.35rem}.info.svelte-1n46o8q ul:where(.svelte-1n46o8q){list-style:none;padding-left:0}.info.svelte-1n46o8q ul:where(.svelte-1n46o8q) li:where(.svelte-1n46o8q){display:flex;align-items:center;gap:.6rem}.info.svelte-1n46o8q .tip:where(.svelte-1n46o8q){margin-top:1rem;padding:.6rem .75rem;background:#1c1c24;border-left:2px solid #4a4a55;border-radius:2px;font-size:.8rem;color:#a0a0aa}.info.svelte-1n46o8q em:where(.svelte-1n46o8q){color:#d5d5db;font-style:normal;font-weight:500}.info.svelte-1n46o8q strong:where(.svelte-1n46o8q){color:#f0f0f5}.swatch.svelte-1n46o8q{display:inline-block;width:.85rem;height:.85rem;border-radius:50%;flex-shrink:0}.swatch.corner.svelte-1n46o8q{background:#d9d9e0}.swatch.highlight.svelte-1n46o8q{background:#fad94d}.swatch.guide.svelte-1n46o8q{background:linear-gradient(90deg,transparent 0,#f2bf59 30%,#f2bf59 70%,transparent 100%);border-radius:0;height:2px;align-self:center}.swatch.current.svelte-1n46o8q{background:#f28c5a}.swatch.trail.svelte-1n46o8q{background:#a6daf2}.canvas-wrap.svelte-1n46o8q{grid-area:canvas;position:relative;overflow:hidden}canvas.svelte-1n46o8q{width:100%;height:100%;display:block}.zoom-controls.svelte-1n46o8q{position:absolute;top:.75rem;left:.75rem;display:flex;flex-direction:column;align-items:stretch;gap:.25rem;background:#1c1c1fbf;backdrop-filter:blur(4px);border:1px solid #2a2a2f;border-radius:6px;padding:.35rem}.zoom-controls.svelte-1n46o8q button:where(.svelte-1n46o8q){background:#2a2a2f;color:#eee;border:1px solid #3a3a40;border-radius:4px;width:2rem;height:2rem;font-size:1.05rem;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.zoom-controls.svelte-1n46o8q button:where(.svelte-1n46o8q):hover:not(:disabled){background:#34343a}.zoom-controls.svelte-1n46o8q button:where(.svelte-1n46o8q):disabled{opacity:.45;cursor:default}.zoom-readout.svelte-1n46o8q{font-size:.7rem;color:#aaa;font-variant-numeric:tabular-nums;text-align:center;padding-top:.15rem}.playback-bar.svelte-1n46o8q{grid-area:bar;background:#1c1c1f;border-top:1px solid #2a2a2f;padding:.5rem 1rem;display:flex;align-items:center;gap:.75rem;font-size:.9rem}.playback-bar.svelte-1n46o8q button:where(.svelte-1n46o8q){background:#2a2a2f;color:#eee;border:1px solid #3a3a40;border-radius:4px;padding:.35rem .7rem;font-size:1rem;cursor:pointer}.playback-bar.svelte-1n46o8q button:where(.svelte-1n46o8q):hover{background:#34343a}.iteration.svelte-1n46o8q{font-variant-numeric:tabular-nums;color:#bbb;min-width:8rem}.iteration.svelte-1n46o8q .sub:where(.svelte-1n46o8q){color:#666;margin-left:.5rem}.iterations.svelte-1n46o8q{display:flex;align-items:center;gap:.5rem;color:#bbb}.iterations.svelte-1n46o8q input:where(.svelte-1n46o8q){background:#2a2a2f;color:#eee;border:1px solid #3a3a40;border-radius:4px;padding:.25rem .4rem;width:5rem;font-variant-numeric:tabular-nums}.speed.svelte-1n46o8q{display:flex;align-items:center;gap:.5rem;margin-left:auto;color:#bbb}.speed.svelte-1n46o8q .value:where(.svelte-1n46o8q){font-variant-numeric:tabular-nums;width:2.5rem;text-align:right}@media (max-width: 768px){.layout.svelte-1n46o8q{grid-template-columns:1fr;grid-template-rows:1fr auto;grid-template-areas:"canvas" "bar"}.info.svelte-1n46o8q{position:fixed;top:0;left:0;width:min(320px,88vw);height:100dvh;transform:translate(-100%);transition:transform .22s ease;z-index:30;box-shadow:0 0 24px #0000008c}.info.open.svelte-1n46o8q{transform:translate(0)}.info-toggle.svelte-1n46o8q{display:inline-flex;position:absolute;top:.75rem;right:.75rem;z-index:31;align-items:center;justify-content:center;background:#1c1c1fd9;backdrop-filter:blur(4px);color:#eee;border:1px solid #2a2a2f;border-radius:6px;width:2.25rem;height:2.25rem;font-size:1.05rem;cursor:pointer;padding:0}.info-backdrop.svelte-1n46o8q{display:block;position:fixed;inset:0;background:#00000073;border:none;cursor:pointer;z-index:29}.playback-bar.svelte-1n46o8q{flex-wrap:wrap;justify-content:center;row-gap:.5rem}.speed.svelte-1n46o8q{margin-left:0;flex-basis:100%;justify-content:center}.speed.svelte-1n46o8q input:where(.svelte-1n46o8q){flex:1;max-width:18rem}.iteration.svelte-1n46o8q{min-width:0}.zoom-controls.svelte-1n46o8q button:where(.svelte-1n46o8q){width:1.75rem;height:1.75rem;font-size:.95rem}}