:root{color-scheme:dark;--bg:#020914;--s:#07111e;--s2:#0b1828;--line:#1c3047;--line2:#31506f;--text:#f4f8fd;--muted:#91a5ba;--blue:#1686ff;--cyan:#48b6ff;--green:#4de1aa;--amber:#f6bd16;--orange:#ff8a2a;--red:#ff6476}*{box-sizing:border-box}html,body{height:100%;margin:0;background:var(--bg);color:var(--text);font:14px/1.4 Inter,sans-serif;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}i{font:normal 21px/1 'Material Symbols Rounded'}button{cursor:pointer}.app{height:100%;display:grid;grid-template-rows:64px 1fr}.app>header{display:grid;grid-template-columns:260px 1fr 260px;align-items:center;border-bottom:1px solid var(--line);padding:0 26px}.brand{display:flex;align-items:center;gap:12px;letter-spacing:.18em}.brand img{width:42px;height:42px;object-fit:contain}.view-tabs{justify-self:center;background:#081321;border:1px solid var(--line);border-radius:9px;padding:3px}.view-tabs button{border:0;background:transparent;padding:9px 23px;border-radius:7px}.view-tabs .active{background:#09294b;box-shadow:inset 0 0 0 1px var(--blue)}.outline{justify-self:end;border:1px solid var(--line);background:#07121f;border-radius:8px;padding:9px 13px;display:flex;gap:7px;align-items:center}.shell{display:grid;grid-template-columns:86px minmax(620px,1fr) 458px;min-height:0}.rail{padding:10px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:5px}.rail button{height:62px;border:1px solid transparent;background:transparent;border-radius:9px;color:var(--muted);font-size:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.rail button.active,.rail button:hover{border-color:#17568e;background:#071c33;color:#fff}.rail span{flex:1}main{padding:11px;min-width:0;display:grid;grid-template-rows:40px minmax(300px,1fr) 58px 140px;gap:9px}.session{display:flex;align-items:center;gap:11px}.session>button{border:0;background:transparent}.session select{margin-left:10px;background:#071421;border:1px solid var(--line);border-radius:8px;padding:8px 10px}.states{margin-left:auto;display:flex;gap:7px}.states em{font-style:normal;border:1px solid currentColor;border-radius:8px;padding:6px 10px;font-size:11px}.green{color:var(--green)}.amber{color:var(--amber)}.viewer{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:#000}.stage{position:absolute;inset:0;overflow:hidden;transform-origin:center}.stage video,.stage canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.stage canvas{z-index:3;touch-action:none}.stage #compareVideo{display:none}.stage.compare video{width:50%;object-fit:cover}.stage.compare #compareVideo{display:block;left:50%}.grid{display:none;position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(72,182,255,.22) 1px,transparent 1px),linear-gradient(rgba(72,182,255,.18) 1px,transparent 1px);background-size:10% 10%}.viewer.grid-on .grid{display:block}.phase,.measure,.view-controls{position:absolute;z-index:6;background:rgba(3,11,21,.9);border:1px solid var(--line2);border-radius:9px}.phase{top:15px;left:15px;padding:9px 12px;font-weight:650;display:flex;gap:8px}.phase i{color:var(--blue)}.measure{left:15px;bottom:14px;padding:8px 11px;min-width:150px}.measure>*{display:block}.measure b{font-size:18px}.measure span{font-size:10px;color:var(--muted)}.view-controls{right:14px;bottom:14px;display:flex;overflow:hidden}.view-controls button{border:0;border-right:1px solid var(--line);background:transparent;padding:8px 11px}.view-controls .active{background:#0b4e91}.compare-empty{position:absolute;z-index:8;inset:0;display:none;background:rgba(1,6,12,.75);place-items:center;text-align:center}.compare-empty.show{display:grid}.compare-empty>*{display:block;margin:8px auto}.transport{display:grid;grid-template-columns:auto auto 1fr auto auto auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:9px;background:var(--s);padding:8px 12px}.transport>div{display:flex;gap:6px}.transport button{height:40px;min-width:40px;border:1px solid var(--line);background:#0a1726;border-radius:8px}.transport .primary{background:var(--blue)}.rates{border:1px solid var(--line);border-radius:8px;overflow:hidden}.rates button{border:0;border-radius:0;color:var(--muted)}.rates button.active{background:#0a3a6a;color:#fff}.transport input{width:100%;accent-color:var(--blue)}.transport output{font-variant-numeric:tabular-nums;white-space:nowrap}.precision{display:grid;grid-template-columns:1fr 230px;border:1px solid var(--line);border-radius:9px;background:var(--s)}.precision label{font-size:11px;letter-spacing:.12em;color:#a2b6cb}.scrub{padding:13px 15px;border-right:1px solid var(--line)}.scrub>div{margin-top:10px;display:grid;grid-template-columns:auto auto 1fr auto auto;gap:7px}.scrub button,.markers button{border:1px solid var(--line);background:#0a1726;border-radius:7px}.ticks{height:42px;background:repeating-linear-gradient(90deg,transparent 0 12px,#42566d 13px 14px);position:relative}.ticks:after{content:'';position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--blue)}.markers{padding:13px}.markers #markerList{display:grid;gap:3px;margin:7px 0;font-size:11px}.marker{display:flex;gap:7px;align-items:center}.marker:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--cyan)}.markers button{width:100%;padding:5px}aside{border-left:1px solid var(--line);padding:11px;background:#030b16;overflow:auto}.review{border:1px solid var(--line);border-radius:9px;background:var(--s);overflow:hidden}.review h2{font-size:16px;margin:0;padding:13px;border-bottom:1px solid var(--line);display:flex;gap:8px}.review h2 i{color:var(--cyan)}.review-tabs{display:flex;border-bottom:1px solid var(--line)}.review-tabs button{flex:1;height:40px;border:0;background:transparent;color:var(--muted)}.review-tabs .active{color:var(--blue);box-shadow:inset 0 -2px var(--blue)}.panel{display:none;padding:0 13px}.panel.active{display:block}.panel article{display:grid;grid-template-columns:23px 1fr;gap:9px;padding:12px 0;border-bottom:1px solid var(--line)}num{width:20px;height:20px;border:1px solid var(--blue);border-radius:50%;display:grid;place-items:center;color:var(--blue);font-size:11px}.panel p{margin:5px 0;color:#bdcbd9}.panel a{color:var(--blue)}textarea,input,select{background:#06101c;border:1px solid var(--line);border-radius:6px;padding:7px}.panel textarea,.panel input{width:100%}.chips{display:flex;gap:6px;flex-wrap:wrap}.chips span{border:1px solid var(--line2);border-radius:7px;padding:5px 8px}.chips span:before{content:'';display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:6px}table{width:100%;border-collapse:collapse;font-size:11px}th,td{text-align:left;padding:7px 4px;border-bottom:1px solid var(--line)}mark{background:#063323;color:var(--green);border-radius:9px;padding:2px 6px}.warn{background:#3c2c03;color:var(--amber)}#assign,.drill button,#saveMetric{float:right;border:1px solid var(--blue);background:#08294b;border-radius:6px;padding:6px 9px}.honest{border-left:2px solid var(--amber);padding-left:9px}.panel>label{display:grid;gap:4px;margin:11px 0}.drill{display:grid;grid-template-columns:1fr auto;gap:6px;border:1px solid var(--line);border-radius:8px;padding:10px;margin:9px 0}.drill small{grid-column:1}.bottom-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.bottom-cards section{border:1px solid var(--line);border-radius:8px;padding:10px}.bottom-cards section>div{display:flex;gap:6px;margin-top:8px}.bottom-cards span{flex:1;border:1px solid var(--line);padding:7px;text-align:center;font-size:10px}.bottom-cards i{display:block;color:var(--blue);margin:auto}.toolbox{display:none;position:fixed;z-index:30;top:76px;left:98px;width:250px;background:#071421;border:1px solid var(--line2);border-radius:10px;padding:12px;box-shadow:0 24px 70px #000}.toolbox.show{display:block}.toolbox h3{margin:0 0 10px}.tools{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.tools button{height:58px;border:1px solid var(--line);background:#0a1726;border-radius:7px}.tools button.active{border-color:var(--blue);background:#0a3159}.tools i{display:block;margin:auto}.colors{display:flex;gap:7px;margin:10px 0}.colors button{width:25px;height:25px;border-radius:50%;background:var(--cyan);border:2px solid transparent}.colors button:nth-child(2){background:var(--amber)}.colors button:nth-child(3){background:var(--orange)}.colors button:nth-child(4){background:var(--green)}.colors button:nth-child(5){background:#fff}.colors button.active{border-color:#fff}.toolbox footer{display:flex;gap:7px}.toolbox footer button{flex:1;padding:7px;border:1px solid var(--line);background:#0a1726;border-radius:6px}dialog{background:#071421;color:#fff;border:1px solid var(--line2);border-radius:11px;padding:18px;width:min(520px,90vw)}dialog::backdrop{background:rgba(0,0,0,.7)}dialog input{width:100%;margin:12px 0}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,10px);background:#edf7ff;color:#06111d;padding:9px 13px;border-radius:7px;opacity:0;transition:.2s;z-index:60}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:1250px){.shell{grid-template-columns:76px 1fr 380px}.app>header{grid-template-columns:220px 1fr 220px}.precision{grid-template-columns:1fr}.markers{display:none}}@media(max-width:960px){html,body{overflow:auto}.shell{grid-template-columns:70px 1fr}aside{grid-column:2}.view-tabs{display:none}main{height:780px}}@media(max-width:680px){.shell{display:block}.rail{display:none}.app>header{grid-template-columns:1fr}.outline{display:none}main{height:720px;padding:7px;grid-template-rows:40px minmax(260px,1fr) auto 120px}.states,.rates{display:none}.transport{grid-template-columns:auto 1fr}.transport input{grid-column:1/-1}.bottom-cards{grid-template-columns:1fr}}