:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f7f7;--surface:#fff;--surface-raised:#fbfbf9;--line:#d8ddda;--line-strong:#aeb8b2;--text:#1f2428;--muted:#66726c;--accent:#2f7d68;--accent-strong:#195f4c;--rose:#a24d56;--amber:#8b6a24;--shadow:0 16px 36px #232d281a;--radius:8px}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{min-height:100%;color:var(--text);background:var(--bg);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit}.app-shell{grid-template-columns:minmax(210px,260px) minmax(360px,1fr) minmax(340px,420px);gap:18px;width:min(1680px,100vw - 40px);min-height:100vh;margin:0 auto;padding:20px 0;display:grid}.topbar{grid-column:1/-1;justify-content:space-between;align-items:end;gap:18px;min-height:72px;padding:0 2px;display:flex}.topbar h1{letter-spacing:0;margin:0;font-size:clamp(2rem,4vw,4.25rem);line-height:.92}.topbar p{color:var(--muted);margin:10px 0 0}.manifest-link,.css-link{border:1px solid var(--line);background:var(--surface);min-height:36px;color:var(--accent-strong);white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;padding:0 12px;font-weight:650;text-decoration:none;display:inline-flex}.filters,.detail-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);flex-direction:column;align-self:start;gap:14px;padding:16px;display:flex;position:sticky;top:16px}.catalog{min-width:0}.field{flex-direction:column;gap:7px;display:flex}.field span{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:700}.field input,.field select,.field textarea{border:1px solid var(--line);background:var(--surface-raised);width:100%;color:var(--text);border-radius:6px;outline:none}.field input,.field select{height:40px;padding:0 10px}.field textarea{resize:vertical;min-height:112px;padding:10px 12px;line-height:1.55}.field input:focus,.field select:focus,.field textarea:focus,.font-card:focus-visible,.manifest-link:focus-visible,.css-link:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px #2f7d682e}.metric-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.metric-grid div{border:1px solid var(--line);background:var(--surface-raised);border-radius:6px;min-width:0;padding:12px}.metric-grid span{font-size:1.55rem;font-weight:760;display:block}.metric-grid small{color:var(--muted);text-transform:uppercase;font-size:.78rem}.font-grid{grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:12px;display:grid}.font-card{cursor:pointer;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:100%;min-height:152px;color:inherit;text-align:left;flex-direction:column;justify-content:space-between;gap:14px;padding:14px;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex;box-shadow:0 8px 20px #232d280f}.font-card:hover{border-color:var(--line-strong);transform:translateY(-1px);box-shadow:0 12px 26px #232d281a}.font-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px #2f7d681f}.font-card-title{overflow-wrap:anywhere;letter-spacing:0;font-size:1.58rem;line-height:1.12}.font-card-id{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.78rem}.font-card-sample{color:#343b38;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:1rem;line-height:1.42;display:-webkit-box;overflow:hidden}.missing-glyph{width:.72em;height:1em;color:var(--line-strong);vertical-align:-.12em;border:.075em solid;margin:0 .03em;display:inline-block}.tag-row{flex-wrap:wrap;gap:6px;display:flex}.tag{border:1px solid var(--line);min-height:22px;color:var(--rose);background:#f8f2f2;border-radius:999px;align-items:center;padding:0 8px;font-size:.75rem;font-weight:680;display:inline-flex}.tag[data-tone=serif]{color:var(--amber);background:#f8f5e8}.tag[data-tone=sans]{color:var(--accent-strong);background:#edf6f3}.empty-state{color:var(--muted);text-align:center;margin:40px 0}.detail-head{justify-content:space-between;align-items:start;gap:14px;display:flex}.eyebrow{color:var(--muted);margin:0 0 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.76rem}.detail-head h2{overflow-wrap:anywhere;letter-spacing:0;margin:0;font-size:1.6rem;line-height:1.1}.control-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field.compact{min-width:0}input[type=range]{accent-color:var(--accent);padding:0}.range-with-value{border:1px solid var(--line);background:var(--surface-raised);border-radius:6px;grid-template-columns:minmax(0,1fr) 48px;align-items:center;gap:10px;min-height:40px;padding:0 10px;display:grid}.range-with-value output{color:var(--text);font-variant-numeric:tabular-nums;text-align:right;font-weight:700}.range-with-value input[type=range]{width:100%;min-width:0}.range-with-value input[type=range]:disabled{cursor:not-allowed;opacity:.55}.preview-text{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);letter-spacing:0;white-space:pre-wrap;min-height:250px;max-height:44vh;padding:18px;font-size:30px;line-height:1.72;overflow:auto}.font-facts{color:var(--muted);grid-template-columns:max-content minmax(0,1fr);gap:8px 12px;margin:0;padding-top:2px;font-size:.88rem;display:grid}.font-facts dt{color:var(--text);font-weight:720}.font-facts dd{overflow-wrap:anywhere;min-width:0;margin:0}@media (width<=1120px){.app-shell{grid-template-columns:minmax(220px,270px) minmax(0,1fr)}.detail-panel{grid-column:1/-1;position:static}}@media (width<=720px){.app-shell{grid-template-columns:1fr;width:min(100% - 24px,680px);padding:12px 0}.topbar{flex-direction:column;align-items:start;gap:12px}.filters{position:static}.font-grid,.control-row{grid-template-columns:1fr}.preview-text{max-height:none}}