.chassis-demo{color:#e5e7eb;background:#0f172a;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.chassis-demo *{box-sizing:border-box}.chassis-demo body{background:#0f172a;margin:0}.chassis-demo .container{max-width:960px;margin:0 auto;padding:1rem}.chassis-demo h1{margin-bottom:.2rem}.chassis-demo p{margin-top:0}.chassis-demo .tabs{grid-template-columns:repeat(3,1fr);gap:.5rem;margin:1rem 0;display:grid}.tabs button{color:#d1d5db;background:#111827;border:1px solid #374151;border-radius:.6rem;padding:.6rem}.tabs button.active{color:#fff;background:#1d4ed8;border-color:#1d4ed8}.card{background:#111827;border:1px solid #374151;border-radius:.8rem;margin-bottom:1rem;padding:1rem}.globalGrid{gap:1rem;display:grid}.subCard{background:#0b1220;border:1px solid #374151;border-radius:.6rem;padding:.75rem}.subCard h2{margin-top:0}.accountPanel{border-top:1px solid #374151;margin-top:.8rem;padding-top:.8rem}.accountPanel p{color:#9ca3af;margin:.25rem 0 .6rem}.accountActions{grid-template-columns:minmax(170px,240px) auto auto;align-items:end;gap:.7rem;display:grid}.accountActions button{color:#f3f4f6;background:#1f2937;border:1px solid #4b5563;border-radius:.45rem;min-height:2.25rem;padding:.4rem .7rem}button:disabled{opacity:.6;cursor:not-allowed}.grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;display:grid}.axleGrid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.axleGrid .field{gap:.25rem}.axleGrid .fieldLabel{align-items:flex-end;min-height:2.25rem}.axleGrid .fieldLabelText{align-items:flex-end;min-height:2.25rem;font-size:.83rem;line-height:1.15;display:flex}.axleGrid .field input{min-height:2rem;padding:.25rem .4rem}.axleGrid .field small{min-width:34px;font-size:.72rem}.field{flex-direction:column;gap:.35rem;font-size:.92rem;display:flex}.fieldLabel{justify-content:space-between;align-items:flex-start;gap:.35rem;display:flex}.fieldLabelText{line-height:1.2}.fieldInputWrap{align-items:center;gap:.4rem;display:flex}.field input,.field select{color:#f3f4f6;background:#1f2937;border:1px solid #4b5563;border-radius:.45rem;width:100%;min-height:2.25rem;padding:.35rem .5rem}.lockedTag{color:#f59e0b;flex-shrink:0;margin-top:.05rem;font-size:.75rem;font-style:normal}.field small{text-align:right;color:#9ca3af;min-width:42px}.resultGrid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.8rem;display:grid}.resultGrid p{margin:.3rem 0 0}.cornerLoadGrid{grid-template-columns:1fr 1fr;gap:.25rem .8rem;margin-top:.3rem;display:grid}.sliderWrap{flex-direction:column;gap:.45rem;margin-top:.9rem;display:flex}.sliderWrap input{width:100%}.diagnostics{border-top:1px solid #374151;margin-top:.85rem;padding-top:.7rem}.diagnosticsGrid{color:#cbd5e1;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.35rem .8rem;margin-top:.35rem;font-size:.88rem;display:grid}.diagOk{color:#22c55e}.diagWarn{color:#f59e0b;font-weight:600}.devFlags{flex-wrap:wrap;gap:.8rem;margin-bottom:.7rem;display:flex}.devFlags label{align-items:center;gap:.25rem;display:inline-flex}.devFlags button{color:#f3f4f6;background:#1f2937;border:1px solid #4b5563;border-radius:.45rem;padding:.3rem .65rem}.vizViewport{touch-action:none;border:1px solid #374151;border-radius:.5rem;min-height:220px;overflow:hidden}.viz{will-change:transform;background:#020617;width:100%;height:auto;display:block}.bodyTuneControls{margin-top:.75rem}.bodyTuneGrid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.45rem .8rem;margin-top:.5rem;display:grid}.bodyTuneSlider{color:#cbd5e1;flex-direction:column;gap:.25rem;font-size:.84rem;display:flex}.bodyTuneSlider input{width:100%}.modalBackdrop{background:#020617b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modalCard{background:#111827;border:1px solid #374151;border-radius:.75rem;width:min(460px,100%);padding:1rem}.modalCard h3{margin-top:0}.modalActions{justify-content:flex-end;gap:.5rem;display:flex}.modalActions button{color:#f3f4f6;background:#1f2937;border:1px solid #4b5563;border-radius:.45rem;padding:.4rem .7rem}@media (width<=640px){.container{padding:.75rem}.accountActions{grid-template-columns:1fr}.axleGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}}@media (width<=340px){.axleGrid{grid-template-columns:1fr}}.chassis-demo .tabsTwo{grid-template-columns:repeat(2,1fr)}.chassis-demo .readOnlyInput{cursor:not-allowed;opacity:.92}.chassis-demo .demoBanner{color:#9ca3af;background:#0b1220;border:1px solid #374151;border-radius:.5rem;margin:0 0 .75rem;padding:.55rem .75rem;font-size:.88rem}