:root{--bg-deep: #080c12;--bg-topbar: rgba(13, 17, 23, .94);--bg-card: rgba(16, 20, 27, .85);--bg-inset: rgba(10, 13, 18, .88);--bg-card-hover: rgba(26, 32, 42, .9);--border-subtle: rgba(255, 255, 255, .08);--border-focus: rgba(255, 255, 255, .18);--border-active: #388bfd;--text-primary: #f0f6fc;--text-secondary: #8b949e;--text-muted: #586069;--text-highlight: #ffddaa;--accent-blue: #388bfd;--accent-cyan: #38bdf8;--accent-amber: #f0883e;--accent-red: #f85149;--accent-green: #3fb950;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", SFMono-Regular, Menlo, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--bg-deep);color:var(--text-primary);font-family:var(--font-ui);font-size:13px;line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none}#app-shell{display:flex;flex-direction:column;width:100vw;height:100vh}#top-header{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 18px;background:var(--bg-topbar);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);z-index:100}.header-left{display:flex;align-items:center;gap:12px}.header-menu-btn{background:transparent;border:none;color:var(--text-secondary);font-size:16px;cursor:pointer;padding:6px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease}.header-menu-btn:hover{background:#ffffff0f;color:var(--text-primary)}.logo-mark{display:flex;align-items:baseline;gap:8px}.logo-title{font-size:14px;font-weight:700;letter-spacing:.06em;color:#fff}.logo-sub{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.05em;color:var(--text-muted)}.header-center{display:flex;align-items:center}.preset-pill-group{display:flex;align-items:center;gap:2px;padding:3px;background:#00000073;border:1px solid var(--border-subtle);border-radius:6px}.preset-card{background:transparent;border:none;color:var(--text-secondary);font-family:var(--font-ui);font-size:11px;font-weight:600;letter-spacing:.03em;padding:5px 12px;border-radius:4px;cursor:pointer;transition:all .15s ease}.preset-card:hover{color:var(--text-primary);background:#ffffff0d}.preset-card.active{color:#fff;background:#ffffff1f;box-shadow:0 1px 3px #0000004d}.header-right{display:flex;align-items:center;gap:10px}.btn{display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-family:var(--font-ui);font-size:11px;font-weight:600;letter-spacing:.04em;border-radius:5px;cursor:pointer;transition:all .15s ease}.btn-action-ghost{background:#ffffff0d;color:var(--text-primary);border:1px solid var(--border-subtle);padding:6px 12px}.btn-action-ghost:hover{background:#ffffff1a;border-color:var(--border-focus)}.btn-icon-only{background:transparent;color:var(--text-secondary);border:1px solid transparent;padding:6px}.btn-icon-only:hover{background:#ffffff0f;color:var(--text-primary);border-color:var(--border-subtle)}#viewport-stage{position:relative;flex:1;width:100%;height:calc(100vh - 48px);overflow:hidden}#canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.floating-card{position:absolute;top:18px;z-index:10;background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:8px;box-shadow:0 12px 32px #0000008c;display:flex;flex-direction:column;padding:14px 16px;transition:border-color .2s ease}.floating-card:hover{border-color:var(--border-focus)}.floating-card-left{left:18px;width:270px}.floating-card-right{right:18px;width:324px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.06)}.card-title{font-size:12px;font-weight:700;letter-spacing:.05em;color:#fff;text-transform:uppercase}.card-tag{font-family:var(--font-mono);font-size:10px;font-weight:500;color:var(--text-secondary)}.tag-reheat{color:#f94}.tag-unviable{color:#f85149}.card-control-group{margin-bottom:12px}.slider-label-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px}.label-text{font-size:11px;font-weight:500;color:var(--text-secondary)}.readout-text{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:3px;background:#ffffff1f;border-radius:2px;outline:none;cursor:pointer;margin:4px 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.25);box-shadow:0 1px 4px #0009;cursor:pointer;transition:transform .1s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}input[type=range]::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.25);cursor:pointer}.throttle-quadrant-box{margin-top:4px;margin-bottom:12px;padding:10px 14px;background:var(--bg-inset);border:1px solid rgba(255,255,255,.07);border-radius:6px;display:flex;flex-direction:column;align-items:center;cursor:pointer}.quadrant-levers-row{display:flex;justify-content:center;gap:32px;width:100%;height:72px;position:relative}.lever-track{position:relative;width:32px;height:100%;display:flex;justify-content:center}.lever-guideline{position:absolute;top:4px;bottom:4px;width:2px;border-radius:1px}.line-red{background:#f851498c}.line-green{background:#3fb9508c}.lever-handle{position:absolute;top:30%;width:34px;height:11px;background:linear-gradient(180deg,#dce4ee,#8ca0b4);border:1px solid rgba(0,0,0,.4);border-radius:2px;box-shadow:0 2px 5px #0009;cursor:ns-resize;transition:top .05s linear}.lever-handle:after{content:"";position:absolute;top:2px;left:6px;right:6px;height:2px;background:#00000040}.quadrant-title{margin-top:6px;font-family:var(--font-mono);font-size:10px;font-weight:500;color:var(--text-muted);text-align:center}.spool-mini-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}.spool-mini-item{display:flex;flex-direction:column;gap:2px}.spool-mini-label{font-family:var(--font-mono);font-size:9px;font-weight:600;color:var(--text-muted)}.spool-mini-val{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.stations-table-container{margin-bottom:10px}.sae-table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:11px}.sae-table th{padding:4px 6px;font-size:9px;font-weight:600;color:var(--text-muted);border-bottom:1px solid rgba(255,255,255,.08);text-align:left}.sae-table th.text-right{text-align:right}.sae-table td{padding:3px 6px;color:#cfd9e4;border-bottom:1px solid rgba(255,255,255,.03);font-variant-numeric:tabular-nums}.sae-table td.text-right{text-align:right}.sae-table tr:hover td{background:#ffffff08}.sae-table tr.highlight-row td{background:#8c241659;color:#fcb;font-weight:600}.sae-table tr.highlight-row.active-ab td{background:#b42d1480;color:#fff}.cycle-canvas-container{display:flex;flex-direction:column;align-items:center;margin-top:4px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}#canvas-cycle-diagram{width:100%;height:140px;border-radius:4px;background:#0a0e14f2;border:1px solid rgba(255,255,255,.06)}.diagram-caption-row{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:5px}.diagram-axis-label{font-family:var(--font-mono);font-size:9px;color:var(--text-muted)}.diagram-legend{display:flex;gap:8px}.legend-item{display:flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:9px;color:var(--text-secondary)}.legend-dot{width:6px;height:6px;border-radius:50%}.dot-blue{background:#2d88ea}.dot-orange{background:#f07412}.telemetry-strip-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}.strip-metric-item{display:flex;flex-direction:column;gap:2px}.strip-label{font-family:var(--font-mono);font-size:8px;font-weight:600;color:var(--text-muted);text-transform:uppercase}.strip-val{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.strip-val small{font-size:9px;color:var(--text-secondary);font-weight:400}.strip-sub{font-family:var(--font-mono);font-size:9px;color:var(--text-secondary)}.floating-bottom-pill{position:absolute;bottom:22px;left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:20px;padding:8px 20px;background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:6px;box-shadow:0 10px 28px #00000080;max-width:90vw}.pill-engine-title{font-size:12px;font-weight:600;letter-spacing:.02em;color:#f0f6fc;white-space:nowrap}.pill-slider-row{display:flex;align-items:center;gap:10px;width:220px}.cutaway-label{font-family:var(--font-mono);font-size:10px;font-weight:600;color:var(--text-secondary)}.pill-slider-pct{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--text-primary);min-width:32px;text-align:right;font-variant-numeric:tabular-nums}.contextual-part-popover,.spatial-piece-popover{position:absolute;z-index:1000;width:320px;background:#0e1219f0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-focus);border-radius:8px;padding:12px 14px;box-shadow:0 16px 40px #000000b3;pointer-events:auto;user-select:none}.popover-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.popover-badge-group{display:flex;align-items:center;gap:8px}.popover-slot-badge{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--accent-blue);text-transform:uppercase}.popover-status-dot{width:6px;height:6px;border-radius:50%}.dot-active{background:var(--accent-green);box-shadow:0 0 6px var(--accent-green)}.dot-empty{background:var(--accent-red)}.popover-close-btn{background:transparent;border:none;color:var(--text-muted);font-size:14px;cursor:pointer;padding:2px 6px;border-radius:3px;transition:all .15s ease}.popover-close-btn:hover{background:#ffffff1a;color:#fff}.popover-current-name{font-size:13px;font-weight:600;color:#fff;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.07)}.text-empty{color:#f85149;font-family:var(--font-mono);font-size:11px}.popover-options-list{display:flex;flex-direction:column;gap:5px;max-height:190px;overflow-y:auto;margin-bottom:8px}.popover-option-chip{padding:6px 8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:5px;cursor:pointer;transition:all .15s ease}.popover-option-chip:hover{background:#ffffff14;border-color:#ffffff26}.popover-option-chip.selected{background:#388bfd2e;border-color:var(--accent-blue)}.chip-main{display:flex;justify-content:space-between;align-items:center}.chip-name{font-size:11px;font-weight:600;color:var(--text-primary)}.chip-badge{font-family:var(--font-mono);font-size:9px;font-weight:600;padding:1px 5px;background:#ffffff14;border-radius:3px;color:var(--text-secondary)}.chip-desc{font-size:10px;color:var(--text-secondary);margin-top:3px;line-height:1.3}.btn-remove-component{width:100%;padding:6px;background:#f851491a;border:1px solid rgba(248,81,73,.25);color:#f85149;font-family:var(--font-ui);font-size:11px;font-weight:600;border-radius:4px;cursor:pointer;transition:all .15s ease}.btn-remove-component:hover{background:#f8514938}.archetype-toast{position:absolute;top:72px;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:12px;padding:12px 18px;background:#101620f2;backdrop-filter:blur(20px);border:1px solid var(--accent-blue);border-radius:8px;box-shadow:0 10px 30px #000000b3}.toast-badge{font-family:var(--font-mono);font-size:9px;font-weight:700;color:var(--accent-blue);letter-spacing:.08em;margin-bottom:2px}.toast-content h3{font-size:13px;font-weight:700;color:#fff}.toast-content p{font-size:11px;color:var(--text-secondary)}.toast-close{background:transparent;border:none;color:var(--text-muted);font-size:14px;cursor:pointer;padding:4px}.viability-banner{position:absolute;top:18px;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:8px;padding:4px 12px;background:#0d1117d9;border:1px solid var(--border-subtle);border-radius:20px;backdrop-filter:blur(12px)}.viability-dot{width:7px;height:7px;border-radius:50%}.viability-dot.green{background:var(--accent-green);box-shadow:0 0 6px var(--accent-green)}.viability-dot.yellow{background:var(--accent-amber)}.viability-dot.red{background:var(--accent-red)}.viability-text-col{display:flex;gap:8px}.viability-title{font-size:10px;font-weight:700;letter-spacing:.04em;color:#fff}.viability-reason{font-size:10px;color:var(--text-secondary)}.stall-banner{position:absolute;bottom:74px;left:50%;transform:translate(-50%);z-index:50;display:none;align-items:center;gap:12px;padding:8px 16px;background:#280a0ceb;border:1px solid #f85149;border-radius:6px;box-shadow:0 8px 24px #0009}.stall-msg{display:flex;flex-direction:column}.stall-msg strong{font-size:11px;color:#f85149;letter-spacing:.05em}.stall-msg span{font-size:10px;color:var(--text-secondary)}.btn-warning{padding:4px 10px;background:#f85149;color:#fff;border:none;border-radius:4px;font-family:var(--font-ui);font-size:10px;font-weight:700;cursor:pointer}