:root{font-family:Inter,Segoe UI,system-ui,sans-serif;color:#dcebf5;background:#060c13;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 30% 0,#102334,transparent 55%);min-height:100vh}.lab-header{height:76px;display:flex;align-items:center;gap:30px;padding:0 5vw;border-bottom:1px solid #1b2d3c;color:#7992a5;font-size:11px;letter-spacing:.16em}.lab-header strong{color:#e5f4ff;font-size:19px;letter-spacing:.12em}.lab-header strong span{color:#51d4ff}.demo-badge{margin-left:auto;color:#65e5bf;border:1px solid #225448;border-radius:20px;padding:8px 12px;font-size:10px}main{max-width:1480px;margin:auto;padding:36px 5vw 20px}.eyebrow{font-size:10px;font-weight:650;color:#5dc8ef;letter-spacing:.18em;margin:0 0 12px}h1{font-size:clamp(30px,4vw,48px);font-weight:500;letter-spacing:-.04em;margin:0 0 12px}.intro>p:last-child{margin:0;color:#879fb0;font-size:14px;line-height:1.6}.preview-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;margin-top:28px}.preview-panel{border:1px solid #223848;border-radius:14px;overflow:hidden;background:#030911;min-width:0}.preview-meta{display:flex;justify-content:space-between;padding:18px 22px;color:#8aabba;font-size:11px;letter-spacing:.04em}#elapsed{font-variant-numeric:tabular-nums;color:#b2c9d8}#preview{position:relative;width:100%;height:clamp(290px,calc(100vh - 410px),570px);background:#02060c}.stages{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;border-top:1px solid #172a39}.stages li{padding:19px 14px;color:#627f92;font-size:11px;border-top:2px solid transparent;display:flex;align-items:center;gap:9px}.stages b{font:10px ui-monospace,monospace;color:#426478}.stages li[aria-current=step]{color:#c3f3ff;background:#0c202d;border-top-color:#4ed4ff}.stages li[aria-current=step] b{color:#50d3ff}.controls{background:#0b1520;border:1px solid #203443;border-radius:14px;padding:24px 20px;align-self:start}h2{font-size:22px;letter-spacing:-.03em;font-weight:500;margin:0 0 10px}.help{font-size:12px;color:#8fa8ba;line-height:1.7;margin:0 0 23px}button,select{font:inherit;font-size:12px;color:#dbeaf5;background:#122331;border:1px solid #2c4659;border-radius:7px;padding:12px;cursor:pointer}button{width:100%;margin-bottom:10px}button:hover{background:#1c3547}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #54d7ff;outline-offset:3px}button:disabled{opacity:.4;cursor:default}.primary{color:#042536;background:#64d7ff;border-color:#64d7ff;font-weight:650}.primary:hover{background:#8ee3ff}.button-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.button-pair button{font-size:11px;line-height:1.45;padding:10px 6px}.divider{height:1px;background:#1d3342;margin:14px 0 23px}.controls>label{font-size:12px;color:#a3bccd;display:block;margin-bottom:10px}.controls select{width:100%;margin-bottom:23px}.controls .motion{display:flex;align-items:center;gap:8px}.motion input{accent-color:#5ad2ff;width:15px;height:15px;margin:0}.help.small{font-size:11px;margin:0 0 20px}.privacy{font-size:11px;line-height:1.7;color:#7e9aa8;margin:0;padding-top:18px;border-top:1px solid #1d3342}.footnote{font-size:11px;line-height:1.6;color:#617d90;margin:18px 0}@media(max-width:800px){.preview-layout{grid-template-columns:1fr}.lab-header{gap:12px;padding:0 20px}.lab-header>span:not(.demo-badge){display:none}main{padding:26px 18px}.preview-layout{gap:16px}#preview{height:410px}.stages li{padding:14px 8px;font-size:10px;gap:5px}.controls{padding:20px}}@media(min-width:801px)and (max-height:850px){.lab-header{height:56px}main{padding-top:20px}h1{font-size:36px;margin-bottom:8px}.intro .eyebrow{margin-bottom:8px}.preview-layout{margin-top:20px}.controls{padding:18px}.controls .eyebrow{margin-bottom:8px}.controls h2{margin-bottom:6px}.controls .help{margin-bottom:14px}.controls button{padding:10px;margin-bottom:8px}.controls .divider{margin:10px 0 14px}.controls select{padding:10px;margin-bottom:14px}.controls .help.small{margin-bottom:10px}.controls .privacy{font-size:10px;padding-top:12px}}#core-scrubber{width:100%;accent-color:#65d5ff;margin:0 0 16px;cursor:ew-resize}#core-percent{float:right;color:#65d5ff;font-variant-numeric:tabular-nums}@media(min-width:801px){.controls{max-height:calc(100vh - 225px);overflow-y:auto;scrollbar-color:#31556a transparent}}