/* variables.css */
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&family=Rajdhani:wght@500;600&family=Space+Grotesk:wght@400;500;600&display=swap');
:root{--void:#07090b;--base:#0b0f12;--panel:#0e1317;--line:#213039;--line2:#182229;--text:#e5edf0;--muted:#71818a;--cyan:#55e7ee;--blue:#7691ff;--orange:#ff9b58;--mono:"JetBrains Mono",monospace;--display:"Rajdhani",sans-serif;--sans:"Space Grotesk",sans-serif}
*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--void);color:var(--text);font-family:var(--sans);overflow:hidden}button,input,textarea,select{font:inherit}.noise{position:fixed;inset:0;opacity:.025;pointer-events:none;z-index:9;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
/* topbar layout now in topbar.css; status-area components kept here */

/* status.css */
.system{display:flex;align-items:center;gap:14px;font:10px var(--mono)}.status{display:flex;align-items:center;gap:7px;color:var(--cyan)}.status i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor;animation:pulse 2s infinite}.status.offline{color:var(--orange)}.device{border:1px solid var(--line);padding:7px 10px}.iconButton{border:1px solid var(--line);background:none;color:var(--muted);width:28px;height:28px;cursor:pointer}
.modelTopState{display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}.modelTopState i{width:5px;height:5px;border-radius:50%;background:#42515a}.modelTopState.downloaded{color:var(--orange);border-color:#ff9b5844}.modelTopState.loaded{color:var(--cyan);border-color:#55e7ee55}.modelTopState.downloaded i{background:var(--orange);box-shadow:0 0 7px var(--orange)}.modelTopState.loaded i{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}
.latentDistanceHero{margin:-10px 0 20px;padding:14px;border:1px solid #55e7ee66;background:radial-gradient(circle at 90% 0,#55e7ee18,transparent 55%),#091216;box-shadow:inset 3px 0 var(--cyan)}.latentDistanceHero>div{display:flex;justify-content:space-between;color:var(--cyan);font:10px var(--mono);letter-spacing:.1em}.latentDistanceHero output{font-size:16px;color:var(--text)}.latentDistanceHero input{appearance:none;height:18px;padding:0;border:0;background:linear-gradient(90deg,#7691ff,#55e7ee,#ff9b58) center/100% 3px no-repeat;margin:10px 0 5px}.latentDistanceHero input::-webkit-slider-thumb{appearance:none;width:12px;height:22px;background:#081013;border:1px solid var(--cyan);box-shadow:0 0 12px #55e7eeaa}.latentDistanceHero small{display:block;color:var(--muted);font:8px var(--mono);line-height:1.45}

/* navigator.css */
.geometryExplainer{border-left:2px solid var(--cyan);background:#55e7ee08;padding:10px 11px}.geometryExplainer strong{font:9px var(--mono);color:var(--cyan)}.geometryExplainer p{margin:5px 0 8px;font-size:10px;line-height:1.45;color:var(--text)}.geometryExplainer small,.dimensionHelp{font:8px var(--mono);line-height:1.45;color:var(--muted)}.dimensionHelp{margin:-4px 0 12px}
.workspace{height:calc(100vh - 68px);display:grid;grid-template-columns:286px minmax(430px,1fr) 340px}.panel{background:var(--panel)}.navigator{border-right:1px solid var(--line);padding:20px 16px;overflow:auto}.inspector{border-left:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}.panelHead{display:flex;gap:11px;align-items:center;margin-bottom:20px}.panelHead span{font:10px var(--mono);color:var(--cyan)}.panelHead h2{font:600 16px var(--display);letter-spacing:.08em;text-transform:uppercase;margin:0}.runTypes{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin-bottom:22px}.runTypes button,.viewSwitch button{background:none;border:0;color:var(--muted);padding:9px;cursor:pointer;font:10px var(--mono);text-transform:uppercase}.runTypes button.active,.viewSwitch button.active{background:#55e7ee12;color:var(--cyan)}.mapHeader,.mapLegend,.sectionLabel{display:flex;justify-content:space-between;color:var(--muted);font:9px var(--mono);letter-spacing:.08em;margin-bottom:8px}.mapHeader output{color:var(--text)}.atlasMap{height:184px;border:1px solid var(--line);position:relative;overflow:hidden;background:radial-gradient(circle at 42% 48%,#19313a 0,#0c1216 45%,#080b0d 75%)}#mapCanvas{width:100%;height:100%;opacity:.7}.mapCursor{position:absolute;left:0;right:0;top:37%;height:8px;border-top:1px solid var(--cyan);border-bottom:1px solid var(--cyan);background:#55e7ee18;box-shadow:0 0 18px #55e7ee20}.mapCursor span{position:absolute;right:0;top:-3px;width:4px;height:12px;background:var(--cyan)}.mapLegend{position:absolute;inset:auto 8px 6px;margin:0}.rangeControl{margin:18px 0 26px}.rangeControl label{display:flex;justify-content:space-between;font:10px var(--mono);color:var(--muted);margin-top:13px}.rangeControl output{color:var(--text)}input[type=range]{width:100%;accent-color:var(--cyan);height:2px}.sectionLabel{border-bottom:1px solid var(--line2);padding-bottom:8px}.sectionLabel button{background:none;border:0;color:var(--muted);cursor:pointer}.sessions{display:grid;gap:7px}.session{border:1px solid var(--line2);padding:10px;font:10px var(--mono);display:grid;gap:4px}.session small{color:var(--muted)}.session.active{border-color:#55e7ee66}.session.empty{text-align:center;padding:24px 8px}
.utilityStates{display:none}.utilityStates small{font:6px var(--mono);color:#46555d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.utilityStates>div.active{color:var(--orange);border-color:#ff9b5855}.utilityStates>div.active i{background:var(--orange);box-shadow:0 0 8px var(--orange)}.utilityStates>div.done{color:var(--cyan);border-color:#55e7ee55}.utilityStates>div.done i{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}
.stage{min-width:0;display:grid;grid-template-rows:auto 52px minmax(280px,1fr) 92px 48px 68px;background:linear-gradient(145deg,#080c0f,#0a0e11)}

/* stage.css */
.fuelRail{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;padding:0 24px;border-top:1px solid var(--line)}
.fuelBlock{min-width:0;display:grid;gap:5px}
.fuelHead{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font:9px var(--mono);letter-spacing:.08em}
.fuelHead span{color:var(--muted)}
.fuelHead strong{font-weight:400;white-space:nowrap}
.etaTrack,.fuelTrack{position:relative;height:4px;background:var(--line2);overflow:hidden}
.etaTrack i{display:block;width:0;height:100%;background:linear-gradient(90deg,#7691ff,var(--cyan));box-shadow:0 0 7px #7691ff88;transition:width .25s linear}
.fuelTrack i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--cyan),#34d399);box-shadow:0 0 7px #34d39988;transition:width .4s ease}
.fuelMark{position:absolute;top:0;bottom:0;width:1px;background:#0a0e11;opacity:.9}
.fuelBlock small{color:var(--muted);font:8px var(--mono);letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fuelStats{display:flex;align-items:center;gap:12px;font:8px var(--mono);letter-spacing:.06em;color:var(--muted)}
.fuelStats b{color:var(--text);font-weight:400}
.fuelStats span.warn b{color:var(--orange)}
.fuelStats button{margin-left:auto;border:1px solid var(--line);background:none;color:var(--muted);padding:3px 7px;cursor:pointer;font:8px var(--mono);letter-spacing:.06em}
.fuelStats button:hover:not(:disabled){color:var(--cyan);border-color:#55e7ee66}
.fuelStats button:disabled{opacity:.35;cursor:default}
.stage{grid-template-rows:auto minmax(280px,1fr) 92px 48px 68px}
#fuelTank.low .fuelTrack i{background:linear-gradient(90deg,var(--orange),#ffcf70);box-shadow:0 0 8px var(--orange)}
#fuelTank.low .fuelHead strong,#fuelTank.low small{color:var(--orange)}
#fuelTank.idle .fuelTrack i{background:var(--line2);box-shadow:none}
#fuelTank.idle .fuelHead strong,#fuelTank.idle small,#fuelTank.idle .fuelHead span{color:var(--muted)}
#fuelTank.stalled .fuelTrack i{background:var(--orange);box-shadow:0 0 8px var(--orange)}
#fuelTank.stalled .fuelHead strong,#fuelTank.stalled small{color:var(--orange)}.stageHead{display:flex;justify-content:space-between;align-items:end;padding:22px 24px 16px}.eyebrow{font:9px var(--mono);color:var(--cyan);letter-spacing:.15em}.stageHead h1{font:500 24px var(--display);letter-spacing:.02em;margin:4px 0 0}.viewSwitch{border:1px solid var(--line);display:flex}.viewport{margin:0 24px;border:1px solid var(--line);position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at center,#132127 0,#090d10 57%,#050708 100%)}.viewport:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#55e7ee08 1px,transparent 1px),linear-gradient(90deg,#55e7ee08 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle,#000,transparent 70%)}#liveFrame{width:100%;height:100%;object-fit:contain;display:none;position:absolute}.sphere{width:min(46vw,410px);aspect-ratio:1;position:relative;border:1px solid #55e7ee22;border-radius:50%;transform:rotateX(62deg) rotateZ(-21deg);filter:drop-shadow(0 0 35px #55e7ee1b);animation:drift 14s ease-in-out infinite}.sphereCore{position:absolute;inset:16%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#8bf4f622,#17343e33 38%,#071013 68%);border:1px solid #55e7ee56;box-shadow:inset 0 0 45px #55e7ee18}.orbit{position:absolute;inset:8%;border:1px solid #55e7ee45;border-radius:50%}.orbitA{transform:rotateX(55deg)}.orbitB{transform:rotateY(61deg)}.orbitC{inset:28%;border-style:dashed}.axis{position:absolute;width:130%;left:-15%;top:50%;border-top:1px solid #7691ff55}.coordinate{position:absolute;top:16px;left:18px;font:9px var(--mono);display:grid;gap:2px}.coordinate span,.coordinate small{color:var(--muted)}.coordinate strong{font-size:18px;font-weight:400}.stageMessage{position:absolute;bottom:20px;text-align:center;display:grid;gap:5px}.stageMessage strong{font:500 12px var(--mono);letter-spacing:.13em}.stageMessage span{font-size:11px;color:var(--muted)}.reticle i{position:absolute;background:#55e7ee55}.reticle i:nth-child(1),.reticle i:nth-child(2){width:28px;height:1px;top:50%}.reticle i:nth-child(1){left:10px}.reticle i:nth-child(2){right:10px}.reticle i:nth-child(3),.reticle i:nth-child(4){height:28px;width:1px;left:50%}.reticle i:nth-child(3){top:10px}.reticle i:nth-child(4){bottom:10px}.filmstrip{margin:12px 24px;display:flex;gap:7px;overflow:auto}.filmstrip img{height:68px;aspect-ratio:1;object-fit:cover;border:1px solid var(--line);cursor:pointer}.filmstrip img.selected{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan),0 0 13px #55e7ee55}.filmEmpty{border:1px dashed var(--line);width:100%;display:grid;place-items:center;color:var(--muted);font:9px var(--mono)}.telemetry{display:grid;grid-template-columns:auto 1fr auto auto auto;gap:14px;align-items:center;padding:0 24px;border-top:1px solid var(--line);font:9px var(--mono)}.telemetry div:not(.progress){display:grid;gap:2px}.telemetry span{color:var(--muted)}.telemetry strong{font-weight:400}.progress{height:2px;background:var(--line)}.progress i{display:block;width:0;height:100%;background:var(--cyan);box-shadow:0 0 7px var(--cyan)}
#atlasForm{overflow:auto;flex:1}.controlGroup{border-top:1px solid var(--line2)}.groupTitle{width:100%;display:flex;justify-content:space-between;padding:14px 18px;border:0;background:none;color:var(--text);cursor:pointer;font:600 12px var(--display);letter-spacing:.08em;text-transform:uppercase}.groupTitle i{font-style:normal;color:var(--muted)}.groupBody{padding:0 18px 17px;display:grid;gap:12px}.controlGroup:not(.open) .groupBody{display:none}.grid2{grid-template-columns:1fr 1fr}.wide{grid-column:1/-1}label{display:grid;gap:6px;color:var(--muted);font:9px var(--mono);text-transform:uppercase;letter-spacing:.05em}input,textarea,select{width:100%;border:1px solid var(--line);background:#090d10;color:var(--text);padding:9px;font-size:11px;outline:none;border-radius:0}textarea{resize:vertical;line-height:1.5}input:focus,textarea:focus,select:focus{border-color:#55e7ee88}.launchBar{padding:14px 16px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:8px}.launchBar .primary{grid-column:1/-1}.secondary:disabled{opacity:.35;cursor:default}.secondary:disabled:hover{border-color:var(--line)}.primary,.secondary{border:1px solid var(--line);padding:11px 14px;color:var(--text);background:#11181c;cursor:pointer;font:10px var(--mono);text-transform:uppercase}.primary{display:flex;justify-content:space-between;background:var(--cyan);border-color:var(--cyan);color:#061012}.primary:hover{background:#8bf5f8}.secondary:hover{border-color:var(--cyan)}

/* inspector.css */
dialog{width:min(620px,90vw);background:#0c1115;color:var(--text);border:1px solid var(--cyan);padding:28px;box-shadow:0 30px 100px #000}dialog::backdrop{background:#020405d9;backdrop-filter:blur(5px)}dialog h2{font:500 28px var(--display);margin:5px 0 22px}.dialogClose{position:absolute;right:16px;top:14px;background:none;border:0;color:var(--muted);font-size:22px;cursor:pointer}#manifest{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.manifestItem{padding:14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.manifestItem span{display:block;color:var(--muted);font:8px var(--mono);margin-bottom:5px}.manifestItem strong{font:500 13px var(--mono)}.manifestPrompt{grid-column:1/-1}.dialogActions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;background:#10181c;border:1px solid var(--line);padding:11px 16px;font:10px var(--mono);transition:.2s;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}
.workspace{grid-template-columns:300px minmax(430px,1fr) 400px}

/* layout.css */
.stage{grid-template-rows:auto minmax(280px,1fr) 92px 48px 68px}
.gpuRail{margin:0 24px 12px;border:1px solid var(--line);background:#090e11;display:grid;grid-template-columns:minmax(170px,1.25fr) 1fr 1fr auto auto;align-items:center;gap:18px;padding:10px 14px;font:9px var(--mono)}
.gpuIdentity{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center}.gpuIdentity .gpuIndex{color:var(--cyan);grid-row:1/3;border-right:1px solid var(--line);padding-right:8px}.gpuIdentity strong{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gpuIdentity small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.processRail{margin:0 24px 10px;border:1px solid var(--line2);background:#080c0f;display:grid;grid-template-columns:auto 1fr;align-items:center;padding:6px 10px;gap:12px;font:8px var(--mono)}.processLabel{color:var(--muted);padding-right:10px;border-right:1px solid var(--line)}#gpuProcesses{display:flex;gap:7px;min-width:0;overflow:hidden}.processEmpty{color:#46555d}.gpuProcess{display:grid;grid-template-columns:auto auto auto;align-items:center;gap:7px;border:1px solid var(--line);padding:4px 7px;white-space:nowrap}.gpuProcess b{font-weight:500;color:var(--cyan)}.gpuProcess.vllm b{color:var(--orange)}.gpuProcess span{color:var(--muted)}.gpuProcess strong{font-weight:400;color:var(--text)}
.executionSpine{margin-bottom:25px}.executionSpine .sectionLabel strong{font-weight:400;color:var(--muted)}.executionSpine ol{list-style:none;margin:0;padding:2px 0 0 0}.executionSpine li{position:relative;display:grid;grid-template-columns:26px 1fr 8px;gap:8px;align-items:center;min-height:45px;color:#52616a}.executionSpine li:after{content:"";position:absolute;left:12px;top:31px;bottom:-14px;width:1px;background:var(--line)}.executionSpine li:last-child:after{display:none}.executionSpine li>i{width:25px;height:25px;border:1px solid var(--line);display:grid;place-items:center;font:7px var(--mono);font-style:normal;background:#0a0f12;z-index:1}.executionSpine li div{display:grid;gap:2px}.executionSpine li strong{font:500 10px var(--mono)}.executionSpine li small{font:8px var(--mono);color:#46555d}.executionSpine li>b{width:6px;height:6px;border-radius:50%;background:#334149}.executionSpine li.active{color:var(--orange)}.executionSpine li.active>i{border-color:var(--orange);box-shadow:0 0 10px #ff9b5844}.executionSpine li.active>b{background:var(--orange);box-shadow:0 0 8px var(--orange)}.executionSpine li.done{color:var(--cyan)}.executionSpine li.done>i{border-color:var(--cyan)}.executionSpine li.done>b{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.executionSpine li.done:after{background:#55e7ee55}

/* spine.css */
.presetDeck{display:flex;gap:4px;margin:0 0 12px}.presetDeck button{padding:5px 8px;border:1px solid var(--line);border-radius:3px;background:#0a0f12;color:var(--muted);font:8px/1 var(--mono);letter-spacing:.06em;cursor:pointer;transition:border-color .2s,color .2s}.presetDeck button:hover,.presetDeck button.selected{border-color:var(--cyan);color:var(--cyan)}

/* presets.css */
.gauge{display:grid;gap:5px}.gaugeHead{display:flex;justify-content:space-between}.gaugeHead span,.gpuDatum span{color:var(--muted)}.gaugeHead strong,.gpuDatum strong{font-weight:400}.meter{height:3px;background:var(--line)}.meter i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));box-shadow:0 0 7px #55e7ee88;transition:width .6s ease}.gpuDatum{display:grid;gap:3px;min-width:52px}

/* gauges.css */
.countControl{display:grid;grid-template-columns:1fr 82px;align-items:center;gap:10px}.countControl input[type=number]{padding:6px 7px;text-align:right}

/* controls.css */
textarea#prompt{min-height:190px;line-height:1.55}
#id{font:500 14px var(--display);letter-spacing:.025em}textarea#prompt{font-size:13px;line-height:1.62}
.parameter span,.dimAxis span{display:flex;justify-content:space-between;align-items:center}.parameter output,.dimAxis output{color:var(--text);font:9px var(--mono)}.parameter input,.dimAxis input{--track:var(--cyan);appearance:none;height:14px;padding:0;border:0;background:linear-gradient(90deg,var(--track),var(--track)) center/100% 3px no-repeat;cursor:ew-resize}.parameter input::-webkit-slider-thumb,.dimAxis input::-webkit-slider-thumb{appearance:none;width:9px;height:18px;border:1px solid var(--track);background:#091013;box-shadow:0 0 9px color-mix(in srgb,var(--track) 60%,transparent)}.parameter.violet input{--track:#8c7cff}.parameter.amber input{--track:#ff9b58}.dimensionField{border:1px solid var(--line);background:linear-gradient(145deg,#0b1115,#080b0e);padding:12px}.dimensionHead{display:flex;justify-content:space-between;color:var(--cyan);font:9px var(--mono);margin-bottom:12px}.dimensionHead small{color:var(--muted);font-size:8px}.dimensionGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px 14px}.dimAxis{--axis:#55e7ee}.dimAxis input{--track:var(--axis)}.dimAxis.xz{--axis:#7691ff}.dimAxis.xw{--axis:#c17cff}.dimAxis.yz{--axis:#ff8e72}.dimAxis.yw{--axis:#ffc45c}.dimAxis.zw{--axis:#79e69b}.dimAxis span{color:var(--axis)}.rangeControl>input[type=range],.countControl input[type=range]{appearance:none;height:16px;padding:0;border:0;background:linear-gradient(90deg,#7691ff,#c17cff 55%,#ff9b58) center/100% 3px no-repeat;accent-color:transparent}.rangeControl>input[type=range]::-webkit-slider-thumb,.countControl input[type=range]::-webkit-slider-thumb{appearance:none;width:10px;height:18px;background:#0a0f12;border:1px solid #c17cff;box-shadow:0 0 10px #c17cff88}.sphere{--shell:1;--spin:0deg;scale:var(--shell);rotate:var(--spin);transition:scale .35s ease,rotate .35s ease,filter .35s ease}
.assetStage{position:absolute;inset:0;display:none;background:#050708}.assetStage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;scale:1.005;background:#050708;transition:opacity .16s linear,scale 2s ease}.assetStage img.active{opacity:1;scale:1}.piperBadge{position:absolute;right:14px;bottom:13px;border:1px solid #55e7ee55;background:#071014cc;color:var(--cyan);padding:6px 8px;font:8px var(--mono);letter-spacing:.08em;display:flex;align-items:center;gap:6px;z-index:2}.piperBadge i{width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.coordinate{display:none}.stageTools{display:flex;gap:7px}.focusButton{width:34px;border:1px solid var(--line);background:#0b1115;color:var(--cyan);cursor:pointer}.workspace.stageFocused{grid-template-columns:0 minmax(0,1fr) 0}.workspace.stageFocused .navigator,.workspace.stageFocused .inspector{opacity:0;pointer-events:none;overflow:hidden;padding:0;border:0}.workspace.stageFocused .stageHead{padding-left:38px;padding-right:38px}.workspace.stageFocused .viewport{margin-left:38px;margin-right:38px}.workspace.stageFocused .sphere{width:min(68vw,720px)}.workspace.stageFocused .gpuRail,.workspace.stageFocused .filmstrip{margin-left:38px;margin-right:38px}

/* viewport.css */
.modelModule{margin:0 16px 16px;border:1px solid #31505b;background:radial-gradient(circle at 90% 0,#55e7ee13,transparent 42%),#091014;padding:13px;display:grid;gap:11px}.modelTitle{display:flex;justify-content:space-between;align-items:center;font:9px var(--mono);color:var(--muted)}.modelTitle strong{color:var(--text);font-weight:500}.modelStates{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.modelStates>div{padding:9px;display:grid;grid-template-columns:auto 1fr;gap:3px 7px;font:8px var(--mono)}.modelStates>div+div{border-left:1px solid var(--line)}.modelStates i{width:6px;height:6px;border-radius:50%;background:#40505a;grid-row:1/3;margin-top:2px}.modelStates i.on{background:var(--cyan);box-shadow:0 0 9px var(--cyan)}.modelStates span{color:var(--muted)}.modelStates strong{font-weight:400}.modelProgress{height:3px;background:var(--line);overflow:hidden}.modelProgress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--cyan),var(--orange));transition:width .5s ease}.modelProgress i.busy{width:45%;animation:modelSweep 1.3s ease-in-out infinite}.modelModule small{font:8px var(--mono);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modelActions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.modelActions button{border:1px solid var(--line);background:#10191e;color:var(--text);padding:8px;font:9px var(--mono);text-transform:uppercase;cursor:pointer}.modelActions button:hover{border-color:var(--cyan)}.modelActions button:disabled{opacity:.35;cursor:not-allowed}@keyframes modelSweep{0%{translate:-100% 0}50%{translate:120% 0}100%{translate:240% 0}}

/* model.css */
.previewDialog{width:min(1180px,94vw);height:min(860px,92vh);padding:24px;overflow:hidden;display:none;grid-template-rows:auto auto auto 1fr auto}.previewDialog[open]{display:grid}.previewDialog h2{margin-bottom:12px}.previewStatus{display:flex;justify-content:space-between;font:9px var(--mono);color:var(--muted)}.previewStatus strong{color:var(--text)}.previewProgress{height:3px;background:var(--line);margin:8px 0 14px}.previewProgress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan),var(--orange));transition:width .4s}.previewGrid{display:grid;grid-template-columns:repeat(8,minmax(90px,1fr));gap:8px;overflow:auto;padding-right:4px}.flavor{position:relative;aspect-ratio:1;border:1px solid var(--line);padding:0;background:#080c0f;cursor:pointer;overflow:hidden}.flavor img{width:100%;height:100%;object-fit:cover;display:block}.flavor span{position:absolute;left:5px;bottom:5px;background:#071014d9;color:var(--text);padding:3px 5px;font:7px var(--mono)}.flavor.selected{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan),0 0 18px #55e7ee33}.flavorPending{aspect-ratio:1;border:1px dashed var(--line);background:linear-gradient(110deg,#0a0f12 30%,#162229 45%,#0a0f12 60%);background-size:300% 100%;animation:flavorWait 1.6s linear infinite}@keyframes flavorWait{to{background-position:-150% 0}}@media(max-width:900px){.previewGrid{grid-template-columns:repeat(4,1fr)}}

/* dialogs.css */
@keyframes pulse{50%{opacity:.35}}@keyframes drift{50%{transform:rotateX(62deg) rotateZ(-15deg) translateY(-7px)}}@media(max-width:1180px){.workspace{grid-template-columns:260px 1fr 360px}.gpuRail{grid-template-columns:1fr 1fr 1fr}.gpuDatum{display:none}}@media(max-width:1050px){.workspace{grid-template-columns:240px 1fr 330px}.atlasTopbar{grid-template-columns:240px 1fr auto}}@media(max-width:800px){html,body{overflow:auto}.atlasTopbar{grid-template-columns:1fr auto}.workspace{height:auto;display:flex;flex-direction:column}.navigator,.inspector{border:0}.stage{min-height:780px}.gpuRail{grid-template-columns:1fr 1fr;margin:0 14px 12px}.gpuIdentity{grid-column:1/-1}.navigator{order:2}.stage{order:1}.inspector{order:3}.device{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* media.css */
.opticsWorkspace{height:calc(100vh - 68px);display:grid;grid-template-columns:390px 1fr}.opticControls{padding:24px;overflow:auto;border-right:1px solid var(--line);background:var(--panel)}.opticPresetDeck{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:22px}.opticPresetDeck button{display:flex;gap:10px;align-items:center;text-align:left;padding:10px;border:1px solid var(--line);background:#0a0f12;color:var(--text);cursor:pointer}.opticPresetDeck button:hover,.opticPresetDeck button.selected{border-color:var(--cyan);background:#55e7ee0b}.opticPresetDeck b{font:18px var(--display);color:var(--cyan)}.opticPresetDeck span{display:grid}.opticPresetDeck strong{font:9px var(--mono)}.opticPresetDeck small{font:7px var(--mono);color:var(--muted)}.opticControls textarea{min-height:118px;margin-bottom:20px}.opticGrid{display:grid;grid-template-columns:1fr 1fr;gap:17px 14px}.opticGrid label{gap:7px}.opticGrid output{color:var(--cyan)}.opticGrid input[type=range]{appearance:none;height:14px;padding:0;border:0;background:linear-gradient(90deg,#7691ff,#55e7ee,#ff9b58) center/100% 2px no-repeat}.opticGrid input::-webkit-slider-thumb{appearance:none;width:8px;height:18px;border:1px solid var(--cyan);background:#091013;box-shadow:0 0 9px #55e7ee88}.opticStage{min-width:0;padding:0 28px 24px;display:grid;grid-template-rows:auto 1fr auto;background:radial-gradient(circle at 60% 45%,#15242b,#080c0f 57%)}.opticStage .stageHead{padding-left:0;padding-right:0}.opticStage .primary{width:auto}.opticViewport{position:relative;overflow:hidden;border:1px solid var(--line);display:grid;place-items:center;background:linear-gradient(90deg,#070a0c,#0e181d 45%,#070a0c)}.lensAssembly{--focal:.2;--aperture:.05;width:min(65vw,780px);height:280px;position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(30px,calc(90px - var(--focal)*45px),90px)}.lensAssembly>i{display:block;width:24px;height:210px;border:1px solid #55e7ee66;border-radius:50%;background:linear-gradient(90deg,#7691ff12,#55e7ee25,#ff9b5812);box-shadow:inset 0 0 18px #55e7ee16,0 0 18px #55e7ee12}.lensAssembly>i:nth-child(2){height:250px}.lensAssembly>i:nth-child(3){height:180px}.lensAssembly>i:nth-child(4){height:230px}.sensorPlane{position:absolute;right:2%;width:3px;height:240px;background:var(--orange);box-shadow:0 0 14px var(--orange)}.lightCone{position:absolute;left:1%;right:3%;height:calc(25px + var(--aperture)*160px);clip-path:polygon(0 5%,88% 43%,88% 57%,0 95%);background:linear-gradient(90deg,#7691ff22,#55e7ee33,#ff9b5844);filter:blur(2px);z-index:-1}.opticReadout{position:absolute;left:18px;bottom:15px;display:flex;gap:20px;font:8px var(--mono);color:var(--muted)}.opticReadout b{color:var(--cyan)}.opticAssets{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);pointer-events:none}.opticAssets img{width:100%;height:100%;object-fit:cover;opacity:.82}.compiledPrompt{margin-top:14px;border:1px solid var(--line);padding:13px 15px;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:start;background:#090d10}.compiledPrompt span{font:8px var(--mono);color:var(--cyan)}.compiledPrompt p{margin:0;font-size:11px;line-height:1.5;color:#aebcc2}.compiledPrompt button{background:none;border:0;color:var(--muted);font:8px var(--mono);cursor:pointer}
.registryWorkspace{height:calc(100vh - 68px);padding:26px 30px;display:grid;grid-template-rows:auto auto 1fr;gap:18px;background:linear-gradient(145deg,#080c0f,#0c1216)}.registryHead{display:flex;justify-content:space-between;align-items:end}.registryHead h1{font:500 30px var(--display);margin:4px 0}.registryHead p{margin:0;color:var(--muted);font-size:11px}.registryStats{display:flex;border:1px solid var(--line)}.registryStats div{min-width:100px;padding:12px 16px;display:grid;gap:3px}.registryStats div+div{border-left:1px solid var(--line)}.registryStats span{font:8px var(--mono);color:var(--muted)}.registryStats strong{font:22px var(--display);font-weight:500}.registryTools{display:grid;grid-template-columns:1fr auto;gap:14px}.registryTools input{font:11px var(--mono)}.registryFilters{display:flex;border:1px solid var(--line)}.registryFilters button{border:0;background:none;color:var(--muted);padding:0 14px;font:8px var(--mono)}.registryFilters button.active{color:var(--cyan);background:#55e7ee0b}.registryBody{min-height:0;display:grid;grid-template-columns:minmax(420px,.9fr) 1.1fr;border:1px solid var(--line)}.jobLedger{min-height:0;overflow:auto;border-right:1px solid var(--line);background:#090d10}.ledgerTitle{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;padding:12px 14px;background:#0d1317;border-bottom:1px solid var(--line);font:8px var(--mono);color:var(--cyan)}.ledgerTitle small{color:var(--muted)}.ledgerRow{width:100%;display:grid;grid-template-columns:7px 1fr auto;gap:10px;align-items:center;text-align:left;padding:13px 14px 16px;border:0;border-bottom:1px solid var(--line2);background:none;color:var(--text);position:relative;cursor:pointer}.ledgerRow:hover,.ledgerRow.selected{background:#55e7ee08}.ledgerRow>i{width:6px;height:6px;border-radius:50%;background:#53636c}.ledgerRow>i.running,.ledgerRow>i.queued{background:var(--orange);box-shadow:0 0 8px var(--orange)}.ledgerRow>i.done{background:var(--cyan)}.ledgerRow>i.error{background:#ff6077}.ledgerRow>span{display:grid;gap:3px;min-width:0}.ledgerRow strong{font:9px var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ledgerRow small{font:7px var(--mono);color:var(--muted)}.ledgerRow>b{font:7px var(--mono);color:var(--muted)}.ledgerProgress{position:absolute!important;left:31px;right:14px;bottom:7px;height:1px;background:var(--line)}.ledgerProgress em{display:block;height:100%;background:var(--cyan)}.registryDetail{min-height:0;overflow:auto;padding:22px;background:#0b1014}.detailEmpty{height:100%;display:grid;place-content:center;text-align:center;color:var(--muted);font:9px var(--mono)}.detailEmpty p{max-width:360px;line-height:1.6}.detailHead,.assetTitle{display:flex;justify-content:space-between;font:8px var(--mono);color:var(--cyan)}.detailHead b{color:var(--orange)}.registryDetail h2{font:500 20px var(--display);overflow-wrap:anywhere}.detailFacts{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.detailFacts div{padding:10px}.detailFacts div+div{border-left:1px solid var(--line)}.detailFacts span,.detailPrompt span{display:block;font:7px var(--mono);color:var(--muted);margin-bottom:4px}.detailFacts strong{font:9px var(--mono)}.detailPrompt{margin:16px 0;padding:14px;border-left:2px solid var(--cyan);background:#55e7ee08}.detailPrompt p{margin:0;font-size:11px;line-height:1.55}.assetTitle{border-bottom:1px solid var(--line);padding-bottom:7px}.auditAssets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.auditAssets a{min-width:0;color:var(--text);text-decoration:none;border:1px solid var(--line);background:#080c0f;padding:6px}.auditAssets img{width:100%;aspect-ratio:1;object-fit:cover}.auditAssets span,.auditAssets small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:7px var(--mono);margin-top:5px}.auditAssets small{color:var(--muted)}
.registryStats button{min-width:120px;padding:12px 16px;display:grid;gap:3px;text-align:left;background:none;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);color:var(--text);cursor:pointer}.registryStats button:hover{background:#55e7ee0b}
.registryBody.assetOnly{display:block;overflow:auto}.registryBody.assetOnly .registryDetail{min-height:100%;padding:14px}.assetWall{grid-template-columns:repeat(6,minmax(120px,1fr));margin:0}.registryFilters{padding:0 14px;align-items:center;color:var(--cyan);font:8px var(--mono)}
.frameNavHint{position:absolute;right:14px;top:14px;z-index:4;font:8px var(--mono);letter-spacing:.08em;color:var(--muted);background:#071014dd;border:1px solid var(--line);padding:7px 9px}.frameNavHint b{color:var(--cyan);border:1px solid #55e7ee55;padding:2px 5px;margin-left:6px}.filmstrip img.loading{opacity:.35}.filmstrip img.failed{border-color:#ff6077}.filmstrip img.selected{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan),0 0 13px #55e7ee55}
.galleryModes{gap:0}.galleryModes button{padding:9px 12px}.setWall{grid-template-columns:repeat(4,minmax(180px,1fr))}.setCard{display:grid!important;gap:8px}.setMosaic{display:grid!important;grid-template-columns:1fr 1fr;aspect-ratio:1.7;gap:2px;margin:0!important}.setMosaic img{width:100%;height:100%;min-height:0;object-fit:cover}.setCard strong{font:10px var(--mono);color:var(--cyan)}.assetViewer{width:min(92vw,1180px);height:min(92vh,900px);padding:18px;grid-template-rows:1fr auto}.assetViewer[open]{display:grid}.assetViewer>img{width:100%;height:100%;min-height:0;object-fit:contain;background:#050708;touch-action:none;user-select:none;cursor:ew-resize}.assetViewer>img.loading{opacity:.35}.assetViewer>div{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:12px;margin-top:12px}.assetViewer>div span{text-align:center;font:9px var(--mono)}.assetViewer>div button{border:1px solid var(--line);background:#10191e;color:var(--cyan);padding:9px 13px;font:8px var(--mono)}
.galleryOpening>i{display:block;aspect-ratio:1;border:1px solid var(--line2);background:linear-gradient(110deg,#091014 25%,#122229 42%,#091014 60%);background-size:260% 100%;animation:galleryShimmer 1.8s ease-in-out infinite}.assetWall button{position:relative;overflow:hidden}.assetWall .assetCard{opacity:0;translate:0 8px;animation:galleryCardIn .7s cubic-bezier(.2,.75,.2,1) var(--reveal,0ms) forwards}.assetWall .assetCard img{opacity:0;scale:1.035;filter:saturate(.65) brightness(.62);transition:opacity .75s ease,scale 1.4s cubic-bezier(.2,.75,.2,1),filter 1.1s ease;background:#091014}.assetWall .assetCard.imageReady img{opacity:1;scale:1;filter:saturate(.92) brightness(.9)}.assetGlow{position:absolute!important;inset:6px;display:block!important;margin:0!important;background:radial-gradient(circle at 45% 38%,#55e7ee13,transparent 58%),linear-gradient(145deg,#0c1519,#070a0c);z-index:0}.assetCard img,.assetCard>span:not(.assetGlow),.assetCard>small{position:relative;z-index:1}.galleryMore{min-height:180px;border:1px solid #55e7ee44!important;background:radial-gradient(circle,#55e7ee0e,transparent 68%)!important;color:var(--cyan)!important;font:9px var(--mono)!important;letter-spacing:.08em;cursor:pointer}.galleryMore small{color:var(--muted);line-height:2}.assetViewerImage{transition:opacity .35s ease}@keyframes galleryShimmer{to{background-position:-160% 0}}@keyframes galleryCardIn{to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){body.galleryReady,.assetWall .assetCard,.assetWall .assetCard img{transition:none;animation:none;opacity:1;translate:none;scale:1}}
.registryPage{--muted:#a7b5bc}.registryPage .atlasTabs a{font-size:11px}.registryPage .atlasIdentity small,.registryPage .system{font-size:11px}.registryPage .eyebrow{font-size:11px}.registryPage .registryHead h1{font-size:36px}.registryPage .registryHead p{font-size:14px;line-height:1.55}.registryPage .registryStats span{font-size:10px}.registryPage .registryStats strong{font-size:26px}.registryPage .registryTools input{font-size:14px;padding:11px 13px;color:var(--text);background:#090d10;border:1px solid var(--line)}.registryPage .registryFilters,.registryPage .registryFilters button{font-size:11px}.registryPage .setCard strong{font-size:13px}.registryPage .setCard small{font-size:10px;color:#c3cdd2;letter-spacing:.04em}.registryPage .assetCard>span:not(.assetGlow){font-size:11px}.registryPage .assetCard>small{font-size:9px;color:#a7b5bc}.registryPage dialog .eyebrow{font-size:11px}.registryPage dialog h2{font-size:26px}.registryPage dialog .detailFacts span{font-size:10px}.registryPage dialog .detailFacts strong{font-size:12px}.registryPage dialog button{font-size:12px}
.registryPage .registryWorkspace{height:calc(100vh - 68px);padding:18px;display:grid;grid-template-rows:auto 1fr;gap:16px}.registryPage .registryHead{display:flex;padding:6px 4px 2px}.registryPage .registryStats,.registryPage .registryTools{display:none}.registryPage .registryBody,.registryPage .registryDetail{height:100%;border:0;padding:0;background:#050708}.registryPage .registryBody{min-height:0;overflow:auto}.registryPage .assetWall,.registryPage .setWall{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));gap:6px;margin:0}.registryPage .assetCard{display:block!important;aspect-ratio:1.35;border:0;padding:0;margin:0;background:#050708;cursor:pointer}.registryPage .assetCard>img{display:block;width:100%;height:100%;object-fit:cover}.registryPage .setMosaic{width:100%;height:100%;aspect-ratio:auto;gap:2px}.registryPage .assetGlow{inset:0}.registryPage .galleryMore{min-height:0;aspect-ratio:1.35;border:0!important;font-size:24px!important}
.registryPage .deletionCandidate{box-shadow:inset 0 0 0 4px #ff405d;filter:saturate(.45) brightness(.62)}.registryPage .deletionCandidate:after{content:"DELETE";position:absolute;right:8px;top:8px;z-index:3;padding:5px 7px;background:#c81732;color:#fff;font:700 10px var(--mono);letter-spacing:.08em}
.queueWorkspace{height:calc(100vh - 68px);display:grid;grid-template-columns:360px 1fr;background:radial-gradient(circle at 78% 8%,#17272e,#080c0f 48%)}.queueComposer{padding:25px 22px;overflow:auto;border-right:1px solid var(--line);background:#0b1014}.queueComposer form{display:grid;gap:17px}.queueComposer textarea{min-height:150px}.queueFields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.queueAdd{margin-top:5px}.queueBoard{min-width:0;padding:28px 34px;display:grid;grid-template-rows:auto auto 1fr;gap:18px}.queueHero{display:flex;align-items:end;justify-content:space-between}.queueHero h1{font:500 34px var(--display);margin:5px 0}.queueHero p{font-size:11px;color:var(--muted);margin:0}.queueMetrics{display:grid;grid-template-columns:repeat(3,150px);border:1px solid var(--line);width:max-content}.queueMetrics div{padding:11px 15px;display:grid;gap:3px}.queueMetrics div+div{border-left:1px solid var(--line)}.queueMetrics span{font:7px var(--mono);color:var(--muted)}.queueMetrics strong{font:24px var(--display);font-weight:500}.queueList{min-height:0;overflow:auto;border-top:1px solid var(--line)}.queueEmpty{height:100%;display:grid;place-items:center;color:var(--muted);font:9px var(--mono);border:1px dashed var(--line);margin-top:15px}.queueCard{display:grid;grid-template-columns:48px 1fr auto;gap:15px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.queueOrdinal{font:24px var(--display);color:#34444d}.queueCopy{min-width:0}.queueCopy>div{display:flex;justify-content:space-between;gap:12px}.queueCopy strong{font:11px var(--mono)}.queueCopy span{font:7px var(--mono);color:var(--muted)}.queueCopy p{font-size:11px;margin:7px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queueCopy small{font:8px var(--mono);color:var(--muted)}.queueCopy b{display:block;color:#ff6077;font:8px var(--mono);margin-top:7px}.queueCard.accepted{border-left:2px solid var(--cyan);padding-left:13px}.queueCard.accepted .queueCopy span{color:var(--cyan)}.queueCard.failed{border-left:2px solid #ff6077;padding-left:13px}.queueCard.failed .queueCopy span{color:#ff6077}.queueCard.dispatching{opacity:.55}.queueActions{display:flex}.queueActions button{border:1px solid var(--line);border-right:0;background:#0d1418;color:var(--muted);padding:8px 10px;font:8px var(--mono);cursor:pointer}.queueActions button:last-child{border-right:1px solid var(--line)}.queueActions button:hover{color:var(--cyan);border-color:var(--cyan)}
.sphereCartography{position:absolute;right:18px;top:18px;width:min(31vw,390px);height:min(52vh,430px);border:1px solid #55e7ee32;background:linear-gradient(145deg,#071014e8,#091217c9);box-shadow:0 24px 70px #0009,inset 0 0 48px #55e7ee08;backdrop-filter:blur(12px);z-index:4}.sphereCartography canvas{width:100%;height:calc(100% - 86px);display:block}.sphereTitle{height:34px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #55e7ee20;font:8px var(--mono);letter-spacing:.14em;color:var(--cyan)}.sphereTitle b{max-width:63%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dfeaec;font-weight:400}.sphereLegend,.sphereMetrics{position:absolute;left:11px;right:11px;display:flex;justify-content:space-between;font:7px var(--mono);color:var(--muted)}.sphereLegend{bottom:33px}.sphereMetrics{bottom:10px}.sphereLegend span{display:flex;gap:5px;align-items:center}.sphereLegend i{width:5px;height:5px;border-radius:50%;display:block}.sphereLegend .done{background:#6df1ff;box-shadow:0 0 7px #6df1ff}.sphereLegend .planned{border:1px solid #6df1ff66}.sphereLegend .frontier{background:#fff;box-shadow:0 0 8px #fff}.sphereMetrics b{color:#e7f5f5;font-weight:400}.sphereMetrics span:first-child b{color:#f5bf4f}
@media(max-width:1050px){.sphereCartography{width:300px;height:350px}}@media(max-width:760px){.sphereCartography{position:relative;right:auto;top:auto;width:calc(100% - 24px);height:340px;margin:12px}.lensAssembly{position:absolute;opacity:.28}}
.opticsPage .opticViewport{place-items:stretch;background:radial-gradient(circle at 52% 45%,#10242c 0,#081115 44%,#040709 100%)}.opticsPage .lensAssembly{position:absolute;inset:50% auto auto 50%;translate:-50% -50%;opacity:.075;filter:blur(.4px);pointer-events:none}.opticsPage .sphereCartography{position:absolute;inset:14px;width:auto;height:auto;border-color:#55e7ee2e;background:radial-gradient(circle at 50% 46%,#10252d66,transparent 48%);box-shadow:inset 0 0 90px #0008;backdrop-filter:none}.opticsPage .sphereCartography canvas{position:absolute;inset:68px 0 86px;width:100%;height:calc(100% - 154px);cursor:grab;touch-action:none}.opticsPage .sphereCartography canvas:active{cursor:grabbing}.opticsPage .sphereTitle{height:40px;padding:0 16px;font-size:9px}.sphereTools{position:absolute;z-index:2;left:14px;right:14px;top:46px;display:flex;align-items:center;gap:7px;font:7px var(--mono);color:#667981;pointer-events:none}.sphereTools button{pointer-events:auto;padding:5px 8px;border:1px solid #55e7ee28;background:#071014a8;color:#789099;font:7px var(--mono);cursor:pointer}.sphereTools button.active{border-color:#55e7ee78;color:var(--cyan);box-shadow:inset 0 0 13px #55e7ee0e}.sphereTools span{margin-left:auto}.opticsPage .sphereLegend{left:16px;right:auto;bottom:62px;gap:18px}.opticsPage .sphereMetrics{left:16px;right:16px;bottom:14px;display:grid;grid-template-columns:repeat(6,1fr);gap:0;border-top:1px solid #55e7ee20;padding-top:10px}.opticsPage .sphereMetrics span{display:grid;gap:4px}.opticsPage .sphereMetrics b{font-size:9px}.opticsPage .opticReadout{z-index:5;left:auto;right:18px;bottom:15px}.opticsPage .opticAssets{z-index:6}.opticsPage .opticAssets:empty{display:none}
@media(max-width:1050px){.opticsPage .sphereCartography{width:auto;height:auto}.opticsPage .sphereMetrics{grid-template-columns:repeat(3,1fr);row-gap:8px}.opticsPage .sphereCartography canvas{bottom:106px;height:calc(100% - 174px)}}@media(max-width:760px){.opticsPage .sphereCartography{position:absolute;inset:8px;margin:0;width:auto;height:auto}.sphereTools span{display:none}}
.opticsPage .sphereCartography{inset:14px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#06070b;box-shadow:none;overflow:hidden}.opticsPage .sphereCartography canvas{inset:0;width:100%;height:100%;cursor:grab}.cartographyLegend{position:absolute;left:8px;top:8px;z-index:3;padding:6px 10px;border-radius:6px;background:#0009;backdrop-filter:blur(6px);color:#8e9aaa;font:10.5px/1.5 var(--mono);pointer-events:none}.cartographyLegend>div{display:flex;align-items:center;white-space:nowrap}.cartographyLegend i{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%}.cartographyLegend .seedDot{background:#f5bf4f}.cartographyLegend .probeDot{background:#6df1ff}.cartographyLegend .frontierDot{background:#fff}.cartographyLegend b{font-weight:400}.cartographyLegend em{color:#a78bfa;font-style:normal}.cartographyLegend strong{color:#ff7ab6;font-weight:400}.cartographyLegend small{color:#6d7581;font:inherit}.cartographyLegend .rhoLine{color:#6d7581}.cartographyLegend .cartographyNote{color:#8090a0cc}.opticsPage .opticReadout{display:none}
.opticsPage .sphereCartography{inset:auto 4% 6% auto;width:50%;height:50%;min-width:430px;min-height:330px}.opticsPage .opticAssets{inset:auto 14px 14px auto;width:112px;height:112px;display:block;z-index:5;pointer-events:none}.opticsPage .opticAssets img{display:none;width:112px;height:112px;border:1px solid rgba(255,255,255,.16);border-radius:8px;object-fit:cover;opacity:.72}.opticsPage .opticAssets img:first-child{display:block}.opticsPage .lensAssembly{opacity:.035}.opticsPage .sphereCartography:before{content:"LOOP STUDY";position:absolute;right:12px;top:11px;z-index:2;color:#62717d;font:8px var(--mono);letter-spacing:.14em}.opticsPage .sphereCartography canvas{background:radial-gradient(circle at 50% 50%,#0a1019 0,#06070b 67%)}@media(max-width:1050px){.opticsPage .sphereCartography{width:56%;height:52%;min-width:360px}}@media(max-width:760px){.opticsPage .sphereCartography{inset:auto 3% 4%;width:94%;height:48%;min-width:0;min-height:300px}}
.setPager{display:flex;align-items:center;justify-content:center;gap:14px;padding:18px 0 4px;font:10px var(--mono);letter-spacing:.08em;color:var(--muted)}

/* extra.css - uncategorized */
.setPager button{border:1px solid var(--line);background:none;color:var(--text);padding:7px 14px;cursor:pointer;font:10px var(--mono);letter-spacing:.08em}
.setPager button:hover:not(:disabled){color:var(--cyan);border-color:#55e7ee66}
.setPager button:disabled{opacity:.3;cursor:default}
.setCard{position:relative;display:grid;gap:0;align-content:start}
.setCard strong{display:block;padding:9px 10px 2px;color:var(--text);font:500 12px var(--sans);letter-spacing:.01em;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.setCard small{display:block;padding:0 10px 10px;color:var(--muted);font:9px var(--mono);letter-spacing:.05em;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.setProgress{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--line2)}
.setProgress i{display:block;height:100%;background:var(--orange);box-shadow:0 0 6px var(--orange)}
.stageJobMeta{display:block;margin-top:5px;color:var(--cyan);font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase}
.stagePrompt{display:block;margin-top:4px;max-width:70ch;color:var(--muted);font:10px/1.45 var(--mono);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
/* Gallery sets: one collection per row as a 5-frame strip, no spacing, render aspect preserved */
.setWall,.registryPage .setWall{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin:0}
.registryPage .setCard>.setStrip,.setStrip{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:0!important;width:100%;background:#05080a;line-height:0;position:static!important;inset:auto!important}
.registryPage .setCard>.setStrip>img,.setStrip>img{display:block!important;position:static!important;inset:auto!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1!important;object-fit:cover!important;background:#05080a;opacity:1!important;scale:1!important;filter:none!important;transition:none!important}
.registryPage .setCard,.setCard{aspect-ratio:auto!important;border:1px solid var(--line);background:#080c0f;padding:0;overflow:hidden;height:auto!important}
.registryPage .setCard:hover{border-color:#55e7ee55}
.setRow{position:relative;display:block}
.setDelete{position:absolute;top:8px;right:8px;z-index:3;border:1px solid #ff5f6d55;background:#0a0d10cc;color:#ff8a93;padding:5px 9px;cursor:pointer;font:8px var(--mono);letter-spacing:.1em;opacity:0;transition:opacity .18s ease}
.setRow:hover .setDelete,.setDelete:focus-visible{opacity:1}
.setDelete:hover{background:#ff5f6d;color:#0a0d10;border-color:#ff5f6d}
.openBar{display:flex;align-items:center;gap:14px;padding:0 0 14px;font:10px var(--mono);letter-spacing:.08em;color:var(--muted)}
.openBar strong{color:var(--text);font:500 14px var(--sans);letter-spacing:.01em}
.openBar button{border:1px solid var(--line);background:none;color:var(--text);padding:7px 13px;cursor:pointer;font:9px var(--mono);letter-spacing:.1em}
.openBar button:hover{color:var(--cyan);border-color:#55e7ee66}
.openBar .setDelete{position:static;opacity:1;margin-left:auto}
/* System readiness panel – bottom of navigator */
.systemStates{margin-top:auto;padding-top:16px;border-top:1px solid var(--line)}.systemStates .sectionLabel{margin-bottom:10px}.systemStates .sectionLabel strong{color:var(--muted)}.stateRow{display:grid;grid-template-columns:10px 1fr;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.04)}.stateRow:last-child{border-bottom:0}.stateRow i{width:9px;height:9px;border-radius:50%;background:#334149;transition:background .3s,box-shadow .3s}.stateRow strong{font:9px/1 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text)}.stateRow small{grid-column:2;font:8px/1 var(--mono);color:var(--muted);margin-top:2px}.stateRow.done i{background:#34d399;box-shadow:0 0 8px #34d39966}.stateRow.done strong{color:#34d399}.stateRow.active i{background:#fbbf24;box-shadow:0 0 6px #fbbf2444}.stateRow.active strong{color:#fbbf24}
.systemActions{display:flex;gap:6px;margin-top:12px}.systemActions button{flex:1;padding:7px 0;border:1px solid var(--line);border-radius:4px;background:#0a0f12;color:var(--muted);font:8px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:border-color .2s,color .2s,background .2s}.systemActions button:hover{border-color:var(--cyan);color:var(--cyan);background:#071014}
/* GPU Fleet cards */
.gpuFleet{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;margin:12px 0}.gpuCard{border:1px solid rgba(255,255,255,.04);background:#080b0e;border-radius:3px;padding:4px 6px;min-width:0;transition:border-color .3s}.gpuCard.active{border-color:rgba(52,211,153,.25)}.gpuCardHead{display:flex;align-items:center;gap:4px;margin-bottom:3px}.gpuCardHead .gpuIndex{font:6px/1 var(--mono);color:#4a5568;letter-spacing:.06em}.gpuCardHead strong{font:7px/1 var(--mono);color:#52616a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.gpuCardHead small{font:6px/1 var(--mono);color:#3a4a52}.gpuCard.active .gpuCardHead small{color:#34d399}.gpuCard .gauge{margin-bottom:2px}.gpuCard .gaugeHead{display:flex;justify-content:space-between;margin-bottom:1px}.gpuCard .gaugeHead span{font:6px/1 var(--mono);color:#3a4a52;letter-spacing:.04em}.gpuCard .gaugeHead strong{font:6px/1 var(--mono);color:#52616a}.gpuCard .meter{height:1px;background:rgba(255,255,255,.04);overflow:hidden}.gpuCard .meter i{display:block;height:100%;background:#334149;transition:width .5s ease}.gpuCard.active .meter i{background:#34d39966}.gpuCardStats{display:flex;gap:4px;margin-top:2px}.gpuCardStats span{font:6px/1 var(--mono);color:#3a4a52}