.font-test-page{min-height:100vh;display:flex;flex-direction:column;background:transparent;color:var(--paid-text-primary,#fff)}.font-test-toolbar{position:-webkit-sticky;position:sticky;top:0;z-index:200;padding:.65rem 1rem .75rem;background:rgba(20,24,24,.92);border-bottom:1px solid var(--paid-border,rgba(255,255,255,.12));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.font-test-toolbar-inner{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:.55rem}.font-test-toolbar-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem}.font-test-toolbar-title{font-weight:700;letter-spacing:.14em;text-transform:uppercase}.font-test-toolbar-note,.font-test-toolbar-title{font-size:.72rem;color:var(--paid-text-subtle,rgba(255,255,255,.45));margin:0}.font-test-toolbar-note a{color:var(--paid-accent)}.font-test-group-label{font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--paid-text-muted,rgba(255,255,255,.55));margin:0 0 .25rem}.font-test-pills{display:flex;flex-wrap:wrap;gap:.35rem}.font-test-pill{padding:.35rem .65rem;border-radius:999px;border:1px solid var(--paid-border,rgba(255,255,255,.15));background:var(--paid-surface-card-dark,rgba(25,30,30,.9));color:var(--paid-text-muted);font-size:.78rem;font-weight:600;cursor:pointer;font-family:inherit;transition:color .15s ease,background .15s ease,border-color .15s ease}.font-test-pill:focus-visible,.font-test-pill:hover{color:var(--paid-text-primary);outline:none}.font-test-pill.is-active{background:color-mix(in srgb,var(--paid-accent) 38%,transparent);color:var(--paid-text-primary);border-color:color-mix(in srgb,var(--paid-accent) 55%,transparent)}.font-test-pill-sublabel{opacity:.65;font-weight:500;margin-left:.2rem}.font-test-preview-main{flex:1 1}.font-test-page.ft-heading-smooch .brand-name{font-size:2.05rem;font-weight:400}.font-test-page.ft-heading-smooch .site-nav-link{font-size:1.32rem;font-weight:400}.font-test-page.ft-heading-smooch .hero-title{font-size:clamp(2.85rem,6.8vw,4.1rem)}.font-test-page.ft-heading-michroma{--ft-michroma-brand-size:1.18rem;--ft-michroma-nav-size:0.8rem}.font-test-page.ft-heading-michroma .brand-name{font-size:var(--ft-michroma-brand-size);font-weight:400;color:#cbcbcb}.font-test-page.ft-heading-michroma .site-nav-link{font-size:var(--ft-michroma-nav-size);font-weight:400;color:#cbcbcb}.font-test-page.ft-heading-michroma .site-nav-link:focus-visible,.font-test-page.ft-heading-michroma .site-nav-link:hover{color:#fff}.font-test-page.ft-heading-play .brand-name,.font-test-page.ft-heading-play .site-nav-link{font-weight:400}.font-test-hero-font-switch{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:1.15rem}.font-test-hero-font-switch .font-test-pill{font-size:.72rem}