.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}*{box-sizing:border-box;margin:0;padding:0}body{background:#000;min-height:100vh;overflow-x:hidden}.overlay[data-astro-cid-z4jru4n3]{z-index:1;min-height:100vh;position:relative}.overlay.svelte-1fkkhqq{-webkit-backdrop-filter:blur(6px);z-index:999;background:#00050fbf;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal.svelte-1fkkhqq{color:#c8e8f8;background:#000a1ef5;border:1px solid #82c8ff33;width:100%;max-width:900px;height:90vh;font-family:monospace;position:relative;overflow:hidden}.close-btn.svelte-1fkkhqq{z-index:2;color:#c8e8f866;cursor:pointer;background:0 0;border:none;padding:0 .2rem;font-family:monospace;font-size:1.5rem;line-height:1;position:absolute;top:.6rem;right:.75rem}.close-btn.svelte-1fkkhqq:hover{color:#c8e8f8}.modal-body.svelte-1fkkhqq{grid-template-columns:1fr 300px;height:100%;display:grid}.col-left.svelte-1fkkhqq{border-right:1px solid #82c8ff1a;justify-content:center;align-items:center;padding:1.25rem 1rem 1.25rem 1.25rem;display:flex;overflow:hidden}.col-right.svelte-1fkkhqq{scrollbar-width:none;flex-direction:column;gap:.7rem;min-height:0;padding:2.4rem 1rem 1rem;display:flex;overflow-y:auto}.col-right.svelte-1fkkhqq::-webkit-scrollbar{display:none}.canvas.svelte-1fkkhqq{grid-template-columns:repeat(var(--n), 1fr);aspect-ratio:1;user-select:none;touch-action:none;cursor:crosshair;background:#82c8ff12;border:1px solid #82c8ff1f;gap:1px;width:min(100%,90vh - 2.5rem);padding:1px;display:grid}.cell.svelte-1fkkhqq{aspect-ratio:1;background:#040b14}.cell.svelte-1fkkhqq:hover{filter:brightness(1.6)}.controls-row.svelte-1fkkhqq{align-items:center;gap:.5rem;display:flex}.size-label.svelte-1fkkhqq{color:#c8e8f873;white-space:nowrap;text-align:center;min-width:36px;font-size:.72rem}.size-btn.svelte-1fkkhqq{color:#c8e8f88c;cursor:pointer;user-select:none;background:0 0;border:1px solid #82c8ff33;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-family:monospace;font-size:1rem;line-height:1;display:flex}.size-btn.svelte-1fkkhqq:hover{color:#c8e8f8;border-color:#82c8ff80}.size-btn.svelte-1fkkhqq:active{background:#82c8ff1a}.ctrl-btn.svelte-1fkkhqq{color:#c8e8f880;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #82c8ff33;padding:2px 7px;font-family:monospace;font-size:.7rem}.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{flex-wrap:wrap;gap:3px;display:flex}.tool-btn.svelte-1fkkhqq{color:#c8e8f873;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #82c8ff33;padding:3px 9px;font-family:monospace;font-size:.7rem}.tool-btn.svelte-1fkkhqq:hover{color:#c8e8f8;border-color:#82c8ff73}.tool-btn.active.svelte-1fkkhqq{color:#c8e8f8;background:#82c8ff1a;border-color:#82c8ffa6}.tpl-row.svelte-1fkkhqq{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.tpl-btn.svelte-1fkkhqq{color:#c8e8f859;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #82c8ff21;padding:2px 7px;font-family:monospace;font-size:.65rem}.tpl-btn.svelte-1fkkhqq:hover{color:#c8e8f8a6;border-color:#82c8ff4d}.section-label.svelte-1fkkhqq{text-transform:uppercase;letter-spacing:.08em;color:#82c8ff66;white-space:nowrap;font-size:.62rem}.palette-section.svelte-1fkkhqq{flex-direction:column;display:flex}.palette-grid.svelte-1fkkhqq{grid-template-rows:repeat(4,16px);grid-template-columns:repeat(8,16px);gap:2px;display:grid}.pal-swatch.svelte-1fkkhqq{cursor:pointer;border:1px solid #00000040;width:16px;height:16px;padding:0}.pal-swatch.svelte-1fkkhqq:hover{filter:brightness(1.25)}.pal-swatch.active.svelte-1fkkhqq{outline-offset:1px;z-index:1;outline:2px solid #c8e8f8}.preview-row.svelte-1fkkhqq{align-items:center;gap:.75rem;margin-top:.3rem;display:flex}.hint.svelte-1fkkhqq{color:#c8e8f838;font-size:.7rem}.fields.svelte-1fkkhqq{flex-direction:column;gap:6px;display:flex}input.svelte-1fkkhqq{color:#c8e8f8;background:#000a1e99;border:1px solid #82c8ff33;outline:none;width:100%;padding:.3rem .5rem;font-family:monospace;font-size:.8rem}input.svelte-1fkkhqq:focus{border-color:#82c8ff80}input.svelte-1fkkhqq::placeholder{color:#c8e8f847}.error.svelte-1fkkhqq{color:#ff7864cc;margin:0;font-size:.7rem}.submit.svelte-1fkkhqq{color:#c8e8f8;cursor:pointer;letter-spacing:.04em;background:#000a1eb8;border:1px solid #82c8ff59;width:100%;padding:.4rem .75rem;font-family:monospace;font-size:.78rem}.submit.svelte-1fkkhqq:hover:not(:disabled){border-color:#82c8ffb3}.submit.svelte-1fkkhqq:disabled{opacity:.4;cursor:default}.done.svelte-1fkkhqq{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;height:100%;padding:2rem;display:flex}.done.svelte-1fkkhqq p:where(.svelte-1fkkhqq){color:#c8e8f8;font-size:.9rem}.done-links.svelte-1fkkhqq{align-items:center;gap:1rem;display:flex}.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{color:#c8e8f88c;cursor:pointer;background:0 0;border:1px solid #82c8ff40;padding:.2rem .7rem;font-family:monospace;font-size:.8rem}.done-close.svelte-1fkkhqq:hover{color:#c8e8f8;border-color:#82c8ff80}@media (width<=640px){.overlay.svelte-1fkkhqq{padding:0}.modal.svelte-1fkkhqq{border:none;border-top:1px solid #82c8ff33;max-width:100%;height:100dvh}.modal-body.svelte-1fkkhqq{grid-template-rows:auto 1fr;grid-template-columns:1fr;height:100%;overflow-y:auto}.col-left.svelte-1fkkhqq{border-bottom:1px solid #82c8ff1a;border-right:none;padding:1rem}.canvas.svelte-1fkkhqq{width:min(100%,45dvh)}.col-right.svelte-1fkkhqq{padding-top:1rem;overflow-y:visible}}