.snapkit{--bg:#fbfbfa;--surface:#fff;--sunk:#f4f4f2;--ink:#141414;--muted:#6e6e6e;--line:#dededa;--accent:#d6431f;--accent-ink:#fff;--accent-soft:#d6431f1a;--male:#1f6f8b;--male-fill:#d3e6ed;--female:#8a5a2b;--female-fill:#efe0cf;--ok:#2e7d4f;--ok-bg:#dcefe3;--warn:#9a6a00;--warn-bg:#f6eacb;--bad:#b23a26;--bad-bg:#f5dad4;--display:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--body:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--mono:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;background:var(--bg);color:var(--ink);font:var(--t-base)/1.5 var(--body);text-align:left}.snapkit *,.snapkit :before,.snapkit :after{box-sizing:border-box}.snapkit{& .wrap{gap:48px;max-width:1600px;margin:0 auto;padding-block:12px 64px;padding-inline:16px;display:grid}& h1,& h2,& h3{font-family:var(--display);letter-spacing:.01em;text-wrap:balance;margin:0;font-weight:600;line-height:1.1}& h1{font-size:var(--t-page);font-weight:700}& h2{font-size:var(--t-section)}& h3{font-size:var(--t-title)}& p{max-width:72ch;margin:0}& a{color:var(--accent)}& .lede{color:var(--muted);font-size:var(--t-base)}& .eyebrow{font:600 var(--t-label)/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}& header,& section{gap:14px;display:grid}& .panel{background:var(--surface);border:1px solid var(--line);border-radius:6px;min-width:0}& .note{font-size:var(--t-small);color:var(--muted)}& code,& .mono{font-family:var(--mono);font-variant-numeric:tabular-nums}& code{font-size:.88em}& button{font:inherit;color:inherit}& :focus-visible{outline:2px solid var(--accent);outline-offset:2px}& .screen{grid-template-rows:auto auto minmax(0,1fr);gap:10px;height:calc(100vh - 88px);min-height:640px;display:grid}& .top{flex-wrap:wrap;align-items:baseline;gap:14px;display:flex}& .top h1{font-size:var(--t-page)}& .top .lede{font-size:var(--t-base)}& .toolbar{flex-wrap:wrap;align-items:center;gap:10px 14px;padding:8px 10px;display:flex}& .tgroup{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}& .tgroup>.tl{font:600 var(--t-label) var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}& .types{gap:4px;display:flex}& .types button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:5px;align-items:center;gap:6px;padding:4px 8px 4px 4px;display:flex}& .types button svg{flex:none;width:44px;height:20px}& .types button b{font:600 var(--t-small) var(--mono);white-space:nowrap}& .types button span{display:none}& .types button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}& .seg{border:1px solid var(--line);border-radius:5px;display:flex;overflow:hidden}& .seg button{cursor:pointer;font:600 var(--t-small) var(--mono);white-space:nowrap;background:0 0;border:0;flex:1;padding:5px 9px}& .seg button+button{border-left:1px solid var(--line)}& .seg button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}& select{font:inherit;font-size:var(--t-base);border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:4px;padding:5px 8px}& .matedit{position:relative}& .matedit summary{cursor:pointer;font:600 var(--t-small) var(--mono);color:var(--accent);border:1px solid var(--line);border-radius:4px;padding:5px 8px;list-style:none}& .matedit summary::-webkit-details-marker{display:none}& .matedit .pop{z-index:5;background:var(--surface);border:1px solid var(--line);border-radius:6px;gap:4px;width:min(320px,100vw - 32px);padding:12px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #0000002e}& .studio{grid-template-columns:300px minmax(0,1fr) 290px;gap:10px;min-height:0;display:grid}& .side{align-content:start;gap:10px;min-height:0;padding-right:2px;display:grid;overflow:auto}& .box{gap:6px;padding:10px 12px;display:grid}& .box h3{font-size:var(--t-title)}& .field{grid-template-columns:minmax(0,1fr) 84px 62px;align-items:center;gap:6px;min-height:26px;display:grid}& .field label{font-size:var(--t-base);cursor:help;line-height:1.15}& .field input[type=number]{width:62px;font:600 var(--t-small) var(--mono);border:1px solid var(--line);background:var(--sunk);color:var(--ink);text-align:right;border-radius:4px;padding:3px 5px}& .field input[type=range]{width:100%;accent-color:var(--accent);margin:0}& .check{font-size:var(--t-small);align-items:center;gap:6px;display:flex}& .stage{grid-template-rows:minmax(0,1.15fr) minmax(0,1fr);gap:10px;min-width:0;min-height:0;display:grid}& .view3d{min-height:0;position:relative;overflow:hidden}& .view3d canvas{width:100%;height:100%;display:block}& .vbar{pointer-events:none;flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:absolute;top:8px;left:8px;right:8px}& .vbar>*{pointer-events:auto}& .vbar .seg{background:var(--surface)}& .vbar label{font:var(--t-small) var(--mono);color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:5px;align-items:center;gap:6px;padding:3px 8px;display:flex}& .vbar input[type=range]{width:100px;accent-color:var(--accent)}& .vcap{font:var(--t-small) var(--mono);color:var(--muted);pointer-events:none;position:absolute;bottom:6px;left:10px;right:10px}& .sec{grid-template-rows:minmax(0,1fr) auto;min-height:0;padding:6px 8px;display:grid}& .sec svg{width:100%;height:100%;min-height:0;display:block}& .legend{font-size:var(--t-small);color:var(--muted);flex-wrap:wrap;gap:12px;padding:0 4px;display:flex}& .sw{vertical-align:-1px;border:1.5px solid;border-radius:2px;width:10px;height:10px;margin-right:5px;display:inline-block}& .kpis{background:var(--line);border:1px solid var(--line);border-radius:6px;grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}& .kpi{background:var(--surface);gap:0;padding:6px 10px;display:grid}& .kpi .k{font-size:var(--t-label);color:var(--muted)}& .kpi .v{font:600 var(--t-title) var(--mono);font-variant-numeric:tabular-nums}& .verdict{gap:4px;display:grid}& .verdict .note{font-size:var(--t-small)}& .pill{font:600 var(--t-label) var(--mono);text-transform:uppercase;letter-spacing:.06em;border-radius:3px;justify-self:start;padding:3px 7px}& .ok{--c:var(--ok);--cb:var(--ok-bg)}& .warn{--c:var(--warn);--cb:var(--warn-bg)}& .bad{--c:var(--bad);--cb:var(--bad-bg)}& .info{--c:var(--muted);--cb:var(--sunk)}& .pill{background:var(--cb);color:var(--c)}& .checks{gap:5px;margin:0;padding:0;list-style:none;display:grid}& .checks li{font-size:var(--t-small);grid-template-columns:8px 1fr;gap:7px;line-height:1.35;display:grid}& .checks li:before{content:"";background:var(--c);border-radius:50%;width:7px;height:7px;margin-top:5px}& .checks li small{color:var(--muted)}& .btns{flex-wrap:wrap;gap:6px;display:flex}& .btn{border:1px solid var(--line);background:var(--surface);cursor:pointer;font:600 var(--t-small) var(--mono);border-radius:4px;padding:6px 9px}& .btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}& .btn:disabled{opacity:.5;cursor:default}& .toast{font-size:var(--t-small);color:var(--ok);min-height:1.1em}& #dlNote{font-size:var(--t-small)}@media (width<=1100px),(height<=620px){& .screen{height:auto;min-height:0}& .studio{grid-template-columns:300px minmax(0,1fr)}& .side-r{grid-column:1/-1}& .side{overflow:visible}& .stage{grid-template-rows:auto auto}& .view3d{height:380px}& .sec svg{height:auto}}@media (width<=760px){& .studio{grid-template-columns:1fr}& .types{flex-wrap:wrap}& .matedit .pop{left:0;right:auto}}& .scroll{overflow-x:auto}& table{border-collapse:collapse;width:100%;font-size:var(--t-base)}& th,& td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:9px 12px}& thead th{font:600 var(--t-label) var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}& td.num{font-family:var(--mono);white-space:nowrap}& .types-t td:first-child{min-width:120px;font-weight:600}& .types-t td{min-width:170px}& .gap-t td,& .gap-t th{white-space:nowrap}& .gap-t td.src{white-space:normal;min-width:220px;color:var(--muted);font-size:var(--t-small)}& .cmp td .pill{font-size:var(--t-label)}& .cmp .rm{color:var(--muted);cursor:pointer;font-size:var(--t-small);background:0 0;border:0;text-decoration:underline}& .empty{color:var(--muted);font-size:var(--t-base);padding:16px}& .cols2{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=860px){& .cols2{grid-template-columns:1fr}}& .strainfig{grid-template-columns:minmax(0,2fr) minmax(220px,1fr);align-items:center;gap:12px 16px;margin:0;padding:10px;display:grid}& .strainfig .seg{grid-column:1/-1;justify-self:start;max-width:100%;overflow-x:auto}& .strainfig figcaption[hidden]{display:none}& .strainfig video{background:var(--surface);border-radius:4px;width:100%;height:auto;display:block}& .strainfig figcaption{gap:8px;display:grid}& .strainfig .sl{font-size:var(--t-base);flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}& .strainfig .sl span:first-child{min-width:150px;font-weight:600}@media (width<=760px){& .strainfig{grid-template-columns:1fr}}& footer{color:var(--muted);font-size:var(--t-small);gap:8px;display:grid}& footer ol{gap:3px;margin:0;padding-left:20px;display:grid}& .err{color:var(--bad);font-size:var(--t-small)}}