@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{height:68px;display:grid;grid-template-columns:286px 1fr auto;align-items:center;border-bottom:1px solid var(--line);background:#090d10;padding:0 18px;position:relative;z-index:3}.identity{color:inherit;text-decoration:none;display:flex;align-items:center;gap:12px}.sigil{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--cyan);color:var(--cyan);font:600 20px var(--display);box-shadow:inset 0 0 18px #55e7ee1c}.identity b{display:block;font:600 17px var(--display);letter-spacing:.2em}.identity small{display:block;color:var(--muted);font:9px var(--mono);letter-spacing:.14em;margin-top:1px}.crumb{display:flex;gap:12px;align-items:center;font:11px var(--mono)}.crumb span{color:var(--muted)}.crumb strong{font-weight:500}.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}
.suiteTabs{height:100%;display:flex;justify-content:center;gap:4px}.suiteTabs a{min-width:92px;display:grid;place-items:center;color:var(--muted);text-decoration:none;font:9px var(--mono);letter-spacing:.12em;border-bottom:2px solid transparent}.suiteTabs a:hover{color:var(--text)}.suiteTabs a.active{color:var(--cyan);border-color:var(--cyan);background:linear-gradient(0deg,#55e7ee0c,transparent)}
.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}
.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}
.stage{min-width:0;display:grid;grid-template-rows:auto minmax(280px,1fr) 92px 48px;background:linear-gradient(145deg,#080c0f,#0a0e11)}.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 1.5fr;gap:8px}.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)}
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}
.stage{grid-template-rows:auto 64px 42px minmax(280px,1fr) 92px 48px}
.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}
.presetDeck{display:grid;gap:5px;margin:-9px 0 20px}.presetDeck button{--preset:#55e7ee;display:grid;grid-template-columns:3px 1fr auto;align-items:center;gap:9px;text-align:left;padding:7px 8px;border:1px solid var(--line2);background:linear-gradient(90deg,color-mix(in srgb,var(--preset) 8%,#0a0f12),#0a0f12 55%);color:var(--text);cursor:pointer;transition:border-color .2s,translate .2s}.presetDeck button:hover,.presetDeck button.selected{border-color:color-mix(in srgb,var(--preset) 65%,var(--line));translate:3px 0}.presetDeck button>i{height:27px;background:var(--preset);box-shadow:0 0 9px color-mix(in srgb,var(--preset) 55%,transparent)}.presetDeck button>span{display:grid;gap:1px}.presetDeck strong{font:500 9px var(--mono)}.presetDeck small{font:7px var(--mono);color:var(--muted)}.presetDeck b{font:8px var(--mono);font-weight:400;color:var(--preset)}.presetDeck button:nth-child(2){--preset:#7691ff}.presetDeck button:nth-child(3){--preset:#c17cff}.presetDeck button:nth-child(4){--preset:#ff9b58}.presetDeck button:nth-child(5){--preset:#79e69b}
.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}
.countControl{display:grid;grid-template-columns:1fr 82px;align-items:center;gap:10px}.countControl input[type=number]{padding:6px 7px;text-align:right}
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.015;transition:opacity .9s ease,scale 5s 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)}.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}
.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}}
.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)}}
@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}.topbar{grid-template-columns:240px 1fr auto}.crumb{display:none}}@media(max-width:800px){html,body{overflow:auto}.topbar{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}}
.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}.assetViewer>img.loading{opacity:.35}.assetViewer>div{display:grid;grid-template-columns: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)}