.grid-studio[data-v-9a16e7e7]{display:grid;gap:1rem}.tool-head[data-v-9a16e7e7]{padding:clamp(1rem,1.6vw,1.25rem);border:1px solid var(--border);border-radius:var(--r-lg);background:linear-gradient(140deg,color-mix(in oklab,var(--bg-subtle) 82%,transparent),var(--bg))}.tool-head__kicker[data-v-9a16e7e7]{margin:0;font-size:var(--fs-xs);color:var(--fg-muted)}.tool-head__title[data-v-9a16e7e7]{margin:.55rem 0 0;font-size:clamp(1.35rem,3vw,2rem);line-height:1.05;letter-spacing:-.03em}.tool-head__lead[data-v-9a16e7e7]{margin:.7rem 0 0;max-width:80ch;color:var(--fg-muted)}.tool-head__meta[data-v-9a16e7e7]{margin:.65rem 0 0;font-size:var(--fs-xs);color:var(--fg-subtle)}.tool-head__actions[data-v-9a16e7e7]{margin-top:.85rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.quick-select select[data-v-9a16e7e7]{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg);color:var(--fg);padding:.42rem .58rem;font-size:var(--fs-sm);min-width:170px}.tab-switch[data-v-9a16e7e7]{display:inline-flex;border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden;background:var(--bg)}.tab-switch__item[data-v-9a16e7e7]{border:0;background:transparent;color:var(--fg-muted);font-family:var(--font-mono);font-size:.72rem;text-transform:lowercase;padding:.42rem .72rem}.tab-switch__item+.tab-switch__item[data-v-9a16e7e7]{border-left:1px solid var(--border)}.tab-switch__item.is-active[data-v-9a16e7e7]{color:var(--bg);background:var(--fg)}.tool-actions[data-v-9a16e7e7]{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.btn[data-v-9a16e7e7]{border:1px solid var(--border);background:var(--bg-subtle);color:var(--fg-muted);border-radius:var(--r-sm);padding:.35rem .55rem;font-size:.7rem;font-family:var(--font-mono);text-transform:lowercase}.btn[data-v-9a16e7e7]:hover{color:var(--fg);border-color:var(--border-strong);background:var(--bg)}.btn--primary[data-v-9a16e7e7]{border-color:color-mix(in oklab,var(--fg) 24%,var(--border));color:var(--fg)}.panel[data-v-9a16e7e7]{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg);padding:clamp(.9rem,1.6vw,1.2rem);min-width:0}.panel__title[data-v-9a16e7e7]{margin:0;font-size:var(--fs-sm);font-family:var(--font-mono);letter-spacing:.02em;text-transform:lowercase}.panel__head[data-v-9a16e7e7]{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.panel--stage[data-v-9a16e7e7]{display:grid;gap:.65rem}.preview-stage[data-v-9a16e7e7]{position:relative;height:clamp(360px,62vh,620px);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;background:var(--bg-subtle)}.preview-stage canvas[data-v-9a16e7e7]{position:absolute;inset:0;width:100%;height:100%;display:block}.preview-overlay[data-v-9a16e7e7]{position:absolute;left:.7rem;top:.7rem;display:flex;align-items:center;gap:.5rem;font-size:.68rem;flex-wrap:wrap;color:color-mix(in oklab,var(--fg) 75%,transparent)}.preview-overlay span[data-v-9a16e7e7]{border:1px solid color-mix(in oklab,var(--border) 72%,transparent);border-radius:999px;padding:.18rem .45rem;background:color-mix(in oklab,var(--bg) 78%,transparent)}.panel--code pre[data-v-9a16e7e7]{margin:.75rem 0 0;padding:.75rem;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-subtle);overflow:auto;max-height:min(68vh,640px)}.panel--code code[data-v-9a16e7e7]{font-family:var(--font-mono);font-size:.74rem;line-height:1.52;color:var(--fg-muted)}.copy[data-v-9a16e7e7]{border:1px solid var(--border);background:var(--bg);color:var(--fg-muted);border-radius:var(--r-sm);padding:.3rem .5rem;font-size:.7rem;font-family:var(--font-mono);text-transform:lowercase}.copy[data-v-9a16e7e7]:hover{border-color:var(--border-strong);color:var(--fg)}.options[data-v-9a16e7e7]{display:grid;gap:.9rem}.options__group[data-v-9a16e7e7]{display:grid;gap:.6rem}.options__title[data-v-9a16e7e7]{margin:0;font-size:.72rem;color:var(--fg-subtle);text-transform:lowercase}.grid-type-pills[data-v-9a16e7e7]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.45rem}.pill[data-v-9a16e7e7]{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg);color:var(--fg-muted);padding:.5rem;display:grid;gap:.22rem;text-align:left}.pill span[data-v-9a16e7e7]{font-family:var(--font-mono);font-size:.72rem;text-transform:lowercase}.pill small[data-v-9a16e7e7]{font-size:.68rem;color:var(--fg-subtle)}.pill.is-active[data-v-9a16e7e7]{border-color:color-mix(in oklab,var(--fg) 20%,var(--border));background:var(--bg-subtle);color:var(--fg)}.options-grid[data-v-9a16e7e7]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.field[data-v-9a16e7e7]{display:grid;gap:.3rem}.field__label[data-v-9a16e7e7]{font-size:var(--fs-xs);color:var(--fg-muted)}.field input[type=range][data-v-9a16e7e7]{width:100%}.field select[data-v-9a16e7e7]{width:100%;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg);color:var(--fg);padding:.45rem .6rem;font-size:var(--fs-sm)}.toggle-row[data-v-9a16e7e7]{display:flex;flex-wrap:wrap;gap:.4rem .6rem;margin-top:.2rem}.check[data-v-9a16e7e7]{display:flex;align-items:center;gap:.35rem;font-family:var(--font-mono);font-size:.72rem;color:var(--fg-muted);text-transform:lowercase}.color-grid[data-v-9a16e7e7]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.color-grid label[data-v-9a16e7e7]{display:grid;gap:.25rem}.color-grid input[type=color][data-v-9a16e7e7]{width:100%;height:34px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-subtle);padding:.2rem}@media(max-width:980px){.options-grid[data-v-9a16e7e7]{grid-template-columns:1fr}.preview-stage[data-v-9a16e7e7]{height:clamp(300px,52vh,500px)}}.tool-screen[data-astro-cid-dntcgseq]{min-height:100vh;padding:clamp(.75rem,2vw,1.25rem);display:flex;flex-direction:column;gap:.75rem}.tool-screen__bar[data-astro-cid-dntcgseq]{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-right:calc(var(--theme-float-size) + 1rem)}.tool-screen__bar[data-astro-cid-dntcgseq] .back-link{margin-bottom:0}.tool-screen__hint[data-astro-cid-dntcgseq]{margin:0;font-size:var(--fs-xs);color:var(--fg-subtle);text-transform:lowercase}@media(max-width:720px){.tool-screen__bar[data-astro-cid-dntcgseq]{flex-direction:column;align-items:flex-start;padding-right:0}}