:root{font-family:Arial,Helvetica,sans-serif;color:#1e1e1c;background:#f6f6f3;--line:#d5d5ce;--muted:#676760}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:3px}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #536dde;outline-offset:3px}header{height:76px;margin:0 32px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.brand{text-decoration:none;font-weight:700;font-size:13px;letter-spacing:.12em}.brand span{font:11px monospace;color:var(--muted)}.back{font-size:13px}main{margin:auto;padding:0 32px 30px;max-width:1800px}.intro{padding:45px 0 32px;max-width:920px}.eyebrow{font:11px monospace;color:var(--muted);letter-spacing:.1em}.intro h1{font-weight:400;font-size:clamp(38px,5vw,72px);letter-spacing:-.06em;line-height:.99;margin:18px 0}.intro>p:last-child{font-size:16px;line-height:1.6;color:#53534f;max-width:720px}.filters{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;gap:6px;flex-wrap:wrap;padding:12px 0}.filters button{background:transparent;border:1px solid transparent;padding:8px 11px;border-radius:3px;font-size:12px}.filters button[aria-pressed=true]{background:#1e1e1c;color:white}.filters button:hover:not([aria-pressed=true]){border-color:var(--line)}.count{font:11px monospace;color:var(--muted);padding:16px 0}.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 14px}.tile{display:block;text-align:left;background:none;border:0;padding:0;min-width:0}.tile canvas{width:100%;aspect-ratio:1.2;display:block;border:1px solid #dddcd6;background:#efefeb}.tile:hover canvas{border-color:#1e1e1c}.tile-label{font-size:13px;font-weight:600;line-height:1.35;display:block;margin-top:10px}.tile-family{font:11px monospace;color:var(--muted);display:block;margin-top:5px}footer{border-top:1px solid var(--line);margin-top:42px;padding-top:18px;display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted)}dialog{width:min(1050px,calc(100vw - 34px));max-height:92vh;overflow:auto;border:1px solid #aaa;background:#f6f6f3;padding:22px;box-shadow:0 20px 80px #0004}dialog::backdrop{background:#1119;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;font:11px monospace;color:var(--muted)}.dialog-head button,.nav button{background:transparent;border:1px solid var(--line);padding:9px 12px;border-radius:3px}.detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;margin-top:18px}.detail-grid canvas{width:100%;aspect-ratio:1.2;background:#efefeb}.detail-grid h2{font-size:clamp(30px,3.5vw,47px);font-weight:400;letter-spacing:-.05em;line-height:1.08;margin:15px 0 22px}.detail-grid p:not(.eyebrow){line-height:1.6;font-size:17px}.detail-grid .boundary{font-size:13px!important;color:var(--muted);border-top:1px solid var(--line);padding-top:15px;margin-top:25px}.detail-grid a{font-size:14px}.nav{display:flex;gap:8px;margin-top:34px}body:has(dialog[open]){overflow:hidden}@media(max-width:1100px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:700px){header{margin:0 18px}.back{font-size:11px}main{padding:0 18px 25px}.intro{padding:32px 0 22px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 10px}.detail-grid{grid-template-columns:1fr;gap:14px}.detail-grid h2{font-size:32px}.detail-grid p:not(.eyebrow){font-size:15px}dialog{padding:14px}footer{flex-direction:column}}

[hidden]{display:none!important}
.sheet-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0 16px}.sheet-tools .count{padding:0}.sheet-tools button{border:1px solid var(--line);background:transparent;border-radius:3px;padding:8px 11px;font:11px monospace;white-space:nowrap}.sheet-tools button:hover{border-color:#1e1e1c}