/* Flight hardware workspace: graphite, mint telemetry, amber maneuver vectors. */
*{scrollbar-width:thin;scrollbar-color:#526777 #132230}input[type=range]{min-height:32px}.catalogFilters{scrollbar-width:none}
:root{--panel:#101b26f2;--line:#2b3c4c;--orange:#67d7cb;--muted:#9bb0c1}
body{font-family:Inter,Segoe UI,system-ui,sans-serif}button,input,select{font-family:inherit}button{border-radius:6px;border-color:#354656;transition:background .12s,border-color .12s}button:hover{background:#273c4c;border-color:#70cbbf}.primary{background:#78e1c3;border-color:#78e1c3;color:#092322}.primary:hover{background:#a2efd6}.panel{border:1px solid #314252;border-radius:10px;box-shadow:0 12px 40px #0003}.eyebrow{color:#8ae8d6;letter-spacing:1.7px}body>header{background:#09121bec;border-bottom:1px solid #344552}.brandmark{color:#80e0c8}.brand{letter-spacing:3px}nav button.active{color:#9aeddb;border-bottom-color:#86dfce;background:#2d6b6828}
.catalogpanel{left:14px;width:284px;top:calc(var(--header) + 14px);bottom:84px;padding:16px}.catalogpanel>.sub{display:none}.catalogpanel .sectionhead{margin:0 0 12px}.catalogpanel .sectionhead span{display:none}.catalogpanel h2{font-size:13px;color:#d8e5ed;letter-spacing:1.3px}#partSearch{width:100%;min-height:44px;margin-bottom:12px;padding:10px 12px;border:1px solid #3f5264;background:#09131e;font-size:14px}.catalogFilters{gap:4px;max-height:92px;overflow:auto;flex-wrap:wrap}.catalogFilters button{flex:0 0 auto;font-size:12px;padding:7px 9px;min-height:34px;border-color:transparent;background:#192835}.catalogFilters .active{background:#2a5b56;color:#c9fff0;border-color:#619a8e}#partLibrary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#partLibrary button{padding:8px 9px 10px;min-width:0;border:1px solid #314657;border-radius:7px;background:linear-gradient(150deg,#263744,#15232f);display:flex;flex-direction:column;gap:5px;overflow:hidden;min-height:148px}#partLibrary .partThumb{height:78px;width:100%;object-fit:contain;mix-blend-mode:screen;opacity:.96;pointer-events:none}#partLibrary b{font-size:13px;line-height:1.3;font-weight:600;white-space:normal}#partLibrary span{font-size:12px;line-height:1.3;margin:0}#partLibrary small{position:static;font-size:11px;color:#97e4cc;line-height:1.3;margin-top:auto}#attachedParts button{border-left:3px solid #486477;background:#142432}#attachedParts .active{border-color:#90e3ce;background:#22403f}.catalogpanel .add{font-size:13px;min-height:42px}
body[data-mode=build] .buildpanel,body[data-mode=build] .missionpanel{width:296px;right:14px;bottom:84px;border-radius:10px;padding:16px;background:#101c27f2}.buildpanel>.eyebrow{margin:-16px -16px 14px;padding:14px 16px;background:#243a47;font-size:12px}.buildpanel label{font-size:13px;color:#adc3d3}.buildpanel input:not([type=checkbox]):not([type=range]),.buildpanel select{min-height:42px;border:1px solid #3b5062}.buildpanel .history{gap:5px}.history button{min-height:38px}.stagecard{border:1px solid #3b5062;border-radius:7px;background:#13232f}.stagecard.selected{background:#24433e;border-color:#83c9b7}.stagecard header{min-height:40px}.stageEdit label{margin-top:13px}.vehicleSwitch .active{background:#75d5bf;color:#122722;border-color:#75d5bf}.vehicleSwitch button{font-size:13px}.viewTools{top:calc(var(--header) + 16px);left:calc(50% - 5px);gap:3px;background:#0b1822dd;padding:5px;border:1px solid #324d5d;border-radius:8px;max-width:calc(100vw - 630px)}.viewTools button{min-width:36px;min-height:36px;font-size:12px;white-space:nowrap;background:transparent;border-color:transparent;padding:5px 7px}.deployPreview{display:flex;align-items:center;font-size:12px;gap:3px;padding:0 5px}.deployPreview input{accent-color:#88e2c6}.viewlabel{left:322px;top:calc(var(--header) + 80px)}.viewlabel h2{font-size:23px;font-weight:500;letter-spacing:.1px}.viewlabel>span:last-child{color:#9badbd}.builderToolbar{left:14px;right:14px;bottom:14px;gap:6px;padding:8px;background:#0b1620eb;border:1px solid #344b5c;border-radius:10px}.builderToolbar button{min-width:90px;min-height:42px;background:#1c2d3c}.builderToolbar .primary{background:#87e0c6;color:#102e27;min-width:160px}.builderToolbar .active{border-color:#79ceb8;color:#baf3e3}.builderReadouts{position:absolute;left:322px;bottom:100px;display:flex;gap:24px;padding:12px 18px;border-left:2px solid #71d6bb;background:#0b1722d9;border-radius:0 8px 8px 0;pointer-events:none}.builderReadouts b{display:block;font:500 20px ui-monospace,Consolas,monospace;color:#d8f7ed}.builderReadouts span{font-size:11px;letter-spacing:1px;color:#a4b9c8}.trimControl{display:block;padding:7px 12px;background:#101d2be8;border-radius:6px;font-size:12px}.trimControl input{display:block;width:130px}.buildpanel .planeCoordinates label{font-size:12px}.partActions{display:grid;grid-template-columns:1fr 1fr;gap:6px}
#missionPlanner{display:none;position:absolute;top:calc(var(--header) + 14px);left:14px;width:306px;max-height:calc(100dvh - var(--header) - 36px);overflow:auto;background:#0e1c2bf2;border:1px solid #344d62;border-radius:12px;padding:16px;z-index:8;box-shadow:0 12px 40px #0005}.map-view #missionPlanner{display:block}.mapHeading{display:flex;justify-content:space-between;align-items:start;gap:8px}.mapHeading h2{font-size:23px;font-weight:500;margin:6px 0 16px}.mapHeading .eyebrow{font-size:11px}.mapHeading button{min-width:36px;min-height:36px;padding:5px}.mapScope{display:flex;gap:4px}.mapScope button{font-size:12px;flex:1;min-height:38px;padding:6px}.mapScope .active{color:#baf5e9;border-color:#79c9ba;background:#24453f}#mapOrbitInfo{font:12px ui-monospace,Consolas,monospace;color:#a6c3d6;line-height:1.6;margin:14px 0}.mapLegend{display:flex;gap:10px;flex-wrap:wrap;font-size:11px;margin:12px 0 20px}.mapLegend span:nth-child(1){color:#65dbe7}.mapLegend span:nth-child(2){color:#f6ba72}.mapLegend span:nth-child(3){color:#cfb4ff}#missionPlanner label{display:block;font-size:12px;color:#c9dbe9;letter-spacing:.3px}#nodeList{min-width:0;width:100%;font-size:13px}#nodeAdd{white-space:nowrap}#missionPlanner .row{display:flex;gap:6px;margin:8px 0}#missionPlanner .row>*{flex:1}#missionPlanner .sub{font-size:12px;line-height:1.55;color:#91aabe;margin:10px 0 16px}.burnAxis{display:flex!important;align-items:center;justify-content:space-between;gap:5px}.burnAxis input{width:78px;min-width:0;padding:7px;font:14px ui-monospace,monospace}.burnAxis span{font-size:11px;color:#91aabe}#nodeTime{width:78px;padding:7px;margin:4px 5px}.burnAxis.prograde{color:#8ee9be!important}.burnAxis.radial{color:#72d6f0!important}.burnAxis.normal{color:#ccadf4!important}#nodeEditor>input[type=range]{width:100%;height:24px;margin:1px 0 10px;accent-color:#8bdac4}.burnStats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;background:#20354480;border-radius:6px;padding:10px 7px;margin:12px 0}.burnStats b{display:block;font:13px ui-monospace,Consolas,monospace;color:#f4cd91}.burnStats span{display:block;font-size:10px;margin-top:6px;color:#9cb4c7}#missionPlanner button{font-size:12px;min-height:38px}#maneuverStatus,#mapEncounter{font-size:12px;line-height:1.5;color:#b9cede;margin:10px 0}#mapEncounter{color:#d4bafa;padding-top:10px;border-top:1px solid #33485b}#mapBodies{display:flex;flex-wrap:wrap;gap:5px}#mapBodies button{background:#182c3c;min-height:34px;padding:6px 9px}#mapBodies i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%}#missionPlanner.collapsed .plannerBody{display:none}#missionPlanner.collapsed h2{margin-bottom:0}.map-view .flightleft,.map-view .flightstatus,.map-view .telemetry,.map-view .flightbottom,.map-view #heatWarning{display:none!important}.map-view .flighttools{top:calc(var(--header) + 16px);right:18px}.map-view .maptools{right:18px;bottom:20px;left:auto}.map-view #map{touch-action:none}
@media(max-width:1200px) and (min-width:761px){.catalogpanel{width:248px}body[data-mode=build] .buildpanel,body[data-mode=build] .missionpanel{width:264px}.viewTools{max-width:calc(100vw - 560px);flex-wrap:wrap;width:max-content}.viewlabel,.builderReadouts{left:278px}.builderReadouts{gap:12px}.builderReadouts b{font-size:16px}}
#missionPlanner .burnAxis input{width:76px;flex:0 0 76px;min-height:36px;padding:6px;margin:0}#missionPlanner label{margin:6px 0 3px}#missionPlanner input[type=range]{min-height:24px;height:24px;margin:0 0 7px}#missionPlanner .mapScope{flex-wrap:wrap}#missionPlanner .mapScope button{flex:1 0 40%;min-height:32px}#missionPlanner .mapLegend{margin:9px 0 14px}#missionPlanner .sub{margin:8px 0 10px}.catalogFilters{max-height:124px}.catalogpanel .partThumb{border-radius:4px}#missionPlanner .burnStats{margin:9px 0;padding:9px 7px}
@media(max-width:760px){body[data-mode=build] .catalogpanel,body[data-mode=build] .buildpanel,body[data-mode=build] .missionpanel{left:8px;right:8px;top:45dvh;bottom:76px;width:auto;padding:12px;border-radius:10px}.catalogpanel .sectionhead{margin-bottom:8px}#partSearch{margin-bottom:8px}.catalogFilters{max-height:44px;flex-wrap:nowrap;overflow:auto;margin-bottom:8px}.catalogFilters button{min-height:38px}#partLibrary{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}#partLibrary button{padding:7px;min-height:130px}#partLibrary .partThumb{height:60px}#partLibrary b{font-size:12px}#partLibrary span{font-size:11px}#partLibrary small{display:none}.viewTools{max-width:calc(100vw - 16px);width:max-content;top:calc(var(--header) + 8px);flex-wrap:wrap;justify-content:center;padding:3px;gap:1px}.viewTools button{font-size:11px;min-height:34px;min-width:32px;padding:4px 6px}.deployPreview{font-size:11px;padding:0 3px}.viewlabel{left:14px;top:calc(var(--header) + 54px)}.viewlabel h2{font-size:16px}.builderToolbar{left:6px;right:6px;bottom:8px;padding:5px;gap:2px}.builderToolbar button{font-size:10px;min-width:0;padding:5px 3px;flex:1;min-height:46px}.builderToolbar .primary{min-width:0;flex:1.2}.builderReadouts{left:auto;right:12px;bottom:auto;top:calc(var(--header) + 67px);padding:6px 8px;gap:10px;border:0}.builderReadouts b{font-size:12px}.builderReadouts span{font-size:8px;letter-spacing:.4px}.builderReadouts>div:last-child{display:none}.buildpanel>.eyebrow{margin:-12px -12px 12px;padding:12px}.trimControl{padding:5px;font-size:11px}.trimControl input{width:100px}.planeActions button{min-height:38px}.map-view #missionPlanner{top:auto;left:8px;right:8px;bottom:10px;width:auto;max-height:46dvh;padding:12px}.mapHeading h2{font-size:18px;margin:4px 0 10px}.mapHeading .eyebrow{font-size:10px}.mapScope button{min-height:38px}#missionPlanner.collapsed{max-height:75px}.map-view .flighttools{top:calc(var(--header) + 10px);right:10px}.map-view .maptools{bottom:auto;top:calc(var(--header) + 65px);right:10px;display:flex}.mapLegend{margin-bottom:14px}#missionPlanner input:not([type=range]),#missionPlanner select{font-size:16px}}
@media(max-width:1000px) and (orientation:landscape) and (max-height:600px){body[data-mode=build] .catalogpanel,body[data-mode=build] .buildpanel,body[data-mode=build] .missionpanel{top:calc(var(--header) + 8px);bottom:68px;left:auto;right:8px;width:278px}.viewTools{max-width:calc(100vw - 310px);left:12px;transform:none}.viewlabel{left:16px;top:calc(var(--header) + 55px)}.builderReadouts{left:14px;right:auto;top:auto;bottom:86px}.builderReadouts b{font-size:14px}.builderReadouts span{font-size:10px}.builderToolbar{bottom:7px}.builderToolbar button{font-size:12px}.map-view #missionPlanner{top:calc(var(--header) + 6px);left:8px;right:auto;bottom:8px;width:270px;max-height:none;padding:12px}.mapHeading h2{font-size:18px}.map-view .maptools{top:auto;bottom:12px}.trimControl{display:flex;align-items:center;gap:5px}.trimControl input{width:100px}.planeActions{max-width:460px}.planeActions button{min-height:34px}.planeStatus{top:126px}.planePower{width:190px}}

/* Mission-map usability: keep the map visible on phones and make the planner
   behave like a compact bottom sheet rather than covering half the orbit. */
@media(max-width:760px){
 .map-view #missionPlanner{max-height:38dvh;padding:10px 11px 11px;overscroll-behavior:contain;scrollbar-width:thin}
 #missionPlanner .mapHeading{position:sticky;top:-10px;z-index:3;margin:-10px -11px 4px;padding:10px 11px 5px;background:linear-gradient(#0e1c2b 78%,#0e1c2b00)}
 #missionPlanner .plannerBody{padding-bottom:max(2px,env(safe-area-inset-bottom))}
 #missionPlanner .mapScope{gap:3px}
 #missionPlanner .mapScope button{min-height:35px}
 #missionPlanner .burnAxis{min-height:38px}
 #missionPlanner .burnAxis input{min-height:34px}
 #missionPlanner .burnStats{position:sticky;bottom:-1px;z-index:2;backdrop-filter:blur(8px)}
 #missionPlanner .sub{font-size:11px;line-height:1.35}
 #missionPlanner.collapsed{max-height:62px;overflow:hidden}
}
@media(max-width:390px){
 .map-view #missionPlanner{max-height:35dvh}
 #missionPlanner .mapLegend{display:none}
 #missionPlanner .sub{display:none}
}
.engineMeta{display:block;margin:.35rem 0 .6rem;color:#91a9ba;font-size:.72rem;line-height:1.35;text-transform:capitalize}

/* Builder 2.0 — direct manipulation first, contextual complexity second. */
body[data-mode=build]{--builder-left:304px;--builder-right:350px}
body[data-mode=build] .catalogpanel{width:var(--builder-left);padding:14px;backdrop-filter:blur(18px);background:#0b151ef2}
body[data-mode=build] .buildpanel{width:var(--builder-right);padding:14px;backdrop-filter:blur(18px);background:#0b151ef4}
body[data-mode=build] .catalogpanel>.sub{display:block;margin:-4px 0 10px;font-size:11px;line-height:1.45;color:#8299a9}
#partLibrary{grid-template-columns:1fr;gap:6px}
#partLibrary button{min-height:74px;padding:7px 9px;display:grid;grid-template-columns:62px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:10px;row-gap:1px;text-align:left;align-items:center;border-radius:10px;background:linear-gradient(110deg,#182733,#111d27);touch-action:none}
#partLibrary button:hover{background:linear-gradient(110deg,#203644,#172935);transform:translateY(-1px)}
#partLibrary button.heroPart{border-color:#4f9487;background:linear-gradient(110deg,#24453f,#132b2a)}
#partLibrary .partThumb{grid-row:1/4;width:60px;height:60px;border-radius:8px;background:#07111980;mix-blend-mode:normal}
#partLibrary b{font-size:12.5px;align-self:end}#partLibrary span{font-size:10.5px;color:#9bb0bf;align-self:center}#partLibrary small{font-size:10px;color:#73d6c3;margin:0;align-self:start}
.catalogFilters{max-height:none;flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px}.catalogFilters button{min-height:31px;padding:5px 8px;font-size:10.5px}
#attachedParts{display:grid;gap:4px}#attachedParts button{min-height:38px;padding:5px 8px;text-align:left;border-radius:7px}
.buildpanel>h1{font-size:20px;margin:3px 0}.buildpanel>.sub{font-size:11px;line-height:1.4;margin:5px 0 10px}
.stageStrip{display:grid;gap:6px;margin:8px 0}.stagecard{border-radius:10px;overflow:hidden}.stagecard header{padding:7px 8px;display:grid;grid-template-columns:minmax(0,1fr) auto 28px;gap:7px;align-items:center}.stageIdentity{display:flex;align-items:center;min-width:0;gap:7px}.stageIdentity img,.stageEngineMini img{width:34px;height:34px;object-fit:contain;border-radius:6px;background:#09141c}.stageIdentity span{min-width:0}.stageIdentity b,.stageIdentity small{display:block}.stageIdentity small{font-size:9.5px;color:#8da4b3}.stageEngineMini{display:flex;align-items:center;gap:4px;max-width:108px;font-size:9px;color:#a9becb}.stageEngineMini img{width:28px;height:28px}.stagecard header>button{width:28px;height:28px;padding:0}.stageActions{display:flex;gap:4px;padding:0 7px 7px}.stageActions button{min-height:30px;padding:4px 7px;font-size:10px;flex:1}
.stageDesigner{margin:10px 0 12px;display:grid;gap:8px}.designerHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.designerHeader span:first-child{display:block;font-size:9px;letter-spacing:1.2px;color:#72d7c5}.designerHeader h2{margin:2px 0 0;font-size:16px}.designerBadge{font:11px ui-monospace,monospace;color:#bff8e9;background:#17352f;border:1px solid #356359;border-radius:999px;padding:5px 8px;white-space:nowrap}.designerHelp{font-size:10.5px;line-height:1.35;color:#8399a9;margin:0}.designerSection{display:grid;gap:5px;padding:9px;border:1px solid #2c4352;border-radius:10px;background:#0e1d28}.designerSectionTitle{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.designerSectionTitle b{font-size:11px;letter-spacing:.4px}.designerSectionTitle span{font-size:9px;color:#758c9c}.designerRow{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:38px;border-bottom:1px solid #26374380}.designerRow:last-of-type{border-bottom:0}.designerRow>div:first-child b,.designerRow>div:first-child small{display:block}.designerRow>div:first-child b{font-size:11px;font-weight:600}.designerRow>div:first-child small{font-size:9px;color:#748b9a;margin-top:1px}.stepper{display:grid;grid-template-columns:30px 58px 30px;align-items:center;border:1px solid #344e5e;border-radius:8px;overflow:hidden;background:#09151e}.stepper button{min-width:30px;width:30px;height:31px;padding:0;border:0;border-radius:0;background:#182b37;font-size:17px;color:#aee9dc}.stepper output{text-align:center;font:10.5px ui-monospace,monospace;color:#e4f4ef}.fillRow{display:grid!important;grid-template-columns:1fr 118px;gap:10px;align-items:center;margin-top:4px!important}.fillRow span b,.fillRow span small{display:block}.fillRow span small{font-size:9px;color:#7e96a5}.fillRow input{width:100%;accent-color:#76dac4}.engineSelect{display:grid!important;grid-template-columns:90px 1fr;align-items:center;gap:7px;margin:0 0 4px!important}.engineSelect select{min-height:34px!important;font-size:11px}.engineStats{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.engineStats span{padding:5px 4px;text-align:center;border-radius:6px;background:#182936;font:9px ui-monospace,monospace;color:#9fe6d5}.designerNote{font-size:9px;color:#78909f;line-height:1.35}.compactHardware{margin-top:5px}.compactHardware label{font-size:11px!important}
body[data-mode=build] .viewTools{left:calc(var(--builder-left) + 28px);max-width:calc(100vw - var(--builder-left) - var(--builder-right) - 70px)}.viewlabel,.builderReadouts{left:calc(var(--builder-left) + 20px)}
body.builder-part-snap #scene{cursor:copy}body.builder-delete-drop .catalogpanel{outline:2px solid #f26f66;box-shadow:0 0 0 5px #f26f6626,0 18px 50px #0006}body.builder-delete-drop .catalogpanel:after{content:'DROP HERE TO DELETE';position:sticky;bottom:8px;display:block;text-align:center;background:#7a2929;color:#fff;padding:9px;border-radius:8px;font-weight:700;font-size:11px;letter-spacing:.6px}
@media(max-width:1100px) and (min-width:761px){body[data-mode=build]{--builder-left:252px;--builder-right:320px}#partLibrary button{grid-template-columns:52px 1fr}.partThumb{width:50px!important;height:50px!important}.stageEngineMini span{display:none}}
@media(max-width:760px){body[data-mode=build] .catalogpanel,body[data-mode=build] .buildpanel{top:48dvh;bottom:66px;padding:10px}body[data-mode=build] .catalogpanel>.sub{display:none}#partLibrary{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}#partLibrary button{min-height:86px;display:grid;grid-template-columns:46px 1fr;grid-template-rows:auto auto;padding:6px;column-gap:6px}#partLibrary .partThumb{width:44px;height:44px;grid-row:1/3}#partLibrary b{font-size:10.5px}#partLibrary span{font-size:9px}#partLibrary small{display:none}.stageDesigner{margin-top:6px}.designerSection{padding:7px}.designerRow{min-height:34px}.stepper{grid-template-columns:32px 54px 32px}.stepper button{width:32px;min-width:32px}.fillRow{grid-template-columns:1fr 105px}.engineStats{display:none}.stageEngineMini{display:none}.stagecard header{grid-template-columns:1fr 28px}.builderToolbar{bottom:5px}.viewTools{left:8px!important;max-width:calc(100vw - 16px)!important}}
.inspectorTitle{display:flex;align-items:center;justify-content:space-between;gap:8px}.inspectorTitle h2{margin:4px 0;font-size:18px}.inspectorTitle button{min-height:30px;padding:4px 8px;font-size:10px}.quickPartControls{display:grid;gap:7px;padding:8px;border:1px solid #2d4554;border-radius:10px;background:#0d1b25}.quickPartControls label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px;margin:0!important;font-size:10.5px!important}.quickPartControls label select{grid-column:1/3;min-height:34px!important;font-size:11px}.quickPartControls label input[type=range]{grid-column:1/3;width:100%;height:24px;min-height:24px;accent-color:#77dbc5}.quickPartControls b{font:10px ui-monospace,monospace;color:#98ead8}.advancedPlacement{margin-top:8px;border:1px solid #2a3d4a;border-radius:9px;background:#0d1821}.advancedPlacement summary{cursor:pointer;padding:8px 9px;font-size:10px;color:#9bb4c3;user-select:none}.advancedPlacement[open]{padding:0 8px 8px}.advancedPlacement[open] summary{margin:0 -8px 7px;border-bottom:1px solid #263a47}.advancedPlacement label{margin:6px 0!important;font-size:10px!important}.advancedPlacement .planeCoordinates{grid-template-columns:repeat(3,1fr);gap:4px}.advancedPlacement input,.advancedPlacement select{min-height:34px!important;font-size:11px!important}.freeCheck{display:flex!important;align-items:center;gap:6px}.partInspectorActions{display:grid;grid-template-columns:.8fr 1.2fr;gap:6px;margin-top:9px}.partInspectorActions button{min-height:38px}.partInspectorActions #deleteAttachment{border-color:#624143;color:#e5aaa7}
/* Builder 3 direct-manipulation pass: while a part/tank/engine is being dragged,
   collapse the mobile drawer instead of covering the vehicle. The drawer remains
   available as a delete target at the bottom edge. */
@media(max-width:760px){
 body.builder-dragging[data-mode=build] .catalogpanel,
 body.builder-dragging[data-mode=build] .buildpanel{top:79dvh;transition:top .16s ease,opacity .16s ease;opacity:.92}
 body[data-mode=build] .catalogpanel,body[data-mode=build] .buildpanel{transition:top .16s ease,opacity .16s ease}
 body.builder-dragging[data-mode=build] .viewlabel{opacity:.3}
}

/* Builder 3.5: direct geometric manipulation and sphere flight controller. */
#navballPanel.sphere-control{filter:drop-shadow(0 12px 25px #0008)}
#navballPanel.sphere-control canvas{width:238px;height:238px;max-width:34vw;max-height:34vw;cursor:grab}
#navballPanel.sphere-control canvas:active{cursor:grabbing}
#navballPanel.sphere-control .row{opacity:.62}
body[data-mode=build] #scene{cursor:default}
body[data-mode=build].builder-dragging #scene{cursor:grabbing}
@media(max-width:760px){#navballPanel.sphere-control canvas{width:190px;height:190px;max-width:42vw;max-height:42vw}.flighttools #controlModeToggle{display:inline-flex}}

/* Jova: Frontiers — builder clarity + aircraft editor pass.
   Keep the vehicle dominant, keep common controls visible, and tuck specialist
   geometry/staging tools behind deliberate disclosure controls. */
body[data-mode=build]{--builder-left:276px;--builder-right:318px}
body[data-mode=build] .catalogpanel,body[data-mode=build] .buildpanel,body[data-mode=build] .missionpanel{
 border-radius:14px;border-color:#314957cc;box-shadow:0 18px 48px #02070c5c;backdrop-filter:blur(22px) saturate(1.06)
}
body[data-mode=build] .catalogpanel{padding:12px;background:linear-gradient(180deg,#0b1721f5,#0a141df0)}
body[data-mode=build] .buildpanel{padding:12px;background:linear-gradient(180deg,#0e1b25f7,#0a141df4)}
body[data-mode=build] .buildpanel>.eyebrow{margin:-12px -12px 10px;padding:9px 12px;background:#1c303c;border-radius:13px 13px 0 0}
body[data-mode=build] .buildpanel .vehicleSwitch{position:sticky;top:-12px;z-index:3;padding:4px 0 8px;background:linear-gradient(#0e1b25 78%,transparent)}
body[data-mode=build] .buildpanel .history{margin-bottom:8px}
body[data-mode=build] .buildpanel .history button{min-height:34px;padding:5px 7px}
body[data-mode=build] .buildpanel .templates{margin-top:6px}
body[data-mode=build] .buildpanel .templates button{min-height:34px;padding:5px 6px;font-size:10.5px}

.catalogpanel .sectionhead{margin-bottom:8px!important}
#partSearch{min-height:38px;margin-bottom:8px;padding:8px 10px;border-radius:9px;background:#07131c}
.catalogFilters{gap:3px;padding-bottom:2px}.catalogFilters button{min-height:29px!important;padding:4px 7px!important;border-radius:999px!important}
#partLibrary{gap:5px!important}
#partLibrary button{min-height:66px!important;grid-template-columns:54px minmax(0,1fr)!important;padding:5px 8px!important;border-radius:11px!important;border-color:#314756aa!important;background:linear-gradient(110deg,#162631e8,#101c25e8)!important;box-shadow:none!important}
#partLibrary button:hover{border-color:#5c827f!important;background:linear-gradient(110deg,#1d3440,#142833)!important}
#partLibrary .partThumb{width:52px!important;height:52px!important;border-radius:9px!important}
#partLibrary b{font-size:11.5px!important}#partLibrary span{font-size:9.5px!important}#partLibrary small{font-size:9.5px!important}
#attachedParts{margin-top:7px!important}
.catalogpanel .add{margin:8px 0 12px!important;min-height:36px!important}

.stageStrip{gap:4px;margin:6px 0}.stagecard header{min-height:34px!important;padding:5px 7px!important}.stageActions{padding:0 6px 5px}.stageActions button{min-height:28px!important}
.stageDesigner{gap:6px;margin:7px 0 9px}.designerSection{padding:7px;border-radius:9px}.designerRow{min-height:34px}.designerHelp{font-size:9.5px}.compactHardware{margin-top:3px}

.advancedPlacement,.planeAdvanced,.actionGroups{border-color:#29414e;background:#091721cc;border-radius:10px}
.advancedPlacement summary,.planeAdvanced summary,.actionGroups summary{min-height:36px;display:flex;align-items:center;gap:7px;padding:7px 9px;color:#a9c3ce;font-size:10.5px;font-weight:600;letter-spacing:.25px}
.advancedPlacement summary:before,.planeAdvanced summary:before,.actionGroups summary:before{content:'›';display:inline-block;color:#76dcca;font-size:17px;transform:rotate(0deg);transition:transform .12s}
.advancedPlacement[open] summary:before,.planeAdvanced[open] summary:before,.actionGroups[open] summary:before{transform:rotate(90deg)}
.planeAdvancedGrid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.planeAdvancedGrid label{display:grid!important;grid-template-columns:1fr!important;gap:3px!important}.planeAdvancedGrid input{width:100%}
#planeEditor>h2{margin:9px 0 5px;font-size:17px}.buildpanel .planeCoordinates{gap:4px}.buildpanel .planeCoordinates input{padding:6px!important;min-height:34px!important}.planeSizeControl{margin:7px 0!important}.planeSizeControl input{min-height:26px!important}.planeEditActions{margin:7px 0!important;gap:5px}.planeEditActions button{min-height:34px}.actionGroups{margin-top:7px!important}.actionGroups[open]{padding-bottom:7px!important}.actionGroups label{margin:5px 0!important}.actionGroups select{min-height:34px!important}

body[data-mode=build] .viewTools{left:calc(var(--builder-left) + 24px);right:calc(var(--builder-right) + 24px);transform:none;max-width:none;width:auto;justify-content:center;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:4px;background:#08141ddf;border-radius:12px;box-shadow:0 10px 30px #0004}
body[data-mode=build] .viewTools::-webkit-scrollbar{display:none}.viewTools button{min-height:34px!important;min-width:36px!important;padding:4px 7px!important;border-radius:8px!important}.deployPreview{flex:0 0 auto}
body[data-mode=build] .viewlabel{left:calc(var(--builder-left) + 18px);top:calc(var(--header) + 65px)}
body[data-mode=build] .viewlabel h2{font-size:18px;margin:3px 0}
body[data-mode=build] .builderReadouts{left:calc(var(--builder-left) + 18px);bottom:77px;gap:14px;padding:8px 12px;border:1px solid #33515d;border-left:2px solid #71d6bb;border-radius:10px;background:#07141de8;box-shadow:0 10px 28px #0004}
body[data-mode=build] .builderReadouts b{font-size:15px}body[data-mode=build] .builderReadouts span{font-size:9px}
body[data-mode=build] .builderToolbar{left:calc(var(--builder-left) + 20px);right:calc(var(--builder-right) + 20px);bottom:10px;padding:5px;gap:4px;border-radius:12px;background:#07131ce8;box-shadow:0 12px 30px #0005}
body[data-mode=build] .builderToolbar button{min-width:68px;min-height:40px;padding:6px 9px;font-size:11px;border-radius:8px}.builderToolbar .primary{min-width:116px!important;margin-left:0!important}

/* A quieter empty-space presentation makes the model and direct-manipulation
   handles the visual focus rather than the panels. */
body[data-mode=build] .panel{outline:1px solid #ffffff08}
body[data-mode=build] #scene{background:#111c24}

@media(max-width:1100px) and (min-width:761px){
 body[data-mode=build]{--builder-left:238px;--builder-right:288px}
 #partLibrary button{grid-template-columns:46px minmax(0,1fr)!important;min-height:61px!important}#partLibrary .partThumb{width:44px!important;height:44px!important}
 body[data-mode=build] .builderToolbar{left:calc(var(--builder-left) + 12px);right:calc(var(--builder-right) + 12px)}
 body[data-mode=build] .builderToolbar button{min-width:58px;padding:5px 6px}
}

@media(max-width:760px){
 body[data-mode=build]{--builder-left:0px;--builder-right:0px}
 body[data-mode=build] .catalogpanel,body[data-mode=build] .buildpanel,body[data-mode=build] .missionpanel{top:51dvh;bottom:calc(66px + var(--safe-bottom));padding:10px;border-radius:13px 13px 8px 8px}
 body[data-mode=build] .viewTools{left:8px!important;right:8px!important;top:calc(var(--header) + 7px);width:auto!important;max-width:none!important;justify-content:flex-start;flex-wrap:nowrap!important;padding:3px}
 body[data-mode=build] .viewTools button{flex:0 0 auto;min-height:34px!important;font-size:10px!important}
 body[data-mode=build] .viewlabel{left:10px;top:calc(var(--header) + 50px)}body[data-mode=build] .viewlabel h2{font-size:15px}
 body[data-mode=build] .builderReadouts{right:9px;left:auto;top:calc(var(--header) + 51px);bottom:auto;padding:5px 7px;gap:8px;border-radius:8px}.builderReadouts b{font-size:11px!important}.builderReadouts span{font-size:7.5px!important}
 body[data-mode=build] .builderToolbar{left:6px;right:6px;bottom:calc(5px + var(--safe-bottom));padding:4px;gap:2px}.builderToolbar button{min-width:0!important;min-height:44px!important;padding:5px 3px!important;font-size:9.5px!important;flex:1}.builderToolbar .primary{min-width:0!important;flex:1.12}
 #partLibrary{grid-template-columns:repeat(2,minmax(0,1fr))!important}.catalogFilters{max-height:38px!important}
 .planeAdvancedGrid{grid-template-columns:1fr 1fr}.buildpanel .planeCoordinates{grid-template-columns:repeat(3,1fr)}
 body.builder-dragging[data-mode=build] .catalogpanel,body.builder-dragging[data-mode=build] .buildpanel{top:82dvh}
}

@media(max-width:1000px) and (orientation:landscape) and (max-height:600px){
 body[data-mode=build] .catalogpanel,body[data-mode=build] .buildpanel,body[data-mode=build] .missionpanel{right:8px;left:auto;top:calc(var(--header) + 7px);bottom:62px;width:252px;padding:9px}
 body[data-mode=build] .viewTools{left:8px!important;right:270px!important;top:calc(var(--header) + 6px);justify-content:flex-start}
 body[data-mode=build] .viewlabel{left:10px;top:calc(var(--header) + 47px)}
 body[data-mode=build] .builderReadouts{left:10px;right:auto;bottom:65px;top:auto}
 body[data-mode=build] .builderToolbar{left:8px;right:270px;bottom:6px}.builderToolbar button{min-height:42px!important}
}