:root{--ai-bg:#f2ede0;--ai-bg-alt:#ebe4d2;--ai-white:#faf8f2;--ai-obsidian:#1a1200;--ai-obsidian-2:#261c00;--ai-obsidian-3:#0f0a00;--ai-ember:#e87018;--ai-ember-deep:#c85808;--ai-gold:#ffd840;--ai-body:#3a2e10;--ai-muted:#7a6840;--ai-border:#d8c898;--ai-border-soft:#ebe0c0;--io-lime:#bbcb64;--io-lime-dark:#7a8a00;--io-lime-light:#ebf0c8;--io-lime-border:#c8d880;--io-yellow:#ffe52a;--green:#3f8a3f;--red:#c0392b;--blue:#6fa8dc;--font-display:"Playfair Display", Georgia, serif;--font-ui:"DM Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", "IBM Plex Mono", "Courier New", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-ui);color:var(--ai-body);background:var(--ai-bg);-webkit-font-smoothing:antialiased;font-size:13px;line-height:1.5}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.shell{background:var(--ai-bg);grid-template-rows:56px 1fr 44px;height:100vh;display:grid}.topbar{background:var(--ai-obsidian);color:#fff;border-bottom:1px solid var(--ai-obsidian-2);z-index:10;align-items:center;padding:0 18px;display:flex;position:relative}.topbar:after{content:"";background:linear-gradient(90deg, var(--io-lime) 0%, var(--io-yellow) 30%, var(--ai-ember) 70%, var(--ai-ember-deep) 100%);height:3px;position:absolute;bottom:-3px;left:0;right:0}.brand{border-right:1px solid #ffffff14;align-items:center;gap:10px;margin-right:18px;padding-right:18px;display:flex}.brand-name{font-family:var(--font-display);letter-spacing:-.3px;font-size:18px;font-weight:700}.brand-name .os{color:var(--io-lime)}.brand-tag{letter-spacing:2px;text-transform:uppercase;color:#ffffff6b;border-left:1px solid #ffffff26;margin-left:2px;padding-left:10px;font-size:9px;font-weight:700}.stepper{flex:1;justify-content:center;align-items:center;gap:2px;display:flex}.step-pill{color:#ffffff8c;border-radius:8px;align-items:center;gap:8px;padding:6px 12px 6px 10px;font-size:11px;font-weight:600;transition:all .15s;display:flex;position:relative}.step-pill .step-num{width:18px;height:18px;font-size:9px;font-weight:700;font-family:var(--font-mono);color:#ffffff8c;background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.step-pill:hover{color:#ffffffd9;background:#ffffff0a}.step-pill.done{color:#ffffffd9}.step-pill.done .step-num{background:var(--io-lime);color:var(--ai-obsidian)}.step-pill.active{color:var(--ai-obsidian);background:var(--io-lime)}.step-pill.active .step-num{background:var(--ai-obsidian);color:var(--io-lime)}.step-pill.active:after{content:"";border:1px solid var(--io-lime);opacity:.4;pointer-events:none;border-radius:9px;position:absolute;inset:-2px}.step-divider{background:#ffffff1a;width:14px;height:1px}.tbar-right{border-left:1px solid #ffffff14;align-items:center;gap:6px;padding-left:18px;display:flex}.tbar-btn{letter-spacing:.3px;color:#fff9;border-radius:7px;align-items:center;gap:6px;padding:6px 11px;font-size:10.5px;font-weight:600;transition:all .15s;display:flex}.tbar-btn:hover{color:#fff;background:#ffffff0f}.tbar-btn.on{color:var(--io-lime);background:#bbcb6424}.tbar-btn .dot{background:currentColor;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-dot;box-shadow:0 0}@keyframes pulse-dot{0%{box-shadow:0 0 #bbcb6499}70%{box-shadow:0 0 0 6px #bbcb6400}to{box-shadow:0 0 #bbcb6400}}.app{flex-direction:column;width:100%;height:100%;display:flex}.main{flex:1;grid-template-columns:1fr auto;min-height:0;display:grid;overflow:hidden}.main>.feed{width:320px}.canvas{background:var(--ai-bg);grid-template-columns:1fr;transition:grid-template-columns .25s;display:grid;overflow:hidden}.canvas.no-feed{grid-template-columns:1fr 0}.stage{flex-direction:column;display:flex;position:relative;overflow:hidden}.stage-head{border-bottom:1px solid var(--ai-border);background:var(--ai-bg);justify-content:space-between;align-items:center;padding:14px 28px 12px;display:flex}.stage-head-l{align-items:baseline;gap:16px;display:flex}.stage-eyebrow{letter-spacing:2.5px;text-transform:uppercase;color:var(--io-lime-dark);align-items:center;gap:8px;font-size:9.5px;font-weight:700;display:flex}.stage-eyebrow .ix{background:var(--io-lime);width:18px;height:18px;color:var(--ai-obsidian);font-family:var(--font-mono);border-radius:4px;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:inline-flex}.stage-title{font-family:var(--font-display);color:var(--ai-obsidian);letter-spacing:-.3px;font-size:26px;font-weight:700;line-height:1.1}.stage-sub{color:var(--ai-muted);max-width:540px;margin-top:2px;font-size:12px}.stage-head-r{align-items:center;gap:10px;display:flex}.live-chip{background:var(--ai-obsidian);color:var(--io-lime);letter-spacing:1.5px;text-transform:uppercase;font-size:10px;font-weight:700;font-family:var(--font-mono);border-radius:999px;align-items:center;gap:7px;padding:5px 11px;display:inline-flex}.live-chip .dot{background:var(--io-lime);width:6px;height:6px;box-shadow:0 0 0 0 var(--io-lime);border-radius:50%;animation:1.6s infinite pulse-dot}.stage-stat{color:var(--ai-muted);font-size:10.5px;font-weight:600;font-family:var(--font-mono);align-items:center;gap:6px;display:flex}.stage-stat strong{color:var(--ai-obsidian);font-weight:700}.stage-body{flex-direction:column;flex:1;gap:14px;min-height:0;padding:18px 28px;display:flex;overflow:hidden}.panel{background:var(--ai-white);border:1px solid var(--ai-border);border-radius:10px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.panel-h{border-bottom:1px solid var(--ai-border-soft);background:var(--ai-white);flex-shrink:0;justify-content:space-between;align-items:center;padding:9px 14px;display:flex}.panel-h-title{letter-spacing:2px;text-transform:uppercase;color:var(--ai-obsidian);align-items:center;gap:8px;font-size:9.5px;font-weight:700;display:flex}.panel-h-meta{color:var(--ai-muted);font-size:10px;font-family:var(--font-mono);align-items:center;gap:10px;display:flex}.panel-b{flex:1;min-height:0;padding:14px;overflow:auto}.panel-b.flush{padding:0}.panel-b.scroll{overflow-y:auto}.panel-dark{background:var(--ai-obsidian);border:1px solid var(--ai-obsidian-2);color:#ffffffd9}.panel-dark .panel-h{background:var(--ai-obsidian);border-bottom:1px solid #ffffff0f}.panel-dark .panel-h-title{color:var(--io-lime)}.panel-dark .panel-h-meta{color:#fff6}.chip{letter-spacing:.4px;font-size:10px;font-weight:700;font-family:var(--font-mono);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:2px 8px;display:inline-flex}.chip-lime{background:var(--io-lime-light);color:var(--io-lime-dark);border:1px solid var(--io-lime-border)}.chip-amber{color:#c87808;background:#fdebd0;border:1px solid #eac070}.chip-ember{color:var(--ai-ember-deep);background:#e870181f;border:1px solid #e870184d}.chip-dark{background:var(--ai-obsidian);color:var(--io-lime);border:1px solid var(--ai-obsidian)}.chip-muted{background:var(--ai-bg-alt);color:var(--ai-muted);border:1px solid var(--ai-border)}.chip-green{color:var(--green);background:#e5efd9;border:1px solid #c8e0ac}.chip-red{color:var(--red);background:#fbe3e0;border:1px solid #efc4bd}.label{letter-spacing:2px;text-transform:uppercase;color:var(--ai-muted);font-size:9.5px;font-weight:700}.label-lime{color:var(--io-lime-dark)}.label-ember{color:var(--ai-ember-deep)}.code-pane{background:var(--ai-obsidian-3);font-family:var(--font-mono);color:#ffffffc7;padding:14px 0;font-size:11.5px;line-height:1.65;overflow:auto}.code-line{white-space:pre;padding:0 14px;display:flex}.code-line.hl{background:#ffe52a14}.code-line.hl-lime{background:#bbcb641a}.code-line.hl-ember{background:#e8701814}.code-ln{color:#ffffff38;text-align:right;-webkit-user-select:none;user-select:none;flex-shrink:0;width:36px;margin-right:14px;display:inline-block}.tk-kw{color:#ffe52a}.tk-div{color:var(--io-lime);font-weight:700}.tk-sec{color:var(--ai-ember);font-weight:700}.tk-str{color:#bbcb64}.tk-num{color:#ffb070}.tk-cmt{color:#ffffff52;font-style:italic}.tk-op{color:#6fa8dc}.tk-id{color:#fff}.tk-lvl,.tk-pkg{color:#b099d8}.tk-anno{color:var(--ai-ember)}.tk-type{color:var(--io-lime)}.tk-cls{color:var(--io-yellow)}.stat-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.stat-tile{background:var(--ai-white);border:1px solid var(--ai-border);border-radius:10px;padding:14px 16px;position:relative;overflow:hidden}.stat-tile-lbl{letter-spacing:2px;text-transform:uppercase;color:var(--ai-muted);margin-bottom:6px;font-size:9.5px;font-weight:700}.stat-tile-val{color:var(--ai-obsidian);font-size:28px;font-weight:700;line-height:1;font-family:var(--font-display);letter-spacing:-1px}.stat-tile-val.lime{color:var(--io-lime-dark)}.stat-tile-val.ember{color:var(--ai-ember)}.stat-tile-val.green{color:var(--green)}.stat-tile-sub{color:var(--ai-muted);font-size:10px;font-family:var(--font-mono);margin-top:4px}.stat-tile-spark{font-family:var(--font-mono);color:var(--ai-muted);font-size:9px;position:absolute;top:12px;right:12px}.feed{background:var(--ai-white);border-left:1px solid var(--ai-border);flex-direction:column;display:flex;overflow:hidden}.feed-h{border-bottom:1px solid var(--ai-border-soft);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.feed-title{letter-spacing:2px;text-transform:uppercase;color:var(--ai-obsidian);font-size:9.5px;font-weight:700}.feed-roster{border-bottom:1px solid var(--ai-border-soft);flex-shrink:0;grid-template-columns:repeat(2,1fr);gap:4px;padding:10px 12px;display:grid}.agent-card{border:1px solid var(--ai-border-soft);background:var(--ai-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:10px;display:flex;position:relative}.agent-card.busy{border-color:var(--io-lime);background:var(--io-lime-light)}.agent-card.busy:after{content:"";background:var(--ai-ember);width:5px;height:5px;box-shadow:0 0 0 0 var(--ai-ember);border-radius:50%;animation:1.2s infinite pulse-dot;position:absolute;top:6px;right:6px}.agent-glyph{background:var(--ai-obsidian);width:22px;height:22px;color:var(--io-lime);font-family:var(--font-mono);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;font-size:9.5px;font-weight:700;display:flex}.agent-card.busy .agent-glyph{background:var(--ai-ember);color:#fff}.agent-name{color:var(--ai-obsidian);font-size:10.5px;font-weight:700;line-height:1.2}.agent-role{color:var(--ai-muted);font-size:8.5px;font-family:var(--font-mono);letter-spacing:.3px}.feed-stream{flex:1;padding:10px 14px 16px;overflow-y:auto}.feed-event{border-bottom:1px dashed var(--ai-border-soft);gap:10px;padding:7px 0;font-size:11px;line-height:1.45;animation:.3s feed-in;display:flex}@keyframes feed-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.feed-event:last-child{border-bottom:none}.feed-time{font-family:var(--font-mono);color:var(--ai-muted);white-space:nowrap;flex-shrink:0;padding-top:1px;font-size:9.5px}.feed-body{color:var(--ai-body);flex:1}.feed-body .who{color:var(--ai-obsidian);font-weight:700}.feed-body .what{color:var(--ai-muted)}.feed-body .target{font-family:var(--font-mono);background:var(--io-lime-light);color:var(--io-lime-dark);border-radius:3px;padding:1px 5px;font-size:10px}.footbar{background:var(--ai-white);border-top:1px solid var(--ai-border);color:var(--ai-muted);justify-content:space-between;align-items:center;padding:0 18px;font-size:11px;display:flex}.foot-l,.foot-r{align-items:center;gap:12px;display:flex}.nav-btn{letter-spacing:.3px;background:var(--ai-bg);color:var(--ai-body);border:1px solid var(--ai-border);border-radius:8px;align-items:center;gap:7px;padding:7px 14px;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex}.nav-btn:hover{background:var(--ai-obsidian);color:#fff;border-color:var(--ai-obsidian)}.nav-btn:disabled{opacity:.35;cursor:not-allowed}.nav-btn:disabled:hover{background:var(--ai-bg);color:var(--ai-body);border-color:var(--ai-border)}.nav-btn.primary{background:var(--ai-ember);color:#fff;border-color:var(--ai-ember)}.nav-btn.primary:hover{background:var(--ai-ember-deep);border-color:var(--ai-ember-deep)}.kbd{background:var(--ai-bg-alt);border:1px solid var(--ai-border);min-width:18px;height:18px;font-family:var(--font-mono);color:var(--ai-body);border-radius:4px;justify-content:center;align-items:center;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex}.foot-progress{background:var(--ai-bg-alt);border-radius:2px;flex:1;height:4px;margin:0 24px;position:relative;overflow:hidden}.foot-progress-fill{background:linear-gradient(90deg, var(--io-lime), var(--ai-ember));border-radius:2px;transition:width .4s cubic-bezier(.4,0,.2,1);position:absolute;top:0;bottom:0;left:0}.row{display:flex}.col{flex-direction:column;display:flex}.gap-8{gap:8px}.gap-12{gap:12px}.gap-14{gap:14px}.gap-18{gap:18px}.flex-1{flex:1;min-width:0;min-height:0}.scroll-y{overflow-y:auto}.w-full{width:100%}.h-full{height:100%}.mono{font-family:var(--font-mono)}.muted{color:var(--ai-muted)}.lime{color:var(--io-lime-dark)}.ember{color:var(--ai-ember-deep)}@keyframes ticker{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes streamline{0%,to{opacity:.3}50%{opacity:1}}@keyframes blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.caret{background:var(--io-lime);vertical-align:text-bottom;width:7px;height:1em;margin-left:1px;animation:1s step-end infinite blink;display:inline-block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--ai-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--ai-muted)}.code-pane::-webkit-scrollbar-thumb{background:#ffffff1a}.code-pane::-webkit-scrollbar-thumb:hover{background:#fff3}.tbar-user{border-left:1px solid #ffffff14;align-items:center;gap:8px;margin-left:6px;padding-left:12px;display:flex}.tbar-avatar{border:1px solid #ffffff26;border-radius:50%;width:22px;height:22px}.tbar-username{color:#ffffffc7;font-size:11px;font-weight:600}.tbar-logout{letter-spacing:1px;font-size:9.5px}