.FluidTypographyPreview-module__5WpXKG__preview{border:1px solid var(--rule-strong);color:var(--fg);background:var(--bg);margin:2rem 0 2.5rem;padding:clamp(1rem,3vw,1.75rem)}.FluidTypographyPreview-module__5WpXKG__heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.FluidTypographyPreview-module__5WpXKG__eyebrow{font-family:var(--f-mono),monospace;letter-spacing:.16em;color:var(--accent);font-size:.65rem}.FluidTypographyPreview-module__5WpXKG__heading h3{font-family:var(--f-display),serif;margin:.5rem 0 0;font-size:2rem;font-weight:400;line-height:1.1}.FluidTypographyPreview-module__5WpXKG__heading a,.FluidTypographyPreview-module__5WpXKG__downloads a{text-underline-offset:.25em;font-size:.8rem;text-decoration:underline}.FluidTypographyPreview-module__5WpXKG__intro{color:var(--fg-2);margin:1rem 0 1.5rem;font-size:.9rem;line-height:1.6}.FluidTypographyPreview-module__5WpXKG__presets{background:var(--rule-strong);border:1px solid var(--rule-strong);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.FluidTypographyPreview-module__5WpXKG__presets button{background:var(--bg);color:var(--fg);font:inherit;cursor:pointer;border:0;justify-content:space-between;align-items:center;gap:.5rem;min-height:44px;padding:.8rem .7rem;font-size:.8rem;display:flex}.FluidTypographyPreview-module__5WpXKG__presets button span{font-family:var(--f-mono),monospace;opacity:.75;font-size:.65rem}.FluidTypographyPreview-module__5WpXKG__presets button[aria-pressed=true]{background:var(--bg-sunk);color:var(--fg);box-shadow:inset 0 -3px var(--accent)}.FluidTypographyPreview-module__5WpXKG__presets button:hover{box-shadow:inset 0 -3px var(--accent)}.FluidTypographyPreview-module__5WpXKG__controls{grid-template-columns:1fr 1fr;gap:1.5rem;margin:1.3rem 0;font-size:.8rem;display:grid}.FluidTypographyPreview-module__5WpXKG__controls label{display:block}.FluidTypographyPreview-module__5WpXKG__controls output{float:right;font-family:var(--f-mono),monospace}.FluidTypographyPreview-module__5WpXKG__controls input{width:100%;accent-color:var(--accent);height:32px;margin:.35rem 0 0;display:block}.FluidTypographyPreview-module__5WpXKG__controls select{background:var(--bg);width:100%;min-height:36px;color:var(--fg);border:1px solid var(--rule-strong);font:inherit;margin-top:.65rem;padding:.3rem;display:block}.FluidTypographyPreview-module__5WpXKG__stage{background:var(--bg-sunk);border:1px solid var(--rule-strong);overflow:hidden}.FluidTypographyPreview-module__5WpXKG__metrics{color:var(--fg-2);flex-wrap:wrap;gap:.6rem 1.4rem;margin:1rem 0 .6rem;font-size:.75rem;display:flex}.FluidTypographyPreview-module__5WpXKG__metrics strong{font-family:var(--f-mono),monospace;color:var(--fg);margin-left:.4rem;font-weight:500}.FluidTypographyPreview-module__5WpXKG__note{color:var(--fg-2);margin:0;font-size:.75rem;line-height:1.5}.FluidTypographyPreview-module__5WpXKG__downloads{border-top:1px solid var(--rule);flex-wrap:wrap;gap:1.4rem;margin-top:1.25rem;padding-top:1rem;display:flex}.FluidTypographyPreview-module__5WpXKG__preview :is(button,input,select,a):focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media (max-width:480px){.FluidTypographyPreview-module__5WpXKG__controls{grid-template-columns:1fr;gap:.8rem}.FluidTypographyPreview-module__5WpXKG__presets button{flex-direction:column;align-items:flex-start;gap:.2rem}.FluidTypographyPreview-module__5WpXKG__heading h3{font-size:1.8rem}}