:root{color:#e6edf7;background:#05070c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button,input,textarea{font:inherit}.cockpit-shell{display:grid;grid-template-rows:auto minmax(0,1fr);height:100vh;overflow:hidden;background:radial-gradient(circle at 20% 0%,rgba(40,112,255,.14),transparent 30rem),linear-gradient(135deg,#060912,#0a101c,#05070c)}.connection-bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1rem 1.25rem;border-bottom:1px solid rgba(133,158,194,.2);background:#05070cc2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand-lockup{display:flex;align-items:center;gap:.8rem}.logo-slot{display:grid;place-items:center;width:60px;height:60px;border:none;background:transparent;box-shadow:none}.logo-slot img{width:56px;height:56px;object-fit:contain}.eyebrow{margin:0 0 .2rem;color:#7f8da3;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.brand-subtitle{margin:.12rem 0 0;color:#7f8da3;font-size:.76rem;font-weight:700}h1,h2,h3,p{margin:0}h1{font-size:1.35rem;line-height:1.1}.active-loop{display:inline-block;margin-top:.25rem;color:#94a3ba;font-size:.85rem}.connection-cluster{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.status-pill,.version-pill,.logout-button{border:1px solid rgba(133,158,194,.24);border-radius:999px;padding:.45rem .7rem;background:#0c121fe6;color:#b8c5d9;font-size:.78rem;font-weight:700;text-transform:uppercase}.logout-button{cursor:pointer}.logout-button:hover,.logout-button:focus-visible{border-color:#84a9ff80;color:#e6edf7;outline:none}.login-shell{display:grid;place-items:center;min-height:100vh;padding:1rem;background:radial-gradient(circle at 20% 0%,rgba(40,112,255,.14),transparent 30rem),linear-gradient(135deg,#060912,#0a101c,#05070c)}.login-panel{display:grid;gap:1.25rem;width:min(28rem,100%);border:1px solid rgba(133,158,194,.22);border-radius:8px;padding:1.25rem;background:#070b14db;box-shadow:0 28px 100px #00000061}.login-form{display:grid;gap:.75rem}.login-form label{color:#94a3ba;font-size:.8rem;font-weight:800;text-transform:uppercase}.login-form input{width:100%;border:1px solid rgba(133,158,194,.24);border-radius:8px;padding:.85rem 1rem;background:#0b101b;color:#e6edf7;outline:none}.login-form input:focus{border-color:#84a9ff;box-shadow:0 0 0 3px #84a9ff2e}.login-form button{border:0;border-radius:8px;padding:.85rem 1rem;background:#e6edf7;color:#05070c;cursor:pointer;font-weight:800}.login-form button:disabled{cursor:not-allowed;opacity:.5}.status-pill.ready{color:#7dffb2}.status-pill.loading{color:#f1d47a}.status-pill.error,.status-pill.offline{color:#ff8b8b}.cockpit-grid{display:grid;grid-template-columns:minmax(14rem,18rem) minmax(0,1fr) minmax(17rem,22rem);gap:1rem;min-height:0;overflow:hidden;padding:1rem}.cockpit-shell.left-collapsed .cockpit-grid{grid-template-columns:3.25rem minmax(0,1fr) minmax(17rem,22rem)}.cockpit-shell.right-collapsed .cockpit-grid{grid-template-columns:minmax(14rem,18rem) minmax(0,1fr) 3.25rem}.cockpit-shell.left-collapsed.right-collapsed .cockpit-grid{grid-template-columns:3.25rem minmax(0,1fr) 3.25rem}.turn-log,.status-rail,.context-panel,.right-rail-shell{min-width:0;border:1px solid rgba(133,158,194,.22);border-radius:8px;background:#070b14c7;box-shadow:0 20px 80px #00000047}.left-rail,.center-stack,.status-rail,.right-rail-shell{min-height:0;overflow:auto}.left-rail,.center-stack{display:grid;gap:1rem}.left-rail{display:grid;gap:1rem;align-content:start;justify-items:stretch}.left-collapsed .left-rail{align-content:start;justify-items:end;padding:.65rem 0}.right-collapsed .right-rail-shell{display:flex;align-items:flex-start;justify-content:flex-start;border:1px solid rgba(133,158,194,.22);border-radius:8px;background:#070b14c7;box-shadow:0 20px 80px #00000047;padding:.5rem}.right-rail-shell{display:block;border:0;background:transparent;box-shadow:none;padding-bottom:0}.left-rail>.rail-toggle{justify-self:end}.rail-toggle{display:grid;place-items:center;width:2.25rem;height:2.25rem;border:1px solid rgba(133,158,194,.22);border-radius:8px;background:#070b14c7;color:#b8c5d9;cursor:pointer}.rail-toggle:hover,.rail-toggle:focus-visible{border-color:#84a9ff80;outline:none}.split-panel-icon{display:grid;grid-template-columns:.45rem .85rem;gap:.18rem;width:1.48rem;height:1.1rem;padding:.12rem;border:1px solid currentColor;border-radius:4px}.split-panel-icon span{border-radius:2px;background:currentColor;opacity:.45}.split-panel-icon span:first-child,.split-panel-icon.collapsed span:last-child{opacity:1}.split-panel-icon.collapsed{grid-template-columns:.85rem .45rem}.center-stack{grid-template-rows:minmax(0,1fr) auto;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;border-bottom:1px solid rgba(133,158,194,.16);color:#94a3ba;font-size:.8rem;text-transform:uppercase}.panel-heading-left{display:inline-flex;align-items:center;gap:.65rem;min-width:0}.panel-heading .rail-toggle{flex:0 0 auto}.panel-heading strong{color:#e6edf7}summary.panel-heading{cursor:pointer;list-style:none}summary.panel-heading::-webkit-details-marker{display:none}.turn-log{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;overflow:hidden}.run-list{display:grid;align-content:start;gap:1rem;min-height:0;height:100%;margin:0;padding:.85rem;overflow:auto;list-style:none}.run-card{display:grid;gap:.75rem;border:1px solid rgba(133,158,194,.18);border-radius:8px;padding:.85rem;background:#0a101cd1;scroll-margin:1rem;outline:none}.run-card:focus{border-color:#84a9ff8c;box-shadow:0 0 0 3px #84a9ff29}.run-card-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;color:#7f8da3;font-size:.75rem;font-weight:800;text-transform:uppercase}.run-card-header strong{color:#b8c5d9}.conversation-block{display:grid;gap:.75rem}.message-row{display:grid;gap:.35rem;padding:.75rem;border-radius:8px}.message-row span{color:#7f8da3;font-size:.72rem;font-weight:800;text-transform:uppercase}.message-row p{color:#e6edf7;line-height:1.5}.user-message{border:1px solid rgba(133,158,194,.16);background:#080c16eb}.orchestrator-message{border:1px solid rgba(125,255,178,.22);background:#122c2270}.run-details{display:grid;gap:.75rem}.run-details summary{cursor:pointer;color:#94a3ba;font-size:.78rem;font-weight:800;text-transform:uppercase}.detail-event-list{display:grid;gap:.45rem;margin:.6rem 0 0;padding:0;list-style:none}.event-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.7rem;padding:.6rem;border:1px solid rgba(133,158,194,.14);border-radius:8px;background:#080c16a8}.event-marker{width:.7rem;height:.7rem;margin-top:.28rem;border-radius:999px;background:#94a3ba;box-shadow:0 0 24px currentColor}.event-marker.ok{color:#7dffb2;background:#7dffb2}.event-marker.waiting{color:#f1d47a;background:#f1d47a}.event-marker.idle{color:#84a9ff;background:#84a9ff}.event-marker.error{color:#ff8b8b;background:#ff8b8b}.event-meta{display:flex;flex-wrap:wrap;gap:.75rem;color:#7f8da3;font-size:.75rem;font-weight:700;text-transform:uppercase}.event-row h3{margin-top:.3rem;color:#d5deec;font-size:.92rem}.event-row p{margin-top:.25rem;color:#a9b6ca;font-size:.9rem;line-height:1.45}.diagnostics-summary{display:grid;gap:.55rem;margin-top:.55rem;padding-top:.55rem;border-top:1px solid rgba(133,158,194,.14)}.diagnostics-summary section{display:grid;gap:.4rem}.diagnostics-summary h4{margin:0;color:#e6edf7;font-size:.78rem;text-transform:uppercase}.diagnostics-summary dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem .65rem;margin:0}.diagnostics-summary div{min-width:0}.diagnostics-summary dt{color:#7f8da3;font-size:.68rem;font-weight:800;text-transform:uppercase}.diagnostics-summary dd{margin:.1rem 0 0;color:#d5deec;font-size:.82rem;overflow-wrap:anywhere}.diagnostics-note{color:#b8c5d9;font-size:.86rem}.status-rail,.context-panel,.right-rail-shell{padding-bottom:1rem}.status-list{display:grid;gap:.85rem;margin:0;padding:1rem}.status-list.compact{gap:.65rem;padding:0}.status-list div{display:grid;gap:.25rem;padding-bottom:.85rem;border-bottom:1px solid rgba(133,158,194,.14)}.status-list dt{color:#7f8da3;font-size:.75rem;font-weight:700;text-transform:uppercase}.status-list dd{margin:0;overflow-wrap:anywhere;color:#e6edf7}.project-context-panel .status-list{padding-bottom:.5rem}.context-checklist{display:grid;gap:.4rem;padding:0 1rem 1rem}.context-checklist button{display:grid;gap:.15rem;width:100%;text-align:left;border:1px solid rgba(133,158,194,.16);border-radius:8px;padding:.45rem .55rem;background:#0c121f8c;color:#94a3ba;cursor:pointer;font-size:.78rem}.context-checklist button.loaded{border-color:#7dffb23d;color:#7dffb2;background:#122c2242}.context-checklist button.selected,.context-checklist button:focus-visible{border-color:#84a9ff80;color:#e6edf7;outline:none}.context-checklist button span{color:#7f8da3;font-size:.7rem;text-transform:uppercase}.context-detail{display:grid;gap:.45rem;margin:0 1rem .85rem;padding:.7rem;border:1px solid rgba(133,158,194,.14);border-radius:8px;background:#080c16b3}.context-detail h2{color:#e6edf7;font-size:.86rem}.context-detail pre{max-height:8rem;margin:0;overflow:auto;white-space:pre-wrap;color:#a9b6ca;font:inherit;font-size:.78rem;line-height:1.4}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:5rem 18rem;background:#02040aad;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.context-modal{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(56rem,72vw);height:min(42rem,78vh);border:1px solid rgba(133,158,194,.28);border-radius:8px;background:#070b14;box-shadow:0 28px 120px #0000007a}.context-modal header,.context-modal footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border-bottom:1px solid rgba(133,158,194,.16)}.context-modal footer{border-top:1px solid rgba(133,158,194,.16);border-bottom:0}.context-modal h2{color:#e6edf7;font-size:1.05rem}.modal-close,.primary-button,.secondary-button{border-radius:8px;padding:.65rem .85rem;cursor:pointer;font-weight:800}.modal-close{border:1px solid rgba(133,158,194,.22);background:#0c121fe6;color:#e6edf7}.primary-button{border:0;background:#e6edf7;color:#05070c}.secondary-button{border:1px solid rgba(133,158,194,.22);background:transparent;color:#b8c5d9}.context-editor{min-height:0;width:100%;height:100%;border:0;padding:1rem;resize:none;background:#0b101b;color:#e6edf7;outline:none;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:.9rem;line-height:1.55}.save-state{color:#94a3ba;font-size:.82rem}.save-state.error{color:#ff8b8b}.save-state.saved{color:#7dffb2}.context-mini-section{display:grid;gap:.5rem;padding:.85rem 1rem;border-top:1px solid rgba(133,158,194,.14)}.context-mini-section summary{cursor:pointer;color:#e6edf7;font-size:.88rem;font-weight:800}.context-mini-section ul{display:grid;gap:.35rem;margin:0;padding-left:1rem;color:#a9b6ca;line-height:1.4}.approval-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin:0}.approval-grid div{display:grid;gap:.15rem;min-width:0}.approval-grid dt{color:#7f8da3;font-size:.68rem;font-weight:800;text-transform:uppercase}.approval-grid dd{margin:0;color:#e6edf7;font-size:.8rem}.rail-section{display:grid;gap:.65rem;padding:1rem;border-bottom:1px solid rgba(133,158,194,.14)}.rail-section:last-child{border-bottom:0}.rail-section h2{color:#e6edf7;font-size:.92rem}.rail-section p,.empty-state{color:#a9b6ca;line-height:1.5}.rail-card{display:grid;gap:.65rem;padding:1rem;border-bottom:1px solid rgba(133,158,194,.14)}.rail-card summary{cursor:pointer;color:#e6edf7;font-size:.92rem;font-weight:800}.rail-card p{color:#a9b6ca;line-height:1.5}.worker-online{color:#7dffb2}.worker-offline{color:#ff8b8b}.capability-list{display:flex;flex-wrap:wrap;gap:.4rem;padding:0 1rem 1rem}.capability-list span{border:1px solid rgba(133,158,194,.18);border-radius:999px;padding:.32rem .5rem;color:#94a3ba;font-size:.72rem}.capability-list button{border:1px solid rgba(125,255,178,.24);border-radius:999px;padding:.32rem .5rem;background:#122c2242;color:#7dffb2;cursor:pointer;font-size:.72rem;font-weight:800}.capability-list button:disabled,.capability-list .disabled-chip{cursor:default;opacity:.65}.empty-state{padding:1rem}.run-history{display:grid;gap:.65rem;margin:0;padding:1rem;list-style:none}.run-history li{padding-bottom:.65rem;border-bottom:1px solid rgba(133,158,194,.14)}.run-history button{display:grid;gap:.25rem;width:100%;border:0;padding:0;background:transparent;text-align:left;cursor:pointer}.run-history button:focus-visible{outline:2px solid rgba(132,169,255,.55);outline-offset:3px}.run-history strong{color:#e6edf7;font-size:.9rem;line-height:1.35}.run-history span{color:#7f8da3;font-size:.76rem;text-transform:uppercase}.chat-input{display:grid;grid-template-columns:minmax(12rem,16rem) minmax(0,1fr) auto;gap:.75rem;align-items:start;padding:1rem;border:1px solid rgba(133,158,194,.22);border-radius:8px;background:#070b14c7}.chat-input label{display:block;margin-bottom:.5rem;color:#94a3ba;font-size:.8rem;font-weight:700;text-transform:uppercase}.command-examples{display:flex;flex-wrap:wrap;gap:.35rem}.quick-action-label{align-self:center;color:#7f8da3;font-size:.72rem;font-weight:800;text-transform:uppercase}.command-examples .quick-action{border:1px solid rgba(133,158,194,.18);border-radius:999px;padding:.28rem .45rem;background:#0c121fb8;color:#94a3ba;cursor:pointer;font-size:.72rem;font-weight:700}.command-examples .quick-action:hover:not(:disabled),.command-examples .quick-action:focus-visible{border-color:#84a9ff80;color:#e6edf7;outline:none}.command-examples .quick-action:disabled{cursor:not-allowed;opacity:.5}.chat-input textarea{width:100%;min-height:5.5rem;resize:vertical;border:1px solid rgba(133,158,194,.24);border-radius:8px;padding:.85rem 1rem;background:#0b101b;color:#e6edf7;outline:none}.chat-input textarea:focus{border-color:#84a9ff;box-shadow:0 0 0 3px #84a9ff2e}.chat-input button{border:0;border-radius:8px;padding:.85rem 1rem;background:#e6edf7;color:#05070c;cursor:pointer;font-weight:800}.chat-input button:disabled,.chat-input textarea:disabled{cursor:not-allowed;opacity:.5}.error-message{padding:1rem;color:#ffb1b1}.error-message.compact{padding:0;font-size:.88rem}@media(max-width:820px){.connection-bar,.chat-input{align-items:stretch;grid-template-columns:1fr}.connection-bar{flex-direction:column}.connection-cluster{justify-content:flex-start}.cockpit-grid{grid-template-columns:1fr}.run-list{height:auto;max-height:56vh}.modal-backdrop{padding:1rem}.context-modal{width:100%;height:min(42rem,88vh)}}