:root{font:17px/1.8 system-ui,sans-serif;color:#142949;background:#f3f7fc}*{box-sizing:border-box}body{margin:0}a{color:#246fff;text-decoration:none}.lab-nav{max-width:1440px;margin:auto;padding:20px 40px;display:flex;justify-content:space-between;gap:28px;align-items:center;background:#fff;border-bottom:1px solid #e0eafa}.brand{font-size:26px;font-weight:850;letter-spacing:-1px;color:#112849}.brand span{color:#246fff}.lab-nav nav{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.lab-nav nav a{font-size:15px;color:#29496e;min-height:44px;display:flex;align-items:center}.lab-nav [aria-current]{border-bottom:2px solid #246fff}.lab-nav #language{border:1px solid #e0eafa;border-radius:24px;padding:0 14px}main{max-width:1360px;margin:auto;padding:40px}.lab-intro{margin-bottom:32px}.lab-intro>a{font-size:15px}.eyebrow{font-size:13px;color:#2475ed;font-weight:700;letter-spacing:.08em;margin:22px 0 8px}h1{font-size:38px;margin:0 0 12px;line-height:1.4}h2{font-size:21px;margin:0 0 24px}#intro{color:#486185;margin:0;max-width:800px}.lab-workspace{display:grid;grid-template-columns:320px minmax(0,1fr);gap:28px;align-items:start}.control-panel,.results-panel{background:#fff;border:1px solid #e0eafa;padding:26px;border-radius:16px;min-width:0;box-shadow:0 5px 25px #23416b04}form{display:grid;gap:18px}label{display:flex;flex-direction:column;font-size:16px;color:#365174;gap:6px}input,select,button{font:inherit;min-height:46px;max-width:100%;width:100%;border:1px solid #c4d6ee;border-radius:9px;background:#fff;color:#142949;padding:8px 12px}input[type=checkbox]{align-self:flex-start;width:24px;height:24px;min-height:24px;accent-color:#246fff}button{cursor:pointer;font-size:15px;font-weight:600}button:disabled{opacity:.45;cursor:default}.buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}.buttons #run{background:#246fff;color:#fff;border-color:#246fff}.buttons #download{grid-column:1/-1}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid #246fff;outline-offset:3px}canvas{width:100%;height:auto;min-height:220px;border:1px solid #e0eafa;border-radius:10px;background:#fbfdff}.scroll{overflow:auto;max-height:320px}table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums;font-size:15px}th,td{text-align:right;padding:12px 10px;border-bottom:1px solid #e7eef8}th{background:#f3f8ff}th:first-child{text-align:left}#status{min-height:28px;font-size:15px;padding:14px;border-radius:10px;background:#f1f7ff;margin:20px 0 0;overflow-wrap:anywhere}#legend{font-size:14px;line-height:1.8;color:#486185;overflow-wrap:anywhere}#metrics{overflow:auto;margin-bottom:22px}details{border-top:1px solid #e0eafa;padding-top:14px}summary{cursor:pointer;min-height:44px;font-size:16px}.is-embedded .lab-nav,.is-embedded .lab-intro>a{display:none}.is-embedded main{padding:18px}.is-embedded .lab-intro{margin-bottom:22px}.is-embedded h1{font-size:28px}.is-embedded .lab-workspace{grid-template-columns:260px minmax(0,1fr);gap:18px}.is-embedded .control-panel,.is-embedded .results-panel{padding:18px}
@media(max-width:900px){.lab-workspace,.is-embedded .lab-workspace{grid-template-columns:1fr}.lab-nav{padding:18px 24px;align-items:start}.lab-nav nav{gap:8px 18px}main{padding:28px 24px}form{grid-template-columns:1fr 1fr;gap:18px}.buttons{grid-template-columns:repeat(4,minmax(0,1fr))}.buttons #download{grid-column:auto}}
@media(max-width:540px){.lab-nav{flex-direction:column;gap:8px;padding:16px 18px}.lab-nav nav{gap:5px 16px}.lab-nav nav a{font-size:14px}main{padding:26px 18px}.control-panel,.results-panel{padding:20px}h1{font-size:30px}h2{font-size:20px}form{grid-template-columns:1fr}.buttons{grid-template-columns:1fr 1fr}.buttons #download{grid-column:1/-1}#intro{font-size:16px}.is-embedded main{padding:12px}.is-embedded .control-panel,.is-embedded .results-panel{padding:16px}}
#metrics td:first-child{text-align:left}#metrics td:last-child{color:#536a88}
@media(max-width:540px){#metrics table,#metrics tbody{display:block}#metrics thead{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}#metrics tr{display:grid;grid-template-columns:1fr auto;padding:12px 0;border-bottom:1px solid #e0eafa}#metrics td{display:block;padding:3px 0;border:0;text-align:left}#metrics td:first-child{grid-column:1/-1;color:#486185;font-size:14px}#metrics td:nth-child(2){font-size:21px;font-weight:700}#metrics td:last-child{font-size:13px;align-self:center;text-align:right}}

@media(max-width:540px){:is(.flow-lab,.matching-lab,.features-lab,.llm-timing,.restore-lab,.storage-lab,.replay-lab,.navigation-lab,.supply-lab,.fusion-lab,.costmap-lab,.reducer-lab,.foc-lab,.pursuit-lab) #metrics td:not(:first-child)::before{content:attr(data-column) ": ";font-size:12px;font-weight:400;color:#486185}:is(.flow-lab,.matching-lab,.features-lab,.llm-timing,.restore-lab,.storage-lab,.replay-lab,.navigation-lab,.supply-lab,.fusion-lab,.costmap-lab,.reducer-lab,.foc-lab,.pursuit-lab) #metrics td:last-child{text-align:left}:is(.flow-lab,.matching-lab,.features-lab,.llm-timing,.restore-lab,.storage-lab,.replay-lab,.navigation-lab,.supply-lab,.fusion-lab,.costmap-lab,.reducer-lab,.foc-lab,.pursuit-lab) #metrics tr{grid-template-columns:1fr}:is(.flow-lab,.matching-lab,.features-lab,.llm-timing,.restore-lab,.storage-lab,.replay-lab,.navigation-lab,.supply-lab,.fusion-lab,.costmap-lab,.reducer-lab,.foc-lab,.pursuit-lab) #metrics td:nth-child(2){font-size:17px}}

.restore-lab #data th,.restore-lab #data td{white-space:nowrap}

.replay-lab #data th,.replay-lab #data td{white-space:nowrap}

#pursuit-playback{margin:16px 0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}#pursuit-playback[hidden]{display:none}#pursuit-playback label{width:100%}#pursuit-playback button{width:auto;flex:1;min-width:100px}#pursuit-playback output{width:100%;font-variant-numeric:tabular-nums}

.rpp-lab #controls{grid-template-columns:1fr}.rpp-lab fieldset{border:1px solid #d9e4f4;border-radius:9px;margin:0;padding:12px;min-width:0;display:grid;gap:14px}.rpp-lab legend{font-size:15px;font-weight:600;padding:0 4px}#rpp-regulation{font-size:14px;overflow-wrap:anywhere;margin:12px 0}#rpp-regulation p{margin:6px 0}#rpp-regulation[hidden]{display:none}

.features-lab #controls{grid-template-columns:1fr}.features-lab fieldset{border:1px solid #d9e4f4;border-radius:9px;margin:0;padding:12px;min-width:0;display:grid;gap:14px}.features-lab legend{font-size:15px;font-weight:600;padding:0 4px}.features-lab #data th,.features-lab #data td{white-space:nowrap}

.matching-lab #controls{grid-template-columns:1fr}.matching-lab fieldset{border:1px solid #d9e4f4;border-radius:9px;margin:0;padding:12px;min-width:0;display:grid;gap:14px}.matching-lab legend{font-size:15px;font-weight:600;padding:0 4px}.matching-lab #data th,.matching-lab #data td{white-space:nowrap}

.flow-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:12px 0}.flow-controls button{min-height:44px}.flow-lab #data th,.flow-lab #data td{white-space:nowrap}

.brightness-lab canvas{height:auto;max-height:none;aspect-ratio:auto}.brightness-controls{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:12px 0}.brightness-controls[hidden]{display:none}.brightness-controls label{display:grid;gap:4px}.brightness-controls input{width:80px;min-height:44px}.brightness-controls select{min-height:44px;max-width:100%}.brightness-probe{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.brightness-probe p{margin:8px 0}