@font-face{font-family:Geist;src:url('/assets/geist-500.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
:root{color-scheme:dark;font-family:Helvetica,Arial,sans-serif;background:#1b1642;color:#fff;--bg:#1b1642;--surface:#2c264f;--inset:#1b182b;--text:#fff;--muted:#c5baed;--primary:#6258cf;--border:#8677da;--accent:#ffde58}
*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,textarea,select{font:inherit}button,summary,select{cursor:pointer}button,input,textarea,select{border:1px solid var(--border);border-radius:5px;background:var(--inset);color:var(--text);font-size:14px}button{min-height:36px;padding:7px 12px}button:hover,select:hover{background:var(--surface)}button:disabled,input:disabled{opacity:.55;cursor:wait}.primary{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:600}.primary:hover{background:#fff;color:var(--bg)}button:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,canvas:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.brandbar{height:64px;padding:8px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:0;font-family:Geist,Helvetica,Arial,sans-serif;font-weight:500;font-size:20px}.brand img{display:block;width:44px;height:44px;object-fit:contain;flex:0 0 auto}.preview-label{font-size:11px;color:var(--muted);white-space:nowrap}
main{max-width:1920px;margin:0 auto;padding:0 16px 16px}.review-shell{display:grid;gap:8px}.viewer{overflow:hidden;min-height:0;background:var(--inset);border:1px solid var(--border);border-radius:7px;padding:10px}.viewer>video,.viewer>img{display:block;max-width:100%;max-height:75vh;margin:auto}.viewer-toolbar{display:flex;align-items:center;gap:14px;min-height:38px;margin-bottom:8px;flex-wrap:wrap}.type-label{display:flex;gap:9px;align-items:center;font-size:13px;color:var(--muted)}[data-type-controls]{display:block}[data-variant]{min-width:175px;padding:7px 28px 7px 9px;font-size:14px;height:36px}.camera-note{color:var(--muted);font-size:12px}.camera-note[hidden]{display:none}
.sync-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sync-panel{min-width:0;margin:0}.sync-panel h3{font-size:12px;font-weight:400;color:var(--muted);margin:0 0 6px;line-height:1.4}.sync-panel h3 span{display:none}.sync-panel video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#000;border-radius:3px}
.sync-transport{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px}.sync-transport button{font-size:13px;min-width:40px}.speed-label{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}.speed-label select{width:auto;height:36px;padding:5px}.sync-transport output{font-size:12px;color:var(--muted);margin-left:auto;font-variant-numeric:tabular-nums}.shared-scrub{flex-basis:100%;height:24px;width:100%;padding:0;border:0;accent-color:var(--accent);background:transparent;cursor:ew-resize}.sync-note{font-size:11px;line-height:1.4;margin:2px 0 0;color:var(--muted)}
details{border-bottom:1px solid var(--border)}summary{list-style:none;padding:9px 3px;font-size:13px;color:var(--muted);width:fit-content}summary::-webkit-details-marker{display:none}summary::before{content:'+';display:inline-block;min-width:17px;color:var(--accent)}details[open]>summary::before{content:'−'}.feedback-grid{display:grid;grid-template-columns:minmax(260px,330px) minmax(0,1fr);gap:20px;padding:4px 0 16px}.aside label{display:block;font-size:12px;color:var(--muted);margin:12px 0 5px}input,textarea{width:100%;padding:9px}textarea{min-height:100px;resize:vertical}.draft-context{font-size:12px;color:var(--muted);margin:9px 0}.categories{display:flex;gap:5px;margin-top:12px}.categories button{flex:1;font-size:12px}.categories .selected{background:var(--primary)}.submit{margin-top:10px}.muted{color:var(--muted);font-size:12px;line-height:1.5}.annotation-wrap[hidden]{display:none}#annotation{max-width:100%;height:auto;display:block;border:1px solid var(--border);border-radius:4px;cursor:crosshair}.annotation-wrap button{font-size:12px;margin:6px 4px 0 0}.feedback-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.feedback-head h2{font:500 16px Geist,Helvetica,Arial,sans-serif;margin:0}.feedback-head button{font-size:12px}.comment{border-top:1px solid var(--border);padding:12px 0}.comment-top{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px}.comment p{font-size:14px;line-height:1.5;white-space:pre-wrap}.comment img{display:block;max-width:280px;max-height:180px}.tag{font-size:11px;color:var(--muted)}.jump{padding:4px 7px;min-height:28px;font-size:12px}.library{display:flex;gap:6px;overflow-x:auto;padding:0 0 12px}.asset{flex:0 0 170px;text-align:left;font-size:12px;line-height:1.4;min-height:44px}.asset.active{background:var(--primary)}.empty{text-align:center;padding:40px 8px}.error{color:#fff}.saved{color:var(--accent)}#status{display:none;position:fixed;bottom:14px;left:50%;transform:translateX(-50%);max-width:90vw;padding:10px 14px;border:1px solid var(--accent);border-radius:6px;background:var(--inset);color:var(--text);font-size:13px;z-index:5}
@media(max-width:850px){.brandbar{padding:8px 12px}.brand{font-size:18px}main{padding:0 10px 10px}.feedback-grid{grid-template-columns:1fr}.comments-pane{min-width:0}}
@media(max-width:620px){.brandbar{height:58px;padding:6px 10px}.brand{font-size:16px;gap:6px}.brand img{width:36px;height:36px}.preview-label{font-size:10px}.viewer{padding:8px}.viewer-toolbar{gap:5px;margin-bottom:7px}.camera-note{font-size:11px}.sync-panels{grid-template-columns:1fr;gap:7px}.sync-panel h3{font-size:11px;margin-bottom:3px}.sync-panel video{max-height:22vh}.sync-transport{gap:5px;margin-top:8px}.sync-transport output{font-size:11px}.speed-label{font-size:0}.sync-note{font-size:10px}}
.brand h1{font:inherit;margin:0}.logo-square{width:180px;height:auto}.logo-wordmark{width:600px;max-width:100%;height:auto}
.brand{color:var(--accent)}@media(max-width:1100px) and (orientation:portrait){.sync-panels{grid-template-columns:1fr}.sync-panel video{max-height:22vh}}
.video-layers{position:relative;min-width:0}.model-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.science-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:5px 0 10px;font-size:12px}.science-controls label{display:flex;align-items:center;gap:5px}.science-controls input{width:auto;accent-color:var(--accent)}.science-controls [data-cell-readout]{color:var(--muted);font-size:11px}.simulation-legend{width:min(420px,100%);margin:12px 0 7px auto;font-size:11px}.legend-title{display:flex;justify-content:space-between;gap:12px}.simulation-legend canvas{display:block;width:100%;height:14px;border-radius:3px;margin:6px 0}.legend-ticks{display:flex;justify-content:space-between;font-variant-numeric:tabular-nums}.simulation-legend p{font-size:11px;line-height:1.45;color:var(--muted);margin:6px 0}.simulation-legend details{border:0}.simulation-legend summary{font-size:11px;padding:3px 0}@media(max-width:620px){.simulation-legend{margin:8px 0;width:100%}.science-controls{font-size:11px;gap:8px}}

/* Approved client presentation: videos, overlays, scale and compact transport. */
.media-panel,.sync-note,[data-prev],[data-next],.speed-label,[data-position]{display:none!important}
.sync-transport{flex-wrap:nowrap;gap:12px;margin-top:14px}.shared-scrub{flex:1 1 auto;min-width:0;flex-basis:auto}.sync-transport [data-play]{font-size:20px;line-height:1;min-width:42px}