:root{font-family:'Segoe UI',Inter,ui-sans-serif,system-ui,sans-serif;background:#05141c;color:#dbe8ef;font-synthesis:none;--bg:#071721;--pane:#0b202b;--pale:#a2b6c0;--teal:#46d5d6;--orange:#f69f54;--line:#25404c;--soft:#6e8894;--bad:#ed6553;--good:#71d4b0}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#06151f}button,select,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
.app-shell{min-height:100vh;max-width:2200px;margin:0 auto;display:flex;flex-direction:column;background:#071923}.masthead{height:90px;min-height:90px;padding:0 30px;display:grid;grid-template-columns:305px 1fr 290px;align-items:center;border-bottom:1px solid #29404b;background:#081a24}
.brand-lockup{display:flex;align-items:center;gap:17px}.symbol{width:43px;height:43px;border:1px solid #517581;display:flex;gap:6px;align-items:center;justify-content:center;transform:skew(-8deg);background:linear-gradient(165deg,#183944,#0b2632)}.mark-line{height:25px;width:5px;background:#47d3cf;border-radius:4px;transform:rotate(15deg)}.mark-line:nth-child(2){height:18px;background:#f5a057}.mark-line:nth-child(3){height:28px}.eyebrow{letter-spacing:2.1px;color:#87a9b6;font-size:9px;font-weight:700}.slash{color:var(--orange);padding:0 4px}.brand{font-size:26px;font-weight:850;letter-spacing:2.1px;line-height:1.4}.brand span{font-size:18px;color:var(--orange);font-weight:650}.head-center{text-align:center}.page-title{font-size:15px;letter-spacing:3px;font-weight:750}.page-subtitle{font-size:9px;letter-spacing:2.1px;color:#658997;margin-top:7px;font-weight:750}.head-actions{display:flex;align-items:center;gap:12px;justify-content:flex-end}.status{font-size:9px;font-weight:850;letter-spacing:1px;color:#92d8b9;white-space:nowrap}.status i,.live-chip span{display:inline-block;width:6px;height:6px;background:#5edcaa;box-shadow:0 0 12px #5edcaa;border-radius:50%;margin-right:7px;vertical-align:middle}.status.warning{color:#f4b66e}.status.warning i{background:#f4b66e}.ghost-btn{color:#bad9e3;border:1px solid #2c505b;background:#102a37;padding:10px 12px;border-radius:5px;font-size:11px;font-weight:700;white-space:nowrap}.ghost-btn svg{width:15px;height:15px;vertical-align:-3px;margin-right:6px;fill:none;stroke:currentColor;stroke-width:1.6}
.body-grid{display:grid;grid-template-columns:305px minmax(380px,1fr) 305px;min-height:calc(100vh - 125px);flex:1}.controls-panel,.data-panel{background:#091c26;padding:22px 18px 17px;display:flex;flex-direction:column;overflow-y:auto}.controls-panel{border-right:1px solid #243c47}.data-panel{border-left:1px solid #243c47}.panel-heading{display:flex;align-items:center;font-size:10px;letter-spacing:1.3px;font-weight:850;gap:8px;color:#cbdfeb;padding:0 0 17px;border-bottom:1px solid #26404b;white-space:nowrap}.line-accent{height:15px;width:2px;background:#ed995a}.section-num{font-size:9px;color:#5e8895;margin-left:auto;letter-spacing:.6px}.preset-row{display:grid;grid-template-columns:1fr 1.32fr 1.08fr;gap:5px;margin-top:19px}.preset{font-size:9px;letter-spacing:.35px;font-weight:800;padding:12px 3px;border:1px solid #284552;color:#86a7b4;background:#0d2531;border-radius:3px}.preset.active{border-color:#d58c59;color:#ffbb81;background:#342b29}.group-label{font-size:10px;color:#c5e0e7;font-weight:850;letter-spacing:1.3px;margin-top:29px;margin-bottom:19px}.group-label span{color:var(--orange);margin-right:6px}.control-item{margin-bottom:19px}.control-item.feature{margin-bottom:25px}.control-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:11px}.control-label label{font-size:11px;color:#bbd0d8}.control-label output{font-size:11px;font-weight:700;color:#f5b277;font-variant-numeric:tabular-nums}.control-item input[type=range]{width:100%;appearance:none;background:#244450;height:4px;border-radius:3px;margin:5px 0;cursor:pointer}.control-item input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:13px;border:3px solid #eea369;border-radius:50%;background:#142832;box-shadow:0 0 0 3px rgba(238,163,105,.14)}.control-item input[type=range]::-moz-range-thumb{width:9px;height:9px;border:3px solid #eea369;border-radius:50%;background:#142832}.range-minmax{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.7px;color:#688893;margin-top:9px}.hint{font-size:9px;color:#70909d;margin-top:6px;line-height:1.5}.control-item select{width:100%;background:#102b36;color:#dbe8ef;border:1px solid #31505c;border-radius:3px;padding:10px 10px;font-size:11px}.panel-footer{display:grid;grid-template-columns:1fr 1.08fr;gap:9px;margin-top:auto;padding-top:17px;border-top:1px solid var(--line)}.action{height:39px;border-radius:4px;font-weight:850;font-size:9px;letter-spacing:.5px}.action.secondary{border:1px solid #43616b;background:#102935;color:#b7cfd8}.action.primary{border:1px solid #e09a5e;background:linear-gradient(110deg,#e7a368,#cf7e4d);color:#1a1f20}.btn-icon{font-size:15px;vertical-align:-1px;margin-right:2px}
.center-panel{min-width:0;display:flex;flex-direction:column;background:#071b26}.viewport-frame{position:relative;flex:1;min-height:520px;overflow:hidden;background:radial-gradient(ellipse at 55% 25%,#16394b,#09202d 52%,#06131c)}.viewport-frame:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 50%,rgba(1,8,12,.35));z-index:1}#lab-view{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;touch-action:none}#lab-view:active{cursor:grabbing}.viewport-topline{position:absolute;top:22px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:center;z-index:2}.live-chip{font-size:10px;letter-spacing:1.2px;color:#a4eed0;font-weight:850;padding:10px 12px;border:1px solid #285a54;background:#0a292eaa;border-radius:4px}.render-desc{font-size:9px;color:#8faab8;letter-spacing:1px}.render-desc span{color:#e8a268;margin:0 6px}.viewport-left{position:absolute;z-index:2;left:23px;top:45%;display:flex;flex-direction:column;gap:17px;align-items:center}.axis-marker{height:80px;width:80px;border:1px solid #54727a66;border-radius:50%;position:relative;transform:scale(.78)}.axis-marker:before{content:'';position:absolute;top:50%;left:50%;width:1px;height:34px;transform:translate(-50%,-100%);background:#68cbad}.axis-marker:after{content:'';position:absolute;top:50%;left:50%;height:1px;width:31px;background:#f6a774}.axis-y,.axis-x{position:absolute;font-size:11px;font-weight:850}.axis-y{top:3px;left:48%;color:#68cbad}.axis-x{right:3px;top:47%;color:#f6a774}.view-tiny{font-size:8px;color:#76919c;writing-mode:vertical-lr;letter-spacing:2px}.load-hud{z-index:2;position:absolute;left:27px;bottom:115px;min-width:190px;padding:15px 17px;background:linear-gradient(90deg,#0b2635df,#0b263599);border-left:2px solid #eaa169}.load-hud>div{font-size:9px;color:#a9c2cd;letter-spacing:1.4px;font-weight:700}.load-hud>div span{color:#f3b27d}.load-hud strong{font-size:34px;line-height:1.5;display:block;color:white;letter-spacing:-.6px;font-variant-numeric:tabular-nums}.load-hud strong small{font-size:15px;color:#e2a16d;font-weight:500}.load-hud>span{font-size:9px;color:#7195a4;letter-spacing:1.2px;font-weight:750}.stress-indicator{z-index:2;position:absolute;right:26px;bottom:123px;width:170px}.indicator-label{font-size:8px;letter-spacing:1px;color:#a9c2ce;margin-bottom:9px;text-align:right;font-weight:750}.indicator-meter{height:7px;background:#23404d;position:relative}.indicator-meter>span{height:100%;width:5%;background:linear-gradient(90deg,#48d3c7,#edac64,#ed574f);display:block;transition:width .25s}.indicator-meter i{position:absolute;top:-3px;right:0;height:13px;width:1px;background:#e7d7c9}.indicator-bounds{display:flex;justify-content:space-between;font-size:8px;color:#7b9ba6;margin-top:7px}.view-controls{z-index:2;position:absolute;right:26px;top:78px;display:flex;gap:4px}.view-controls button{font-size:8px;letter-spacing:.7px;font-weight:850;padding:10px;border:1px solid #35515f;background:#0b2634ba;color:#84a4b2;border-radius:3px}.view-controls button.active{background:#16424e;color:#c6eeee;border-color:#55989d}.viewport-bottomline{position:absolute;z-index:2;bottom:20px;left:26px;right:26px;display:flex;justify-content:space-between;color:#8ca8b5;font-size:9px;font-weight:700;letter-spacing:1px}.middot{color:var(--orange);padding:0 8px}.render-error{position:absolute;z-index:3;left:25%;top:35%;width:50%;padding:25px;background:#082735;border:1px solid #b07158}.render-error strong{display:block;color:#faad82}.render-error span{display:block;font-size:12px;margin-top:10px;line-height:1.7}.transport{height:86px;min-height:86px;display:flex;align-items:center;justify-content:space-around;border-top:1px solid #284450;background:#0b2631;padding:0 25px;gap:25px}.run-control{display:flex;align-items:center;gap:11px;min-width:215px}.play-button{background:#edaa6e;width:37px;height:37px;flex-shrink:0;color:#202f35;border:0;border-radius:4px;font-size:21px;font-weight:900}.run-control #run-status{font-size:10px;color:#c5e7da;font-weight:850;letter-spacing:.8px}.run-control small{color:#648c9a;font-size:8px;letter-spacing:.4px}.transport-stat{display:flex;flex-direction:column;gap:9px}.transport-stat small{font-size:8px;letter-spacing:.7px;color:#7798a7;font-weight:700}.transport-stat strong{font-size:9px;letter-spacing:.25px;font-weight:800;white-space:nowrap}.view-note{display:flex;align-items:flex-start;gap:17px;padding:17px 25px;border-top:1px solid #253c45;color:#84a5b0;font-size:10px;line-height:1.6;background:#071d27}.view-note strong{font-size:9px;color:#e8a368;white-space:nowrap;letter-spacing:1px;padding-top:3px}
.data-panel{padding:22px 19px 15px}.metric-lead{padding:24px 0 21px;border-bottom:1px solid #29424d}.metric-top{display:flex;justify-content:space-between;font-size:9px;color:#94b2bf;letter-spacing:.8px;font-weight:850}.metric-delta{color:#6ad7b9}.large-reading{display:flex;align-items:baseline;gap:9px;margin-top:9px}.large-reading strong{font-size:51px;line-height:1.1;letter-spacing:-2px;color:#f4f9f9;font-weight:700;font-variant-numeric:tabular-nums}.large-reading span{font-size:16px;color:#efa66a}.reading-context{margin-top:10px;font-size:10px;color:#7697a3}.dual-metrics{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #28434e}.metric-block{padding:17px 0}.metric-block+.metric-block{padding-left:15px;border-left:1px solid #28434e}.metric-block>span{display:block;font-size:8px;color:#87a9b5;letter-spacing:.55px;line-height:1.5;font-weight:750}.metric-block strong{display:block;font-size:21px;margin-top:9px;white-space:nowrap;letter-spacing:-.4px}.metric-block strong small{font-size:11px;color:#9fb8c5;font-weight:450}.critical-panel{margin:18px 0 21px;padding:14px 13px 11px;background:linear-gradient(125deg,#153c3d,#102b34);border:1px solid #285857;border-radius:4px}.critical-top{display:flex;align-items:center;justify-content:space-between}.critical-top strong{font-size:11px;color:#9ff2cf;letter-spacing:.6px}.state-circle{width:8px;height:8px;background:#64d6a6;border-radius:50%;box-shadow:0 0 10px #71d9b6}.critical-panel p{margin:9px 0 19px;font-size:10px;line-height:1.6;color:#aac7c8}.critical-track{position:relative;background:#31505a;height:6px;margin-right:5px}.critical-track span{display:block;height:6px;width:30%;background:linear-gradient(90deg,#49bfae,#e4a860,#ec6557);transition:width .25s}.critical-track b{position:absolute;top:-5px;left:60.606%;height:16px;width:2px;background:#f2daba}.critical-ticks{display:flex;justify-content:space-between;color:#83a5b0;font-size:8px;padding-top:9px}.chart-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 11px;font-size:9px;color:#d1e5e8;letter-spacing:.8px;font-weight:800}.chart-tag{font-size:8px;color:#7da3ae}.chart-wrap{border:1px solid #25424b;background:#0b2530;min-height:124px;margin-bottom:21px}.chart-wrap canvas{display:block;width:100%;height:140px}.chart-wrap.curve-wrap canvas{height:168px}.engineering-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 5px;margin:0 0 21px}.engineering-grid>div{border-left:2px solid #32505b;padding-left:11px}.engineering-grid small{font-size:8px;color:#7a9aa5;display:block;line-height:1.5;font-weight:750;letter-spacing:.15px}.engineering-grid strong{font-size:15px;color:#e2eaf0;margin-top:6px;display:block;font-weight:700}.data-actions{display:flex;gap:8px;margin-top:auto;border-top:1px solid #28414b;padding-top:15px}.data-actions button{flex:1;background:#112d39;border:1px solid #2e515d;color:#b1d5dc;padding:12px 2px;font-size:9px;font-weight:800;letter-spacing:.3px;border-radius:3px}.site-footer{height:35px;min-height:35px;padding:0 30px;border-top:1px solid #2b4450;display:flex;align-items:center;justify-content:space-between;background:#06151d;color:#638591;font-size:8px;font-weight:800;letter-spacing:1px}.site-footer b{color:#edab6a;margin:0 3px}
@media(max-width:1300px){.body-grid{grid-template-columns:265px minmax(300px,1fr) 275px}.masthead{grid-template-columns:265px 1fr 260px;padding:0 17px}.controls-panel,.data-panel{padding-left:13px;padding-right:13px}.transport{gap:8px;padding:0 10px}.run-control{min-width:185px}.transport-stat:nth-child(3){display:none}.render-desc{display:none}.large-reading strong{font-size:44px}.view-note{font-size:9px}}
@media(max-width:1070px){.body-grid{grid-template-columns:minmax(250px,33%) 1fr}.data-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 18px;overflow:visible}.data-panel .panel-heading,.data-actions{grid-column:1/-1}.metric-lead,.dual-metrics,.critical-panel,.engineering-grid{grid-column:auto}.chart-wrap{margin-bottom:12px}.center-panel{min-height:660px}.masthead{grid-template-columns:1fr 1fr}.head-center{display:none}.site-footer span:last-child{display:none}}
@media(max-width:760px){.masthead{height:74px;min-height:74px;padding:0 13px;grid-template-columns:1fr auto}.brand{font-size:22px}.eyebrow{font-size:7px}.ghost-btn{display:none}.body-grid{display:flex;flex-direction:column}.center-panel{order:0;min-height:610px}.controls-panel{order:1;overflow:visible}.data-panel{order:2;display:block}.viewport-frame{min-height:530px}.viewport-topline{left:12px;right:12px;top:13px}.view-controls{right:12px;top:68px}.load-hud{left:12px;bottom:90px;padding:10px}.stress-indicator{right:12px;bottom:91px;width:124px}.viewport-bottomline{bottom:14px;left:12px;right:12px}.transport{height:auto;min-height:73px;flex-wrap:wrap;justify-content:space-between;gap:8px}.transport-stat:nth-child(n+3){display:none}.site-footer{padding:0 11px}.site-footer span:first-child{display:none}.view-note{padding:12px 13px}.viewport-left{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}