:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#080b0f;color:#eef2f6}*{box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#0c1118,#080b0f)}button,textarea,select,input{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:34px;padding:0 11px;border:1px solid #30394a;border-radius:7px;color:#eef2f6;background:#161b24;cursor:pointer;transition:border-color .18s,background .18s,transform .18s}button:hover:not(:disabled){background:#202837;border-color:#46566e}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{color:#031215;background:#1fd8ed;border-color:#1fd8ed;font-weight:700}button.danger{color:#ffe6ec;background:#32141c;border-color:#ef476f}.icon-button{width:34px;padding:0;flex:none}h1,h2,p{margin:0}h1{display:flex;align-items:center;gap:9px;font-size:20px;line-height:1.15;letter-spacing:0}h2{display:flex;align-items:center;gap:8px;font-size:14px;letter-spacing:0}small{font-size:12px}.app-shell{height:100vh;height:100dvh;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden}.topbar,.statusbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid #222a38;background:#0c1017f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar p,.statusbar,.empty,.empty-inline,small{color:#9aa6b7}.top-actions,.button-row,.canvas-tools,.free-answer,.panel-title,.statusbar span{display:flex;align-items:center;gap:8px}.connection{display:inline-flex;align-items:center;gap:7px;min-height:28px;padding:0 9px;border:1px solid #30394a;border-radius:999px;color:#ffd166;background:#111722}.connection.connected{color:#32d583}.mobile-panel-switch{display:none;gap:6px;padding:8px 10px;border-bottom:1px solid #222a38;background:#0d121a;overflow-x:auto}.mobile-panel-switch button{flex:1 0 0;min-width:96px;min-height:34px;white-space:nowrap}.mobile-panel-switch button.active{color:#031215;background:#1fd8ed;border-color:#1fd8ed;font-weight:700}.workspace-grid{display:grid;grid-template-columns:minmax(240px,280px) minmax(0,1fr) minmax(280px,340px);grid-template-rows:minmax(0,1fr);min-height:0;overflow:hidden}.workspace-grid:has(.event-feed.collapsed){grid-template-columns:minmax(240px,280px) minmax(0,1fr) 70px}.workspace-panel{min-width:0;min-height:0;overflow:hidden}.sidebar,.event-feed{height:100%;min-height:0;padding:12px;background:#0e121aeb;overflow:auto}.sidebar{display:grid;align-content:start;gap:12px;border-right:1px solid #222a38}.event-feed{display:flex;flex-direction:column;border-left:1px solid #222a38;overflow:hidden}.composer,.panel-block,.mini-panel{display:grid;gap:10px}.composer-head,.feed-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.composer-head strong,.mini-panel strong{display:flex;align-items:center;gap:8px}label{display:grid;gap:6px;color:#a9b4c4;font-size:13px}label span{display:inline-flex;align-items:center;gap:6px}textarea,select,input{width:100%;border:1px solid #30394a;border-radius:7px;outline:none;color:#eef2f6;background:#0b1017;padding:9px 10px;resize:vertical}textarea{min-height:120px;max-height:34vh}textarea:focus,select:focus,input:focus{border-color:#1fd8ed;box-shadow:0 0 0 3px #1fd8ed21}.brief-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.brief-grid span{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 9px;border:1px solid #2a3344;border-radius:7px;background:#101722;color:#cbd5e1}.center-stack{position:relative;min-width:0;min-height:0;display:grid;grid-template-rows:auto auto minmax(360px,1fr) auto auto auto;gap:10px;padding:12px;overflow:auto}.summary-grid{display:grid;grid-template-columns:repeat(5,minmax(112px,1fr));gap:8px}.summary-card{display:flex;align-items:center;gap:9px;min-height:58px;padding:9px;border:1px solid #253044;border-radius:8px;background:#111722}.summary-card strong{display:block;margin-top:2px;font-size:16px;line-height:1.1;overflow-wrap:anywhere}.summary-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:#0b1017;color:#1fd8ed;flex:none}.summary-card.completed .summary-icon,.summary-card.done .summary-icon{color:#32d583}.summary-card.failed .summary-icon,.summary-card.error .summary-icon{color:#ef476f}.summary-card.waiting .summary-icon{color:#ffd166}.mission-tabs{display:flex;gap:8px;min-height:42px;overflow-x:auto;padding-bottom:2px}.mission-tab{min-width:160px;justify-content:space-between;background:#111722}.mission-tab span,.mission-tab small{display:inline-flex;align-items:center;gap:6px;min-width:0}.mission-tab.active{border-color:#1fd8ed;box-shadow:inset 0 0 0 1px #1fd8ed2e}.mission-tab.done{border-color:#32d5838c}.mission-tab.error{border-color:#ef476fa6}.canvas{position:relative;min-height:480px;overflow:hidden;border:1px solid #253044;border-radius:8px;background:#0b1017}.canvas:before{content:"";position:absolute;inset:0;opacity:.32;background-image:linear-gradient(#1d2636 1px,transparent 1px),linear-gradient(90deg,#1d2636 1px,transparent 1px);background-size:28px 28px}.canvas-glow{position:absolute;inset:0;background:linear-gradient(135deg,rgba(31,216,237,.08),rgba(50,213,131,.04) 45%,transparent 70%)}.canvas-tools{position:absolute;z-index:4;right:10px;top:10px}.canvas-state{position:absolute;z-index:4;left:10px;top:10px;display:flex;flex-wrap:wrap;align-items:center;gap:7px;max-width:calc(100% - 230px);padding:7px;border:1px solid #2a3344;border-radius:8px;background:#0b1017e6}.canvas-state span{color:#a9b4c4;border-left:1px solid #2a3344;padding-left:8px}.flow-rail{position:absolute;z-index:4;left:10px;right:10px;top:54px;display:grid;grid-template-columns:auto minmax(90px,1fr) minmax(120px,auto) auto;align-items:center;gap:9px;padding:7px 9px;border:1px solid #2a3344;border-radius:8px;background:#0b1017e6}.flow-rail div:first-child{display:flex;align-items:baseline;gap:6px}.flow-rail small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-steps,.flow-legend{display:flex;align-items:center;gap:6px}.flow-step{display:inline-flex;align-items:center;gap:4px;min-width:32px;min-height:24px;justify-content:center;border:1px solid #2a3344;border-radius:999px;color:#9aa6b7;background:#101722}.flow-step.completed{color:#32d583;border-color:#32d58380}.flow-step.working{color:#1fd8ed;border-color:#1fd8ed8c}.flow-legend{position:absolute;z-index:4;right:10px;bottom:10px;flex-wrap:wrap;justify-content:flex-end;max-width:520px}.flow-legend span,.agent-pill{display:inline-flex;align-items:center;min-height:24px;padding:2px 8px;border:1px solid #2a3344;border-radius:999px;color:#cbd5e1;background:#101722eb;font-size:12px}.flow-legend span:before{content:"";width:7px;height:7px;margin-right:6px;border-radius:999px;background:#657487}.flow-legend .working:before,.agent-pill.working{background:#1fd8ed24;border-color:#1fd8ed8c}.flow-legend .working:before{background:#1fd8ed}.flow-legend .completed:before,.agent-pill.completed{background:#32d5831f;border-color:#32d58380}.flow-legend .completed:before{background:#32d583}.flow-legend .failed:before,.agent-pill.failed{background:#ef476f1f;border-color:#ef476f94}.flow-legend .failed:before{background:#ef476f}.flow-legend .security:before,.agent-pill.security{background:#b28bff24;border-color:#b28bff94}.flow-legend .security:before{background:#b28bff}.flow-legend .waiting:before,.agent-pill.waiting{background:#ffd1661f;border-color:#ffd16680}.flow-legend .waiting:before{background:#ffd166}.canvas-stage{position:absolute;inset:0;min-width:860px}.canvas-empty{position:absolute;inset:0;z-index:3;display:grid;place-items:center;align-content:center;gap:8px;padding:24px;text-align:center;color:#9aa6b7}.canvas-empty strong{color:#eef2f6}.canvas-empty p{max-width:390px;color:#9aa6b7}.canvas-empty.compact{pointer-events:none}.skeleton-flow{display:flex;gap:10px;margin-top:8px}.skeleton-flow span{min-width:86px;min-height:32px;display:grid;place-items:center;border:1px solid #2a3344;border-radius:999px;color:#9aa6b7;background:#101722}.flow-lines{position:absolute;inset:0;z-index:1;width:100%;height:100%}.flow{fill:none;stroke:#1fd8ed;stroke-width:2;stroke-dasharray:7 9;opacity:.75;animation:dash 18s linear infinite}.flow.completed{stroke:#32d583}.flow.failed{stroke:#ef476f}.flow.working,.flow.spawning,.flow.security{animation-duration:8s;opacity:.95}@keyframes dash{to{stroke-dashoffset:-160}}.mobile-flow-map{display:none}.agent-card{position:absolute;z-index:2;width:184px;min-height:118px;padding:10px;border:1px solid #657487;border-radius:8px;background:#111722f7;box-shadow:0 14px 34px #00000052;display:block;text-align:left}.agent-card.working{box-shadow:0 14px 34px #1fd8ed1f}.agent-card.active{animation:activePulse 1.8s ease-in-out infinite}@keyframes activePulse{0%,to{box-shadow:0 0 #1fd8ed29,0 14px 34px #00000052}50%{box-shadow:0 0 0 5px #1fd8ed14,0 14px 34px #00000052}}.agent-head{display:flex;align-items:center;gap:8px;min-width:0}.agent-head div{min-width:0}.agent-head strong,.agent-head small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#0b1017;flex:none}.agent-status,.agent-time{display:inline-flex;align-items:center;gap:6px;margin:7px 0 5px;font-size:12px;text-transform:uppercase}.agent-card p,.mini-panel p,.event p,.panel-block p{color:#a9b4c4;overflow-wrap:anywhere}.agent-detail{position:absolute;z-index:5;right:10px;top:102px;width:min(300px,calc(100% - 20px));display:grid;gap:8px;padding:12px;border:1px solid #30394a;border-radius:8px;background:#111722fa;box-shadow:0 18px 42px #00000059}.agent-detail .icon-button{position:absolute;right:8px;top:8px;min-height:30px;width:30px}.agent-detail h2{padding-right:34px}.agent-detail small{display:inline-flex;align-items:center;gap:6px;overflow-wrap:anywhere}.mobile-agent-list{display:none}.feed-body{min-height:0;display:flex;flex:1;flex-direction:column;overflow:hidden}.feed-head p{margin-top:3px;color:#9aa6b7;font-size:12px}.feed-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.feed-metrics span,.feed-filters button,.chips span,.task span{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:28px;border:1px solid #2a3344;border-radius:999px;padding:3px 8px;color:#cbd5e1;background:#101722}.feed-filters{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:10px;color:#9aa6b7}.feed-filters button{min-height:30px;font-size:12px}.feed-filters button.active{color:#031215;background:#1fd8ed;border-color:#1fd8ed}.events{display:grid;align-content:start;gap:8px;flex:1;min-height:120px;margin-top:10px;overflow:auto;padding-right:4px}.event,.mini-panel,.panel-block,.interview-ui{border:1px solid #253044;border-radius:8px;background:#111722f0;padding:10px}.event{position:relative;width:100%;min-height:68px;display:grid;gap:8px;overflow:hidden}.event-main{width:100%;min-height:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:9px;padding:0;border:0;border-radius:0;background:transparent;color:inherit;text-align:left}.event-main:hover:not(:disabled){background:transparent;border-color:transparent}.event-main:active:not(:disabled){transform:none}.event:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#657487}.event.working:before{background:#1fd8ed}.event.completed:before{background:#32d583}.event.failed,.notice.error{border-color:#ef476f}.event.failed:before{background:#ef476f}.event.security:before{background:#b28bff}.event-dot{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;color:#1fd8ed;background:#0b1017}.event-copy{display:grid;gap:4px;min-width:0;color:#a9b4c4}.event-meta{display:flex;align-items:center;gap:8px;min-width:0}.event time{color:#657487;font-size:12px}.event strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;text-transform:uppercase;color:#eef2f6}.event em{flex:none;color:#9aa6b7;font-size:11px;font-style:normal;text-transform:uppercase}.event-tags{display:flex;flex-wrap:wrap;gap:5px}.event-tags small{max-width:100%;padding:2px 6px;border:1px solid #2a3344;border-radius:999px;background:#0b1017;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-download,.detail-download{display:inline-flex;align-items:center;justify-self:start;gap:6px;min-height:30px;padding:5px 9px;border:1px solid rgba(31,216,237,.5);border-radius:7px;color:#1fd8ed;background:#1fd8ed14;font-size:12px;font-weight:700;text-decoration:none}.detail-download{margin-top:-2px}.event-download:hover,.detail-download:hover{border-color:#1fd8ed;background:#1fd8ed24}.event-feed.collapsed{padding:8px}.event-feed.collapsed .feed-head{writing-mode:vertical-rl;min-height:170px;align-items:center}.event-detail p{color:#a9b4c4}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.detail-grid span{display:grid;gap:3px;min-width:0;padding:8px;border:1px solid #2a3344;border-radius:7px;color:#9aa6b7;background:#0b1017}.detail-grid strong{min-width:0;color:#eef2f6;overflow-wrap:anywhere}.event-detail pre,.event-detail details pre{max-height:280px;margin:0;overflow:auto;white-space:pre-wrap;color:#cbd5e1;background:#0b1017;border:1px solid #253044;border-radius:7px;padding:10px}.event-detail summary{cursor:pointer;color:#1fd8ed}.panel-block{align-content:start}.panel-title{justify-content:space-between}.panel-title span{display:inline-flex;align-items:center;gap:6px;color:#9aa6b7;font-size:12px}.chips{display:flex;flex-wrap:wrap;gap:6px}.progress{height:7px;overflow:hidden;border-radius:999px;background:#0b1017;border:1px solid #253044}.progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1fd8ed,#32d583)}.task{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px;border:1px solid #253044;border-radius:7px;background:#0b1017}.task strong{overflow-wrap:anywhere}.task.done,.task.completed{border-color:#32d58373}.issue{display:flex;align-items:flex-start;gap:8px;color:#ffd166!important}.complete.done{border-color:#32d58373}.complete.error{border-color:#ef476f8c}.complete pre{white-space:pre-wrap;max-height:220px;overflow:auto;color:#eef2f6}.complete pre a{display:inline-flex;align-items:center;gap:6px;color:#1fd8ed;text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}.created-files{border-color:#1fd8ed59}.created-file-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.created-file-list a{min-width:0;min-height:42px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;border:1px solid #2a3344;border-radius:7px;color:#eef2f6;background:#0b1017;text-decoration:none}.created-file-list a:hover{border-color:#1fd8eda6;background:#1fd8ed14}.created-file-list span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.interview-ui{position:sticky;bottom:8px;z-index:4;display:grid;gap:10px;box-shadow:0 16px 42px #00000059}.option-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.empty{display:inline-flex;align-items:center;gap:8px}.drawer{position:fixed;z-index:10;top:0;right:0;width:min(420px,100vw);height:100vh;height:100dvh;display:grid;align-content:start;gap:12px;padding:16px;background:#111722;border-left:1px solid #30394a}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.check{grid-template-columns:auto 1fr;align-items:center}.skill-list{display:grid;gap:8px}.skill-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#0000008c}.modal{width:min(760px,92vw);display:grid;gap:12px;padding:16px;border:1px solid #30394a;border-radius:8px;background:#111722}.statusbar{border-top:1px solid #222a38;border-bottom:0;flex-wrap:wrap;font-size:12px;padding-block:8px}@media(max-width:1180px){.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace-grid{grid-template-columns:minmax(235px,270px) minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(250px,32vh)}.workspace-grid:has(.event-feed.collapsed){grid-template-columns:minmax(235px,270px) minmax(0,1fr)}.panel-events{grid-column:1 / -1}.event-feed{border-left:0;border-top:1px solid #222a38}.event-feed.collapsed .feed-head{writing-mode:horizontal-tb;min-height:auto}.events{max-height:none}.canvas{min-height:430px}.flow-rail{grid-template-columns:auto minmax(90px,1fr) auto}.flow-rail small{display:none}}@media(max-width:860px){.app-shell{grid-template-rows:auto auto minmax(0,1fr) auto}.mobile-panel-switch{display:flex}.topbar{align-items:center;padding:9px 10px}.topbar p{display:none}h1{font-size:18px}.top-actions{gap:6px}.top-actions .connection{max-width:132px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-grid,.workspace-grid:has(.event-feed.collapsed){grid-template-columns:1fr;grid-template-rows:minmax(0,1fr);overflow:hidden}.workspace-panel{display:none}.workspace-panel.active{display:block;min-height:0}.panel-events{grid-column:auto}.sidebar{border-right:0;padding:10px}.event-feed{border-left:0;border-top:0;padding:10px}.center-stack{grid-template-rows:auto auto minmax(360px,auto) auto auto auto;padding:10px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.canvas{min-height:430px;overflow:hidden}.canvas-tools{display:none}.canvas-state{left:10px;right:10px;max-width:none}.flow-rail{top:78px;grid-template-columns:auto minmax(0,1fr)}.flow-steps{display:none}.flow-legend{left:10px;right:10px;bottom:10px;justify-content:flex-start}.canvas-stage,.flow-lines{display:none}.mobile-flow-map{position:absolute;z-index:4;inset:130px 10px 54px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px;min-height:0}.mobile-flow-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:8px;border:1px solid #2a3344;border-radius:8px;background:#0b1017eb}.mobile-flow-head strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#eef2f6}.mobile-flow-head span{flex:none;color:#9aa6b7;font-size:12px}.mobile-flow-items{position:relative;display:grid;align-content:start;gap:8px;overflow:auto;padding:0 2px 2px 12px}.mobile-flow-items:before{content:"";position:absolute;left:23px;top:12px;bottom:12px;width:2px;border-radius:999px;background:linear-gradient(180deg,#1fd8ed,#32d583);opacity:.55}.mobile-flow-node{position:relative;width:100%;min-height:62px;display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;justify-content:stretch;gap:3px 8px;padding:9px 9px 9px 0;border-color:#2a3344;background:#111722f5;text-align:left}.mobile-flow-node span{position:relative;z-index:1;grid-row:1 / 3;display:grid;place-items:center;width:24px;height:24px;border:1px solid #2a3344;border-radius:999px;color:#cbd5e1;background:#0b1017;font-size:12px;font-weight:700}.mobile-flow-node.working span,.mobile-flow-node.spawning span,.mobile-flow-node.security span{color:#031215;border-color:#1fd8ed;background:#1fd8ed}.mobile-flow-node.completed span{color:#03150d;border-color:#32d583;background:#32d583}.mobile-flow-node.failed span{color:#fff1f4;border-color:#ef476f;background:#ef476f}.mobile-flow-node strong,.mobile-flow-node small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-flow-node strong{color:#eef2f6;font-size:13px}.mobile-agent-list{display:none}.mobile-agent{width:100%;min-height:58px;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;align-items:center;justify-content:stretch;gap:3px 8px;padding:8px;text-align:left}.mobile-agent .agent-pill{grid-row:1 / 3}.mobile-agent strong,.mobile-agent small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-detail{position:fixed;inset:auto 10px 58px;width:auto}.option-grid{grid-template-columns:1fr 1fr}.statusbar{gap:6px 10px;padding:7px 10px}}@media(max-width:520px){button{min-height:32px;padding-inline:9px}.topbar{gap:8px}.top-actions button{width:32px;padding:0}.connection{min-height:30px;padding-inline:8px}.summary-grid,.option-grid,.brief-grid,.detail-grid{grid-template-columns:1fr}.summary-card{min-height:52px}.mission-tab{min-width:148px}.canvas{min-height:460px}.flow-rail{top:100px;grid-template-columns:1fr}.mobile-flow-map{top:202px;bottom:10px}.flow-legend{top:166px;bottom:auto;display:flex;gap:5px;overflow-x:auto;flex-wrap:nowrap}.flow-legend span{flex:none}.canvas-state span{border-left:0;padding-left:0}.skeleton-flow{flex-wrap:wrap;justify-content:center}.drawer{width:100vw;padding:12px}.statusbar span:nth-child(4){display:none}}:root{--app-bg: #090a0b;--app-bg-2: #0d0e10;--surface: #111315;--surface-2: #16191b;--surface-3: #1b1f22;--surface-soft: #0c0e10;--line: #293035;--line-strong: #3b464c;--text: #f2f6f5;--muted: #a6b0b4;--subtle: #78858c;--accent: #2dd4bf;--accent-strong: #67e8f9;--success: #62d394;--warning: #e0b957;--danger: #ff6b7a;--violet: #a78bfa;--radius: 8px;--shadow-soft: 0 18px 48px rgba(0, 0, 0, .28);--shadow-card: 0 12px 30px rgba(0, 0, 0, .18);--focus: 0 0 0 3px rgba(45, 212, 191, .18)}html{background:var(--app-bg)}body{background:linear-gradient(180deg,#2dd4bf12 0,#2dd4bf00 220px),linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px),linear-gradient(180deg,var(--app-bg-2),var(--app-bg));background-size:auto,36px 36px,auto;color:var(--text);text-rendering:geometricPrecision}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:var(--line-strong);background-clip:padding-box}*::-webkit-scrollbar-track{background:transparent}button,textarea,select,input{color:var(--text);letter-spacing:0}button{min-height:36px;border-color:var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#1a1f22,#121517);color:var(--text);font-weight:620;line-height:1;box-shadow:inset 0 1px #ffffff0b}button:hover:not(:disabled){border-color:var(--line-strong);background:linear-gradient(180deg,#22282c,#171b1e)}button:focus-visible,a:focus-visible,textarea:focus-visible,select:focus-visible,input:focus-visible{outline:none;box-shadow:var(--focus)}button.primary{color:#041312;border-color:var(--accent);background:linear-gradient(180deg,var(--accent-strong),var(--accent));box-shadow:0 10px 24px #2dd4bf29,inset 0 1px #ffffff4d}button.danger{color:#fff3f4;border-color:#ff6b7aa3;background:linear-gradient(180deg,#3a1b21,#251317)}.icon-button{width:36px;min-width:36px;height:36px;min-height:36px;padding:0}textarea,select,input{border-color:var(--line);border-radius:var(--radius);background:var(--surface-soft);color:var(--text);box-shadow:inset 0 1px #ffffff06}textarea::placeholder,input::placeholder{color:#647078}textarea:focus,select:focus,input:focus{border-color:#2dd4bfc7;box-shadow:var(--focus)}.app-shell{background:linear-gradient(180deg,#ffffff06,#fff0 160px)}.topbar,.statusbar{border-color:var(--line);background:#0d0f11eb;-webkit-backdrop-filter:blur(18px) saturate(1.1);backdrop-filter:blur(18px) saturate(1.1)}.topbar{min-height:66px;padding:10px max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left))}.brand{display:flex;align-items:center;min-width:0;gap:11px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;flex:none;border:1px solid rgba(45,212,191,.38);border-radius:8px;color:var(--accent-strong);background:linear-gradient(180deg,#2dd4bf1f,#a78bfa14);box-shadow:inset 0 1px #ffffff14}.brand-copy{display:grid;gap:3px;min-width:0}.brand-copy h1{min-width:0;font-size:19px;line-height:1.1}.title-text{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-copy p{color:var(--muted);font-size:12px}.top-actions{flex:none;gap:8px}.connection{min-height:34px;border-color:#e0b95775;color:var(--warning);background:#e0b95714;font-size:12px;font-weight:700}.connection.connected{border-color:#62d39480;color:var(--success);background:#62d39414}.connection.disconnected,.connection.error{border-color:#ff6b7a8a;color:var(--danger);background:#ff6b7a14}.mobile-panel-switch{padding:8px max(10px,env(safe-area-inset-right)) 8px max(10px,env(safe-area-inset-left));border-color:var(--line);background:#0d0f11f5}.mobile-panel-switch button{min-height:36px;border-radius:999px;background:var(--surface)}.mobile-panel-switch button.active,.feed-filters button.active{color:#041312;border-color:var(--accent);background:var(--accent)}.workspace-grid{grid-template-columns:clamp(248px,17vw,270px) minmax(0,1fr) clamp(280px,20vw,310px);background:#0000001f}.workspace-grid:has(.event-feed.collapsed){grid-template-columns:clamp(248px,17vw,270px) minmax(0,1fr) 74px}.workspace-panel{background:#ffffff03}.sidebar,.event-feed{padding:14px;background:#0f1113f0}.sidebar{border-right-color:var(--line)}.event-feed{border-left-color:var(--line)}.center-stack{grid-template-rows:none;grid-auto-rows:min-content;gap:12px;padding:14px}.composer,.panel-block,.mini-panel,.interview-ui,.summary-card,.event,.modal,.drawer{border-color:var(--line);border-radius:var(--radius);background:#111315f5;box-shadow:var(--shadow-card)}.composer{padding:12px;border:1px solid var(--line)}.composer-head,.feed-head,.panel-title,.drawer-head{min-width:0}.composer-head strong,.mini-panel strong,.panel-title h2,.feed-head h2{min-width:0;color:var(--text)}.composer-head small,.feed-head p,.topbar p,.statusbar,.empty,.empty-inline,small,label,.panel-title span{color:var(--muted)}textarea{min-height:132px}.button-row{display:grid;grid-template-columns:1fr 1fr}.brief-grid,.detail-grid{gap:8px}.brief-grid span,.detail-grid span,.feed-metrics span,.feed-filters button,.chips span,.task span,.flow-legend span,.agent-pill{border-color:var(--line);background:#0c0e10e6}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(152px,1fr));gap:10px}.summary-card{min-height:64px;padding:11px}.summary-icon,.agent-icon,.event-dot{color:var(--accent-strong);background:var(--surface-soft)}.summary-card.completed .summary-icon,.summary-card.done .summary-icon,.agent-pill.completed{color:var(--success)}.summary-card.failed .summary-icon,.summary-card.error .summary-icon,.agent-pill.failed{color:var(--danger)}.summary-card.waiting .summary-icon{color:var(--warning)}.mission-tabs{gap:9px;min-height:44px;padding-bottom:3px}.mission-tab{display:grid;grid-template-columns:minmax(0,1fr);justify-items:start;align-content:center;gap:3px;min-width:172px;border-color:var(--line);background:#111315f5}.mission-tab span,.mission-tab small{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mission-tab small{font-size:11px}.mission-tab.active{border-color:#2dd4bfcc;box-shadow:inset 0 0 0 1px #2dd4bf2e,0 10px 24px #2dd4bf14}.canvas{min-height:clamp(430px,57vh,660px);border-color:var(--line);background:linear-gradient(180deg,#ffffff05,#fff0 90px),var(--surface-soft);box-shadow:var(--shadow-soft);isolation:isolate}.canvas:before{opacity:.22;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px)}.canvas-glow{background:linear-gradient(135deg,rgba(45,212,191,.11),rgba(167,139,250,.07) 38%,rgba(98,211,148,.035) 72%,transparent)}.canvas-tools button,.canvas-state,.flow-rail,.agent-detail,.mobile-flow-head{border-color:var(--line);background:#0d0f11e0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 28px #0000002e}.canvas-state span{color:var(--muted);border-left-color:var(--line)}.flow-step{border-color:var(--line);background:var(--surface)}.flow-step.completed,.agent-pill.completed,.flow-legend .completed:before{color:var(--success)}.flow-step.working,.agent-pill.working,.agent-pill.spawning,.agent-pill.security,.flow-legend .working:before{color:var(--accent-strong)}.flow.completed{stroke:var(--success)}.flow.failed{stroke:var(--danger)}.flow{stroke:var(--accent-strong)}.agent-card{width:190px;border-color:var(--line-strong);background:#111315f7;box-shadow:0 18px 42px #00000047}.agent-card.working{border-color:#2dd4bf94;box-shadow:0 18px 42px #00000047,0 0 0 1px #2dd4bf14}.agent-card p,.mini-panel p,.event p,.panel-block p,.event-copy{color:var(--muted)}.feed-head{align-items:start}.feed-metrics,.feed-filters{gap:7px}.events{gap:9px;padding-right:2px}.event{min-height:72px;padding:11px}.event:before{background:var(--subtle)}.event.working:before{background:var(--accent-strong)}.event.completed:before{background:var(--success)}.event.failed:before{background:var(--danger)}.event.security:before{background:var(--violet)}.event.failed,.notice.error{border-color:#ff6b7aa8}.event strong{color:var(--text)}.event time,.event em{color:var(--subtle)}.event-download,.detail-download{border-color:#2dd4bf7a;color:var(--accent-strong);background:#2dd4bf14}.event-download:hover,.detail-download:hover{border-color:var(--accent);background:#2dd4bf24}.progress{border-color:var(--line);background:#070909}.progress span{background:linear-gradient(90deg,var(--accent-strong),var(--success))}.task{border-color:var(--line);background:var(--surface-soft)}.created-file-list{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.created-file-list a{border-color:var(--line);background:var(--surface-soft)}.interview-ui{border-color:#2dd4bf6b}.drawer{overflow:auto;background:var(--surface);box-shadow:-24px 0 64px #00000061}.drawer-head h2{min-width:0;overflow-wrap:anywhere}.free-answer,.free-answer input{min-width:0}.skill-row{align-items:center}.modal-backdrop{padding:16px;background:#0000009e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{max-height:calc(100dvh - 32px);overflow:auto}.statusbar{padding:8px max(14px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));color:var(--muted)}.statusbar span{min-width:0}@media(max-width:1400px)and (min-width:861px){.workspace-grid,.workspace-grid:has(.event-feed.collapsed){grid-template-columns:clamp(236px,24vw,286px) minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(240px,34vh)}.panel-events{grid-column:1 / -1}.event-feed{border-left:0;border-top:1px solid var(--line)}.canvas{min-height:clamp(400px,50vh,560px)}}@media(max-width:1180px)and (min-width:861px){.workspace-grid,.workspace-grid:has(.event-feed.collapsed){grid-template-columns:clamp(236px,28vw,290px) minmax(0,1fr)}}@media(max-width:860px){.topbar{min-height:58px;padding:8px max(10px,env(safe-area-inset-right)) 8px max(10px,env(safe-area-inset-left))}.brand{gap:8px}.brand-mark{width:34px;height:34px}.brand-copy h1{font-size:16px}.brand-copy p{display:none}.top-actions{gap:6px}.connection{max-width:148px;min-height:34px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-grid,.workspace-grid:has(.event-feed.collapsed){grid-template-columns:1fr;grid-template-rows:minmax(0,1fr)}.workspace-panel.active{min-height:0;overflow:auto}.sidebar,.event-feed,.center-stack{height:100%;overflow:auto}.sidebar,.event-feed,.center-stack{padding:10px}.center-stack{display:block}.center-stack>*+*{margin-top:10px}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(142px,1fr))}.canvas{display:grid;grid-auto-rows:min-content;gap:8px;min-height:0;padding:10px;overflow:visible}.canvas:before,.canvas-glow{pointer-events:none}.canvas-tools,.canvas-stage,.flow-lines{display:none}.canvas-state,.flow-rail,.flow-legend,.mobile-flow-map,.canvas-empty{position:relative;inset:auto;z-index:2;width:auto;max-width:none}.canvas-state{display:flex;padding:8px}.flow-rail{display:grid;grid-template-columns:auto minmax(90px,1fr)}.flow-rail div:first-child{min-width:82px}.flow-legend{display:flex;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.flow-legend span{flex:0 0 auto}.mobile-flow-map{display:grid;min-height:260px;max-height:48vh}.mobile-flow-items{max-height:inherit}.canvas-empty{display:grid;min-height:260px}.agent-detail{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));width:auto;max-height:min(360px,calc(100dvh - 112px));overflow:auto}.event-feed.collapsed .feed-head{writing-mode:horizontal-tb;min-height:auto}.option-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){button{min-height:36px;padding-inline:10px}.icon-button{width:36px;min-width:36px;height:36px}.topbar{gap:8px}.brand-copy h1{font-size:15px}.title-text{max-width:min(210px,calc(100vw - 190px))}.top-actions .connection{width:36px;min-width:36px;padding:0;font-size:0}.top-actions .connection svg{margin:0}.mobile-panel-switch{gap:6px}.mobile-panel-switch button{min-width:90px;padding-inline:8px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.option-grid,.brief-grid,.detail-grid{grid-template-columns:1fr}.summary-card{min-height:58px}.mission-tab{min-width:156px}.canvas{padding:8px}.canvas-state{gap:6px}.canvas-state span{border-left:0;padding-left:0}.flow-rail{grid-template-columns:1fr}.mobile-flow-map{min-height:300px;max-height:none}.flow-legend{gap:5px;flex-wrap:wrap;overflow:visible}.button-row,.free-answer,.skill-row{grid-template-columns:1fr}.free-answer{flex-wrap:wrap}.free-answer button,.free-answer input{width:100%}.event-main{grid-template-columns:minmax(0,1fr)}.event-dot{display:none}.event-meta{flex-wrap:wrap;gap:5px 8px}.event strong{white-space:normal}.drawer{width:100vw;padding:12px}.statusbar{gap:6px 10px}}@media(max-height:720px)and (min-width:861px){.topbar{min-height:58px}.canvas{min-height:390px}textarea{min-height:96px}.summary-card{min-height:56px}}.topbar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(360px,560px) auto}.top-inspector{min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.top-inspector span{min-width:0;min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 10px;border:1px solid rgba(59,70,76,.72);border-radius:999px;color:var(--muted);background:#0c0e10b8;font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-inspector svg{flex:none;color:var(--accent-strong)}.summary-card{position:relative;align-items:start;overflow:hidden}.summary-card:after{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--accent-strong),rgba(167,139,250,.7),transparent);opacity:.58}.summary-card.completed:after,.summary-card.done:after{background:linear-gradient(90deg,var(--success),transparent)}.summary-card.failed:after,.summary-card.error:after{background:linear-gradient(90deg,var(--danger),transparent)}.summary-card.waiting:after{background:linear-gradient(90deg,var(--warning),transparent)}.summary-copy{min-width:0;display:grid;gap:3px;flex:1}.summary-copy span{min-width:0;color:var(--subtle);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-meter{position:absolute;left:10px;right:10px;bottom:8px;height:3px;overflow:hidden;border-radius:999px;background:#ffffff0e}.summary-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-strong),var(--success))}.composer{gap:12px}.field-group{display:grid;gap:7px}.field-head,.field-label{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:13px}.field-label{justify-content:flex-start}.mission-field textarea{min-height:154px}.segmented-control{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:4px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft)}.segmented-control button{min-width:0;min-height:30px;padding:0 5px;border-color:transparent;background:transparent;color:var(--muted);font-size:12px;box-shadow:none}.segmented-control button:hover:not(:disabled){border-color:#3b464ccc;background:#ffffff0b}.segmented-control button.active{color:#041312;border-color:var(--accent);background:linear-gradient(180deg,var(--accent-strong),var(--accent))}.source-state{display:inline-flex;align-items:center;min-height:26px;padding:0 8px;border:1px solid var(--line);border-radius:999px;justify-self:start;background:#0c0e10b8}.canvas-tools{padding:4px;border:1px solid var(--line);border-radius:999px;background:#0d0f11c2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.canvas-tools .icon-button{border-radius:999px}.canvas-state strong{display:inline-flex;align-items:center;gap:7px;min-width:0}.status-dot{width:8px;height:8px;flex:none;border-radius:999px;background:var(--subtle);box-shadow:0 0 0 3px #78858c1f}.status-dot.working,.status-dot.running,.status-dot.spawning,.status-dot.security{background:var(--accent-strong);box-shadow:0 0 0 3px #67e8f924}.status-dot.completed,.status-dot.done{background:var(--success);box-shadow:0 0 0 3px #62d39424}.status-dot.failed,.status-dot.error{background:var(--danger);box-shadow:0 0 0 3px #ff6b7a24}.status-dot.waiting,.status-dot.queued{background:var(--warning);box-shadow:0 0 0 3px #e0b95724}.statusbar{flex-wrap:wrap}.statusbar span{min-height:26px;padding:0 8px;border:1px solid rgba(59,70,76,.54);border-radius:999px;background:#0c0e108a}.statusbar strong{color:var(--text);font-weight:760}@media(max-width:1400px){.topbar{grid-template-columns:minmax(220px,1fr) auto}.top-inspector{display:none}}@media(max-width:860px){.topbar{display:flex}.summary-meter{left:8px;right:8px;bottom:7px}.mission-field textarea{min-height:136px}}@media(max-width:520px){.segmented-control{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-copy span{white-space:normal}.statusbar span{flex:1 1 150px;justify-content:flex-start}}