.tool-head[data-astro-cid-atdpud4l]{text-align:center;margin-bottom:1.5rem}.tool-head[data-astro-cid-atdpud4l] h1[data-astro-cid-atdpud4l]{margin-bottom:.5rem}.lead[data-astro-cid-atdpud4l]{color:var(--text-muted);max-width:60ch;margin:0 auto}.tool[data-astro-cid-atdpud4l]{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:3rem}.fg-tabs[data-astro-cid-atdpud4l]{display:inline-flex;gap:.3rem;padding:.25rem;background:var(--surface-inset);border:var(--border-width) solid var(--border);border-radius:var(--radius-pill);margin-bottom:1.5rem}.fg-tab[data-astro-cid-atdpud4l]{border:none;background:transparent;color:var(--text-muted);font-family:var(--font-sans);font-weight:var(--weight-bold);font-size:var(--text-sm);padding:.45rem 1.1rem;border-radius:var(--radius-pill);cursor:pointer}.fg-tab[data-astro-cid-atdpud4l].is-active{background:var(--accent);color:var(--text-on-accent)}.fg-controls[data-astro-cid-atdpud4l]{display:flex;align-items:flex-end;gap:1.25rem;flex-wrap:wrap;margin-bottom:1rem}.fg-control[data-astro-cid-atdpud4l]{margin-bottom:0}.fg-control[data-astro-cid-atdpud4l] input[data-astro-cid-atdpud4l][type=text]{width:8rem;font-size:1.4rem;text-align:center}.fg-control--color[data-astro-cid-atdpud4l] input[data-astro-cid-atdpud4l][type=color]{width:3rem;height:2.6rem;padding:0;border:var(--border-width) solid var(--border);border-radius:var(--radius-sm);background:none;cursor:pointer}.fg-check[data-astro-cid-atdpud4l]{display:inline-flex;align-items:center;gap:.4rem;font-size:var(--text-sm);color:var(--text-strong);cursor:pointer;padding-bottom:.6rem}.fg-check[data-astro-cid-atdpud4l] input[data-astro-cid-atdpud4l]{accent-color:var(--accent)}.dropzone[data-astro-cid-atdpud4l]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;text-align:center;padding:2.5rem 1.5rem;border:2px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--surface-inset);cursor:pointer;transition:border-color var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out)}.dropzone[data-astro-cid-atdpud4l]:hover,.dropzone--over[data-astro-cid-atdpud4l]{border-color:var(--accent);background:var(--accent-soft)}.dropzone[data-astro-cid-atdpud4l]:focus-visible{outline:none;box-shadow:var(--ring)}.dropzone__icon[data-astro-cid-atdpud4l]{width:40px;height:40px;color:var(--accent-text)}.dropzone__title[data-astro-cid-atdpud4l]{font-weight:var(--weight-bold);color:var(--text-strong);margin:0;font-size:var(--text-lead)}.dropzone__sub[data-astro-cid-atdpud4l]{color:var(--text-muted);margin:0;font-size:var(--text-sm)}.status[data-astro-cid-atdpud4l]{margin:.75rem 0 0;font-size:var(--text-sm);font-weight:var(--weight-semibold);min-height:1.2em}.status[data-astro-cid-atdpud4l][data-error=false]{color:var(--green-500)}.status[data-astro-cid-atdpud4l][data-error=true]{color:var(--red-500)}.fg-previews[data-astro-cid-atdpud4l]{display:flex;align-items:flex-end;gap:1.5rem;flex-wrap:wrap;padding:1.5rem;background:var(--surface-inset);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);margin:1.5rem 0 1.25rem}.fg-prev[data-astro-cid-atdpud4l]{display:flex;flex-direction:column;align-items:center;gap:.5rem}.fg-prev[data-astro-cid-atdpud4l] canvas{border:var(--border-width) solid var(--border);border-radius:var(--radius-xs);background:var(--surface-card);image-rendering:auto}.fg-prev[data-astro-cid-atdpud4l] span[data-astro-cid-atdpud4l]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.fg-dl[data-astro-cid-atdpud4l]{margin-bottom:1.5rem}.fg-dl[data-astro-cid-atdpud4l] svg[data-astro-cid-atdpud4l]{width:16px;height:16px}.fg-snip-head[data-astro-cid-atdpud4l]{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem}.fg-out[data-astro-cid-atdpud4l]{display:flex;align-items:stretch;gap:.75rem;flex-wrap:wrap}.fg-code[data-astro-cid-atdpud4l]{flex:1;min-width:0;margin:0;padding:.85rem 1rem;background:var(--surface-inset);border:var(--border-width) solid var(--border);border-radius:var(--radius-sm);overflow-x:auto}.fg-code[data-astro-cid-atdpud4l] code[data-astro-cid-atdpud4l]{font-family:var(--font-mono);font-size:.78rem;color:var(--text-strong);white-space:pre}.fg-out[data-astro-cid-atdpud4l] .btn[data-astro-cid-atdpud4l]{flex:none}@media(max-width:560px){.fg-out[data-astro-cid-atdpud4l] .btn[data-astro-cid-atdpud4l]{flex:1}}