.font-explorer{border:1px solid var(--border);background:var(--white);align-items:start;min-width:0;display:grid}.panel-explorer>.font-explorer{border:0}.explorer-search-field input::-webkit-search-cancel-button{display:none}.font-explorer .explorer-picker{border-bottom:1px solid var(--border);min-width:0}.explorer-picker-head{border-bottom:1px solid var(--border);padding:18px 22px 15px}.explorer-picker-summary{font:500 10px/1.5 var(--font-plex-mono), monospace;letter-spacing:.04em;text-transform:uppercase;color:var(--slate);justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:14px;display:flex}.explorer-picker-summary>span:first-child{min-width:0}.explorer-picker-summary>span:last-child{flex-shrink:0}.explorer-search-label{color:var(--ink);margin-bottom:7px;font-size:12px;font-weight:700;display:block}.explorer-search-field{position:relative}.explorer-search-field input{background:var(--surface);width:100%;min-width:0;min-height:44px;font:inherit;border:1px solid #d7d7cf;border-radius:0;padding:9px 43px 9px 12px;font-size:14px}.explorer-clear{inset-block:1px;width:42px;color:var(--slate);cursor:pointer;place-items:center;font-size:22px;display:grid;position:absolute;right:1px}.font-explorer .explorer-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b1b1a8 var(--surface);scroll-snap-type:none;min-width:0;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.font-explorer .explorer-list>li{border-right:1px solid var(--border);flex:0 0 210px;min-width:0}.font-explorer .explorer-list>li:last-child{border:0}.explorer-choice{background:var(--white);width:100%;height:100%;min-height:118px;color:var(--ink);text-align:left;cursor:pointer;border:0;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:9px;padding:16px 22px;transition:background-color .12s;display:flex}.explorer-choice:hover{background:#fafaf8}.explorer-choice[aria-pressed=true]{background:var(--surface);box-shadow:inset 0 -3px var(--red)}.explorer-choice>span:first-child{min-width:0}.explorer-choice-context{-webkit-line-clamp:2;color:var(--slate);-webkit-box-orient:vertical;margin-bottom:5px;font-size:11px;line-height:1.5;display:-webkit-box;overflow:hidden}.explorer-choice-name{overflow-wrap:anywhere;letter-spacing:-.035em;font-size:19px;font-weight:800;line-height:1.2;display:block}.explorer-choice-score{color:var(--slate);font:500 12px/1.5 var(--font-plex-mono), monospace;flex-shrink:0}.explorer-choice[aria-pressed=true] .explorer-choice-score{color:var(--red)}.explorer-empty{color:var(--slate);padding:24px 22px;font-size:14px}.explorer-reset{text-underline-offset:4px;cursor:pointer;margin-top:12px;font-weight:700;text-decoration:underline}.explorer-stage{min-width:0;padding:26px 22px}.explorer-stage-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.explorer-stage-head h2{letter-spacing:-.045em;overflow-wrap:anywhere;margin-top:7px;font-size:clamp(29px,3vw,40px);font-weight:800;line-height:1.1}.explorer-stage-head>div:first-child{flex:210px;min-width:0}.explorer-tiles{gap:10px;display:flex}.explorer-free-tile{border:1px solid var(--border);background:var(--surface);flex-direction:column;justify-content:center;align-items:center;gap:6px;width:88px;min-height:85px;padding:10px;display:flex}.explorer-free-tile figcaption{color:var(--slate);font:400 9px/1.4 var(--font-plex-mono), monospace;text-transform:uppercase;text-align:center}.explorer-free-tile>span{font-size:42px;line-height:1}.explorer-free-tile .explorer-loading-mark{border:1px solid #c9c9bf;border-top-color:var(--ink);border-radius:50%;width:22px;height:22px;animation:.9s linear infinite explorer-loading}@keyframes explorer-loading{to{transform:rotate(360deg)}}.explorer-toolbar{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 22px;margin-top:21px;padding-block:18px;display:flex}.explorer-size{color:var(--slate);flex-wrap:wrap;align-items:center;gap:10px;font-size:11px;display:flex}.explorer-size input{width:105px;height:30px;accent-color:var(--ink);cursor:pointer}.explorer-size output{min-width:36px;font-family:var(--font-plex-mono), monospace;font-size:10px}.explorer-fit{min-height:44px;color:var(--slate);cursor:pointer;align-items:center;gap:8px;font-size:11px;display:inline-flex}.explorer-fit input{width:16px;height:16px;accent-color:var(--ink)}.explorer-compare-toggle{min-height:44px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #d4d4cc;align-items:center;gap:12px;padding:7px 12px;font-size:11px;font-weight:700;display:inline-flex}.explorer-compare-toggle[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:#fff}.explorer-compare-field{align-items:center;gap:12px;margin-bottom:14px;font-size:12px;font-weight:700;display:flex}.explorer-compare-field select{background:var(--surface);min-width:0;max-width:100%;min-height:44px;font:inherit;border:1px solid #d4d4cc;flex:1;padding:8px 10px;font-weight:500}.explorer-samples{gap:12px;min-width:0;display:grid}.explorer-sample{border:1px solid var(--border);background:#f7f7f4;min-width:0}.explorer-sample figcaption{border-bottom:1px solid var(--border);min-height:38px;color:var(--slate);padding:9px 14px;font-size:11px;font-weight:700}.explorer-sample-body{flex-direction:column;justify-content:center;min-width:0;min-height:158px;padding:22px;display:flex}.explorer-specimen-text{overflow-wrap:anywhere;width:100%;font-size:var(--explorer-size,48px);letter-spacing:-.025em;font-synthesis:none;margin:0;line-height:1.4;overflow:visible}.explorer-live-body{width:100%;min-width:0;padding:calc(var(--explorer-size,48px) * .25) calc(var(--explorer-size,48px) * .08);overscroll-behavior-x:contain;overflow:auto hidden}.explorer-static-body{overscroll-behavior:contain;width:100%;min-width:0;overflow-x:auto}.explorer-static-phrase{max-width:none;height:auto;display:block}.explorer-static-name{object-fit:contain;width:auto;max-width:100%;max-height:36px}.explorer-font-status{color:var(--slate);margin-top:14px;font-size:11px;line-height:1.6}.explorer-font-retry{text-underline-offset:3px;cursor:pointer;margin-top:12px;font-size:12px;font-weight:700;text-decoration:underline}.explorer-same-text{color:var(--slate);margin-top:10px;font-size:11px}.explorer-original{border-top:1px solid var(--border);margin-top:18px;padding-top:18px}.explorer-original .ph-no-capture{overflow-wrap:anywhere;max-height:280px;font-size:var(--explorer-size,48px);overflow:auto}.explorer-preview{min-width:0}.explorer-preview[data-original=true]{gap:12px;display:grid}.explorer-preview[data-original=true] .explorer-sample-body{min-height:112px}.explorer-preview[data-original=true] .explorer-specimen-text{white-space:nowrap;overflow-wrap:normal;letter-spacing:0}.explorer-preview[data-original=true] .explorer-original{border:1px solid var(--border);background:#f7f7f4;min-width:0;margin:0;padding:0}.explorer-original .closed-font-label{border-bottom:1px solid var(--border);letter-spacing:0;text-transform:none;min-height:38px;margin:0;padding:9px 14px;font-family:inherit;font-size:11px;font-weight:700}.explorer-original .closed-font-image-body{align-items:center;min-height:112px;margin:0;padding:22px;display:flex}.explorer-original .closed-font-image{flex-shrink:0}.explorer-original .closed-font-caption{border-top:1px solid var(--border);margin:0;padding:9px 14px;font-size:10px;line-height:1.7}.explorer-detail{color:var(--slate);margin-top:24px;font-size:13px;line-height:1.75}.explorer-detail p+p{margin-top:5px}.explorer-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 18px;margin-top:18px;display:flex}.explorer-actions>a{text-underline-offset:4px;font-size:13px;font-weight:700}.explorer-source{border:1px solid var(--ink);align-items:center;min-height:44px;padding:9px 14px;display:inline-flex}.explorer-source:hover{background:var(--ink);color:var(--white)}.explorer-stage-head [role=status]{font-size:10px}@media (min-width:640px){.explorer-stage{padding:30px}.explorer-picker-head,.explorer-choice{padding-inline:28px}.explorer-samples[data-compare=true]{grid-template-columns:repeat(2,minmax(0,1fr))}.explorer-sample-body{min-height:180px}}@media (max-width:639px){.explorer-tiles:has(>.explorer-free-tile:only-child){display:none}}@media (min-width:960px){.font-explorer{grid-template-columns:minmax(270px,.36fr) minmax(0,.8fr)}.font-explorer .explorer-picker{border-right:1px solid var(--border);border-bottom:0}.font-explorer .explorer-list{scrollbar-gutter:stable;scroll-snap-type:none;max-height:min(460px,58svh);display:block;overflow-y:auto}.font-explorer .explorer-list>li{border:0;border-bottom:1px solid var(--border)}.explorer-choice{flex-direction:row;align-items:center;gap:12px;min-height:88px}.explorer-choice[aria-pressed=true]{box-shadow:inset 3px 0 var(--red)}.explorer-choice-score{max-width:84px}.explorer-stage{padding:30px 36px 34px}}@media (prefers-reduced-motion:reduce){.explorer-choice{transition:none}.explorer-loading-mark{animation:none}}