:root{
  --bg:#080a0d;
  --bg-2:#0b0e12;
  --panel:#0f1318;
  --panel-2:#12171d;
  --panel-3:#171d24;
  --panel-4:#1b222a;
  --line:#252d36;
  --line-2:#323c47;
  --line-soft:#1b222a;
  --text:#f2f0ea;
  --text-2:#c7c8c5;
  --muted:#7e8791;
  --muted-2:#59636d;
  --cyan:#63d5e8;
  --cyan-soft:rgba(99,213,232,.11);
  --amber:#e7aa57;
  --amber-soft:rgba(231,170,87,.10);
  --lime:#84c99c;
  --red:#dc7c76;
  --purple:#ad91cb;
  --copper:#c98c56;
  --sidebar:244px;
  --mono:"IBM Plex Mono","SFMono-Regular",Consolas,"Liberation Mono",monospace;
  --sans:Inter,"SF Pro Display","SF Pro Text",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
body{margin:0;background:
  radial-gradient(1100px 540px at 75% -180px,rgba(60,93,118,.09),transparent 70%),
  var(--bg);color:var(--text);font:14px/1.48 var(--sans);-webkit-font-smoothing:antialiased}
button,input{font:inherit}button{color:inherit}::selection{background:rgba(99,213,232,.2)}
button:focus-visible,input:focus-visible{outline:2px solid rgba(99,213,232,.72);outline-offset:2px}

/* shell */
.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr)}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);display:flex;flex-direction:column;background:linear-gradient(180deg,#0d1014 0%,#0a0d10 100%);border-right:1px solid var(--line);z-index:80}
.workspace-shell{grid-column:2;min-width:0}.workspace{max-width:1640px;margin:0 auto;padding:24px 28px 70px}
.brand-block{height:74px;padding:0 18px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}
.brand-symbol{width:36px;height:36px;position:relative;border:1px solid #3b4650;background:#10161b;display:grid;place-items:center;overflow:hidden}
.brand-symbol:before{content:"";position:absolute;inset:8px;border:1px solid rgba(99,213,232,.42);transform:rotate(45deg)}
.brand-symbol span{position:absolute;height:1px;background:var(--cyan);opacity:.9}.brand-symbol span:nth-child(1){width:26px;transform:rotate(0deg)}.brand-symbol span:nth-child(2){width:18px;transform:rotate(90deg)}.brand-symbol span:nth-child(3){width:7px;height:7px;border-radius:50%;background:var(--amber);box-shadow:0 0 16px rgba(231,170,87,.6)}
.brand-name{font-weight:690;font-size:15px;letter-spacing:-.02em}.brand-sub{margin-top:3px;color:var(--muted-2);font:600 8px/1.1 var(--mono);letter-spacing:.14em}
.side-section-label{padding:18px 18px 8px;color:#56616c;font:700 8px/1 var(--mono);letter-spacing:.16em}
.lab-nav{display:flex;flex-direction:column;padding:0 8px;gap:2px}.lab-nav button{position:relative;display:grid;grid-template-columns:28px 1fr;align-items:center;text-align:left;gap:8px;border:1px solid transparent;background:transparent;border-radius:7px;padding:10px 10px;cursor:pointer;color:#9098a0;transition:.14s ease}.lab-nav button:before{content:"";position:absolute;left:-1px;top:9px;bottom:9px;width:2px;border-radius:2px;background:transparent}.lab-nav button i{font:600 9px var(--mono);font-style:normal;color:#56616c}.lab-nav button span{font-size:11px;font-weight:620}.lab-nav button small{display:block;margin-top:2px;color:#57616b;font-size:8px;font-weight:500;line-height:1.3}.lab-nav button:hover{background:#11161b;color:#d9d8d3;border-color:#1c242b}.lab-nav button:hover small{color:#747e87}.lab-nav button.active{background:linear-gradient(90deg,rgba(99,213,232,.08),rgba(99,213,232,.025));border-color:#25313a;color:#f1f0eb}.lab-nav button.active:before{background:var(--cyan)}.lab-nav button.active i{color:var(--cyan)}.lab-nav button.active small{color:#74808a}
.channel-label{margin-top:auto}.global-telemetry{margin:0 10px 12px;border:1px solid var(--line);background:#0b0f13;display:grid;grid-template-columns:1fr 1fr;gap:1px}.global-telemetry .metric{min-height:57px;padding:9px;background:#0f1419}.global-telemetry .metric span{font-size:7px}.global-telemetry .metric strong{font-size:12px;margin-top:4px}
.sidebar-foot{min-height:56px;padding:11px 18px;border-top:1px solid var(--line);display:grid;grid-template-columns:10px 1fr;align-items:center;color:#8d959d;font:600 9px var(--mono)}.sidebar-foot small{grid-column:2;color:#4f5963;font-size:8px;margin-top:-5px}.engine-led{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 3px rgba(132,201,156,.08)}

/* top app bar */
.workspace-bar{position:sticky;top:0;z-index:70;height:74px;padding:0 28px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:rgba(8,10,13,.90);backdrop-filter:blur(20px) saturate(125%);border-bottom:1px solid var(--line)}
.crumb{display:flex;align-items:center;gap:12px}.crumb span{font:700 8px var(--mono);letter-spacing:.14em;color:#59636d;padding-right:12px;border-right:1px solid var(--line)}.crumb b{font-size:12px;font-weight:650;color:#d9d9d5}.bar-center{display:flex;gap:7px}.state-chip{display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 9px;border:1px solid #202833;background:#0d1217;color:#6f7983;border-radius:5px;font:600 8px var(--mono);letter-spacing:.05em;text-transform:uppercase}.dot{width:5px;height:5px;border-radius:50%;display:inline-block}.dot.cyan{background:var(--cyan)}.dot.amber{background:var(--amber)}
.header-actions{justify-self:end;display:flex;gap:7px}.tool-btn{height:32px;padding:0 11px;border:1px solid var(--line);background:#0e1217;border-radius:5px;color:#aeb4b8;font-size:10px;font-weight:650;cursor:pointer;transition:.14s}.tool-btn:hover{background:#151b21;border-color:#38434e;color:#eceae5}.pause-icon{font:700 10px var(--mono);margin-right:4px}

/* channel map */
.channel-strip{position:relative;margin-bottom:28px;border:1px solid var(--line);background:linear-gradient(180deg,#0d1115,#0a0e12);box-shadow:0 18px 45px rgba(0,0,0,.12)}
.channel-strip-head{height:47px;padding:0 14px 0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line-soft)}.channel-strip-head>div{display:flex;align-items:center;gap:12px}.channel-strip-head strong{font-size:10px;color:#b8bcbf;font-weight:600}.micro-label,.instrument-kicker{font:700 8px/1 var(--mono);letter-spacing:.14em;color:#65717c}.strip-note{color:#525d67;font:500 8px var(--mono)}.journey-frame{height:116px;position:relative;overflow:hidden;background-image:linear-gradient(rgba(54,67,78,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(54,67,78,.08) 1px,transparent 1px);background-size:20px 20px}.journey-frame:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(99,213,232,.02),transparent 25%,transparent 75%,rgba(231,170,87,.02))}.journey-frame canvas{width:100%;height:100%;display:block}.journey-keys{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line-soft)}.journey-keys button{height:34px;border:0;border-right:1px solid var(--line-soft);background:#0b0f13;color:#68727c;font-size:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.journey-keys button:last-child{border-right:0}.journey-keys button span{color:#9da4aa;font:700 8px var(--mono)}.journey-keys button:hover{background:#11171c;color:#c9ccca}.journey-keys button:hover span{color:var(--cyan)}

/* lab hierarchy */
.lab-section{display:none;animation:labIn .18s ease}.lab-section.active{display:block}@keyframes labIn{from{opacity:.25;transform:translateY(4px)}to{opacity:1;transform:none}}
.lab-heading{display:grid;grid-template-columns:52px minmax(0,1.2fr) minmax(300px,.55fr);gap:18px;align-items:end;margin:0 0 18px;padding:0 2px}.lab-index{height:52px;width:52px;display:grid;place-items:center;border:1px solid #2c353e;background:#0e1318;color:var(--cyan);font:700 11px var(--mono)}.lab-heading h1{margin:5px 0 5px;font-size:clamp(25px,2.2vw,36px);line-height:1.05;letter-spacing:-.038em;font-weight:630}.lab-heading p{max-width:820px;margin:0;color:#7f8992;font-size:11px;line-height:1.6}.lab-principle{align-self:stretch;padding:13px 0 6px 18px;border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end}.lab-principle span{font:700 8px var(--mono);letter-spacing:.14em;color:var(--amber)}.lab-principle b{margin-top:7px;font-size:11px;line-height:1.45;color:#b9b9b5;font-weight:580}

/* instruments */
.experiment-grid{display:grid;grid-template-columns:minmax(0,1fr) 356px;gap:12px;align-items:stretch}.instrument{border:1px solid var(--line);background:linear-gradient(180deg,#0f1419 0%,#0d1115 100%);box-shadow:0 14px 38px rgba(0,0,0,.12)}.stage-instrument{padding:0;min-width:0}.instrument-top{height:54px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line-soft);background:rgba(255,255,255,.006)}.instrument-top>div:first-child{display:flex;align-items:baseline;gap:11px}.instrument-top strong{font-size:11px;color:#d0d1cd;font-weight:630}.legend{display:flex;align-items:center;gap:12px;color:#69737d;font:500 8px var(--mono)}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:8px;height:2px;display:inline-block}.legend i.cyan{background:var(--cyan)}.legend i.red{background:var(--red)}.legend i.lime{background:var(--lime)}.legend i.purple{background:var(--purple)}.legend i.amber{background:var(--amber)}.scope-tag,.z0-badge{font:650 8px var(--mono);letter-spacing:.08em;color:#8c969e;border:1px solid #2b353e;background:#0a0f13;padding:5px 7px;border-radius:3px;text-transform:uppercase}.z0-badge{color:var(--cyan);border-color:rgba(99,213,232,.22);background:rgba(99,213,232,.04)}
.change-readout{height:34px;padding:0 14px;display:flex;align-items:center;border-bottom:1px solid var(--line-soft);color:#65707a;font-size:9px;background:#0c1014;transition:.18s}.change-readout:before{content:"OBSERVE";margin-right:10px;color:#4f5a64;font:700 7px var(--mono);letter-spacing:.12em}.change-readout.hot{color:#dbbf93;background:linear-gradient(90deg,rgba(231,170,87,.07),rgba(231,170,87,.015));box-shadow:inset 2px 0 0 var(--amber)}.change-readout.hot:before{color:var(--amber)}
.viewport{position:relative;margin:12px;background:#070a0d;border:1px solid #202832;min-height:360px;overflow:hidden;background-image:radial-gradient(circle at 50% 45%,rgba(40,70,87,.075),transparent 58%),linear-gradient(rgba(43,53,63,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(43,53,63,.11) 1px,transparent 1px);background-size:auto,24px 24px,24px 24px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.012),inset 0 0 70px rgba(0,0,0,.34)}.viewport:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(255,255,255,.025);pointer-events:none}.viewport:after{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:rgba(255,255,255,.025);pointer-events:none}.viewport canvas{position:relative;z-index:2;display:block;width:100%;height:auto;background:transparent}.viewport-corners{position:absolute;inset:7px;z-index:3;pointer-events:none}.viewport-corners i{position:absolute;width:10px;height:10px;border-color:#3e4a55;border-style:solid;opacity:.65}.viewport-corners i:nth-child(1){left:0;top:0;border-width:1px 0 0 1px}.viewport-corners i:nth-child(2){right:0;top:0;border-width:1px 1px 0 0}.viewport-corners i:nth-child(3){left:0;bottom:0;border-width:0 0 1px 1px}.viewport-corners i:nth-child(4){right:0;bottom:0;border-width:0 1px 1px 0}
.instrument-status{height:34px;display:flex;align-items:center;gap:0;border-top:1px solid var(--line-soft);background:#0a0e12;color:#4f5a64;font:600 7px var(--mono);letter-spacing:.09em}.instrument-status span{height:100%;padding:0 12px;display:flex;align-items:center;gap:5px;border-right:1px solid var(--line-soft)}.instrument-status b{color:#7c8790;font-weight:650}.instrument-status .live-status{margin-left:auto;border-right:0;color:#6f9c7d}.stage-pane.visual-change,.stage-instrument.visual-change{animation:stagePulse .42s ease}@keyframes stagePulse{0%,100%{border-color:var(--line)}35%{border-color:#6f5839;box-shadow:0 0 0 1px rgba(231,170,87,.06),0 14px 38px rgba(0,0,0,.12)}}

/* dock */
.control-dock{padding:0;overflow:hidden}.dock-head{height:62px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.dock-head>div{display:flex;flex-direction:column;gap:5px}.dock-head strong{font-size:12px;color:#d0d0cc}.dock-badge{padding:4px 6px;border:1px solid #28333c;color:#73808a;background:#0b1014;border-radius:3px;font:700 7px var(--mono);letter-spacing:.07em}.control-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;padding:12px 14px 11px;margin:0;border-bottom:1px solid var(--line-soft);transition:background .13s}.control-row>span{font-size:10px;font-weight:610;color:#bfc2bf}.control-row small{display:block;margin-top:2px;color:#59636d;font-size:8px;font-weight:500}.control-row output{font:650 10px var(--mono);color:#e7bd82;font-variant-numeric:tabular-nums}.control-row input{grid-column:1/-1;appearance:none;width:100%;height:16px;margin:4px 0 0;background:transparent;cursor:ew-resize;--pct:50%}.control-row input::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:linear-gradient(90deg,var(--cyan) 0 var(--pct),#2a333c var(--pct) 100%)}.control-row input::-webkit-slider-thumb{appearance:none;width:13px;height:13px;border-radius:2px;transform:rotate(45deg);background:#d8dde0;border:2px solid #10161b;margin-top:-5px;box-shadow:0 0 0 1px #53616d}.control-row input::-moz-range-track{height:3px;background:#2a333c}.control-row input::-moz-range-progress{height:3px;background:var(--cyan)}.control-row input::-moz-range-thumb{width:10px;height:10px;border-radius:2px;transform:rotate(45deg);background:#d8dde0;border:2px solid #10161b}.control-row:hover{background:rgba(255,255,255,.012)}.control-row.is-changing{background:linear-gradient(90deg,rgba(231,170,87,.055),transparent)}.control-row.is-changing output{color:#ffd596}.control-group-label{padding:14px 14px 7px;color:#56616b;font:700 7px var(--mono);letter-spacing:.13em}.segmented{display:grid;grid-template-columns:repeat(3,1fr);margin:0 14px 12px;border:1px solid #29333c;background:#0a0e12}.segmented.two{grid-template-columns:1fr 1fr}.segmented button{height:32px;border:0;border-right:1px solid #29333c;background:transparent;color:#6d7780;font-size:8px;font-weight:650;cursor:pointer}.segmented button:last-child{border-right:0}.segmented button:hover{background:#11171d;color:#bfc3c1}.segmented button.active{background:#1a2229;color:#ecebe6;box-shadow:inset 0 -2px 0 var(--cyan)}
.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin:13px 14px;background:var(--line);border:1px solid var(--line);overflow:hidden}.metric{padding:9px 10px;background:#0c1115;min-width:0}.metric span{display:block;color:#59646e;font:700 7px/1.25 var(--mono);letter-spacing:.08em;text-transform:uppercase}.metric strong{display:block;margin-top:4px;color:#d4d6d2;font:650 14px/1.15 var(--mono);font-variant-numeric:tabular-nums}.metric.good strong{color:var(--lime)}.metric.warn strong{color:var(--amber)}.metric.bad strong{color:var(--red)}.formula-block{margin:12px 14px 14px;padding:10px 11px;border:1px solid #252e37;background:#090d11}.formula-block span{display:block;margin-bottom:6px;color:#56616b;font:700 7px var(--mono);letter-spacing:.12em}.formula-block code{font:10px var(--mono);color:#aebac2}.formula-block.note p{margin:0;color:#707a83;font-size:9px;line-height:1.5}

/* analysis */
.analysis-row{display:grid;grid-template-columns:1fr;gap:12px;margin-top:12px}.analysis-row.two-col{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)}.analysis-row.two-col.equal{grid-template-columns:1fr 1fr}.plot-card{min-width:0;overflow:hidden}.plot-card canvas{display:block;width:100%;height:auto;background:#080c0f}.plot-card.wide{width:100%}.insight{padding:20px 22px;display:flex;flex-direction:column;justify-content:center;min-height:250px}.insight .tag{color:var(--amber);font:700 8px var(--mono);letter-spacing:.12em;text-transform:uppercase}.insight .big{margin:12px 0 8px;font-size:30px;line-height:1;letter-spacing:-.04em;font-weight:620}.insight p,.insight li{color:#7c858e;font-size:10px;line-height:1.6}.insight ul{padding-left:17px;margin-bottom:0}.insight li{margin:5px 0}

/* review */
.review-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.review-card{position:relative;padding:17px;min-height:164px;border:1px solid var(--line);background:linear-gradient(180deg,#10151a,#0d1115)}.review-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:#35404a}.review-card:has(.severity.good):before{background:#638c70}.review-card:has(.severity.warn):before{background:#a27b44}.review-card:has(.severity.bad):before{background:#995b57}.severity{font:700 7px var(--mono);letter-spacing:.14em}.severity.good{color:var(--lime)}.severity.warn{color:var(--amber)}.severity.bad{color:var(--red)}.review-card h3{margin:12px 0 8px;font-size:12px;font-weight:650}.review-card p{margin:0;color:#767f88;font-size:9px;line-height:1.6}.workflow{margin-top:12px}.workflow-row{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line-soft)}.workflow-row>div{position:relative;padding:17px 14px 18px;min-height:117px;border-right:1px solid var(--line-soft);background:#0d1217}.workflow-row>div:last-of-type{border-right:0}.workflow-row>div b{display:block;color:var(--cyan);font:700 8px var(--mono);margin-bottom:12px}.workflow-row>div span{font-size:10px;font-weight:650;color:#c4c6c3}.workflow-row>div small{display:block;margin-top:5px;color:#626c75;font-size:8px;line-height:1.45}.workflow-row i{display:none}
footer{height:50px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:#515b64;font:500 8px var(--mono);background:#080a0d}

/* responsive */
@media(max-width:1280px){
  :root{--sidebar:210px}.experiment-grid{grid-template-columns:minmax(0,1fr) 330px}.workspace{padding-left:20px;padding-right:20px}.workspace-bar{padding:0 20px}.lab-heading{grid-template-columns:46px 1fr}.lab-principle{grid-column:2;padding:8px 0 0;border-left:0;border-top:1px solid var(--line);display:block}.lab-principle b{margin-left:9px}.bar-center{display:none}.review-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){
  :root{--sidebar:72px}.brand-block{justify-content:center;padding:0}.brand-block>div:last-child,.side-section-label,.lab-nav button span,.channel-label,.global-telemetry,.sidebar-foot span,.sidebar-foot small{display:none}.lab-nav{padding:8px;gap:5px}.lab-nav button{display:grid;grid-template-columns:1fr;place-items:center;padding:11px 7px}.lab-nav button i{font-size:9px}.sidebar-foot{display:flex;justify-content:center;padding:0}.workspace{padding:18px 14px 60px}.workspace-bar{padding:0 14px}.experiment-grid{grid-template-columns:1fr}.control-dock{display:grid;grid-template-columns:repeat(2,1fr)}.control-dock .dock-head,.control-dock .metrics,.control-dock .formula-block,.control-dock .control-group-label,.control-dock .segmented{grid-column:1/-1}.control-row:nth-of-type(odd){border-right:1px solid var(--line-soft)}.analysis-row.two-col,.analysis-row.two-col.equal{grid-template-columns:1fr}.review-grid{grid-template-columns:1fr 1fr}.workflow-row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){
  :root{--sidebar:0px}.sidebar{display:none}.workspace-shell{grid-column:1}.workspace-bar{height:62px;grid-template-columns:1fr auto}.crumb span{display:none}.header-actions .tool-btn{padding:0 8px}.workspace{padding:12px 10px 48px}.channel-strip{margin-bottom:20px}.channel-strip-head{height:auto;min-height:45px;padding:9px 11px}.channel-strip-head>div{display:block}.channel-strip-head strong{display:block;margin-top:4px}.strip-note{display:none}.journey-frame{height:90px}.journey-keys button{font-size:0}.journey-keys button span{font-size:7px}.lab-heading{grid-template-columns:38px 1fr;gap:11px}.lab-index{width:38px;height:38px}.lab-heading h1{font-size:25px}.lab-heading p{font-size:10px}.lab-principle{grid-column:1/-1}.experiment-grid{display:block}.control-dock{margin-top:10px;display:block}.control-row:nth-of-type(odd){border-right:0}.viewport{margin:8px;min-height:260px}.instrument-top{height:auto;min-height:48px;padding:9px 11px}.instrument-top>div:first-child{display:block}.instrument-top .instrument-kicker{display:block;margin-bottom:4px}.legend{display:none}.analysis-row{margin-top:10px}.review-grid{grid-template-columns:1fr}.workflow-row{grid-template-columns:1fr 1fr}footer{padding:0 12px}footer span:last-child{display:none}}

/* Studio 6: quiet workspace, instrument-focused hierarchy. */
:root{--bg:#f2f4f7;--text:#1e293b;--line:#dce2e9;--line-soft:#e8ecf1;--sidebar:248px;--muted:#68768a;--cyan:#187b9b}
body{background:var(--bg);font:16px/1.5 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text)}
.sidebar{background:#fff;border-color:var(--line);overflow-y:auto}.brand-block{height:88px;padding:0 22px;flex-shrink:0}.brand-symbol{background:#132c43;border:0;border-radius:9px}.brand-name{font-size:20px;color:#172a40;letter-spacing:-.6px}.brand-sub{font-size:12px;letter-spacing:.04em;color:#748197}
.side-section-label{font:600 12px system-ui;letter-spacing:.08em;color:#7b8798;padding:24px 24px 12px}.lab-nav{padding:0 12px;gap:5px}.lab-nav button{padding:12px 10px;border-radius:7px;grid-template-columns:24px 1fr;gap:8px;color:#536176}.lab-nav button i{font-size:12px;color:#8996a8}.lab-nav button span{font-size:14px}.lab-nav button small{font-size:12px;color:#8792a3;margin-top:3px}.lab-nav button.active{background:#eaf3f8;border-color:transparent;color:#155571}.lab-nav button.active i{color:#237a9b}.lab-nav button.active small{color:#638095}.lab-nav button.active:before{background:#237a9b;left:0}.lab-nav button:hover{background:#f0f4f8;border-color:transparent;color:#193b57}.lab-nav button:hover small{color:#64748b}
.channel-label{margin-top:24px}.global-telemetry{background:#e1e7ee;border-color:#e1e7ee;margin:0 16px 24px}.global-telemetry .metric{background:#f6f8fb;padding:12px;min-height:68px}.global-telemetry .metric span{font-size:12px;letter-spacing:0}.global-telemetry .metric strong{font-size:15px;color:#244761}.sidebar-foot{margin-top:auto;background:#fff;font-size:12px;min-height:64px;color:#6d7a8b}.sidebar-foot small{font-size:12px;color:#8893a1;margin-top:2px}
.workspace-bar{height:72px;background:rgba(255,255,255,.95);padding:0 32px;grid-template-columns:1fr auto}.crumb span{font:600 12px system-ui;color:#8794a4;letter-spacing:.06em}.crumb b{font-size:14px;color:#4b5c70}.bar-center{display:none}.tool-btn{height:36px;background:white;color:#46596f;border-color:#d5dde7;font-size:14px;border-radius:6px}.tool-btn:hover{background:#eaf1f7;color:#173950;border-color:#9cb0c2}
.workspace{padding:32px;max-width:1660px}.lab-heading{grid-template-columns:1fr;gap:0;margin-bottom:25px;padding:0}.lab-index,.lab-principle{display:none}.lab-heading .micro-label{color:#247f9b;font-size:12px;letter-spacing:.09em}.lab-heading h1{font-size:clamp(26px,2.5vw,38px);line-height:1.2;font-weight:650;letter-spacing:-1.1px;margin:7px 0 10px;color:#162b42}.lab-heading p{font-size:16px;line-height:1.6;color:#778396;max-width:850px}
.experiment-grid{grid-template-columns:minmax(0,1fr) 304px;gap:20px;align-items:start}.instrument{background:white;border:1px solid #dce3eb;border-radius:10px;box-shadow:0 3px 12px #243a5105;overflow:hidden}.instrument-top{height:auto;min-height:65px;padding:16px 20px;gap:14px;background:white}.instrument-top>div:first-child{display:flex;flex-direction:column;gap:4px}.instrument-kicker{font:600 12px system-ui;color:#8b96a5;letter-spacing:.06em}.instrument-top strong{font-size:16px;color:#293e55;font-weight:600}.legend{font:12px system-ui;color:#617185;gap:12px;flex-wrap:wrap}.scope-tag,.z0-badge{font:600 12px system-ui;letter-spacing:0;background:#f1f5f9;border-color:#e1e7ee;color:#708297;padding:4px 8px}.change-readout{min-height:34px;height:auto;padding:8px 20px;font-size:12px;background:#f8fafc;color:#75869a;line-height:1.5}.change-readout:before{display:none}.change-readout.hot{background:#ecf6fa;color:#1b718d;box-shadow:inset 2px 0 #268da7}
.viewport{margin:0;min-height:0;border:0;border-radius:0;background:#0d1722;box-shadow:none;background-image:linear-gradient(#25374a30 1px,transparent 1px),linear-gradient(90deg,#25374a30 1px,transparent 1px);background-size:28px 28px}.viewport-corners,.viewport:after,.viewport:before{display:none}.instrument-status{height:auto;min-height:34px;background:#142130;border:0;color:#7f93a9;flex-wrap:wrap;font-size:12px;letter-spacing:0}.instrument-status span{padding:8px 12px;border:0}.instrument-status b{color:#adc0d1}.instrument-status .live-status{color:#82b8a1}
.dock-head{height:74px;padding:16px 18px}.dock-head strong{font-size:16px;color:#2b425b}.dock-badge{display:none}.control-row{padding:14px 18px;border-color:#e8edf2;gap:8px}.control-row>span{font-size:14px;color:#495e74;font-weight:500}.control-row small{font-size:12px;color:#8a97a6;line-height:1.4}.control-row output{font-size:14px;color:#1a718f}.control-row input{height:22px;margin:0;accent-color:#2486a5}.control-row input::-webkit-slider-runnable-track{background:linear-gradient(90deg,#2687a5 0 var(--pct),#dce5eb var(--pct) 100%);height:4px}.control-row input::-webkit-slider-thumb{background:white;border:2px solid #2687a5;border-radius:50%;transform:none;width:16px;height:16px;margin-top:-6px;box-shadow:none}.control-row input::-moz-range-track{background:#dce5eb;height:4px}.control-row input::-moz-range-progress{background:#2687a5;height:4px}.control-row input::-moz-range-thumb{background:white;border:2px solid #2687a5;border-radius:50%;transform:none;width:12px;height:12px}.control-row input:disabled{opacity:.3;cursor:default}.control-row:hover{background:#f7fafc}.control-row.is-changing{background:#eff7fa}.control-row.is-changing output{color:#137896}
.metrics{margin:16px;background:#e4eaf0;border-color:#e4eaf0;border-radius:6px}.metric{background:#f8fafc;padding:12px;min-height:70px}.metric span{font:500 12px/1.4 system-ui;letter-spacing:0;text-transform:none;color:#7a889b}.metric strong{font:600 18px/1.3 ui-monospace,monospace;color:#254a66;margin-top:6px}.metric.good strong{color:#288162}.metric.warn strong{color:#a37828}.metric.bad strong{color:#b95656}.formula-block{background:#f4f7fa;border:0;border-radius:6px;padding:14px}.formula-block span{font-size:12px;color:#7b8a9c;letter-spacing:.02em}.formula-block code{font-size:14px;color:#4c6177}.formula-block.note p{font-size:14px;color:#718196}.control-group-label{font-size:12px;color:#8694a5;letter-spacing:.05em}.segmented{border-color:#dbe3eb;background:#f4f7fa;border-radius:6px;overflow:hidden}.segmented button{font-size:14px;color:#718399;border-color:#dbe3eb;height:38px}.segmented button.active{background:#e3f0f6;color:#206582;box-shadow:inset 0 -2px #2687a5}.segmented button:hover{background:#eaf0f6;color:#24435c}
.signal-generator{display:grid;grid-template-columns:1fr 1.2fr 1.2fr;padding:12px 16px 6px;gap:0 16px;background:#f5f8fb;border-bottom:1px solid #e1e8ef}.wave-select{font-size:12px;color:#708298;display:flex;flex-direction:column;gap:7px;padding:6px 0}.wave-select select{height:37px;background:white;border:1px solid #cbd7e2;border-radius:5px;padding:0 10px;color:#24445e;font:500 14px system-ui;min-width:0}.signal-generator .control-row{padding:6px 0;border:0;gap:6px}.signal-generator .control-row span,.signal-generator .control-row output{font-size:12px}.signal-generator p{grid-column:1/-1;font-size:12px;line-height:1.5;color:#8090a2;margin:4px 0 6px}.signal-generator select:focus-visible{outline:2px solid #2586a5;outline-offset:2px}
.analysis-row{gap:20px;margin-top:20px}.analysis-row.two-col{grid-template-columns:minmax(0,1.5fr) minmax(240px,.7fr)}.insight{padding:24px;min-height:220px}.insight .tag{color:#23819b;font-size:12px;letter-spacing:.03em}.insight .big{font-size:28px;color:#29435d;line-height:1.2;letter-spacing:-.7px}.insight p,.insight li{font-size:14px;color:#7a889a;line-height:1.65}.channel-strip{margin:36px 0 0;background:#fff;border-radius:10px;box-shadow:none;overflow:hidden}.channel-strip-head{height:auto;padding:18px;gap:16px}.channel-strip-head strong{font-size:14px;color:#52687e}.channel-strip-head .micro-label,.strip-note{font-size:12px;color:#8b98a7}.journey-frame{height:150px;background:#0d1722}.journey-keys button{background:#f7f9fc;font-size:14px;color:#698196;height:42px}.journey-keys button span{font-size:12px;color:#347a93}.journey-keys button:hover{background:#e8f1f8;color:#264f6c}
.review-grid{grid-template-columns:repeat(3,1fr);gap:16px}.review-card{background:white;border-radius:8px;padding:20px}.review-card h3{font-size:16px;color:#324d65}.review-card p{font-size:14px;color:#7b8999}.severity{font-size:12px}.workflow-row>div{background:#f8fafc}.workflow-row>div span{font-size:14px;color:#416079}.workflow-row>div small{font-size:12px;color:#8292a2}.workflow-row>div b{font-size:12px}footer{background:transparent;color:#8a97a6;font-size:12px;height:auto;min-height:56px;gap:15px}
@media(max-width:1250px){:root{--sidebar:220px}.workspace{padding:24px}.experiment-grid{grid-template-columns:minmax(0,1fr) 280px;gap:16px}.signal-generator{grid-template-columns:1fr 1fr}.wave-select{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between}.wave-select select{width:65%}.instrument-top{flex-wrap:wrap}.crumb span{display:none}}
@media(max-width:1050px){:root{--sidebar:190px}.lab-nav button small{display:none}.brand-block{padding:0 14px}.brand-symbol{display:none}.experiment-grid{grid-template-columns:1fr}.control-dock{display:grid;grid-template-columns:1fr 1fr}.control-dock .dock-head,.control-dock .metrics,.control-dock .formula-block,.control-dock .control-group-label,.control-dock .segmented{grid-column:1/-1}.analysis-row.two-col,.analysis-row.two-col.equal{grid-template-columns:1fr}.global-telemetry{grid-template-columns:1fr}.review-grid{grid-template-columns:1fr 1fr}.brand-block>div:last-child,.side-section-label,.lab-nav button span,.global-telemetry{display:block}.global-telemetry{display:grid}.lab-nav button{grid-template-columns:20px 1fr;text-align:left}.lab-nav button i{font-size:12px}.lab-nav{padding:0 8px}.channel-strip-head>div{display:block}.channel-strip-head strong{margin-top:5px}.strip-note{display:none}}
@media(max-width:700px){:root{--sidebar:0px}.app-shell{display:block}.sidebar{display:block;position:static;width:100%;border-right:0;border-bottom:1px solid #dde5ed}.brand-block,.side-section-label,.global-telemetry,.sidebar-foot{display:none!important}.lab-nav{display:flex;flex-direction:row;overflow-x:auto;padding:10px;gap:6px}.lab-nav button{display:flex;flex-shrink:0;padding:9px 12px;background:#f2f6fa}.lab-nav button i{display:none}.lab-nav button span{display:block;white-space:nowrap;font-size:14px}.lab-nav button small{display:none}.workspace{padding:20px 12px}.workspace-bar{height:60px;padding:0 12px}.crumb b{font-size:12px}.tool-btn{font-size:12px}.lab-heading h1{font-size:27px}.lab-heading p{font-size:16px}.control-dock{display:block}.instrument-top{padding:14px}.signal-generator{padding:12px;gap:8px}.signal-generator .control-row{display:flex;flex-direction:column}.signal-generator .control-row input{width:100%}.legend{display:flex}.viewport{margin:0;min-height:0}.review-grid{grid-template-columns:1fr}.journey-keys button{font-size:12px}.journey-frame{height:140px}.channel-strip-head strong{font-size:12px}.channel-strip-head{padding:14px}.instrument-status{font-size:12px}.instrument-status span{padding:7px}.workflow-row{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Corrective release: explicit persistent dark and light themes. */
html[data-theme="dark"]{color-scheme:dark;--bg:#0c1118;--text:#e0e7ef;--line:#2a3543;--line-soft:#212c39;--cyan:#63d5e8}
html[data-theme="light"]{color-scheme:light}
html[data-theme="dark"] body{background:#0c1118;color:#e0e7ef}
html[data-theme="dark"] :is(.sidebar,.workspace-bar,.instrument,.instrument-top,.channel-strip,.sidebar-foot,.review-card){background:#121a25;border-color:#2a3543;color:#e0e7ef}
html[data-theme="dark"] :is(.workspace-bar){background:#101822f5}
html[data-theme="dark"] :is(.brand-name,.lab-heading h1,.instrument-top strong,.dock-head strong,.insight .big,.review-card h3){color:#e0e7ef}
html[data-theme="dark"] :is(.brand-sub,.side-section-label,.lab-nav button,.crumb b,.lab-heading p,.control-row>span,.control-row small,.instrument-kicker,.legend,.insight p,.insight li,.review-card p,.channel-strip-head strong,.formula-block.note p,.sidebar-foot small,.metric span){color:#9aaabd}
html[data-theme="dark"] .lab-nav button{background:transparent;border-color:transparent}
html[data-theme="dark"] .lab-nav button.active{background:#1b3547;color:#98d9eb}
html[data-theme="dark"] .lab-nav button:hover{background:#1b2b3c;color:#d4e8f0}
html[data-theme="dark"] .lab-nav button small{color:#869bb0}
html[data-theme="dark"] :is(.tool-btn,.wave-select select,.scale-choice select){background:#1c2939;border-color:#35475d;color:#d9e5ef}
html[data-theme="dark"] .tool-btn:hover{background:#2b4055;color:white}
html[data-theme="dark"] :is(.signal-generator,.time-controls,.voltage-sum,.change-readout,.metric,.global-telemetry .metric,.formula-block,.segmented,.scope-tag,.z0-badge,.journey-keys button,.workflow-row>div){background:#182332;border-color:#2a3543;color:#adbdcf}
html[data-theme="dark"] :is(.metrics,.global-telemetry){background:#2a3543;border-color:#2a3543}
html[data-theme="dark"] :is(.metric strong,.global-telemetry .metric strong,.formula-block code,.control-row output){color:#a2d9eb}
html[data-theme="dark"] .metric.good strong{color:#84c99c}html[data-theme="dark"] .metric.warn strong{color:#e7aa57}html[data-theme="dark"] .metric.bad strong{color:#dc7c76}
html[data-theme="dark"] :is(.control-row:hover,.control-row.is-changing,.change-readout.hot){background:#203347;color:#c1dfec}
html[data-theme="dark"] :is(.control-row,.instrument-top,.dock-head,.brand-block,.channel-strip-head){border-color:#293646}
html[data-theme="dark"] .segmented button{color:#b9cada;border-color:#35475d}html[data-theme="dark"] .segmented button.active{background:#284257;color:#b5e1ef}
html[data-theme="dark"] :is(.signal-generator p,.wave-select,.scale-choice,.time-controls label,.voltage-sum small){color:#a5b4c5}
html[data-theme="dark"] :is(.control-row input::-webkit-slider-runnable-track){background:linear-gradient(90deg,#56adc7 0 var(--pct),#37495d var(--pct) 100%)}
.time-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;background:#f5f8fb;border-bottom:1px solid #e1e8ef}
.time-controls>label:first-child{flex:1 1 180px;display:grid;grid-template-columns:1fr auto;gap:5px;font-size:14px;color:#536b80}.time-controls input{grid-column:1/-1;width:100%;accent-color:#328bab}.time-controls output{font:14px ui-monospace,monospace}
.scale-choice{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#708298}.scale-choice select{height:32px;border:1px solid #cad6e1;background:white;border-radius:4px;color:#24445e;font-size:14px;padding:0 6px}
.voltage-sum{display:flex;flex-direction:column;gap:7px;padding:16px 20px;background:#f5f8fb;border-bottom:1px solid #e1e8ef}.voltage-sum>span{font-size:12px;color:#7990a5}.voltage-sum strong{font:600 clamp(14px,1.5vw,20px)/1.6 ui-monospace,monospace}.voltage-sum i{font-style:normal}.voltage-sum small{font-size:12px;line-height:1.5;color:#708298}.forward-value{color:#187999}.reflection-value{color:#b85252}.total-value{color:#278155}
html[data-theme="dark"] .forward-value{color:#63d5e8}html[data-theme="dark"] .reflection-value{color:#dc7c76}html[data-theme="dark"] .total-value{color:#84c99c}
.probe-control{padding:10px 20px}.viewport:has(.schematic-canvas){overflow-x:auto}.schematic-canvas{min-width:700px}
@media(max-width:700px){.header-actions{gap:4px}.header-actions .tool-btn{padding:0 7px;font-size:12px}.crumb{display:none}.workspace-bar{display:flex;justify-content:flex-end}.time-controls{gap:8px}.time-controls>label:first-child{flex-basis:calc(100% - 90px)}.voltage-sum{padding:12px}.voltage-sum strong{font-size:14px}}