:root{color-scheme:light;--bg:#fbfbfa;--fg:#1a1a19;--mut:#666d69;--line:#dedfdc;--acc:#2f6f4e;--card:#fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--acc);text-underline-offset:3px}header{display:flex;gap:12px;padding:15px 28px;border-bottom:1px solid var(--line);font-size:13px;align-items:center}header .back{margin-left:auto}main{max-width:1460px;margin:auto;padding:36px 28px 70px}.intro{max-width:860px}.eyebrow{font-size:11px;letter-spacing:.14em;color:var(--mut)}h1{font-size:clamp(27px,3.6vw,42px);letter-spacing:-.045em;line-height:1.15;margin:12px 0 16px;font-weight:600}.intro p{font-size:17px;color:var(--mut);max-width:790px}.badges{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 30px}.badges span{border:1px solid var(--line);border-radius:20px;padding:4px 11px;font-size:12px}.model-tabs{display:flex;gap:6px;margin-bottom:12px}button{font:inherit;font-size:13px;background:var(--card);border:1px solid var(--line);color:inherit;border-radius:6px;padding:8px 13px;cursor:pointer}button:hover{border-color:var(--acc)}button:disabled{cursor:wait;opacity:.5}.model-tabs button{padding:10px 22px;font-weight:600}.model-tabs [aria-pressed=true]{background:var(--acc);color:#fff;border-color:var(--acc)}.explorer{display:grid;grid-template-columns:minmax(0,1fr) 275px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--card)}.viewport{position:relative;min-width:0;min-height:650px;background:#121b22;color:#eff5f4}.viewport:fullscreen{width:100vw;height:100vh}canvas{width:100%;height:100%;position:absolute;inset:0;display:block;outline:none;touch-action:none}.view-label{position:absolute;top:18px;left:18px;pointer-events:none;display:flex;flex-direction:column;text-shadow:0 1px 5px #000;font-size:13px}.view-label b{font-size:17px}.view-label span{opacity:.8}.view-actions{position:absolute;bottom:44px;left:16px;display:flex;gap:6px}.view-actions button{background:#18252de6;border-color:#ffffff38;color:#fff}.hint{position:absolute;bottom:14px;left:18px;font-size:11px;color:#bac6cb;pointer-events:none}.status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:80%;background:#14252ded;padding:13px 20px;border-radius:8px;font-size:13px}.status[hidden]{display:none}.photo{position:absolute;right:15px;top:15px;width:min(27%,240px);margin:0;background:#111a22dd;border:1px solid #ffffff55;border-radius:6px;overflow:hidden;pointer-events:none}.photo img{display:block;width:100%}.photo figcaption{padding:4px 7px;font-size:11px}aside{padding:22px 18px;font-size:12px}.control{margin-bottom:20px}.control label{display:flex;justify-content:space-between;gap:6px;font-size:12px;font-weight:600}.control output{font-weight:400;color:var(--mut);white-space:nowrap}input[type=range]{width:100%;accent-color:var(--acc);margin:9px 0 0}input[type=checkbox]{accent-color:var(--acc);margin:0}.check{display:flex;align-items:center;gap:8px;margin:12px 0;font-size:12px;line-height:1.5;cursor:pointer}small,.small{font-size:12px;color:var(--mut);line-height:1.6}.control small{display:block}.frame-control{border-top:1px solid var(--line);padding-top:20px;margin-top:20px;margin-bottom:10px}.legend{width:13px;height:2px;display:inline-block}.predicted{background:#f2b65c}.reference{background:#34d7e9}.primary{background:var(--acc);color:#fff;width:100%;border-color:var(--acc);margin:8px 0 18px}.downloads{display:flex;flex-direction:column;gap:7px}.downloads a{font-size:11px}section:not(.explorer){margin-top:38px}h2{font-size:21px;font-weight:600;letter-spacing:-.02em;margin:0 0 10px}h3{font-size:15px;margin:0 0 8px}section>p{max-width:980px;color:var(--mut)}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px;font-variant-numeric:tabular-nums}th,td{padding:13px 15px 13px 0;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:12px;color:var(--mut);font-weight:500}.notes{border-left:3px solid var(--acc);background:#edf3ee;padding:14px 18px;font-size:13px;margin-top:20px}.notes p{margin:4px 0}.contact-sheet{display:block;width:100%;height:auto;border-radius:8px;max-width:1000px}.explain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.explain-grid p{font-size:13px;color:var(--mut);margin:0}#model-links{padding-left:20px;font-size:13px}#model-links li{margin:9px 0}footer{padding:20px 28px;border-top:1px solid var(--line);font-size:12px;color:var(--mut)}:focus-visible{outline:2px solid #4e9c72;outline-offset:4px}@media(max-width:900px){.explorer{grid-template-columns:1fr}.viewport{height:65vh;min-height:420px}aside{display:grid;grid-template-columns:1fr 1fr;gap:10px 22px}.control{margin:0}.frame-control{border:0;padding:0;margin:0}aside>.small{grid-column:1/-1}.check{margin:0}.primary{margin:0}.explain-grid{grid-template-columns:1fr;gap:22px}}@media(max-width:550px){header{padding:12px 16px}header .back{display:none}main{padding:28px 14px 40px}.intro p{font-size:15px}.model-tabs{gap:4px}.model-tabs button{flex:1;padding:10px 6px;font-size:11px}.viewport{height:58vh;min-height:380px}.hint{font-size:9px;left:10px}.view-actions{left:10px;gap:4px}.view-actions button{font-size:11px;padding:7px 9px}.view-label{top:12px;left:12px}aside{padding:18px 12px;gap:14px}.photo{width:32%;right:8px;top:65px}.downloads a{font-size:10px}}
.capture-select{display:flex;gap:14px;align-items:center;font-size:13px;margin-bottom:20px}.capture-select select{font:inherit;padding:9px 12px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--fg);max-width:100%}code{overflow-wrap:anywhere}#model-links{overflow-wrap:anywhere}@media(max-width:550px){.capture-select{display:block}.capture-select select{display:block;width:100%;margin-top:6px}}
