.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}*{margin:0;padding:0;box-sizing:border-box}body{background:#000;min-height:100vh;overflow-x:hidden}.overlay[data-astro-cid-37fxchfa]{position:relative;z-index:1;min-height:100vh}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}.overlay.svelte-1fkkhqq{position:fixed;inset:0;background:#00050fbf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:999;display:flex;align-items:center;justify-content:center;padding:1rem}.modal.svelte-1fkkhqq{position:relative;width:100%;max-width:900px;height:90vh;background:#000a1ef5;border:1px solid rgba(130,200,255,.2);overflow:hidden;color:#c8e8f8;font-family:monospace}.close-btn.svelte-1fkkhqq{position:absolute;top:.6rem;right:.75rem;z-index:2;background:transparent;border:none;color:#c8e8f866;font-size:1.5rem;line-height:1;cursor:pointer;padding:0 .2rem;font-family:monospace}.close-btn.svelte-1fkkhqq:hover{color:#c8e8f8}.modal-body.svelte-1fkkhqq{display:grid;grid-template-columns:1fr 300px;height:100%}.col-left.svelte-1fkkhqq{display:flex;align-items:center;justify-content:center;padding:1.25rem 1rem 1.25rem 1.25rem;overflow:hidden;border-right:1px solid rgba(130,200,255,.1)}.col-right.svelte-1fkkhqq{padding:2.4rem 1rem 1rem;overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column;gap:.7rem;min-height:0}.col-right.svelte-1fkkhqq::-webkit-scrollbar{display:none}.canvas.svelte-1fkkhqq{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:1px;background:#82c8ff12;border:1px solid rgba(130,200,255,.12);padding:1px;width:min(100%,calc(90vh - 2.5rem));aspect-ratio:1;user-select:none;touch-action:none;cursor:crosshair}.cell.svelte-1fkkhqq{aspect-ratio:1;background:#040b14}.cell.svelte-1fkkhqq:hover{filter:brightness(1.6)}.controls-row.svelte-1fkkhqq{display:flex;align-items:center;gap:.5rem}.size-label.svelte-1fkkhqq{font-size:.72rem;color:#c8e8f873;white-space:nowrap;min-width:36px;text-align:center}.size-btn.svelte-1fkkhqq{background:transparent;border:1px solid rgba(130,200,255,.2);color:#c8e8f88c;font-family:monospace;font-size:1rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;user-select:none;line-height:1}.size-btn.svelte-1fkkhqq:hover{color:#c8e8f8;border-color:#82c8ff80}.size-btn.svelte-1fkkhqq:active{background:#82c8ff1a}.ctrl-btn.svelte-1fkkhqq{background:transparent;border:1px solid rgba(130,200,255,.2);color:#c8e8f880;font-family:monospace;font-size:.7rem;padding:2px 7px;cursor:pointer;white-space:nowrap}.ctrl-btn.svelte-1fkkhqq:hover:not(:disabled){color:#c8e8f8;border-color:#82c8ff80}.ctrl-btn.svelte-1fkkhqq:disabled{opacity:.25;cursor:default}.tools-row.svelte-1fkkhqq{display:flex;gap:3px;flex-wrap:wrap}.tool-btn.svelte-1fkkhqq{background:transparent;border:1px solid rgba(130,200,255,.2);color:#c8e8f873;font-family:monospace;font-size:.7rem;padding:3px 9px;cursor:pointer;white-space:nowrap}.tool-btn.svelte-1fkkhqq:hover{color:#c8e8f8;border-color:#82c8ff73}.tool-btn.active.svelte-1fkkhqq{color:#c8e8f8;border-color:#82c8ffa6;background:#82c8ff1a}.tpl-row.svelte-1fkkhqq{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.tpl-btn.svelte-1fkkhqq{background:transparent;border:1px solid rgba(130,200,255,.13);color:#c8e8f859;font-family:monospace;font-size:.65rem;padding:2px 7px;cursor:pointer;white-space:nowrap}.tpl-btn.svelte-1fkkhqq:hover{color:#c8e8f8a6;border-color:#82c8ff4d}.section-label.svelte-1fkkhqq{font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:#82c8ff66;white-space:nowrap}.palette-section.svelte-1fkkhqq{display:flex;flex-direction:column}.palette-grid.svelte-1fkkhqq{display:grid;grid-template-columns:repeat(8,16px);grid-template-rows:repeat(4,16px);gap:2px}.pal-swatch.svelte-1fkkhqq{width:16px;height:16px;border:1px solid rgba(0,0,0,.25);cursor:pointer;padding:0}.pal-swatch.svelte-1fkkhqq:hover{filter:brightness(1.25)}.pal-swatch.active.svelte-1fkkhqq{outline:2px solid #c8e8f8;outline-offset:1px;z-index:1}.preview-row.svelte-1fkkhqq{display:flex;align-items:center;gap:.75rem;margin-top:.3rem}.hint.svelte-1fkkhqq{font-size:.7rem;color:#c8e8f838}.fields.svelte-1fkkhqq{display:flex;flex-direction:column;gap:6px}input.svelte-1fkkhqq{background:#000a1e99;border:1px solid rgba(130,200,255,.2);color:#c8e8f8;font-family:monospace;font-size:.8rem;padding:.3rem .5rem;outline:none;width:100%}input.svelte-1fkkhqq:focus{border-color:#82c8ff80}input.svelte-1fkkhqq::placeholder{color:#c8e8f847}.error.svelte-1fkkhqq{font-size:.7rem;color:#ff7864cc;margin:0}.submit.svelte-1fkkhqq{background:#000a1eb8;border:1px solid rgba(130,200,255,.35);color:#c8e8f8;font-family:monospace;font-size:.78rem;padding:.4rem .75rem;cursor:pointer;letter-spacing:.04em;width:100%}.submit.svelte-1fkkhqq:hover:not(:disabled){border-color:#82c8ffb3}.submit.svelte-1fkkhqq:disabled{opacity:.4;cursor:default}.done.svelte-1fkkhqq{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;height:100%;padding:2rem;text-align:center}.done.svelte-1fkkhqq p:where(.svelte-1fkkhqq){font-size:.9rem;color:#c8e8f8}.done-links.svelte-1fkkhqq{display:flex;gap:1rem;align-items:center}.done-links.svelte-1fkkhqq a:where(.svelte-1fkkhqq){color:#c8e8f8a6;font-family:monospace;font-size:.8rem;text-decoration:none}.done-links.svelte-1fkkhqq a:where(.svelte-1fkkhqq):hover{color:#c8e8f8}.done-close.svelte-1fkkhqq{background:transparent;border:1px solid rgba(130,200,255,.25);color:#c8e8f88c;font-family:monospace;font-size:.8rem;padding:.2rem .7rem;cursor:pointer}.done-close.svelte-1fkkhqq:hover{color:#c8e8f8;border-color:#82c8ff80}@media(max-width:640px){.overlay.svelte-1fkkhqq{padding:0}.modal.svelte-1fkkhqq{height:100dvh;max-width:100%;border:none;border-top:1px solid rgba(130,200,255,.2)}.modal-body.svelte-1fkkhqq{grid-template-columns:1fr;grid-template-rows:auto 1fr;overflow-y:auto;height:100%}.col-left.svelte-1fkkhqq{border-right:none;border-bottom:1px solid rgba(130,200,255,.1);padding:1rem}.canvas.svelte-1fkkhqq{width:min(100%,45dvh)}.col-right.svelte-1fkkhqq{overflow-y:visible;padding-top:1rem}}