:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111314;--panel:#191c1e;--panel-raised:#202426;--line:#2b3032;--text:#e9eae7;--muted:#889194;--dim:#667176;--orange:#ff946b;--orange-bright:#ff8052;--cyan:#86c8d3;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-family:var(--sans);font-synthesis:none}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-size:13px}button,input{font:inherit}button,a,input,label{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,label:focus-within{outline:2px solid var(--cyan);outline-offset:5px}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}svg{display:block}button{border:0}button,select{touch-action:manipulation}[hidden]{display:none!important}.app-header{border-bottom:1px solid var(--line);align-items:center;gap:28px;height:86px;padding:0 42px;display:flex}.brand{letter-spacing:-.9px;align-items:center;gap:13px;font-size:23px;font-weight:760;display:flex}.brand svg{width:32px;height:31px;fill:var(--orange)}.brand-light{font-weight:340}.brand-dot{vertical-align:super;color:var(--muted);margin-left:4px;font-size:11px;font-weight:400}.header-divider{background:var(--line);width:1px;height:24px}.header-caption{letter-spacing:2px;color:var(--dim);font-size:9px}.header-actions{align-items:center;gap:22px;margin-left:auto;display:flex}.mode-badge{font:9px var(--mono);letter-spacing:.7px;color:#bcbdb4;border:1px solid #3c3d34;border-radius:4px;align-items:center;gap:8px;padding:8px 10px;display:flex}.mode-badge i{background:#c1bb84;border-radius:50%;width:5px;height:5px}.icon-button{color:#aab2b3;background:0 0;border:1px solid #404748;border-radius:50%;width:29px;height:29px;font-size:15px}.page-shell{max-width:1600px;margin:auto;padding:43px 42px 0}.intro{justify-content:space-between;align-items:center;gap:24px;margin-bottom:48px;display:flex}.eyebrow{font:9px var(--mono);letter-spacing:1.3px;color:var(--muted);align-items:center;gap:9px;display:flex}.tiny-square{background:var(--orange);width:5px;height:5px}h1{letter-spacing:-2px;margin:14px 0 11px;font-size:clamp(34px,3.25vw,49px);font-weight:470;line-height:1.1}h1>span{color:var(--orange)}.intro p{color:#949d9f;margin:0;font-size:12px}.car-profile{border-left:1px solid var(--line);align-items:center;gap:16px;padding:5px 16px 5px 27px;display:flex}.profile-symbol{background:linear-gradient(120deg,#222729,#191d1f);border:1px solid #363d3f;border-radius:7px;place-items:center;width:67px;height:54px;display:grid}.profile-symbol svg{fill:none;stroke:#a0aaac;stroke-width:1.1px;width:47px}.small-label{color:var(--muted);letter-spacing:1px;font-size:8px;font-weight:500}.car-profile .small-label{font-size:8px;display:block}.car-profile strong{margin-top:7px;font-size:15px;font-weight:500;display:block}.car-profile strong span{color:#a9b1b2;font-size:12px;font-weight:400}.car-profile small{font:9px var(--mono);color:var(--dim);margin-top:6px;display:block}.workspace-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:17px;display:flex}.workspace-title{align-items:center;gap:10px;display:flex}.workspace-title h2{margin:0;font-size:13px;font-weight:500}.tab-marker{background:var(--orange);width:3px;height:13px}.subtle-tag{font:8px var(--mono);color:var(--dim);border:1px solid var(--line);border-radius:3px;padding:3px 4px}.workspace-tools{align-items:center;gap:20px;display:flex}.text-button{color:#a9b1b3;background:0 0;align-items:center;gap:7px;padding:0;font-size:10px;line-height:25px;display:flex}.text-button:hover{color:var(--text)}.text-button svg{fill:none;stroke:currentColor;stroke-width:1.3px;width:14px;height:14px}.import-button{cursor:pointer}.import-button input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.reset-button{border-left:1px solid var(--line);padding-left:19px;font-size:16px}.reset-button span{font-size:10px}.workspace-grid{grid-template-columns:minmax(220px,255px) minmax(400px,1fr) minmax(245px,285px);align-items:start;gap:15px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:9px;overflow:hidden}.panel-heading{justify-content:space-between;align-items:center;padding:22px 22px 0;display:flex}.section-index{font:8px var(--mono);letter-spacing:1.3px;color:var(--dim)}.panel-heading h3{letter-spacing:-.25px;margin:9px 0 0;font-size:15px;font-weight:500}.panel-icon{color:#647073;font-size:22px;font-weight:300}.sliders-icon{font-size:24px;transform:rotate(90deg)}.inputs-panel{padding-bottom:0}.speed-display{align-items:baseline;gap:8px;padding:25px 22px 8px;display:flex}.speed-display>span:first-child{font:430 49px var(--sans);letter-spacing:-2px;line-height:1}.speed-display>span:nth-child(2){font:10px var(--mono);color:var(--muted)}.speed-display svg{fill:none;width:52px;stroke:var(--orange);stroke-width:1.1px;opacity:.65;margin:auto 0 5px auto}.input-fields{padding:0 22px}.field{margin:20px 0 0}.field-head{justify-content:space-between;align-items:center;gap:5px;margin-bottom:12px;display:flex}.field label{color:#adb5b7;font-size:10px}.field output{font:10px var(--mono);color:var(--text)}.field output .unit{color:var(--dim);margin-left:3px;font-size:8px}.field input[type=range]{appearance:none;background:linear-gradient(to right,var(--field-color,var(--orange)) var(--fill,0%),#343b3e var(--fill,0%));cursor:pointer;outline-offset:7px;border-radius:8px;width:100%;height:3px;margin:0;display:block}.field input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--field-color,var(--orange));border:2px solid var(--panel);width:9px;height:9px;box-shadow:0 0 0 1px var(--field-color,var(--orange));border-radius:50%}.field input[type=range]::-moz-range-thumb{background:var(--field-color,var(--orange));border:2px solid var(--panel);border-radius:50%;width:7px;height:7px}.field-range{font:7px var(--mono);color:var(--dim);justify-content:space-between;margin-top:9px;display:flex}.field[data-key=brake]{--field-color:#cd897d}.field[data-key=throttle]{--field-color:#a8b993}.field[data-key=steering]{--field-color:#adb8c0}.section-rule{background:var(--line);height:1px;margin:23px 22px}.label-row{justify-content:space-between;align-items:center;padding:0 22px;display:flex}.micro-muted{font:7px var(--mono);color:var(--dim);letter-spacing:.5px}.scenario-grid{grid-template-columns:1fr 1fr;gap:7px;padding:13px 22px 0;display:grid}.scenario-button{color:#939fa3;white-space:nowrap;background:#202527;border:1px solid #31393b;border-radius:4px;min-height:32px;padding:9px 5px;font-size:9px}.scenario-button.active{color:var(--orange);background:#30251f;border-color:#8b5c47}.scenario-button:hover{background:#2c3031}.scenario-description{color:var(--dim);min-height:47px;margin:12px 0 17px;padding:0 22px;font-size:10px;line-height:1.6}.primary-button,.secondary-button{border-radius:5px;justify-content:center;align-items:center;gap:9px;width:100%;height:38px;font-size:10px;display:flex;position:relative}.primary-button{color:#211a15;background:var(--orange);font-weight:600}.primary-button:hover{background:#ffa47e}.inputs-panel>.primary-button,.inputs-panel>.secondary-button{width:calc(100% - 44px);margin-left:22px;margin-right:22px}.key-hint{opacity:.4;width:15px;height:16px;font:8px var(--mono);border:1px solid;border-radius:3px;place-items:center;display:grid;position:absolute;right:11px}#play-icon{font-size:10px}.secondary-button{color:#b7bfc1;background:0 0;border:1px solid #3a4245}.secondary-button:hover{background:#252b2e;border-color:#566267}.secondary-button svg{fill:none;stroke:currentColor;stroke-width:1.2px;width:15px;height:15px}.bump-button{margin-top:9px;margin-bottom:22px}.bump-button.firing{color:var(--orange);border-color:var(--orange)}.response-strip{border-top:1px solid var(--line);background:#171b1d;grid-template-columns:1fr 1fr;gap:10px;padding:16px 22px;display:grid}.response-strip>div+div{border-left:1px solid var(--line);padding-left:16px}.response-strip .small-label{letter-spacing:.7px;font-size:7px}.response-strip strong{font:18px var(--mono);color:#c5cfd1;margin-top:8px;display:block}.response-strip strong small{color:var(--dim);font-size:10px}.visualization-panel{background:#161a1c;position:relative}.stage-top{color:#b2bcbe;border-bottom:1px solid #242b2d;justify-content:space-between;align-items:center;height:54px;padding:0 21px;font-size:10px;display:flex}.stage-top>div:first-child{align-items:center;gap:8px;display:flex}.stage-dot{background:var(--cyan);border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px #86c8d344}.stage-state{font:7px var(--mono);letter-spacing:.8px;color:var(--dim)}.diagram-wrap{position:relative}.diagram-wrap svg{width:100%;height:auto;max-height:590px}.front-arrow{fill:none;stroke:#69767b;stroke-width:1px}.axis-label{font:8px var(--mono);letter-spacing:3px;fill:#78868b}.center-line{stroke:#435158;stroke-width:.6px;stroke-dasharray:4 9;opacity:.4}.actual-wheel{fill:#111416;stroke:#798487;stroke-width:1px}.diagram-small{font:7px var(--mono);letter-spacing:1.2px;fill:#62777d}.platform-value{font:13px var(--mono);fill:#9eb5bb}.wheel-code{font:10px var(--mono);letter-spacing:1px;fill:#c1cace}.wheel-caption{font:8px var(--mono);fill:#71878e}.wheel-load{font:13px var(--mono);fill:#d4dcde}.wheel-usage{font:9px var(--mono);fill:var(--orange)}.wheel-axis{stroke:#344045;stroke-width:.75px;stroke-dasharray:2 4}.wheel-reference{stroke:#313d42;stroke-width:1px;fill:none;stroke-dasharray:2 5}.wheel-envelope{stroke:#86c8d3;stroke-width:1.3px;fill:#86c8d307}.wheel-envelope.warning{stroke:var(--orange)}.wheel-demand-line{stroke:#ff946b;stroke-width:1.2px;opacity:.5}.wheel-demand{fill:var(--orange)}.wheel-baseline-envelope{fill:none;stroke:#bba5db;stroke-width:.8px;stroke-dasharray:1 4;opacity:.65}.wheel-baseline-dot{fill:#bcc2b5;opacity:.55}.spring-line{fill:none;stroke:#64767b;stroke-width:1.5px}.spring-anchor{fill:#91b1b8}.spring-line.engaged{stroke:var(--orange)}.bump-flash{color:var(--orange);font:8px var(--mono);opacity:0;pointer-events:none;background:#33251c;border:1px solid #9b6042;border-radius:3px;padding:6px 9px;transition:opacity .15s;position:absolute;top:16px;left:20px}.bump-flash.active{opacity:1}.diagram-legend{flex-wrap:wrap;justify-content:center;align-items:center;gap:19px;padding:4px 12px 21px;display:flex}.diagram-legend>span{color:#819195;align-items:center;gap:6px;font-size:8px;display:flex}.legend-dot{border-radius:50%;width:5px;height:5px}.orange{background:var(--orange)}.legend-line{border-top:1px solid;width:13px;height:0}.cyan{border-color:var(--cyan)}.dashed{border-color:#bba5db;border-top-style:dashed}.stage-metrics{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#191e20;grid-template-columns:1fr 1fr 1.3fr;gap:15px;padding:18px 21px;display:grid}.stage-metrics>div+div{border-left:1px solid var(--line);padding-left:20px}.stage-metrics .small-label{letter-spacing:.6px;font-size:7px}.stage-metrics strong{font:18px var(--mono);color:#c7d8dd;white-space:nowrap;margin-top:8px;display:block}.stage-metrics strong.balance-output{font:12px var(--sans);color:#e0c0a3;margin-top:12px}.stage-metrics small{font:8px var(--mono);color:#92a68c;min-height:9px;margin-top:6px;display:block}.stage-metrics #balance-subtitle{font:8px var(--sans);color:var(--dim)}.model-footnote{color:#78888c;align-items:flex-start;gap:7px;margin:0;padding:13px 18px;font-size:8px;line-height:1.5;display:flex}.model-footnote>span{color:#a4b3b7;font-size:11px;line-height:1}.setup-tabs{background:#111719;border:1px solid #293235;border-radius:5px;grid-template-columns:1fr 1fr;gap:3px;margin:22px 22px 0;padding:4px;display:grid}.setup-tabs button{color:#7f8e92;background:0 0;border-radius:3px;min-height:29px;font-size:9px}.setup-tabs button.active{color:#d4dcde;background:#2b3336;box-shadow:0 1px 3px #0003}.setup-fields{scrollbar-width:thin;scrollbar-color:#40494d #1b2123;min-height:225px;max-height:430px;padding:1px 22px 21px;overflow:auto}.setup-fields .field{--field-color:#95bdc8;margin-top:23px}.brake-bias-section{border-top:1px solid var(--line);padding:18px 22px 19px}.brake-bias-section>.small-label{letter-spacing:1px;font-size:8px}.brake-bias-section .field{--field-color:var(--orange);margin-top:16px}.brake-bias-section .field-range{display:none}.bias-caption{color:var(--dim);font:7px var(--mono);justify-content:space-between;margin-top:10px;display:flex}.baseline-section{border-top:1px solid var(--line);background:#171b1d;padding:20px 22px 18px}.baseline-heading{justify-content:space-between;align-items:center;gap:6px;display:flex}.baseline-heading .small-label{font-size:7px}.baseline-section .secondary-button{margin-top:14px}.baseline-section p{color:var(--dim);margin:12px 0 0;font-size:9px;line-height:1.6}.clear-baseline{text-underline-offset:3px;color:#a8b5b8;background:0 0;margin-top:9px;padding:0;font-size:9px;text-decoration:underline}.baseline-section .micro-muted.saved{color:#a5b996}.insights-section{padding:28px 0 30px}.insights-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;display:flex}.insights-heading h2{color:#a7b2b5;margin:0;font-size:12px;font-weight:450}.insights-heading>span{font:7px var(--mono);color:var(--dim);letter-spacing:.7px}.insight-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.insight{background:#161b1d;border:1px solid #293134;border-radius:6px;align-items:start;gap:12px;padding:17px 18px;display:flex}.insight-icon{color:#88afb8;width:24px;height:24px;font:12px var(--mono);border:1px solid #39474b;border-radius:5px;flex:none;place-items:center;display:grid}.insight.warning .insight-icon{color:var(--orange);border-color:#664939}.insight.good .insight-icon{color:#a8bd98}.insight h3{color:#c7d0d2;margin:1px 0 7px;font-size:10px;font-weight:450}.insight p{color:#7f9197;margin:0;font-size:9px;line-height:1.65}.app-footer{border-top:1px solid var(--line);color:#5e7178;font:7px var(--mono);letter-spacing:.4px;justify-content:space-between;align-items:center;gap:14px;padding:21px 0 26px;display:flex}.app-footer>span:first-child{font:9px var(--sans);color:#87979c;align-items:center;gap:8px;display:flex}.footer-dot{background:#a0b392;border-radius:50%;width:4px;height:4px}.footer-slash{color:#3a494f;padding:0 12px}.toast{z-index:20;background:#2b373b;border:1px solid #55717a;border-radius:6px;max-width:90vw;padding:13px 21px;font-size:12px;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 6px 32px #0006}.toast.error{color:#ffd3bd;border-color:#a06a50}dialog{color:var(--text);background:#1b2225;border:1px solid #48585e;border-radius:12px;width:min(540px,100vw - 36px);padding:38px;box-shadow:0 20px 100px #0009}dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#070c0ecc}.dialog-close{font-size:20px;position:absolute;top:16px;right:16px}dialog h2{letter-spacing:-.8px;margin:21px 0;font-size:29px;font-weight:450}dialog p,dialog li{color:#a5b5bb;font-size:12px;line-height:1.8}dialog ul{padding-left:17px}dialog li{margin:10px 0}.reference-link{color:var(--orange);margin-top:12px;font-size:11px;display:inline-block}@media (width>=1500px){.diagram-wrap svg{max-height:625px}.workspace-grid{grid-template-columns:270px minmax(480px,1fr) 300px}.inputs-panel .field{margin-top:24px}.scenario-description{min-height:53px}.scenario-button{min-height:36px}}@media (width<=1190px){.app-header{padding:0 24px}.page-shell{padding:32px 24px 0}.workspace-grid{grid-template-columns:210px minmax(350px,1fr) 235px;gap:10px}.panel-heading{padding:19px 16px 0}.input-fields,.speed-display{padding-left:16px;padding-right:16px}.section-rule{margin-left:16px;margin-right:16px}.label-row{padding:0 16px}.scenario-grid{padding-left:16px;padding-right:16px}.scenario-description{padding:0 16px}.inputs-panel>.primary-button,.inputs-panel>.secondary-button{width:calc(100% - 32px);margin-left:16px;margin-right:16px}.setup-tabs{margin-left:16px;margin-right:16px}.setup-fields,.brake-bias-section,.baseline-section{padding-left:16px;padding-right:16px}.stage-metrics{gap:8px;padding:16px 14px}.stage-metrics>div+div{padding-left:12px}.stage-metrics strong{font-size:16px}.stage-metrics strong.balance-output{font-size:10px}.diagram-legend{gap:11px}.mode-badge,.header-caption{font-size:8px}.intro{margin-bottom:32px}.car-profile{padding-right:0}.panel-heading h3{font-size:13px}.response-strip{padding:16px}}@media (width<=970px){.workspace-grid{grid-template-columns:230px minmax(360px,1fr)}.setup-panel{grid-column:1/-1;grid-template-columns:230px 1fr 210px;align-items:start;display:grid}.setup-panel .panel-heading{grid-area:1/1;padding:22px}.setup-tabs{grid-area:1/1;margin:86px 20px 0}.setup-fields{border-left:1px solid var(--line);grid-area:1/2/3;grid-template-columns:1fr 1fr;gap:0 22px;min-height:0;max-height:370px;padding:0 22px 24px;display:grid}.brake-bias-section{border-top:0;border-left:1px solid var(--line);grid-area:1/3;padding-top:22px}.baseline-section{border-left:1px solid var(--line);grid-area:2/3;padding:17px 16px}.car-profile .profile-symbol{display:none}.car-profile{padding-left:20px}.header-caption,.header-divider{display:none}.insight-grid{gap:10px}.insight{gap:8px;padding:14px 12px}.insights-heading>span{font-size:6px}.diagram-wrap svg{max-height:none}}@media (width<=680px){.app-header{height:68px;padding:0 18px}.brand{gap:8px;font-size:19px}.brand svg{width:25px}.header-actions{gap:13px}.mode-badge{letter-spacing:.3px;padding:6px;font-size:6px}.mode-badge i{width:4px;height:4px}.icon-button{width:25px;height:25px;font-size:12px}.page-shell{padding:28px 16px 0}.intro{margin-bottom:27px;display:block}h1{margin-top:13px;font-size:39px}.eyebrow{letter-spacing:.8px;font-size:7px}.intro p{max-width:300px;font-size:11px;line-height:1.7}.car-profile{display:none}.workspace-heading{align-items:start;gap:14px}.workspace-title h2{font-size:11px}.workspace-tools{gap:13px}.text-button{font-size:0}.text-button svg{width:17px;height:17px}.text-button.reset-button{padding-left:10px;font-size:20px}.reset-button span{display:none}.workspace-grid{grid-template-columns:1fr;gap:13px}.visualization-panel{grid-row:1}.inputs-panel{grid-row:2}.panel-heading{padding:20px 20px 0}.panel-heading h3{font-size:16px}.stage-top{height:48px;padding:0 17px}.stage-state{font-size:6px}.stage-metrics{padding:17px 15px}.stage-metrics strong{font-size:18px}.stage-metrics strong.balance-output{font-size:11px}.stage-metrics .small-label{font-size:6px}.diagram-legend{gap:15px;padding:0 10px 18px}.diagram-legend>span,.model-footnote{font-size:7px}.speed-display{padding:20px 20px 0}.speed-display>span:first-child{font-size:40px}.input-fields{grid-template-columns:1fr 1fr;gap:0 22px;padding:0 20px;display:grid}.input-fields .field{margin-top:24px}.label-row{padding:0 20px}.scenario-grid{grid-template-columns:repeat(4,1fr);padding:13px 20px 0}.scenario-description{min-height:0;margin:12px 0 18px;padding:0 20px}.inputs-panel>.primary-button,.inputs-panel>.secondary-button{width:calc(100% - 40px);margin-left:20px;margin-right:20px}.primary-button,.secondary-button{height:42px}.response-strip{padding:17px 20px}.setup-panel{grid-column:auto;display:block}.setup-panel .panel-heading{padding:20px}.setup-tabs{margin:0 20px}.setup-fields{border:0;grid-template-columns:1fr 1fr;gap:0 22px;min-height:0;max-height:none;padding:0 20px 24px;display:grid}.brake-bias-section{border-top:1px solid var(--line);border-left:0;padding:20px}.baseline-section{border-left:0;padding:20px}.baseline-section .secondary-button{max-width:none}.insights-section{padding-top:25px}.insights-heading>span{display:none}.insight-grid{grid-template-columns:1fr}.insight{padding:16px}.insight h3{font-size:12px}.insight p{font-size:11px}.insight-icon{width:28px;height:28px}.app-footer{flex-direction:column;align-items:start;gap:14px;padding:22px 0}.app-footer>span:last-child{font-size:6px}.field label,.field output{font-size:11px}.scenario-button{min-height:35px;font-size:8px}.small-label{font-size:8px}dialog{padding:28px}dialog h2{font-size:26px}.field input[type=range]{background-position:50%;background-repeat:no-repeat;background-size:100% 3px;height:24px}.field input[type=range]::-webkit-slider-thumb{width:13px;height:13px}.field input[type=range]::-moz-range-thumb{width:11px;height:11px}.field-range{margin-top:2px}.mode-badge{font-size:7px}.wheel-code{font-size:16px}.wheel-load{font-size:18px}.wheel-usage{font-size:14px}.platform-value{font-size:17px}.model-footnote{font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}