html,body,#root{width:100%;min-width:320px;height:100%;min-height:100%;margin:0}body{min-height:100vh}:root{--bg:#08111d;--bg2:#0c1623;--panel:#0e1927;--panel2:#111e2e;--line:#22344a;--text:#edf5ff;--muted:#8da0b7;--accent:#2f80ff;--accent2:#55a5ff;--good:#20c983;--bad:#ff5d61;--warn:#ffb84d;--purple:#9a6cff;--shadow:0 12px 28px #00000042;--radius:8px;--top:48px;--side:172px;--control-h:28px;--row-h:25px}body[data-theme=midnight]{--bg:#060811;--bg2:#0a0e1b;--panel:#0d1220;--panel2:#111827;--line:#2a3242;--accent:#6d7cff;--accent2:#98a2ff;--purple:#bd7cff}body[data-theme=nordic]{--bg:#081418;--bg2:#0b1b20;--panel:#102329;--panel2:#132a31;--line:#29434a;--accent:#39a9b8;--accent2:#65c8d2;--good:#50c8a0;--purple:#8da0d9}body[data-theme=olive]{--bg:#10140d;--bg2:#161c12;--panel:#1a2216;--panel2:#202a1b;--line:#38462f;--accent:#8bad45;--accent2:#accb67;--good:#78be6f;--purple:#a98cc9}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:12px;overflow:hidden}button,input{font:inherit}.app-shell{grid-template-columns:var(--side) 1fr;grid-template-rows:var(--top) 1fr;background:radial-gradient(circle at 60% -20%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 36%),var(--bg);height:100vh;display:grid}.topbar{grid-column:1/3;grid-template-columns:var(--side) minmax(300px,560px) 1fr;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg2) 94%,transparent);align-items:center;gap:12px;padding:0 10px;display:grid}.brand{align-items:center;gap:7px;display:flex}.brand-mark{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;width:26px;height:26px;box-shadow:0 0 18px color-mix(in srgb,var(--accent) 30%,transparent);border-radius:7px;place-items:center;font-style:italic;font-weight:900;display:grid}.brand strong{font-size:13px;display:block}.brand span{color:var(--muted);white-space:nowrap;margin-top:0;font-size:8.5px;display:block}.command-trigger{height:var(--control-h);border:1px solid var(--line);background:var(--panel);color:var(--muted);cursor:pointer;text-align:left;border-radius:6px;align-items:center;gap:8px;padding:0 8px;display:flex}.command-trigger span:nth-child(2){flex:1}.command-trigger kbd{margin-left:auto}.top-actions{justify-self:end;align-items:center;gap:8px;display:flex}.env-dot{background:var(--good);width:6px;height:6px;box-shadow:0 0 10px var(--good);border-radius:50%}.env-label{color:var(--muted);font-size:10px}.icon-btn,.avatar{border:1px solid var(--line);background:var(--panel);color:var(--text);height:var(--control-h);min-width:var(--control-h);cursor:pointer;border-radius:6px}.avatar{background:color-mix(in srgb,var(--accent) 35%,var(--panel));border-radius:50%;font-weight:700}.sidebar{border-right:1px solid var(--line);background:var(--bg2);flex-direction:column;grid-row:2;min-width:0;padding:7px 6px;display:flex}.nav-primary{flex-direction:column;gap:2px;display:flex}.nav-item{width:100%;height:30px;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:8px;padding:0 8px;display:flex}.nav-item:hover,.nav-item.active{background:color-mix(in srgb,var(--accent) 14%,var(--panel));color:var(--text)}.nav-item.active{box-shadow:inset 2px 0 0 var(--accent)}.sidebar-spacer{flex:1}.theme-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0 10px 7px;font-size:10px}.theme-switcher{gap:6px;padding:0 10px 12px;display:flex}.locale-switcher{gap:5px;padding:0 10px 10px;display:flex}.locale-switcher button{border:1px solid var(--line);background:var(--panel);height:24px;color:var(--muted);cursor:pointer;border-radius:5px;flex:1;font-size:9px}.locale-switcher button.active{color:var(--text);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--panel))}.theme-chip{border:1px solid var(--line);cursor:pointer;background:var(--swatch,#2f80ff);border-radius:6px;width:22px;height:22px}.theme-chip:nth-child(2){--swatch:#6d7cff}.theme-chip:nth-child(3){--swatch:#39a9b8}.theme-chip:nth-child(4){--swatch:#8bad45}.theme-chip.active{outline:2px solid var(--accent);outline-offset:2px}.workspace{grid-area:2/2;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:8px;min-width:0;min-height:0;padding:8px;display:grid;position:relative}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);min-width:0;min-height:0;box-shadow:var(--shadow);flex-direction:column;transition:transform .18s,opacity .18s;display:flex;position:relative;overflow:hidden}.panel-bar{border-bottom:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--panel2) 95%,white 2%),var(--panel));flex:0 0 30px;justify-content:space-between;align-items:center;height:30px;padding:0 7px;font-size:10px;display:flex}.panel-bar>div{align-items:center;gap:6px;display:flex}.panel-icon{color:var(--accent2)}.window-actions button{width:24px;height:24px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px}.window-actions button:hover{background:color-mix(in srgb,var(--accent) 16%,var(--panel));color:var(--text)}.panel-content{flex:1;min-height:0;padding:7px;overflow:auto}.project-content,.orchestration-content{flex-direction:column;gap:7px;display:flex}.mission-head,.section-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.mission-head h1,.section-head h2{color:var(--text);margin:0;font-size:16px}.mission-head p,.section-head p{color:var(--muted);margin:2px 0 0;font-size:10px}.eyebrow{color:var(--muted);letter-spacing:.09em;margin-bottom:1px;font-size:8.5px}.primary{border:1px solid color-mix(in srgb,var(--accent) 75%,white 10%);background:linear-gradient(180deg,var(--accent2),var(--accent));color:#fff;cursor:pointer;min-height:26px;box-shadow:0 3px 10px color-mix(in srgb,var(--accent) 18%,transparent);border-radius:5px;padding:4px 9px;font-weight:650}.primary.wide{width:100%}.tabs{border-bottom:1px solid var(--line);align-items:center;gap:1px;min-height:27px;display:flex}.tabs button,.inspector-tabs button,.editor-tabs button,.console-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:5px 7px}.tabs button.active,.inspector-tabs button.active,.editor-tabs button.active,.console-tabs button.active{color:var(--accent2);border-bottom-color:var(--accent)}.status-pill{border:1px solid color-mix(in srgb,currentColor 30%,transparent);vertical-align:middle;border-radius:999px;align-items:center;gap:4px;padding:2px 7px;font-size:9px;display:inline-flex}.status-pill.good{color:var(--good);background:color-mix(in srgb,var(--good) 10%,transparent)}.status-pill.bad{color:var(--bad);background:color-mix(in srgb,var(--bad) 10%,transparent)}.status-pill.info{color:var(--accent2);background:color-mix(in srgb,var(--accent) 12%,transparent)}.lifecycle-card{border:1px solid var(--line);background:var(--panel2);border-radius:7px;grid-template-columns:repeat(6,minmax(72px,1fr) 14px) minmax(72px,1fr);align-items:center;gap:0;padding:9px;display:grid;overflow-x:auto}.stage{grid-template-rows:auto auto;grid-template-columns:22px 1fr;align-items:center;column-gap:7px;min-width:72px;display:grid}.stage>span{border:1px solid var(--line);border-radius:50%;grid-row:1/3;place-items:center;width:22px;height:22px;display:grid}.stage b{font-size:10px}.stage small{color:var(--muted);font-size:9px}.stage.complete>span{background:color-mix(in srgb,var(--good) 20%,var(--panel));color:var(--good);border-color:color-mix(in srgb,var(--good) 45%,var(--line))}.stage.running>span{background:color-mix(in srgb,var(--purple) 20%,var(--panel));color:var(--purple);border-color:color-mix(in srgb,var(--purple) 45%,var(--line))}.stage.blocked>span,.stage.failed>span{background:color-mix(in srgb,var(--bad) 18%,var(--panel));color:var(--bad);border-color:color-mix(in srgb,var(--bad) 48%,var(--line))}.stage.unknown>span{background:color-mix(in srgb,var(--warn) 14%,var(--panel));color:var(--warn);border-color:color-mix(in srgb,var(--warn) 44%,var(--line))}.stage.pending{opacity:.65}.lifecycle-card>i{background:linear-gradient(90deg,var(--good),var(--accent));height:1px;position:relative}.split-row{grid-template-columns:1.3fr 1fr;gap:8px;min-height:0;display:grid}.mini-card{border:1px solid var(--line);background:var(--panel2);border-radius:6px;min-width:0;padding:6px}.card-title{justify-content:space-between;align-items:center;margin-bottom:5px;font-size:9.5px;font-weight:700;display:flex}.card-title button,.mini-card button{color:var(--accent2);cursor:pointer;background:0 0;border:0;font-size:8.5px}.file-list{margin:0;padding:0;list-style:none}.file-list li{border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent);justify-content:space-between;padding:3px 0;font-size:9.5px;display:flex}.file-list span{color:var(--muted)}table{border-collapse:collapse;width:100%;font-size:9.5px}th,td{height:var(--row-h);border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent);text-align:left;white-space:nowrap;padding:3px 6px}th{color:var(--muted);background:var(--panel2);z-index:1;font-weight:600;position:sticky;top:0}.runs-content{grid-template-rows:auto auto auto 1fr;grid-template-columns:minmax(0,1fr) 220px;gap:8px;display:grid}.runs-content>.section-head,.runs-content>.tabs,.runs-content>.filters{grid-column:1}.runs-content>.table-wrap{border:1px solid var(--line);border-radius:7px;grid-column:1;min-width:0;overflow:auto}.filters{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:6px;display:grid}.filters input,.filters button{border:1px solid var(--line);background:var(--panel2);height:26px;color:var(--muted);text-align:left;border-radius:5px;padding:0 6px}.run-table tr.selected{background:color-mix(in srgb,var(--accent) 13%,transparent)}.run-inspector{border-left:1px solid var(--line);grid-area:1/2/5;min-width:0;padding-left:8px}.inspector-tabs{border-bottom:1px solid var(--line);margin-bottom:6px;display:flex}.inspector-tabs button{padding:4px 5px;font-size:8.5px}.run-inspector dl{grid-template-columns:66px 1fr;gap:4px;margin:6px 0;font-size:9.5px;display:grid}.run-inspector dt{color:var(--muted)}.run-inspector dd{text-overflow:ellipsis;margin:0;overflow:hidden}.progress-row>div{justify-content:space-between;margin:7px 0 4px;font-size:9.5px;display:flex}.progress-row progress{width:100%;height:6px;accent-color:var(--accent)}.task-list{margin:7px 0;padding:0;font-size:9.5px;list-style:none}.task-list li{color:var(--muted);padding:3px 0}.task-list li.done{color:var(--good)}.task-list li.active{color:var(--accent2)}.graph-area{border:1px solid var(--line);background-image:linear-gradient(color-mix(in srgb,var(--line) 25%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--line) 25%,transparent) 1px,transparent 1px);background-size:16px 16px;border-radius:7px;flex:1;grid-template-columns:110px 1fr 100px 96px;align-items:center;gap:14px;min-height:190px;padding:16px;display:grid;position:relative}.graph-trigger,.graph-output{border:1px solid var(--line);background:color-mix(in srgb,var(--panel2) 94%,transparent);border-radius:7px;flex-direction:column;gap:7px;padding:10px;font-size:9px;display:flex}.graph-trigger b,.graph-output b{font-size:10px}.graph-flow{flex-direction:column;gap:8px;display:flex;position:relative}.node{border:1px solid var(--line);background:var(--panel2);border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;display:flex;position:relative}.node:before{content:"";background:var(--accent);width:14px;height:1px;position:absolute;top:50%;left:-15px}.node b{font-size:10px}.node small{color:var(--muted);font-size:9px}.node.blue{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}.node.green{border-color:color-mix(in srgb,var(--good) 55%,var(--line))}.node.purple{border-color:color-mix(in srgb,var(--purple) 55%,var(--line))}.graph-release{border:1px solid var(--line);background:var(--panel2);border-radius:7px;flex-direction:column;gap:3px;padding:11px;display:flex}.graph-release small{color:var(--muted);font-size:8px}.repair-loop{color:var(--bad);border-bottom:1px dashed var(--bad);font-size:9px;position:absolute;bottom:10px;left:33%}.orchestration-footer{color:var(--muted);gap:14px;font-size:9px;display:flex}.legend{border-radius:50%;width:7px;height:7px;margin-right:4px;display:inline-block}.good-dot{background:var(--good)}.info-dot{background:var(--accent)}.bad-dot{background:var(--bad)}.workbench-content{grid-template-columns:145px minmax(0,1fr) 150px;padding:0;display:grid;overflow:hidden}.explorer,.quick-tools{background:color-mix(in srgb,var(--bg2) 72%,var(--panel));border-right:1px solid var(--line);min-width:0;padding:9px}.quick-tools{border-right:0;border-left:1px solid var(--line)}.explorer-title{color:var(--muted);margin-bottom:8px;font-size:9px}.explorer ul{margin:0;padding:0;font-size:10px;list-style:none}.explorer li{color:var(--muted);border-radius:4px;padding:4px 5px}.explorer .indent{padding-left:16px}.explorer .indent2{padding-left:28px}.explorer .active-file{background:color-mix(in srgb,var(--accent) 17%,transparent);color:var(--text)}.editor-stack{grid-template-rows:30px minmax(110px,1fr) 108px;min-width:0;min-height:0;display:grid}.editor-tabs,.console-tabs{border-bottom:1px solid var(--line);background:var(--bg2);display:flex}.editor-tabs button,.console-tabs button{padding:6px 9px;font-size:9px}.code,.console pre{background:color-mix(in srgb,var(--bg) 80%,black);color:#cdd8e5;margin:0;padding:10px;font:10px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.ln{color:#526176;text-align:right;width:18px;margin-right:8px;display:inline-block}.kw{color:#ff7a90}.fn{color:#7cc7ff}.str{color:#9ddd8d}.console{border-top:1px solid var(--line);grid-template-rows:30px 1fr;min-height:0;display:grid}.console pre{font-size:9px}.quick-tools .spaced{margin-top:14px}.quick-tools>button:not(.primary){width:100%;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:6px 5px}.quick-tools>button:hover{background:var(--panel2);color:var(--text)}.workspace.focus-mode{grid-template-rows:1fr;grid-template-columns:1fr}.workspace.focus-mode .panel{display:none}.workspace.focus-mode .panel.focused{grid-area:1/1;display:flex}.workspace.focus-mode .panel.focused .panel-max{background:color-mix(in srgb,var(--accent) 18%,var(--panel));color:var(--accent2);width:auto;padding:0 8px}.workspace.focus-mode .panel-content{padding:14px}.workspace.focus-mode .runs-content{grid-template-columns:minmax(0,1fr) 290px}.workspace.focus-mode .graph-area{min-height:420px}.workspace.focus-mode .workbench-content{grid-template-columns:190px minmax(0,1fr) 220px;padding:0}.workspace.focus-mode .editor-stack{grid-template-rows:34px minmax(220px,1fr) 170px}.command-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:50;background:#02070e9e;place-items:start center;padding-top:10vh;display:grid;position:fixed;inset:0}.command-backdrop[hidden]{display:none}.command-palette{border:1px solid var(--line);background:var(--panel);border-radius:11px;width:min(720px,100vw - 40px);overflow:hidden;box-shadow:0 30px 80px #0000008c}.command-input-row{border-bottom:1px solid var(--line);align-items:center;gap:10px;height:48px;padding:0 13px;display:flex}.command-input-row input{color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:14px}.command-input-row input::placeholder{color:var(--muted)}.command-groups{padding:8px}.command-section small{color:var(--muted);padding:7px 8px;font-size:9px;display:block}.command-section button{width:100%;height:34px;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:0 9px;display:flex}.command-section button:hover{background:color-mix(in srgb,var(--accent) 14%,var(--panel2))}.command-section button kbd{margin-left:auto}.command-footer{border-top:1px solid var(--line);height:34px;color:var(--muted);align-items:center;gap:18px;padding:0 12px;font-size:9px;display:flex}kbd{border:1px solid var(--line);background:var(--bg2);color:var(--muted);border-radius:4px;padding:2px 5px;font:9px ui-monospace,monospace}.toast{z-index:70;background:var(--panel2);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--text);opacity:0;pointer-events:none;border-radius:7px;padding:9px 12px;font-size:11px;transition:all .18s;position:fixed;bottom:18px;right:18px;transform:translateY(8px)}.toast.show{opacity:1;transform:translateY(0)}@media (width<=1500px){:root{--side:160px}.workspace{gap:6px;padding:6px}.panel-content{padding:8px}.run-inspector{border-left:0;border-top:1px solid var(--line);grid-area:auto/1;padding:8px 0 0;display:none}.workspace.focus-mode .run-inspector{border-top:0;border-left:1px solid var(--line);grid-area:1/2/5;padding:0 0 0 12px;display:block}.runs-content{grid-template-columns:1fr}.workbench-content{grid-template-columns:120px minmax(0,1fr) 125px}.graph-area{grid-template-columns:90px 1fr 80px 78px;gap:9px;padding:10px}}@media (width<=1100px){:root{--side:54px}.brand span,.nav-item span:last-child,.theme-label,.brand strong{display:none}.sidebar{align-items:center}.nav-item{justify-content:center;padding:0}.theme-switcher{flex-direction:column;padding:6px}.topbar{grid-template-columns:54px minmax(260px,1fr) auto}.workspace{grid-template-rows:repeat(4,minmax(360px,1fr));grid-template-columns:1fr;overflow:auto}.workspace .panel{min-height:360px}.workspace.focus-mode{grid-template-rows:1fr;overflow:hidden}.split-row{grid-template-columns:1fr}.graph-output{display:none}.graph-area{grid-template-columns:90px 1fr 90px}.workbench-content{grid-template-columns:110px minmax(0,1fr)}.quick-tools{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:focus-visible{outline:2px solid var(--accent2);outline-offset:2px}::selection{background:color-mix(in srgb,var(--accent) 45%,transparent)}.env-dot.demo{background:var(--warn);box-shadow:0 0 12px var(--warn)}.env-dot.loading{background:var(--muted);box-shadow:none}.run-table tbody tr{cursor:pointer}.run-table tbody tr:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}.empty-cell{text-align:center;color:var(--muted);padding:18px}.run-inspector dd{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mission-meta-strip{border:1px solid var(--line);background:var(--panel2);color:var(--muted);border-radius:6px;flex-wrap:wrap;gap:7px;padding:6px 8px;font-size:9px;display:flex}.mission-meta-strip span{gap:4px;display:flex}.mission-meta-strip b{color:var(--text);font-weight:650}.operator-facts{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.operator-facts>div{border:1px solid var(--line);background:var(--panel2);border-radius:6px;flex-direction:column;gap:2px;min-width:0;padding:6px;display:flex}.operator-facts small{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:8px}.operator-facts b{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.operator-facts span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.workspace-cards{grid-template-columns:1fr 1fr;gap:8px;display:grid}.requirement-list{margin:0;padding:0;font-size:10px;list-style:none}.requirement-list li{border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent);white-space:nowrap;text-overflow:ellipsis;padding:5px 0;overflow:hidden}.requirement-list li:first-child{border-top:0}.recent-runs-live{min-height:0}.recent-runs-live td:nth-child(2){text-overflow:ellipsis;max-width:260px;overflow:hidden}.empty-mission{border:1px dashed var(--line);text-align:center;min-height:150px;color:var(--muted);background:color-mix(in srgb,var(--panel2) 65%,transparent);border-radius:8px;flex:1;place-content:center;gap:7px;display:grid}.empty-mission strong{color:var(--text);font-size:13px}.empty-mission span{font-size:10px}.node.done-node,.graph-release.done-node{box-shadow:inset 3px 0 0 var(--good);opacity:.85}.node.current-node,.graph-release.current-node{box-shadow:0 0 0 1px var(--accent),0 0 24px color-mix(in srgb,var(--accent) 16%,transparent);background:color-mix(in srgb,var(--accent) 10%,var(--panel2))}.node.failed-node,.graph-release.failed-node{box-shadow:inset 3px 0 0 var(--bad);background:color-mix(in srgb,var(--bad) 9%,var(--panel2))}.node.unknown-node,.graph-release.unknown-node{box-shadow:inset 3px 0 0 var(--warn);background:color-mix(in srgb,var(--warn) 8%,var(--panel2))}.node.pending-node,.graph-release.pending-node{opacity:.48}.graph-version{margin-left:auto}@media (width<=1500px){.operator-facts{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1100px){.operator-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-cards{grid-template-columns:1fr}.mission-meta-strip{display:none}}.empty-inspector{border:1px dashed var(--line);text-align:center;min-height:110px;color:var(--muted);border-radius:7px;place-content:center;gap:5px;margin-top:12px;font-size:9px;display:grid}.empty-inspector strong{color:var(--text);font-size:11px}