:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#10171a;color:#e6eceb;font-size:14px}*{box-sizing:border-box}body{margin:0}header,main,nav,footer{padding:20px 28px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #314047}h1{font-size:28px;font-weight:550;margin:7px 0}h2{font-size:17px;margin:0 0 12px}h3{font-size:15px}p{color:#a8b9c0;line-height:1.5}.eyebrow{letter-spacing:.14em;font-size:10px;color:#87bfb3;margin:0}a{color:#9bded1;text-decoration:none}button,select,input{font:inherit}button,select{border:1px solid #41525a;background:#202d34;color:#e6eceb;border-radius:5px;padding:7px 10px}button{cursor:pointer}button:hover,button.active{background:#314c4b;border-color:#8bbeb0}button[aria-pressed=true]{background:#755329}label{display:inline-flex;align-items:center;gap:5px;color:#c7d2d6;font-size:12px}input[type=checkbox]{accent-color:#87bfb3}.transport{position:sticky;top:0;z-index:10;background:#172126f5;border-bottom:1px solid #314047;padding:12px 28px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.transport output{font:15px ui-monospace,monospace;min-width:120px}.transport #timeline{min-width:180px;flex:1;accent-color:#8bccbb}.transport #fit{max-width:230px}nav{display:flex;gap:8px;padding-bottom:0;flex-wrap:wrap}.legend{display:flex;gap:15px;font-size:11px;color:#91a3ad;margin-bottom:12px;flex-wrap:wrap}.green{color:#74e5b2}.amber{color:#ffb95e}.red{color:#fa7778}.blue{color:#68c4f0}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:1460px;margin:auto}.panel{min-width:0;background:#152126;border:1px solid #34464d;border-radius:7px;overflow:hidden}.panelhead{min-height:75px;display:flex;flex-direction:column;justify-content:center;padding:12px 14px;gap:7px;position:relative;z-index:1;background:#19272e}.panelhead h2{margin:0}.panelhead>div{display:flex;gap:12px;flex-wrap:wrap}.framebox{aspect-ratio:600/750;max-height:65vh;min-height:300px;position:relative;margin:auto;overflow:hidden;background:#0b161b;display:flex;justify-content:center}.framebox canvas{height:100%;max-width:100%;object-fit:contain;display:block}#model canvas{width:100%;height:100%}.caption{font-size:11px;min-height:34px;margin:0;padding:10px 12px;border-top:1px solid #314047}.cameragrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;margin-top:18px}.camera{padding:0;background:#18242b;border:1px solid #34464d;border-radius:6px;overflow:hidden;min-width:0}.camera.active{border-color:#a1e2cc}.camera canvas{width:100%;height:auto;display:block}.camera header{padding:9px;font-size:12px;display:flex;justify-content:space-between}.camera p{padding:7px;margin:0;font-size:10px;font-family:ui-monospace,monospace}.reviewtools{background:#18242b;border:1px solid #34464d;border-radius:6px;margin-top:20px;padding:18px}.reviewtools>label,.reviewtools>button{margin-right:12px}.reviewtools p{font-size:12px}.reviewtools h2{margin-bottom:5px}#point-info{font-family:ui-monospace,monospace;min-height:20px}#edit-status{font-size:12px;color:#8de0bf}table{border-collapse:collapse;width:100%;margin:20px 0;font-variant-numeric:tabular-nums}td,th{text-align:left;padding:11px;border-bottom:1px solid #35444b}th{color:#99bdb6;font-size:12px;font-weight:500}tr.selected{background:#25413c}#chart,#motion-chart,#timing-chart{display:block;max-width:100%;height:auto;background:#16232a;border-radius:7px;margin-top:20px}#reports{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:20px 0}.report{border:1px solid #35474f;border-radius:6px;padding:18px}.report pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;color:#a4bcc5}.report p{font-size:12px}#limits li{line-height:1.7;margin:10px 0;color:#b2c3c9}footer{font-size:11px;border-top:1px solid #314047;color:#879aa3}[hidden]{display:none!important}@media(max-width:900px){header,main,nav,footer{padding:15px}.transport{padding:10px 15px}.cameragrid{grid-template-columns:repeat(4,minmax(0,1fr))}.workspace{gap:8px}.panelhead>div{gap:6px}.framebox{min-height:220px}.panelhead{min-height:100px}h1{font-size:22px}}@media(max-width:600px){.workspace{grid-template-columns:1fr}.framebox{max-height:60vh}.cameragrid{grid-template-columns:repeat(3,minmax(0,1fr))}#reports{grid-template-columns:1fr}header>a{display:none}.transport label{width:100%}.transport #fit{max-width:none;flex:1}td,th{font-size:10px;padding:5px}}

#timing-details{overflow-x:auto}#timing-chart{cursor:crosshair}

#export-panel{margin-top:14px}#export-json{width:100%;background:#101a20;color:#c8e3dc;border:1px solid #41525a;padding:12px;font:11px ui-monospace,monospace;resize:vertical}#export-panel button{margin:8px 8px 0 0}

.head-trial-picker{max-width:100%;min-width:0}#head-trial-select{min-width:0;max-width:320px}#head-trial-details p{margin:4px 0}

/* Keep source/model pixel origins aligned when their control rows wrap. */
@media(min-width:601px){.workspace>.panel{display:grid;grid-template-rows:subgrid;grid-row:span 4;row-gap:0}.workspace>.panel>.framebox{width:100%}}

/* Read-only presentation surface controlled by the visual walkthrough. */
.walkthrough-embed body>header,.walkthrough-embed .transport,.walkthrough-embed body>nav,.walkthrough-embed footer,.walkthrough-embed .legend,.walkthrough-embed .cameragrid,.walkthrough-embed .reviewtools,.walkthrough-embed .panelhead>div,.walkthrough-embed #head-trial-details{display:none!important}
.walkthrough-embed main{padding:8px}.walkthrough-embed .workspace{gap:8px;max-width:none}.walkthrough-embed .panel{display:flex;flex-direction:column;grid-row:auto}.walkthrough-embed .panelhead{min-height:32px;padding:8px 12px}.walkthrough-embed .panelhead h2{font-size:12px}.walkthrough-embed .framebox{width:100%;height:calc(100vh - 95px);max-height:none;min-height:240px;aspect-ratio:auto}.walkthrough-embed .caption{min-height:35px;font-size:10px}.walkthrough-embed #native-magnifier,.walkthrough-embed .framebox>label{display:none}.walkthrough-embed #model-info{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.walkthrough-embed #timing-details,.walkthrough-embed #dynamics-results{display:none}.walkthrough-embed #timing>p,.walkthrough-embed #motion>p{font-size:11px}
@media(max-width:600px){.walkthrough-embed .workspace{grid-template-columns:1fr 1fr}.walkthrough-embed .framebox{height:calc(100vh - 120px);min-height:180px}.walkthrough-embed .caption{font-size:9px;padding:6px}.walkthrough-embed .panelhead{padding:7px}}