:root{--bg: #0f1113;--bg2: #14171a;--panel: #181b1f;--panel2: #1e2227;--line: #262b31;--line2: #323940;--text: #e4e7ea;--muted: #8b939c;--lime: #b4e04a;--lime-d: #8fb82f;--lime-bg: rgba(180, 224, 74, .1);--orange: #f08a4b;--orange-bg: rgba(240, 138, 75, .1);--red: #ef6a6a;--amber: #e5b94e;--green: #6fcf8f;--radius: 8px;--sans: "Inter", "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;--mono: "JetBrains Mono", "Cascadia Code", "Consolas", ui-monospace, monospace;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:13px/1.45 var(--sans);-webkit-font-smoothing:antialiased;overflow:hidden}h1,h2,h3,p,ul,ol,dl,dd{margin:0;padding:0}ul,ol{list-style:none}button,input,select,textarea{font:inherit;color:inherit}code,.mono{font-family:var(--mono);font-size:12px}:focus-visible{outline:2px solid var(--lime);outline-offset:1px;border-radius:4px}::selection{background:var(--lime-bg)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:absolute;left:8px;top:-50px;background:var(--lime);color:#111;padding:6px 10px;border-radius:6px;z-index:100}.skip:focus{top:8px}.muted{color:var(--muted)}.small{font-size:12px}.tiny{font-size:11px}.trunc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.block{display:block}.min0{min-width:0}.grow{flex:1;min-width:0}.grow-min{flex:1 1 220px}.row{display:flex;align-items:center}.row.wrap{flex-wrap:wrap}.row.gap{gap:8px}.row.between{justify-content:space-between}.row.end{justify-content:flex-end;gap:10px;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:12px}.stack.tight{gap:6px}.stack.fill{flex:1;min-height:0}.pad{padding:4px 10px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spin{animation-duration:3s}*{scroll-behavior:auto!important}}.btn{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:var(--panel2);border:1px solid var(--line2);border-radius:6px;cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s}.btn:hover:not(:disabled){background:#272c32;border-color:#444c55}.btn.primary{background:var(--lime);border-color:var(--lime);color:#12160a;font-weight:600}.btn.primary:hover:not(:disabled){background:#c4ee5a;border-color:#c4ee5a}.btn.accent{border-color:var(--lime-d);color:var(--lime);background:var(--lime-bg)}.btn.danger{color:var(--red);border-color:#ef6a6a59}.btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn{display:inline-grid;place-items:center;width:28px;height:28px;background:none;border:0;border-radius:6px;color:var(--muted);cursor:pointer;flex:none}.icon-btn:hover{background:var(--panel2);color:var(--text)}.link{background:none;border:0;color:inherit;text-decoration:underline;cursor:pointer;padding:0}.field{display:flex;flex-direction:column;gap:4px;min-width:0}.field-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}input:not([type=checkbox]),select,textarea{width:100%;background:var(--bg2);border:1px solid var(--line2);border-radius:6px;padding:6px 9px;min-height:30px}textarea{resize:vertical;line-height:1.45}input:focus,select:focus,textarea:focus{border-color:var(--lime-d);outline:none;box-shadow:0 0 0 2px var(--lime-bg)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:26px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none' stroke='%238b939c' stroke-width='1.6'%3E%3Cpath d='m1 1 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center;text-overflow:ellipsis}.check{display:flex;align-items:center;gap:8px;cursor:pointer}.check input{accent-color:var(--lime);width:15px;height:15px;margin:0;flex:none}.check.small{font-size:12px}.badge{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 8px;border-radius:10px;font-size:11px;font-weight:500;background:var(--panel2);border:1px solid var(--line2);color:var(--muted);white-space:nowrap;flex:none}.badge .dot,.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.tone-ok{color:var(--green)}.tone-bad{color:var(--red)}.tone-warn{color:var(--amber)}.tone-live{color:var(--lime)}.tone-mute{color:var(--muted)}.count{font-size:10.5px;padding:0 6px;border-radius:8px;background:var(--panel2);color:var(--muted);min-width:18px;text-align:center}.count.live{background:var(--lime);color:#12160a;font-weight:600}.banner{display:flex;gap:9px;align-items:flex-start;padding:8px 10px;border-radius:6px;border:1px solid var(--line2);background:var(--panel);flex:none}.banner>svg{margin-top:2px;flex:none}.banner-text{flex:1;min-width:0;color:var(--text);overflow-wrap:anywhere}.banner.tone-bad{border-color:#ef6a6a66;background:#ef6a6a12}.banner.tone-warn{border-color:#e5b94e59;background:#e5b94e0f}.banner.tone-ok{border-color:#6fcf8f4d;background:#6fcf8f0d}.empty{display:flex;flex-direction:column;align-items:center;gap:4px;padding:28px 16px;text-align:center;color:var(--muted)}.empty svg{color:var(--lime-d);margin-bottom:4px}.empty strong{color:var(--text);font-weight:600}.loading{display:flex;align-items:center;gap:8px;color:var(--muted);padding:20px;justify-content:center}.boot{height:100%;display:grid;place-items:center}.center{display:flex;justify-content:center}.login-wrap{height:100%;display:grid;place-items:center;padding:16px;background:radial-gradient(600px 300px at 50% 0,rgba(180,224,74,.07),transparent),var(--bg);overflow:auto}.login-card{width:min(100%,360px);display:flex;flex-direction:column;gap:12px;padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.login-card h1{font-size:20px}.brand{display:flex;align-items:center;gap:8px;font-weight:700;letter-spacing:-.01em}.brand.big{font-size:15px}.logo{display:grid;place-items:center;width:26px;height:26px;border-radius:6px;background:var(--lime);color:#12160a;flex:none}.shell{display:grid;grid-template-columns:264px minmax(0,1fr);height:100%}.sidebar{display:flex;flex-direction:column;background:var(--bg2);border-right:1px solid var(--line);min-height:0;padding:12px 8px;gap:12px}.side-top{display:flex;justify-content:space-between;align-items:center;padding:0 6px}.bridge{display:flex;align-items:center;gap:7px;margin:0 4px;padding:6px 9px;border-radius:6px;border:1px solid var(--line);font-size:12px}.bridge time{margin-left:auto}.bridge.on{color:var(--lime);background:var(--lime-bg);border-color:#b4e04a40}.bridge.off{color:var(--amber)}.side-section{display:flex;flex-direction:column;gap:4px;min-height:0}.side-section.grow-scroll{flex:1}.side-title{display:flex;align-items:center;justify-content:space-between;padding:0 6px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);min-height:28px}.side-title span{display:inline-flex;align-items:center;gap:5px}.scroll{overflow-y:auto;min-height:0;flex:1;scrollbar-width:thin;scrollbar-color:var(--line2) transparent}.nav-list{display:flex;flex-direction:column;gap:1px}.nav-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;border:0;background:none;border-radius:6px;cursor:pointer;text-align:left;color:#c3c9cf}.nav-item:hover{background:var(--panel2)}.nav-item.active{background:var(--panel2);color:var(--text);box-shadow:inset 2px 0 var(--lime)}.nav-item svg{flex:none;color:var(--muted)}.nav-item.active svg{color:var(--lime)}.run-item{align-items:flex-start}.run-item .status-dot{margin-top:6px}.search{display:flex;align-items:center;gap:6px;margin:0 4px 4px;padding:0 8px;background:var(--bg);border:1px solid var(--line);border-radius:6px;color:var(--muted)}.search input{border:0!important;background:none!important;box-shadow:none!important;padding:4px 0}.side-foot{border-top:1px solid var(--line);padding-top:8px;display:flex;flex-direction:column;gap:4px}.user{padding:0 6px 0 8px}.scrim{display:none}.main-col{display:flex;flex-direction:column;min-width:0;min-height:0}.topbar{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--bg);flex:none}.crumbs{display:flex;flex-direction:column;font-weight:600;line-height:1.25}.content{flex:1;min-height:0;overflow-y:auto;padding:14px 16px 20px;display:flex;flex-direction:column;gap:12px;outline:none;scrollbar-width:thin;scrollbar-color:var(--line2) transparent}.home{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr);gap:12px;align-items:start;max-width:1200px;width:100%}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);min-width:0}.panel-head{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--line);color:var(--muted)}.panel-head h2{font-size:12px;font-weight:600;color:var(--text);text-transform:uppercase;letter-spacing:.05em}.panel-head .count{margin-left:auto}.panel-head h2+.small{margin-left:4px}.composer{display:flex;flex-direction:column;gap:12px;padding-bottom:12px}.composer>*:not(.panel-head){margin:0 12px}.grid-models{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.model-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.model-group{display:flex;flex-direction:column;gap:12px;min-width:0;padding:3px 16px 6px;border-left:1px solid var(--line)}.model-group:first-child{padding-left:0;border-left:0}.model-group:last-child{padding-right:0}.model-group h3{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-height:32px;font-size:12px;font-weight:650}.model-group h3 span{width:100%;color:var(--muted);font-size:10px;font-weight:400}.codex-group h3{color:var(--lime)}.claude-group h3{color:var(--orange, #d89a72)}@media(max-width:600px){.model-groups{grid-template-columns:1fr}.model-group,.model-group:first-child,.model-group:last-child{padding:14px 0;border-left:0;border-top:1px solid var(--line)}.model-group:first-child{border-top:0;padding-top:0}}.hist{display:flex;flex-direction:column;padding:4px}.hist-item{display:flex;align-items:center;gap:10px;width:100%;padding:7px 8px;background:none;border:0;border-radius:6px;cursor:pointer;text-align:left}.hist-item:hover{background:var(--panel2)}.hist-item svg{color:var(--muted);flex:none}.run{display:flex;flex-direction:column;gap:10px;flex:1;min-height:0}.run-head{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.run-title{font-size:16px;font-weight:600;margin-top:4px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.actions{justify-content:flex-end}.retry-group{display:inline-flex;gap:4px}.retry-group select{width:auto;height:30px}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);flex:none;overflow-x:auto}.tabs button{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);cursor:pointer;white-space:nowrap;margin-bottom:-1px}.tabs button:hover{color:var(--text)}.tabs button.on{color:var(--lime);border-bottom-color:var(--lime)}.run-panel{flex:1;min-height:360px;display:flex;flex-direction:column;min-width:0}.run-panel>*{min-height:0}.lane-tabs{display:none}.lanes{flex:1;min-height:320px;display:grid;grid-template-columns:1fr 1fr minmax(200px,.7fr);gap:10px}.lane{display:flex;flex-direction:column;min-height:0;overflow:hidden}.lane-codex{border-top:2px solid var(--lime)}.lane-claude{border-top:2px solid var(--orange)}.lane-system{border-top:2px solid var(--line2)}.lane-codex .panel-head svg{color:var(--lime)}.lane-claude .panel-head svg{color:var(--orange)}.lane-scroll{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--line2) transparent}.lane-empty{padding:16px;text-align:center}.ev-list{display:flex;flex-direction:column}.ev{padding:7px 12px;border-bottom:1px solid var(--line);border-left:2px solid transparent}.ev:last-child{border-bottom:0}.ev-command{border-left-color:var(--line2);background:#ffffff04}.ev-review{border-left-color:var(--amber)}.ev-quota{border-left-color:var(--orange)}.ev-test{border-left-color:var(--green)}.ev-file{border-left-color:#6aa7ef}.ev-meta{display:flex;align-items:center;gap:6px;font-size:10.5px;color:var(--muted);margin-bottom:2px;min-width:0}.ev-type{text-transform:uppercase;letter-spacing:.05em;font-weight:600;color:#aab1b8;flex:none}.lane-codex .ev-type{color:var(--lime-d)}.lane-claude .ev-type{color:var(--orange)}.ev-stage{padding:0 5px;border:1px solid var(--line2);border-radius:4px;flex:none}.ev-task{flex:1}.ev-time{margin-left:auto;flex:none}.ev-text{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;color:#d4d8dc}.ev-text.mono{font-size:11.5px}.ev-details{margin-top:3px}details>summary{cursor:pointer;color:var(--muted);font-size:11.5px;-webkit-user-select:none;user-select:none}details>summary:hover{color:var(--text)}.pre{margin:4px 0 0;padding:8px;background:var(--bg);border:1px solid var(--line);border-radius:6px;font:11.5px/1.45 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto}.task-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.task-card,.plan-item{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);min-width:0;border-left:3px solid var(--line2)}.agent-codex{border-left-color:var(--lime)}.agent-claude{border-left-color:var(--orange)}.task-card h3{font-size:13px;font-weight:600;overflow-wrap:anywhere}.agent-tag{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.agent-codex .agent-tag{color:var(--lime)}.agent-claude .agent-tag{color:var(--orange)}.kv{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 10px;font-size:12px}.kv dt{color:var(--muted)}.summary{color:#c3c9cf;white-space:pre-wrap;overflow-wrap:anywhere}.findings{padding-left:14px;list-style:disc;margin-top:4px;display:flex;flex-direction:column;gap:3px;overflow-wrap:anywhere;font-size:12px}.plan-list{display:flex;flex-direction:column;gap:10px}.idx{display:grid;place-items:center;width:22px;height:22px;border-radius:5px;background:var(--panel2);color:var(--muted);flex:none}.title-input{font-weight:600}.deps{border:1px dashed var(--line2);border-radius:6px;padding:6px 10px 8px;display:flex;flex-wrap:wrap;gap:4px 14px;min-width:0}.deps legend{font-size:11px;color:var(--muted);padding:0 4px}.chips{display:flex;flex-wrap:wrap;gap:4px}.chip{padding:1px 6px;background:var(--bg);border:1px solid var(--line);border-radius:4px;color:#b5bcc3;overflow-wrap:anywhere}.diff{flex:1;min-height:240px;max-height:70vh;overflow:auto;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);font:12px/1.5 var(--mono)}.dl{display:flex;min-width:max-content}.ln{width:44px;flex:none;text-align:right;padding-right:10px;color:#566069;-webkit-user-select:none;user-select:none;position:sticky;left:0;background:var(--bg)}.lt{white-space:pre;padding-right:16px}.dl.add{background:#6fcf8f17;color:#b8ecc8}.dl.add .ln{background:#6fcf8f17}.dl.del{background:#ef6a6a17;color:#f2b3b3}.dl.del .ln{background:#ef6a6a17}.dl.hunk{color:#6aa7ef;background:#6aa7ef12}.dl.meta{color:var(--muted);font-weight:600}.dialog{border:1px solid var(--line2);border-radius:12px;padding:0;background:var(--panel);color:var(--text);width:min(92vw,460px);max-height:90vh;overflow:auto}.dialog.wide{width:min(92vw,720px)}.dialog::backdrop{background:#050607a6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dialog-body{padding:16px;display:flex;flex-direction:column;gap:14px}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{font-size:15px}.found-list{display:flex;flex-direction:column;gap:2px;max-height:180px;overflow:auto}.found-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;background:var(--bg);border:1px solid var(--line);border-radius:6px;cursor:pointer;text-align:left}.found-item:hover{border-color:var(--lime-d)}.found-item .mono{max-width:55%}@media(max-width:1100px){.lanes{grid-template-columns:1fr 1fr}.lane-system{grid-column:1 / -1;min-height:200px}.home{grid-template-columns:minmax(0,1fr)}}@media(max-width:820px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;width:min(86vw,300px);z-index:40;transform:translate(-102%);transition:transform .18s}.nav-open .sidebar{transform:none;box-shadow:8px 0 30px #00000080}.nav-open .scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:30}.lane-tabs{display:flex}.lanes{grid-template-columns:minmax(0,1fr);min-height:300px}.lanes .lane{display:none}.lanes.show-codex .lane-codex,.lanes.show-claude .lane-claude,.lanes.show-system .lane-system{display:flex;grid-column:auto}.content{padding:10px}.topbar{padding:8px 10px}.actions{justify-content:flex-start}}@media(min-width:821px){.only-mobile{display:none!important}}@media(max-width:480px){.topbar .btn{padding:0 9px}.grid-models{grid-template-columns:1fr 1fr}}.allowances{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:12px}.allowance{border:1px solid var(--line);border-radius:8px;padding:12px;min-width:0}.allowance>strong{display:block;margin-bottom:8px}.allowance small{color:var(--muted);font-size:10px}.quota-window{margin:8px 0}.quota-window progress{width:100%;height:5px;accent-color:var(--lime)}.quota-window b{font-size:11px}.chat-panel{display:flex;flex-direction:column;min-height:400px;flex:1}.chat-scroll{overflow:auto;max-height:55vh;min-height:220px;padding:18px;scrollbar-width:thin}.chat-bubble{margin:12px 0;padding:12px 15px;border-radius:10px;max-width:94%;background:var(--panel2);overflow-wrap:anywhere}.chat-bubble.user{margin-left:auto;background:#27312d;border:1px solid #3c4c42;max-width:85%}.chat-bubble header{font-size:11px;color:var(--muted);margin-bottom:8px}.chat-bubble>div{white-space:pre-wrap;line-height:1.65}.chat-action{padding:7px 10px;border-left:2px solid var(--line2);margin:5px 0}.chat-action summary{overflow-wrap:anywhere}.chat-compose{border-top:1px solid var(--line);padding:12px;display:flex;flex-direction:column;gap:10px}.chat-compose label{font-size:11px}.chat-compose textarea{width:100%}.chat-markdown{white-space:normal!important}.chat-markdown p{margin:0 0 10px}.chat-markdown p:last-child{margin-bottom:0}.chat-markdown pre{white-space:pre;overflow:auto;padding:12px;background:var(--bg);border-radius:6px;margin:10px 0}.chat-markdown code{font-family:var(--mono);font-size:12px}.chat-markdown ul,.chat-markdown ol{padding-left:22px;list-style:revert}.chat-markdown h1,.chat-markdown h2,.chat-markdown h3{font-size:15px;margin:14px 0 8px}.chat-markdown a{color:var(--lime)}.usage-strip{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px;flex:none}.usage-agent{position:relative;min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:7px}.usage-agent>summary{display:flex;align-items:center;gap:12px;list-style:none;padding:7px 10px;color:var(--text);font-size:11px}.usage-agent>summary::-webkit-details-marker{display:none}.usage-chip{color:var(--muted);white-space:nowrap}.usage-chip b{color:var(--text);font-weight:500;margin-left:4px}.usage-chevron{color:var(--muted)}.usage-details{position:absolute;top:100%;left:0;min-width:270px;max-width:calc(100vw - 40px);background:var(--panel);border:1px solid var(--line);padding:12px;z-index:15;box-shadow:0 8px 24px #0008;line-height:1.6;font-size:11px}.usage-details small{color:var(--muted)}.execution-options{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px}.execution-options label{min-width:0;font-size:10px;color:var(--muted)}.execution-options label span{display:block;margin-bottom:3px}.execution-options select{font-size:11px;padding:4px 6px;height:29px}.chat-selectors{display:flex;gap:8px;flex-wrap:wrap;align-items:end}.chat-selectors>label{flex:1;min-width:110px}.chat-selectors>.execution-options{flex:1.2;min-width:190px;margin:0}.chat-panel .panel-head{justify-content:space-between;flex-wrap:wrap}.tools-toggle{font-size:11px!important;padding:4px 8px!important;height:26px!important}.chat-operation{display:flex;align-items:center;justify-content:space-between;padding:7px 12px;background:var(--panel2);font-size:11px;gap:8px}.chat-scroll{max-height:60vh}.topbar{flex-wrap:wrap}.chat-action summary{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-action ul{min-width:0}@media(max-width:600px){.usage-strip{gap:6px}.usage-agent{flex:1}.usage-agent>summary{gap:7px;padding:7px;font-size:10px}.usage-details{position:fixed;top:auto;left:10px;right:10px;max-width:none}.topbar .btn{font-size:11px;padding:0 8px}.chat-selectors>.execution-options{min-width:100%;flex:1}.chat-compose .row.between{gap:8px}.chat-compose .row.between small{font-size:10px}}
