.font-select-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center}.font-select-modal.is-open{display:flex}.font-select-modal__backdrop{position:fixed;inset:0;background:#0006}.font-select-modal__panel{position:relative;z-index:1;background:#fff;border-radius:12px;width:90vw;max-width:90rem;height:85vh;display:flex;flex-direction:column;overflow:hidden}.font-select-modal__header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:red;color:#fff;font-family:Area Variable,sans-serif;font-size:14px;font-weight:700}.font-select-modal__close{background:none;border:none;font-size:24px;cursor:pointer;color:#fff;padding:0 4px;line-height:1}.font-select-modal__grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:1fr;gap:8px;padding:12px}@media(min-width:640px){.font-select-modal__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.font-select-modal__grid{grid-template-columns:repeat(3,1fr)}}.font-select-modal__card{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#efefef;border-radius:12px;padding:20px 16px;min-height:140px;text-decoration:none;color:#222529;border:2px solid transparent;transition:border-color .15s,box-shadow .15s}.font-select-modal__card:hover{box-shadow:0 2px 12px #0000001a}.font-select-modal__card.is-current{border-color:red}.font-select-modal__card-meta{font-family:Area Variable,sans-serif;font-size:12px;font-weight:400;color:#777;margin-bottom:8px}.font-select-modal__card-name{font-size:3rem;font-weight:700;line-height:1.1;text-align:center;word-break:break-word}.font-anchor-nav{position:fixed;left:0;right:0;z-index:998;transition:transform .3s ease-out;top:100px}.font-anchor-nav.is-hidden{transform:translateY(-200px)}.font-anchor-nav__inner{display:flex;flex-wrap:wrap;gap:6px;max-width:90rem;margin:0 auto;padding:8px 16px;box-sizing:border-box}@media(min-width:640px){.font-anchor-nav__inner{padding:8px 24px}}@media(min-width:1024px){.font-anchor-nav__inner{padding:8px 32px}}.font-anchor-link{display:flex;padding:5px 8px;justify-content:center;align-items:center;gap:10px;border-radius:8px;border:.5px solid #222529;color:#222529;font-family:Area Variable,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:18px;text-decoration:none;white-space:nowrap;transition:background-color .3s ease,color .3s ease,border-radius .3s ease,border-color .3s ease}.font-anchor-link:hover{background-color:#222529;color:#fafafa;border-color:#222529;border-radius:25px}.font-anchor-link--inverted{background-color:#222529;color:#fafafa;border-color:#222529;cursor:pointer}.font-anchor-link--inverted:hover{background-color:#222529;color:#fafafa;border-radius:8px}.font-anchor-nav.on-hero .font-anchor-link{border-color:var(--anchor-border, #222529);color:var(--anchor-color, #222529)}.font-anchor-nav.on-hero .font-anchor-link:hover,.font-anchor-nav.on-hero .font-anchor-link--inverted{background-color:var(--anchor-inv-bg, #222529);color:var(--anchor-inv-color, #FAFAFA);border-color:var(--anchor-inv-bg, #222529)}.font-anchor-nav.on-hero .font-anchor-link--inverted:hover{background-color:var(--anchor-inv-bg, #222529);color:var(--anchor-inv-color, #FAFAFA)}@media(min-width:640px){.font-anchor-nav{top:75px;transition:transform .3s ease-out,top .25s ease}.font-anchor-nav.header-expanded{top:100px}.font-anchor-nav.header-submenu{top:130px}}.sampler-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;--range-percent: 0%;--range-track: linear-gradient( 90deg, #000 0%, #000 var(--range-percent), #cfcfcf var(--range-percent), #cfcfcf 100% );height:1.5rem;border-radius:9999px;background:transparent;outline:none;cursor:ew-resize}.sampler-range::-webkit-slider-runnable-track{height:.25rem;border-radius:9999px;background:var(--range-track)}.sampler-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1rem;height:1.5rem;border:0;background:transparent;margin-top:-.625rem;cursor:ew-resize}.sampler-range::-moz-range-track{height:.25rem;border-radius:9999px;background:#cfcfcf}.sampler-range::-moz-range-progress{height:.25rem;border-radius:9999px;background:#000}.sampler-range::-moz-range-thumb{width:1rem;height:1.5rem;border:0;background:transparent;cursor:ew-resize}