:root{--bg:#050d19;--panel:#081624;--panel2:#0d2032;--edge:#1b3348;--accent:#46d8ef;--accent2:#7dafff;--text:#e8f3fc;--muted:#7d97ad;--amber:#dcb574;--warning:#fa985a}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:var(--bg);color:var(--text);font-family:'DM Sans','Arial',sans-serif;font-size:12px}button,select,input{font:inherit}button{cursor:pointer;border:1px solid var(--edge);color:#b8d6e8;background:rgba(12,35,53,.75);transition:background .16s,border-color .16s,color .16s}button:hover{border-color:var(--accent);color:white;background:#15405a}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.active,.primary{background:#174b62!important;border-color:#35b5d3!important;color:#bfffff!important}.app{height:100dvh;min-height:660px;display:flex;flex-direction:column;overflow:hidden}.topbar{height:69px;flex:none;display:flex;align-items:center;border-bottom:1px solid #20394e;background:#061321;position:relative;z-index:3;padding:0 22px;gap:32px}.brand{display:flex;align-items:center;gap:14px;flex:0 0 265px}.brand-emblem{width:37px;height:39px;border:1px solid #32b8d3;color:#8ceaff;display:grid;place-content:center;font-size:20px;font-weight:800;transform:skew(-8deg);font-family:'Barlow Condensed',sans-serif}.brand-emblem span{font-size:10px;display:inline}.brand strong{font-size:20px;letter-spacing:2px;font-family:'Barlow Condensed',sans-serif;display:block}.brand strong em{font-style:normal;color:var(--accent)}.brand small{font-size:8px;letter-spacing:1.4px;color:var(--muted)}.nav-scroll{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;flex:1}.nav-scroll button{border:0;background:transparent;letter-spacing:1px;padding:16px 15px;white-space:nowrap;font-size:10px;font-weight:700;color:#8196a9;border-bottom:2px solid transparent}.nav-scroll button.active{border-bottom-color:#3ee1ec;background:linear-gradient(0deg,#153144,transparent)!important;color:#ceffff!important}.top-actions{display:flex;gap:7px}.top-actions button{font-size:17px;width:32px;height:32px}.workspace{display:grid;grid-template-columns:254px minmax(0,1fr) 284px;flex:1;min-height:0}.panel{background:linear-gradient(135deg,#09192a,#071321);min-height:0;display:flex;flex-direction:column}.left-panel{border-right:1px solid var(--edge)}.right-panel{border-left:1px solid var(--edge)}.panel-head{padding:22px 18px 12px;border-bottom:1px solid var(--edge)}.eyebrow{font-size:9px;letter-spacing:2.1px;color:#6bafc8;font-weight:700}.big-number{display:flex;align-items:baseline;gap:13px;margin:15px 0}.big-number span{font:700 41px/1 'Barlow Condensed',sans-serif}.big-number small{font-size:9px;color:var(--muted);letter-spacing:1.2px}input[type=text],#partSearch{width:100%;border:1px solid #274357;background:#071323;color:#e3f8ff;border-radius:3px;padding:11px 12px;outline:none}#partSearch:focus{border-color:#36b8d3}.tree-tools{display:flex;gap:5px;margin-top:10px}.tree-tools button{padding:6px 8px;flex:1;font-size:10px}.parts-tree{overflow:auto;flex:1;scrollbar-color:#2b5268 transparent;scrollbar-width:thin}.tree-group{padding:11px 14px 8px;border-top:1px solid #112a3f;font-size:10px;font-weight:700;letter-spacing:1.25px;color:#72a3b8;display:flex;justify-content:space-between;cursor:pointer}.tree-group small{color:#4e7c90}.part-row{width:100%;display:flex;align-items:center;text-align:left;gap:9px;padding:9px 14px;border:0;border-left:2px solid transparent;background:transparent;font-size:10px;color:#94abbd}.part-row span:nth-child(2){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.part-row .tiny-code{font-family:monospace;color:#5c788e;font-size:9px}.part-row.selected{background:#16364b;color:#e3fdff;border-left-color:#42dbed}.part-row.removed{color:#efbc89}.part-row.hidden-part{opacity:.35}.part-row:hover{background:#10283b}.part-dot{width:5px;height:5px;background:#31657b;border-radius:50%}.removed .part-dot{background:#ffb36a}.selected .part-dot{background:var(--accent)}.panel-foot{display:flex;gap:9px;align-items:center;padding:13px 15px;border-top:1px solid var(--edge);color:#547e93;font-size:9px}.dot,.signal{width:6px;height:6px;border-radius:50%;display:inline-block;background:#2de2a2;box-shadow:0 0 11px #2de2a2}.center-area{display:flex;flex-direction:column;min-width:0;min-height:0;background:#030b16}.viewport-wrap{position:relative;flex:1;min-height:160px;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#122941 0%,#06111e 52%,#030912 100%)}#viewport{display:block;width:100%;height:100%;outline:none;touch-action:none;cursor:grab}#viewport:active{cursor:grabbing}.viewport-wrap:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(2,13,25,.40),transparent 18%,transparent 79%,rgba(2,13,25,.26));}.viewport-overlay{position:absolute;top:20px;left:24px;pointer-events:none;z-index:1}.telemetry{display:flex;gap:9px;align-items:center;color:#77b2c7;font-size:9px;letter-spacing:1px}.telemetry-divider{width:1px;height:10px;background:#325064}.hero-label{margin-top:23px}.hero-label h1{font:800 52px/.95 'Barlow Condensed',sans-serif;letter-spacing:1.5px;margin:7px 0 6px;color:#eef9ff;text-shadow:0 2px 18px #061321}.hero-label h1 span{color:#53d1e9}.hero-label p{font-size:8px;letter-spacing:1.65px;color:#7299ab}.viewport-right{position:absolute;right:17px;top:20px;display:flex;flex-direction:column;gap:6px;z-index:2}.viewport-right button{min-width:48px;height:32px;padding:0 8px;font-size:9px;letter-spacing:.6px;background:#0a2034c9}.viewport-bottom-left{position:absolute;left:26px;bottom:20px;z-index:2;pointer-events:none}.status-kicker{font-size:9px;letter-spacing:2px;color:#58aac3}.viewport-bottom-left strong{display:block;font:600 26px 'Barlow Condensed',sans-serif;margin-top:2px;max-width:410px}.viewport-bottom-left small{font-size:9px;letter-spacing:1.4px;color:#6b94ab;display:block;margin-top:5px}.axis-widget{position:absolute;right:22px;bottom:22px;display:flex;gap:7px;z-index:2;font:bold 10px monospace}.axis-widget span{display:grid;place-content:center;width:22px;height:22px;border-radius:50%;background:#10334c}.axis-x{color:#ee8f87}.axis-y{color:#9ce9b2}.axis-z{color:#81baff}.status-toast{position:absolute;left:50%;bottom:20px;transform:translateX(-50%) translateY(12px);padding:12px 18px;border:1px solid #408d9a;background:#0b2639e8;color:#ddfaff;max-width:80%;z-index:10;pointer-events:none;opacity:0;transition:all .3s;white-space:normal}.status-toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}#connectionLayer,#labelLayer{position:absolute;inset:0;pointer-events:none;z-index:2}.component-label{position:absolute;transform:translate(15px,-11px);white-space:nowrap;padding:5px 7px;background:#071a2de0;border:1px solid #367188;color:#a7ebf5;font-size:9px;letter-spacing:.4px;max-width:170px;overflow:hidden;text-overflow:ellipsis}#connectionSVG{position:absolute;inset:0}.control-deck{flex:none;border-top:1px solid #24445b;background:linear-gradient(90deg,#0a1e31,#0c2031);padding:14px 23px 16px;min-height:203px}.deck-head,.setting-label,.range-labels,.progress-line{display:flex;justify-content:space-between}.deck-head{font-weight:700;letter-spacing:1.4px;color:#6eafc8;font-size:9px;margin-bottom:15px}.deck-head span:last-child{color:#526f86}.deck-primary{display:flex;align-items:center;gap:30px}.explosion-block{flex:1}.setting-label{font-size:9px;letter-spacing:1.1px;color:#b5d2de}.setting-label output{color:#50dfec;font-weight:bold}.control-deck input[type=range],.mechanics input[type=range]{width:100%;margin:11px 0 6px;accent-color:#4ddbea;cursor:pointer}.range-labels{font-size:8px;letter-spacing:1px;color:#577a8f}.playback{display:flex;gap:7px;align-items:center}.playback button{height:34px;min-width:39px;padding:0 11px}.playback #btnPlay{background:#1c6e87;border-color:#45bed5;color:white;font-size:18px}.speed-box{display:flex;align-items:center;gap:6px;color:#8eadbd;font-size:9px}.control-deck select{background:#0a2030;color:#c0dfea;border:1px solid #2b5066;padding:7px 5px;font-size:10px;max-width:125px}.deck-secondary{display:flex;align-items:center;gap:10px;border-top:1px solid #1a3549;margin-top:13px;padding-top:12px}.deck-secondary label{display:flex;align-items:center;gap:7px;color:#7c9bab;font-size:9px}.deck-secondary button{padding:8px 10px;font-size:9px;white-space:nowrap}.deck-secondary label:nth-child(2){margin-right:auto}.mechanics{display:flex;gap:13px;align-items:center;border-top:1px solid #1c3a50;margin-top:12px;padding-top:9px}.mechanic{min-width:0;flex:1}.mechanic label{display:flex;justify-content:space-between;color:#7b9caf;font-size:9px;letter-spacing:.5px}.mechanic output{color:#54cce4}.mechanics input[type=range]{margin:7px 0 0}.record{padding:8px 10px;font-size:10px;white-space:nowrap}.record.active{color:#ff7c77!important;border-color:#ee6a62!important}.inspector-head{display:flex;justify-content:space-between;align-items:center;padding:21px 18px 12px}.inspector-index{font:10px monospace;color:#557e95}.blueprint-art{height:125px;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#17374c 0%,#0d2335 40%,#091729 76%);border-block:1px solid #1a3346;display:grid;place-content:center}.art-ring{position:absolute;left:50%;top:50%;border:1px solid #3c88a4a1;border-radius:50%;transform:translate(-50%,-50%) rotate(27deg)}.ring1{height:90px;width:90px}.ring2{height:130px;width:130px;border-style:dashed;border-color:#2a6382}.art-center{font:800 34px 'Barlow Condensed',sans-serif;color:#6daac1;letter-spacing:2px;position:relative;z-index:1}.blueprint-art>span{position:absolute;bottom:10px;right:12px;font:9px monospace;color:#5f8fab}#inspector{padding:16px 17px 10px;overflow-y:auto;max-height:calc(100dvh - 570px);min-height:180px}.inspector-title{font:700 24px/1.05 'Barlow Condensed',sans-serif;letter-spacing:.45px}.inspector-id{margin:6px 0 12px;font:10px monospace;color:#4bbad0}.inspector-desc{font-size:10px;line-height:1.65;color:#92adbe;margin-bottom:13px}.technical-spec{display:grid;grid-template-columns:1fr auto;padding:8px 0;border-bottom:1px solid #193449;font-size:10px;gap:8px}.technical-spec span{color:#65879a}.technical-spec strong{font-weight:600;color:#c0dce7;text-align:right}.inspector-buttons,.nudge-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:12px}.inspector-buttons button,.nudge-grid button{padding:8px 4px;font-size:9px;letter-spacing:.3px}.nudge-grid{grid-template-columns:repeat(3,1fr)}.nudge-title{margin-top:14px;color:#6ca8be;letter-spacing:1px;font-size:9px}.inset-help{color:#647f90;font-size:9px;line-height:1.5;margin-top:8px}.assembly-panel{padding:10px 17px 12px}.panel-sep{height:1px;background:#1f394f;margin-bottom:13px}.assembly-mode{display:flex;gap:5px;margin:13px 0}.assembly-mode button{flex:1;padding:9px 5px;font-size:9px}.progress-line{margin-top:14px;font-size:9px;color:#7695a6;letter-spacing:.5px}.progress-line b{color:var(--accent)}.progress-track{height:5px;background:#173549;margin-top:7px;overflow:hidden}.progress-track div{height:100%;background:linear-gradient(90deg,#1d879d,#5be9e2);width:100%;transition:width .2s}.assembly-panel p{font-size:10px;line-height:1.5;color:#8ba9bd}.assembly-actions{display:flex;gap:5px;margin-top:8px}.assembly-actions button{flex:1;padding:9px 5px;font-size:9px}.right-footer{margin-top:auto;border-top:1px solid var(--edge);padding:12px 17px;display:flex;flex-direction:column;gap:8px;color:#527e94;font-size:9px;letter-spacing:.8px}.right-footer a{color:#64d1e6;text-decoration:none}.modal-backdrop{position:fixed;inset:0;z-index:99;display:grid;place-items:center;background:#020b16dc;padding:16px}.modal-backdrop[hidden]{display:none}.help-modal{position:relative;max-width:580px;background:#0d2031;border:1px solid #3a7389;padding:28px;box-shadow:0 30px 120px #000b}.help-modal h2{font:800 39px 'Barlow Condensed',sans-serif;margin:10px 0}.help-modal p{color:#aac2ce;line-height:1.75}.help-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:22px 0}.help-grid>div{display:flex;align-items:center;gap:13px;padding:10px;background:#102a3b}.help-grid b{color:#4dd4e9;font-size:11px;white-space:nowrap}.help-grid span{font-size:10px;color:#829eae}.help-modal .disclaimer{font-size:10px;color:#7793a5}.help-modal .primary{padding:12px 18px;width:100%;margin-top:9px}.modal-close{position:absolute;top:12px;right:12px;padding:6px 10px}@media(max-width:1250px){.workspace{grid-template-columns:205px minmax(0,1fr) 246px}.brand{flex-basis:205px}.topbar{gap:11px;padding:0 12px}.nav-scroll button{padding:12px 9px}.control-deck{padding:12px 14px}.deck-primary{gap:12px}.deck-secondary{flex-wrap:wrap}#inspector{max-height:calc(100dvh - 590px)}.hero-label h1{font-size:42px}}@media(max-width:900px){.app{height:auto;min-height:100dvh;overflow:visible}.topbar{height:auto;min-height:58px;padding:8px;flex-wrap:wrap;gap:5px}.brand{flex:1;min-width:180px}.brand strong{font-size:18px}.nav-scroll{order:3;flex-basis:100%}.nav-scroll button{padding:10px 12px}.workspace{display:flex;flex-direction:column;overflow:visible}.center-area{order:1;min-height:610px}.viewport-wrap{height:55dvh;min-height:355px;flex:auto}.control-deck{min-height:auto}.left-panel{order:2;max-height:260px}.right-panel{order:3}.panel-head{padding:14px}.big-number{display:none}.parts-tree{max-height:200px;min-height:140px}.right-panel{display:grid;grid-template-columns:1fr 1fr;gap:0}.inspector-head{grid-column:1/-1}.blueprint-art{display:none}#inspector{max-height:none;min-height:0}.assembly-panel{border-left:1px solid var(--edge)}.right-footer{grid-column:1/-1}.viewport-overlay{left:13px;top:10px}.hero-label{margin-top:11px}.hero-label h1{font-size:38px}.hero-label p{font-size:7px}.viewport-right{right:9px;top:11px}.viewport-bottom-left{left:12px;bottom:13px}.viewport-bottom-left strong{font-size:21px}.deck-primary{flex-wrap:wrap}.explosion-block{flex-basis:100%}.playback{flex-wrap:wrap}.deck-secondary{gap:7px}.mechanics{flex-wrap:wrap}.mechanic{flex-basis:29%}}@media(max-width:520px){.brand small{font-size:7px}.right-panel{display:flex}.inspector-head{display:flex}.blueprint-art{display:none}.assembly-panel{border-left:0}.control-deck{padding:12px}.deck-secondary{display:grid;grid-template-columns:1fr 1fr}.deck-secondary label{flex-direction:column;align-items:flex-start}.deck-secondary label:nth-child(2){margin-right:0}.deck-secondary select{width:100%}.mechanic{flex-basis:100%}.mechanics input[type=range]{width:100%}.record{width:100%}.right-footer{display:flex}.viewport-wrap{height:50dvh;min-height:340px}.hero-label h1{font-size:33px}.telemetry{font-size:8px}.telemetry span:nth-last-child(-n+2){display:none}.viewport-right button{height:28px;min-width:42px}.axis-widget{display:none}.help-modal{padding:18px}.help-grid{grid-template-columns:1fr}.help-modal h2{font-size:29px}}

.anchor-marker{position:absolute;z-index:3;pointer-events:none;transform:translate(-50%,-50%);width:54px;height:54px;border:1px dashed #53ebbe;border-radius:50%;box-shadow:0 0 0 8px #3bdcb413,0 0 25px #22caa525;display:grid;place-content:center;color:#9bffe5;text-align:center;background:#113a3844}.anchor-marker[hidden]{display:none}.anchor-marker span{font:26px/1 sans-serif}.anchor-marker small{position:absolute;left:50%;bottom:-21px;transform:translateX(-50%);white-space:nowrap;font-size:8px;letter-spacing:1.4px;color:#6de5c7}