:root{color-scheme:dark;--bg:#080e16;--rail:#0c1420;--panel:#121e2b;--panel-hi:#172637;--line:#273949;--muted:#86a0b1;--text:#e9f3f5;--mint:#4de5c4;--amber:#edb879;--blue:#78a9e6}*{box-sizing:border-box}html,body{min-width:0;max-width:100%;margin:0}body{background:radial-gradient(ellipse at 55% -45%,#1c3b45 0,transparent 65%),var(--bg);color:var(--text);font:13px/1.5 Inter,'Segoe UI',Arial,sans-serif}button,select,input{font:inherit}button{background:#253949;border:1px solid #41576b;color:#ecf5f6;border-radius:7px;cursor:pointer;padding:9px 12px}button:hover{border-color:var(--mint);background:#2e4857}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:3px}a{color:inherit}input[type=range]{width:100%;accent-color:var(--mint)}select{background:#0c1925;border:1px solid #405469;border-radius:6px;color:var(--text);width:100%;padding:9px 10px}h1,h2,p{margin:0}.application{display:grid;grid-template-columns:218px minmax(0,1fr);min-height:100vh}.navrail{position:sticky;top:0;height:100vh;background:#0b1520;border-right:1px solid #273949;display:flex;flex-direction:column;padding:20px 13px;gap:16px}.brand{text-decoration:none;display:flex;align-items:center;gap:10px;font-size:16px;font-weight:900;letter-spacing:-.025em}.brand b{color:var(--mint)}.brand small{display:block;color:#7693a6;font-size:9px;letter-spacing:.17em;font-weight:600}.mark{display:grid;place-items:center;background:#185747;color:#cafced;font-size:23px;font-weight:950;width:40px;height:40px;border:1px solid #319880;border-radius:10px}.navlabel{color:#607f94;letter-spacing:.15em;font-size:10px;margin:11px 10px 0}.navrail nav{display:grid;gap:5px}.navrail nav a{padding:10px 12px;text-decoration:none;border-radius:7px;color:#99b2c0;border:1px solid transparent}.navrail nav a:hover,.navrail nav a.active{background:#16323b;border:1px solid #2a6e65;color:#d7fff4}.navbottom{margin-top:auto;border-top:1px solid #304253;padding:17px 8px;color:var(--mint);font-size:10px;letter-spacing:.08em}.navbottom small{display:block;color:var(--muted);font-size:10px;letter-spacing:0;padding-top:6px}.status-dot{display:inline-block;vertical-align:middle;background:var(--mint);height:7px;width:7px;border-radius:50%;box-shadow:0 0 9px #4de5c485;margin-right:5px}.workspace{min-width:0;max-width:1660px;width:100%;margin:auto;padding:0 25px 20px}.topbar{height:55px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #284354}.bread{font-size:11px;color:#98adbd;letter-spacing:.14em}.bread span{color:var(--mint)}.bread b{color:#e8f1f5}.topbadges{display:flex;gap:10px;font-size:10px;letter-spacing:.05em;color:#99b6bf}.topbadges span{padding:4px 9px;border:1px solid #2a4654;border-radius:5px}.topbadges .bactive{color:var(--mint);border-color:#226c5b}.pagehead{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0 20px}.eyebrow{font-size:10px;letter-spacing:.19em;color:var(--mint);font-weight:700;margin-bottom:8px}.pagehead h1{font-size:clamp(27px,3.5vw,40px);line-height:1.06;font-weight:800;letter-spacing:-.05em}.pagehead h1 span{color:#99bbcf}.pagehead p{color:var(--muted);max-width:650px;margin-top:11px}.header-actions{display:flex;gap:8px;flex-wrap:wrap}.import-btn{display:inline-flex;align-items:center;justify-content:center;color:#062a23;background:var(--mint);border:1px solid #75f6d9;font-weight:800;border-radius:7px;padding:10px 16px;cursor:pointer}.outlined{background:#122533}.filebar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:#11212d;border:1px solid #2a4753;border-radius:9px;padding:11px 15px;margin-bottom:13px}.filebar strong{color:#e9fbfd}.filebar span:not(.status-dot){color:#91aabc}.filebar #progress{margin-left:auto;color:var(--mint);font-size:11px}.meters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:13px}.meter{min-width:0;padding:16px 17px;background:linear-gradient(156deg,#1b2e3b,#101c29);border:1px solid #304858;border-radius:9px;display:grid;gap:5px}.meter span{font-size:10px;font-weight:700;letter-spacing:.08em;color:#87a8bb}.meter b{font-size:clamp(22px,2.45vw,32px);font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.meter:first-child b{color:var(--mint)}.meter small{color:#7993a6;font-size:10px}.panel,.plotpanel,.monitor{background:var(--panel);border:1px solid #293d4e;border-radius:9px;overflow:hidden;min-width:0}.panelhead{min-height:43px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#172737;border-bottom:1px solid #2b4052;padding:9px 15px}.panelhead b{font-size:10px;letter-spacing:.13em;color:#cfe3ea}.panelheadright{display:flex;gap:6px}.panelheadright button{font-size:10px;padding:6px 11px;background:#0d1b29}.panelheadright .chosen{border-color:#3fc2a8;color:#7ff1d6}.plotbody{padding:12px 14px 5px;background:linear-gradient(180deg,#0b1722,#090f18)}canvas{width:100%;height:auto;display:block;max-height:210px}.plotfooter{display:flex;justify-content:space-between;gap:8px;padding:7px 2px 3px;font-size:10px;color:#7892a4}.plotpanel{margin-bottom:13px}.columns{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,1fr);gap:13px;align-items:stretch}.panel .body{padding:17px}.chip{font-size:10px;letter-spacing:.07em;color:var(--mint);border:1px solid #236a5e;padding:4px 9px;border-radius:5px}.control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;row-gap:14px}.control-grid label{display:block;font-size:11px;color:#a9c4cf}.control-grid label b{float:right;color:#e7f8ee}.control-grid label>*{margin-top:7px}.actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.actions .primary{background:#13997d;border:1px solid #37ddba;color:white;font-weight:700}.explanation{margin-top:13px;font-size:11px;color:#8da8b8}.comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.comparison>div{border:1px solid #284557;background:#0e1d2b;border-radius:7px;padding:13px}.comparison small{display:block;color:#88a6b9;font-size:10px}.comparison b{font-size:23px;display:block;margin-top:3px;font-variant-numeric:tabular-nums}.auditlist{display:grid;gap:8px;margin-top:13px;color:#9bb4c2;font-size:11px}.auditlist p{padding:9px 11px;border:1px solid #294755;border-radius:6px;background:#102430}.auditlist p.warning{color:#f2ca93;border-color:#846341;background:#34291e}.auditlist p.good{color:#74edcf;border-color:#2c7363}.monitor{margin-top:13px}.monitor .body{padding:12px 16px}.twoaudio{display:grid;grid-template-columns:1fr 1fr;gap:15px}.twoaudio div{min-width:0}.twoaudio small{color:#95aebf;letter-spacing:.1em}.twoaudio audio{display:block;width:100%;margin-top:7px;min-width:0}.notice{padding:13px 16px;background:#142630;border:1px solid #2b525b;color:#9dbac6;font-size:11px;line-height:1.6;border-radius:9px;margin-top:13px}footer{display:flex;justify-content:space-between;gap:20px;color:#678b9a;margin-top:22px;font-size:10px;letter-spacing:.1em}@media(max-width:1100px){.application{grid-template-columns:170px minmax(0,1fr)}.navrail{padding:15px 7px}.workspace{padding:0 16px 18px}.meters{grid-template-columns:repeat(3,1fr)}.columns{grid-template-columns:1fr}.meter b{font-size:25px}}@media(max-width:720px){.application{display:block}.navrail{position:relative;height:auto;padding:10px;display:block;border-right:0;border-bottom:1px solid #293e4d}.brand{display:inline-flex}.navlabel,.navbottom{display:none}.navrail nav{display:flex;overflow-x:auto;gap:5px;margin-top:9px;scrollbar-width:thin}.navrail nav a{flex:0 0 auto;padding:8px;white-space:nowrap;font-size:11px}.workspace{padding:0 11px 22px}.topbar{height:auto;min-height:42px}.topbadges{display:none}.pagehead{display:block;padding:17px 0}.pagehead h1{font-size:30px}.header-actions{margin-top:14px}.filebar{padding:9px}.filebar #progress{margin-left:0}.meters{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.meter{padding:10px}.meter span{font-size:9px}.meter b{font-size:23px}.control-grid{gap:11px}.panelhead{padding:8px;font-size:10px}.panel .body{padding:12px}.twoaudio{grid-template-columns:1fr}footer{display:block}footer span{display:block;margin-top:5px}}@media(max-width:365px){.control-grid{grid-template-columns:1fr}.meter b{font-size:20px}.header-actions button,.header-actions label{flex:1}.actions button{flex:1}.pagehead h1{font-size:27px}}

/* STEEP Reference Match: workspace-native and responsive */
.reference-lab{margin-bottom:13px;border-color:#376358;background:linear-gradient(120deg,#11282c,#122030 72%)}
.reference-body{display:grid;grid-template-columns:minmax(210px,1fr) minmax(175px,270px) auto;gap:16px;align-items:center}
.reference-body>div:first-child>b{color:#bff4e5;font-size:14px}.reference-body .explanation{margin-top:5px}
.reference-upload{display:grid;gap:6px;font-size:12px;color:#bcd5d7;min-width:0}
.reference-upload input{font:inherit;font-size:11px;max-width:100%;color:#d6f7eb}
.reference-status{grid-column:1/-1;padding:9px 12px;background:#0b1b25;border:1px solid #2b4b55;border-radius:6px;color:#b7d5cf;font-size:12px}
@media(max-width:1100px){.reference-body{grid-template-columns:1fr 1fr}.reference-body>div:first-child{grid-column:1/-1}}
@media(max-width:690px){.reference-body{grid-template-columns:minmax(0,1fr)}.reference-body>div:first-child{grid-column:auto}.reference-status{grid-column:auto}}