:root{--bg-primary: #070b14;--bg-secondary: #0d1527;--bg-card: #111c35;--bg-panel: #162444;--border-subtle: #1e293b;--border-focus: #38bdf8;--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--accent-cyan: #38bdf8;--accent-blue: #2563eb;--accent-emerald: #10b981;--accent-amber: #f59e0b;--accent-rose: #f43f5e;--accent-purple: #c084fc;--font-sans: "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden;max-width:100vw}body{background-color:var(--bg-primary);color:var(--text-main);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select{font-family:inherit}.studio-app-container{min-height:100vh;display:flex;flex-direction:column}.bridge-bar-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);padding:12px 24px;display:flex;flex-direction:column;gap:12px}.header-top-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.brand-group{display:flex;align-items:center;gap:12px}.brand-logo{font-size:28px}.brand-title{font-size:18px;font-weight:700;letter-spacing:-.02em;display:flex;align-items:center;gap:8px}.product-tag{font-size:11px;font-weight:600;padding:2px 8px;background:#38bdf826;color:var(--accent-cyan);border:1px solid rgba(56,189,248,.3);border-radius:9999px;text-transform:uppercase}.brand-subtitle{font-size:12px;color:var(--text-muted)}.portfolio-nav{display:flex;align-items:center;gap:8px;background:#0f172a99;padding:4px;border-radius:8px;border:1px solid var(--border-subtle)}.nav-link{font-size:12px;font-weight:500;color:var(--text-muted);text-decoration:none;padding:4px 10px;border-radius:6px;transition:all .15s ease}.nav-link:hover{color:var(--text-main);background:#ffffff0d}.nav-link.active{background:var(--accent-blue);color:#fff;font-weight:600}.header-action-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding-top:6px;border-top:1px solid rgba(255,255,255,.04)}.action-buttons-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.bridge-btn{font-size:12px;font-weight:600;padding:6px 14px;border-radius:6px;cursor:pointer;border:none;display:flex;align-items:center;gap:6px;transition:all .15s ease}.btn-cargofit{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.4)}.btn-cargofit:hover{background:#10b981;color:#022c22}.btn-pricing{background:#38bdf826;color:#38bdf8;border:1px solid rgba(56,189,248,.4)}.btn-pricing:hover{background:#38bdf8;color:#082f49}.btn-hos{background:#c084fc26;color:#c084fc;border:1px solid rgba(192,132,252,.4)}.btn-hos:hover{background:#c084fc;color:#3b0764}.export-buttons-group{display:flex;align-items:center;gap:8px}.btn-secondary-chip{background:#ffffff0f;color:var(--text-muted);border:1px solid var(--border-subtle);font-size:11px;font-weight:500;padding:6px 12px;border-radius:6px;cursor:pointer;transition:all .15s}.btn-secondary-chip:hover{color:var(--text-main);border-color:#475569}.btn-forge-highlight{background:linear-gradient(135deg,#0284c7,#2563eb);color:#fff;border:none;font-size:12px;font-weight:600;padding:6px 14px;border-radius:6px;cursor:pointer;transition:all .15s}.btn-forge-highlight:hover{opacity:.9;transform:translateY(-1px)}.studio-main-layout{display:grid;grid-template-columns:360px 1fr;flex:1}@media(max-width:1024px){.studio-main-layout{grid-template-columns:1fr}}.vehicle-selector-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-subtle);padding:20px;display:flex;flex-direction:column;gap:16px}.sidebar-header{display:flex;justify-content:space-between;align-items:center}.sidebar-header h4{font-size:14px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.count-badge{font-size:11px;background:#ffffff14;padding:2px 8px;border-radius:9999px;color:var(--accent-cyan)}.vehicle-category-list{display:flex;flex-direction:column;gap:6px}.sidebar-group-label{font-size:11px;font-weight:600;color:var(--text-dim);text-transform:uppercase}.vehicle-main-select{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-main);padding:10px 12px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;outline:none}.vehicle-main-select:focus{border-color:var(--accent-cyan)}.active-vehicle-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:12px}.card-top-row{display:flex;gap:8px}.code-badge{background:#38bdf826;color:var(--accent-cyan);font-family:var(--font-mono);font-size:11px;font-weight:700;padding:2px 8px;border-radius:4px}.dot-badge{background:#ffffff14;color:var(--text-muted);font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px}.vehicle-name{font-size:17px;font-weight:700;line-height:1.3}.vehicle-desc{font-size:12px;color:var(--text-muted);line-height:1.45}.specs-list{display:flex;flex-direction:column;gap:8px;padding:12px 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.spec-row{display:flex;justify-content:space-between;align-items:center;font-size:12px}.spec-k{color:var(--text-muted)}.spec-v{font-family:var(--font-mono);font-size:12px}.btn-add-vehicle-sidebar{background:#ffffff0d;border:1px dashed var(--border-subtle);color:var(--text-muted);padding:10px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.btn-add-vehicle-sidebar:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#38bdf80d}.studio-canvas-stage{padding:20px;display:flex;flex-direction:column;gap:20px;background:var(--bg-primary)}.view-mode-tabs-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;border-bottom:1px solid var(--border-subtle);padding-bottom:12px}.tabs-left{display:flex;gap:8px}.tab-btn{background:var(--bg-card);color:var(--text-muted);border:1px solid var(--border-subtle);padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.tab-btn:hover{color:var(--text-main);background:var(--bg-panel)}.tab-btn.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.status-indicator{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--accent-emerald);font-family:var(--font-mono)}.indicator-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-emerald)}.pulse-green{box-shadow:0 0 #10b981b3;animation:pulse-dot 1.8s infinite}@keyframes pulse-dot{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.canvas-viewport-box{background:#070c18;border:1px solid var(--border-subtle);border-radius:14px;overflow:hidden;box-shadow:0 10px 30px #0006}.canvas-3d-wrapper{position:relative;width:100%}.canvas-header-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 18px;background:#0d1527d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-subtle)}.view-mode-pills,.camera-presets,.action-toggles{display:flex;align-items:center;gap:6px}.pill-btn{background:#ffffff0d;border:1px solid var(--border-subtle);color:var(--text-muted);font-size:11px;font-weight:600;padding:4px 10px;border-radius:6px;cursor:pointer}.pill-btn.active{background:#38bdf833;color:var(--accent-cyan);border-color:var(--accent-cyan)}.preset-label{font-size:11px;color:var(--text-dim);text-transform:uppercase}.preset-btn{background:transparent;border:1px solid rgba(255,255,255,.08);color:var(--text-muted);font-size:11px;padding:4px 8px;border-radius:4px;cursor:pointer}.preset-btn:hover{background:#ffffff0d;color:var(--text-main)}.action-btn{background:#ffffff0f;border:1px solid var(--border-subtle);color:var(--text-main);font-size:11px;font-weight:600;padding:4px 10px;border-radius:6px;cursor:pointer}.action-btn.active{background:#f43f5e33;color:var(--accent-rose);border-color:var(--accent-rose)}.three-mount-container{width:100%;height:480px;cursor:grab}.three-mount-container:active{cursor:grabbing}.canvas-dock-hint{padding:8px 16px;background:#0d1527e6;border-top:1px solid var(--border-subtle);display:flex;gap:16px;font-size:11px;color:var(--text-dim);font-family:var(--font-mono)}.iso-25d-wrapper{display:flex;flex-direction:column}.iso-controls-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 18px;background:#0d1527d9;border-bottom:1px solid var(--border-subtle)}.iso-title{font-size:12px;font-weight:600;color:var(--accent-cyan);font-family:var(--font-mono)}.iso-cutaway-toggle{background:#38bdf826;color:var(--accent-cyan);border:1px solid rgba(56,189,248,.3);font-size:11px;font-weight:600;padding:4px 10px;border-radius:6px;cursor:pointer}.iso-cutaway-toggle.active{background:var(--accent-cyan);color:#032b43}.iso-svg-container{width:100%;padding:10px;background:#080d1a}.iso-svg{width:100%;height:auto;max-height:480px}.iso-footer-metrics{display:flex;flex-wrap:wrap;gap:10px;padding:12px 18px;background:#0d1527e6;border-top:1px solid var(--border-subtle)}.metric-chip{background:var(--bg-card);border:1px solid var(--border-subtle);padding:6px 12px;border-radius:6px;display:flex;flex-direction:column;gap:2px}.chip-label{font-size:10px;color:var(--text-dim);text-transform:uppercase}.chip-value{font-size:12px;font-family:var(--font-mono)}.blueprint-2d-wrapper{display:flex;flex-direction:column;background:#070c18;max-width:100%;overflow-x:hidden}.blueprint-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 18px;background:#0d1527d9;border-bottom:1px solid var(--border-subtle)}.blueprint-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--text-main)}.cad-badge{background:#0284c7;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;font-family:var(--font-mono)}.blueprint-meta{font-size:11px;color:var(--text-dim);font-family:var(--font-mono)}.blueprint-grid-canvas{padding:16px;display:flex;flex-direction:column;gap:16px;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.cad-view-block{border:1px solid var(--border-subtle);border-radius:8px;overflow:hidden;background:#050811}.cad-view-label{background:#ffffff0a;padding:6px 12px;font-size:10px;font-weight:700;letter-spacing:.05em;color:var(--accent-cyan);font-family:var(--font-mono);border-bottom:1px solid var(--border-subtle)}.cad-svg{width:100%;height:auto;display:block}.cad-two-col{display:grid;grid-template-columns:2fr 1fr;gap:16px}@media(max-width:800px){.cad-two-col{grid-template-columns:1fr}}.blueprint-specs-summary{display:flex;flex-wrap:wrap;gap:12px;padding:12px 18px;background:#0d1527e6;border-top:1px solid var(--border-subtle)}.spec-item{display:flex;flex-direction:column;gap:2px}.spec-name{font-size:10px;color:var(--text-dim);text-transform:uppercase}.spec-val{font-size:12px;font-family:var(--font-mono);font-weight:600}.controls-engines-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:1100px){.controls-engines-grid{grid-template-columns:1fr}}.spatial-panel-card,.temporal-panel-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px}.spatial-card-header,.temporal-card-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:10px}.card-title-group h3{font-size:15px;font-weight:700}.card-title-group .subtitle{font-size:12px;color:var(--text-muted)}.btn-forge-quick{background:#38bdf81f;color:var(--accent-cyan);border:1px solid rgba(56,189,248,.3);font-size:11px;font-weight:600;padding:4px 10px;border-radius:6px;cursor:pointer;transition:all .15s}.btn-forge-quick:hover{background:var(--accent-cyan);color:#032b43}.form-row{display:flex;flex-direction:column;gap:6px}.input-label{font-size:12px;font-weight:600;color:var(--text-muted)}.select-dropdown{background:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-main);padding:9px 12px;border-radius:8px;font-size:13px;outline:none}.select-dropdown:focus{border-color:var(--accent-cyan)}.package-spec-strip{display:flex;flex-wrap:wrap;gap:8px;background:var(--bg-secondary);padding:10px;border-radius:8px;border:1px solid var(--border-subtle)}.spec-pill{font-size:11px;display:flex;gap:4px;font-family:var(--font-mono)}.pill-k{color:var(--text-dim)}.pill-v{color:var(--text-main);font-weight:600}.hazmat-pill{background:#f43f5e26;padding:2px 6px;border-radius:4px}.hazmat-pill .pill-v{color:var(--accent-rose)}.quantity-slider-group{display:flex;flex-direction:column;gap:8px}.slider-label-row{display:flex;justify-content:space-between;align-items:center;font-size:12px}.slider-action-links{display:flex;gap:6px}.btn-text{background:transparent;border:none;font-size:11px;color:var(--accent-cyan);cursor:pointer;text-decoration:underline}.btn-text.active{font-weight:700;color:#fff}.slider-input{width:100%;accent-color:var(--accent-cyan)}.clearance-alert-grid{display:flex;flex-direction:column;gap:8px}.clearance-badge{display:flex;align-items:flex-start;gap:10px;padding:8px 12px;border-radius:8px;font-size:12px}.clearance-badge.pass{background:#10b98114;border:1px solid rgba(16,185,129,.3);color:#a7f3d0}.clearance-badge.fail{background:#f43f5e1a;border:1px solid rgba(244,63,94,.4);color:#fecdd3}.badge-icon{font-size:14px;font-weight:700}.badge-content{display:flex;flex-direction:column}.badge-title{font-weight:700}.badge-desc{font-size:11px;opacity:.9}.utilization-metrics-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.util-gauge-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:6px}.gauge-header{display:flex;justify-content:space-between;font-size:11px}.gauge-track{width:100%;height:8px;background:#ffffff14;border-radius:9999px;overflow:hidden}.gauge-fill{height:100%;transition:width .3s ease}.gauge-footer{font-size:10px;color:var(--text-dim);font-family:var(--font-mono)}.corridor-presets{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.btn-preset-chip{background:#ffffff0d;border:1px solid var(--border-subtle);color:var(--text-muted);font-size:11px;padding:3px 8px;border-radius:4px;cursor:pointer}.btn-preset-chip:hover{background:#38bdf826;color:var(--accent-cyan)}.temporal-sliders-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.slider-control-block{display:flex;flex-direction:column;gap:6px}.slider-header{display:flex;justify-content:space-between;font-size:12px}.telemetry-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.telemetry-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px}.card-top{display:flex;justify-content:space-between;align-items:center}.telemetry-label{font-size:11px;font-weight:600;color:var(--text-muted)}.telemetry-sub{font-size:10px;color:var(--text-dim)}.badge-fuel{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;font-family:var(--font-mono)}.badge-ok{background:#10b98133;color:#34d399}.badge-warn{background:#f59e0b33;color:#fbbf24}.badge-critical{background:#f43f5e33;color:#f43f5e}.tank-progress-track{width:100%;height:8px;background:#ffffff14;border-radius:9999px;overflow:hidden}.tank-progress-fill{height:100%;transition:width .3s ease}.telemetry-hero-stat{display:flex;align-items:baseline;gap:6px}.hero-val{font-size:26px;font-weight:800;font-family:var(--font-mono);line-height:1}.hero-unit{font-size:12px;color:var(--text-dim)}.telemetry-meta-row{display:flex;justify-content:space-between;font-size:11px;color:var(--text-muted);font-family:var(--font-mono)}.telemetry-cost-grid{display:grid;grid-template-columns:1fr;gap:4px}.cost-item{display:flex;justify-content:space-between;font-size:11px}.cost-k{color:var(--text-dim)}.cost-v{font-family:var(--font-mono)}.modal-backdrop{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:14px;width:100%;max-width:680px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #0009;display:flex;flex-direction:column}.modal-header{padding:16px 20px;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:flex-start}.modal-title-group h2{font-size:18px;font-weight:700}.modal-title-group .subtitle{font-size:12px;color:var(--text-muted)}.modal-close-btn{background:transparent;border:none;color:var(--text-muted);font-size:18px;cursor:pointer}.modal-tabs{display:flex;border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary)}.modal-tab-btn{flex:1;padding:12px;background:transparent;border:none;color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;border-bottom:2px solid transparent}.modal-tab-btn.active{color:var(--accent-cyan);border-bottom-color:var(--accent-cyan);background:#38bdf80d}.forge-form{padding:20px;display:flex;flex-direction:column;gap:14px}.form-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid-three{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.form-group{display:flex;flex-direction:column;gap:4px}.form-group label{font-size:11px;font-weight:600;color:var(--text-muted)}.form-group input,.form-group select{background:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-main);padding:8px 10px;border-radius:6px;font-size:12px;outline:none}.form-group input:focus,.form-group select:focus{border-color:var(--accent-cyan)}.color-picker-input{height:38px;cursor:pointer}.form-section-title{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--accent-cyan);padding-top:6px;border-top:1px solid var(--border-subtle)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:10px;border-top:1px solid var(--border-subtle)}.btn-secondary{background:#ffffff14;border:1px solid var(--border-subtle);color:var(--text-muted);padding:8px 16px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer}.btn-primary{background:var(--accent-blue);border:none;color:#fff;padding:8px 18px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer}.btn-primary:hover{background:#1d4ed8}.text-emerald{color:var(--accent-emerald)}.text-cyan{color:var(--accent-cyan)}.text-amber{color:var(--accent-amber)}.text-rose{color:var(--accent-rose)}.text-purple{color:var(--accent-purple)}.text-slate{color:var(--text-muted)}.bg-emerald{background:var(--accent-emerald)}.bg-cyan{background:var(--accent-cyan)}.bg-amber{background:var(--accent-amber)}.bg-rose{background:var(--accent-rose)}.font-mono{font-family:var(--font-mono)}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.multistop-panel-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px}.multistop-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px}.multistop-header h3{font-size:16px;font-weight:700}.multistop-header .subtitle{font-size:12px;color:var(--text-muted)}.active-stage-chip{background:#38bdf826;color:var(--accent-cyan);border:1px solid rgba(56,189,248,.3);font-size:11px;font-weight:700;padding:3px 10px;border-radius:9999px;font-family:var(--font-mono)}.stepper-buttons-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.stage-btn{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;padding:10px 14px;cursor:pointer;display:flex;flex-direction:column;gap:4px;text-align:left;transition:all .15s ease}.stage-btn:hover{border-color:#475569}.stage-btn.active{background:#38bdf81a;border-color:var(--accent-cyan)}.stage-btn.has-hazard{border-color:#f43f5e80}.stage-btn.has-hazard.active{background:#f43f5e26;border-color:var(--accent-rose)}.btn-stage-num{font-size:12px;font-weight:700;color:var(--text-main);display:flex;align-items:center;gap:6px}.btn-stage-label{font-size:11px;color:var(--text-dim)}.stage-status-banner{padding:12px 16px;border-radius:8px;display:flex;flex-direction:column;gap:6px}.stage-status-banner.ok{background:#10b98114;border:1px solid rgba(16,185,129,.3);color:#a7f3d0}.stage-status-banner.hazard{background:#f43f5e1f;border:1px solid rgba(244,63,94,.4);color:#fecdd3}.status-head{display:flex;justify-content:space-between;align-items:center;font-size:13px}.hazard-text{font-size:12px;font-weight:600;color:var(--accent-rose)}.axle-scales-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.axle-scale-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px}.axle-scale-card.highlight-card{border-color:#f59e0b66}.axle-title{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text-muted)}.legal-cap{font-size:10px;color:var(--text-dim);font-family:var(--font-mono)}.scale-reading{display:flex;align-items:baseline;gap:6px}.weight-num{font-size:24px;font-weight:800;font-family:var(--font-mono);line-height:1}.scale-reading .unit{font-size:11px;color:var(--text-dim)}.gauge-pct{font-size:11px;font-family:var(--font-mono);color:var(--text-dim)}