.tool-wrap[data-astro-cid-dzva6y5m]{max-width:1080px}.tool-hero[data-astro-cid-dzva6y5m]{margin:.5rem 0 1.75rem}.tool-hero[data-astro-cid-dzva6y5m] h1[data-astro-cid-dzva6y5m]{font-size:clamp(1.8rem,3vw,2.4rem);margin:0 0 .4em}.tool-tagline[data-astro-cid-dzva6y5m]{color:var(--color-ink-600);font-size:1.05rem;max-width:60ch;margin:0}.tool-grid[data-astro-cid-dzva6y5m]{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:1.5rem;align-items:start}@media(max-width:880px){.tool-grid[data-astro-cid-dzva6y5m]{grid-template-columns:1fr}}.form-group[data-astro-cid-dzva6y5m]{border:none;padding:0;margin:0 0 1.4rem}.form-legend[data-astro-cid-dzva6y5m]{font-size:.92rem;font-weight:600;color:var(--color-ink-900);margin-bottom:.7rem;padding:0}.type-grid[data-astro-cid-dzva6y5m]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.type-pill[data-astro-cid-dzva6y5m]{display:block;cursor:pointer}.type-pill[data-astro-cid-dzva6y5m] input[data-astro-cid-dzva6y5m]{position:absolute;opacity:0;pointer-events:none}.type-pill-label[data-astro-cid-dzva6y5m]{display:block;text-align:center;padding:.55em .6em;border:1px solid var(--color-ink-200);border-radius:var(--radius);background:#fff;color:var(--color-ink-700);font-size:.9rem;font-weight:500;transition:all .15s}.type-pill[data-astro-cid-dzva6y5m]:hover .type-pill-label[data-astro-cid-dzva6y5m]{border-color:var(--color-primary-300);background:var(--color-primary-50)}.type-pill[data-astro-cid-dzva6y5m] input[data-astro-cid-dzva6y5m]:checked+.type-pill-label[data-astro-cid-dzva6y5m]{border-color:var(--color-primary-600);background:var(--color-primary-50);color:var(--color-primary-800);box-shadow:0 0 0 2px #4f46e51f}.type-pill[data-astro-cid-dzva6y5m] input[data-astro-cid-dzva6y5m]:focus-visible+.type-pill-label[data-astro-cid-dzva6y5m]{outline:2px solid var(--color-primary-500);outline-offset:2px}.form-row-2col[data-astro-cid-dzva6y5m]{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.range[data-astro-cid-dzva6y5m]{width:100%;accent-color:var(--color-primary-600)}.color-input[data-astro-cid-dzva6y5m]{width:100%;height:42px;border:1px solid var(--color-ink-300);border-radius:var(--radius);padding:2px;background:#fff;cursor:pointer}.tool-preview[data-astro-cid-dzva6y5m]{position:sticky;top:1rem;display:flex;flex-direction:column;align-items:center}@media(max-width:880px){.tool-preview[data-astro-cid-dzva6y5m]{position:static}}.preview-title[data-astro-cid-dzva6y5m]{font-size:1.05rem;margin:0 0 .9rem;color:var(--color-ink-900);align-self:flex-start}.preview-canvas-wrap[data-astro-cid-dzva6y5m]{background:#f8fafc;border:1px solid var(--color-ink-200);border-radius:var(--radius);padding:1.2rem;display:flex;align-items:center;justify-content:center;min-height:220px;width:100%}.preview-canvas-wrap[data-astro-cid-dzva6y5m] canvas[data-astro-cid-dzva6y5m]{display:block;max-width:100%;height:auto}.preview-hint[data-astro-cid-dzva6y5m]{color:var(--color-ink-500);font-size:.85rem;margin:.7rem 0 1rem;text-align:center}.preview-actions[data-astro-cid-dzva6y5m]{display:flex;gap:.5rem;width:100%;flex-wrap:wrap}.preview-actions[data-astro-cid-dzva6y5m] .btn[data-astro-cid-dzva6y5m]{flex:1 1 0;min-width:110px;justify-content:center}.preview-codec[data-astro-cid-dzva6y5m]{margin:.7rem 0 0;font-size:.78rem;color:var(--color-ink-500);text-align:center;min-height:1em}.tool-why[data-astro-cid-dzva6y5m]{margin-top:2.5rem;padding:1.4rem 1.5rem;background:var(--color-primary-50);border-radius:var(--radius-lg);border-left:4px solid var(--color-primary-500)}.tool-why[data-astro-cid-dzva6y5m] h2[data-astro-cid-dzva6y5m]{font-size:1.15rem;margin:0 0 .6em;color:var(--color-ink-900)}.tool-why[data-astro-cid-dzva6y5m] p[data-astro-cid-dzva6y5m]{color:var(--color-ink-700);margin:0 0 .7em;line-height:1.7}.tool-why[data-astro-cid-dzva6y5m] p[data-astro-cid-dzva6y5m]:last-child{margin-bottom:0}