:root{color-scheme:dark;--bg:#080e14;--surface:#111d29;--line:#8fbdce24;--ink:#e3edf2;--muted:#93aebb;--cyan:#8cead9;--amber:#edc28a;--red:#e5a5b0;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-synthesis:none;background:var(--bg);color:var(--ink)}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button{color:inherit;border:1px solid var(--line);border-radius:8px;background:#a7d6dd08;padding:9px 13px;font-size:12px;transition:background .18s,border-color .18s}button:hover{background:#a7d6dd16;border-color:#a7d6dd55}button:disabled{cursor:default;opacity:.4}a{color:#a5dcd8;text-underline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}[hidden]{display:none!important}.chrome{height:68px;display:flex;justify-content:space-between;align-items:center;padding:0 30px;border-bottom:1px solid #83a8c011;position:relative;z-index:4;background:#091018d9;gap:14px}.identity,.top-actions{display:flex;align-items:center;gap:18px;min-width:0}.wordmark{color:var(--ink);text-decoration:none;font-size:22px;font-weight:500;letter-spacing:-1.5px;white-space:nowrap}.wordmark span{color:var(--cyan)}.divider{height:16px;width:1px;background:var(--line)}.quiet-button{border:0;background:transparent;color:var(--muted);padding:8px}.primary{border-color:#8cead943;background:#8cead913;color:#d3f2ed}.connection{border:0;padding:7px 0;display:flex;gap:7px;align-items:center;color:var(--muted);font-size:11px;max-width:180px}.connection span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection i,.event-dot{width:5px;height:5px;border-radius:50%;background:#7b8798;display:inline-block;flex:none}.connection.online i{background:var(--cyan);box-shadow:0 0 10px #8cead955}.connection.offline i{background:var(--amber)}kbd{font:10px ui-monospace,monospace;border:1px solid var(--line);border-radius:4px;padding:1px 4px;margin-left:7px}main{position:relative;min-height:calc(100dvh - 137px)}.scene-heading{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:29px 36px 8px;pointer-events:none}.scene-heading>*{pointer-events:auto}.eyebrow{font:10px/1.5 ui-monospace,monospace;letter-spacing:.2em;color:#7898aa}h1{font-size:25px;font-weight:400;letter-spacing:-.03em;margin:8px 0}#project-caption{font-size:11px;color:var(--muted);margin:0}.view-tools{display:flex;gap:8px;align-items:center}select,input,textarea{color:var(--ink);background:#0a131d;border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-size:13px;max-width:100%}select{font-size:11px;color:#a3bac6}.view-tools select{max-width:180px}#graph{height:calc(100dvh - 245px);min-height:440px;position:relative}.event-bar{min-height:61px;margin:0 28px 8px;padding:12px 17px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(110deg,#12212b,#0c1720);display:flex;justify-content:space-between;align-items:center;gap:12px;position:relative;z-index:3;font-size:11px}.event-bar>div{display:flex;gap:8px}.event-button{border:0;background:none;display:flex;align-items:center;gap:11px;text-align:left;max-width:75%;padding:0;font-size:11px;color:#b0cad2}.event-dot{background:var(--cyan)}#notice{margin:10px 32px;padding:12px 15px;border:1px solid #d4a97336;border-radius:9px;background:#28231ad9;color:#e1c59c;font-size:12px;position:relative;z-index:4}.empty{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:2;max-width:90%;width:420px;pointer-events:none}.empty button{pointer-events:auto}.empty-orbit{color:#8cead9;font-size:56px;text-shadow:0 0 38px #8cead966}.empty h2{font-size:22px;font-weight:400;letter-spacing:-.03em}.empty p{font-size:12px;color:var(--muted);line-height:1.9}.empty .primary{margin-top:10px}dialog{color:var(--ink);background:linear-gradient(135deg,#172531,#0d1721);border:1px solid #a7cbd436;border-radius:18px;padding:26px;max-width:min(620px,calc(100vw - 30px));width:620px;max-height:85dvh;overflow:auto;box-shadow:0 24px 100px #000a}dialog::backdrop{background:#030a11b8;backdrop-filter:blur(9px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.eyebrow,.dialog-id{overflow-wrap:anywhere}.dialog-id{font:10px ui-monospace,monospace;color:#829fac;letter-spacing:.06em}.close{border:0;background:none;font-size:21px;padding:0 6px;color:#91aab5}h2{font-weight:400;font-size:24px;letter-spacing:-.03em;overflow-wrap:anywhere;margin:8px 0 18px}h3{font-size:13px;font-weight:500;color:#c7dce3;margin:0 0 8px}.subtle{font-size:11px;color:var(--muted);line-height:1.7;margin:8px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:block;color:#99b2bf;font-size:11px;margin:15px 0 7px}input,textarea,form select{width:100%}textarea{resize:vertical;min-height:86px;line-height:1.7}input[type=checkbox]{width:auto}.field-help{font-size:11px;color:#7f9ca9;line-height:1.7;margin-top:7px}.submit{margin-top:20px;width:100%;padding:11px}.form-error{font-size:12px;color:var(--amber);line-height:1.7;white-space:pre-wrap}.detail-state{display:inline-flex;gap:8px;align-items:center;color:var(--cyan);font-size:11px;margin-bottom:16px}.detail-state[data-state=submitted]{color:var(--amber)}.detail-state[data-state=failed],.detail-state[data-state=rejected]{color:var(--red)}.facts-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;padding-bottom:18px}.fact-label{font-size:10px;color:#7b98a5;margin-bottom:5px}.fact-value{font-size:12px;color:#d0e1e8;overflow-wrap:anywhere}.detail-section{border-top:1px solid var(--line);padding:17px 0}.prose{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.8;color:#b4cbd5}.task-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:16px}.task-actions button{font-size:11px}.danger{color:#e6a6ae;border-color:#d49ca534}.history-row,.menu-row{padding:12px 0;border-bottom:1px solid #9bc8d514}.history-top{display:flex;justify-content:space-between;gap:14px;align-items:baseline;font-size:11px;color:#a3c1cd;margin-bottom:7px}.history-row .prose{font-size:11px}.badge{font-size:10px;padding:3px 6px;border:1px solid var(--line);border-radius:5px;color:#b9d6db}.menu-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border-radius:0;text-align:left;background:none;border-left:0;border-right:0;border-top:0;font-size:12px}.menu-row small{color:var(--muted);font-size:10px}.stack{display:grid;gap:5px}.dialog-tools{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}.search-input{margin:5px 0 13px}.section-title{color:#9bb4c0;font-size:11px;margin:19px 0 8px}.batch-progress{font-size:12px;color:var(--cyan);margin-top:12px}.artifacts{margin:9px 0;padding-left:18px;font-size:11px;overflow-wrap:anywhere}.event-history{max-height:55vh;overflow:auto}#toast{position:fixed;z-index:15;bottom:90px;left:50%;transform:translateX(-50%);color:#d3e7e7;background:#172933;border:1px solid #97d1d442;border-radius:10px;padding:12px 18px;box-shadow:0 10px 30px #0005;font-size:12px;max-width:90vw;white-space:pre-wrap}pre{white-space:pre-wrap;word-break:break-word;color:#b4cbd5;font-size:11px}.connection-description{line-height:1.8;color:#91adbc;font-size:12px}.key-hint{font:10px ui-monospace,monospace;color:#718d9b}.loading{opacity:.6;pointer-events:none}
@media(max-width:700px){.chrome{padding:0 14px;height:58px;gap:7px}.identity,.top-actions{gap:7px}.wordmark{font-size:19px}.top-actions kbd,.top-actions #search span,.connection span{display:none}.divider{margin:0 2px}#workspace{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.scene-heading{padding:23px 19px 8px;align-items:flex-start;flex-direction:column;gap:12px}h1{font-size:22px}.view-tools{width:100%}.view-tools select{max-width:48%;flex:1}#graph{height:calc(100dvh - 270px);min-height:450px}.event-bar{margin:0 12px 8px;padding:11px;gap:6px}.event-button{font-size:10px;max-width:64%}.event-bar button{font-size:10px}.event-bar>div{gap:2px}.event-bar .quiet-button{padding:5px}.form-grid{grid-template-columns:1fr}.form-grid label{margin-top:8px}dialog{padding:21px;max-height:90dvh}input,textarea{font-size:16px}.facts-grid{gap:12px}.eyebrow{font-size:9px}#notice{margin:8px 15px}.empty h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* The canvas uses the remaining viewport; controls never push its focus below the fold. */
body{height:100dvh;min-height:480px;display:flex;flex-direction:column}.chrome{flex:none}main{flex:1;min-height:0;display:flex;flex-direction:column}.scene-heading{flex:none;padding-top:18px;gap:14px}.scene-heading>div:first-child{min-width:0}h1{font-size:23px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:6px 0}.eyebrow{font-size:9px}#project-caption{line-height:1.7;max-width:850px}.view-tools{flex:none}#graph{flex:1;height:auto;min-height:180px}#graph .task-graph{height:100%;min-height:0}.event-bar{flex:none;min-height:48px;padding:9px 15px;margin-bottom:8px}.scope-tools{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:7px 35px 10px;z-index:3;flex:none}.scope-tools>span:first-child{color:#89a6b5;font-size:10px;margin-right:5px}.scope-tools button,.scope-tools select{padding:6px 10px;font-size:10px;background:#121f2a}.scope-tools #overview-pages{display:inline-flex;align-items:center;gap:8px;margin-left:auto;font:10px ui-monospace,monospace}.menu-description{display:block;margin-top:6px;line-height:1.7}.chain-link>span{min-width:0}.chain-link>small{flex:none}.menu-row>span{overflow-wrap:anywhere}#toast{bottom:auto;top:76px;max-width:min(580px,90vw);pointer-events:none}.view-tools select{max-width:150px}#notice{flex:none;margin:4px 32px;padding:9px 13px}
@media(max-width:700px){.scene-heading{padding:12px 16px 4px;gap:7px}h1{font-size:18px;margin:5px 0}.eyebrow{display:none}.view-tools{width:100%;gap:7px}.view-tools select{padding:7px 10px;max-width:50%;flex:1}.scope-tools{padding:6px 15px 8px;gap:5px}.scope-tools>span:first-child{flex-basis:100%;font-size:9px}.scope-tools button,.scope-tools select{min-height:32px;padding:5px 8px}#project-caption{font-size:10px;line-height:1.5}#graph{height:auto;min-height:170px}.event-bar{min-height:45px;margin:0 10px 7px;padding:8px 11px}#toast{top:64px;padding:10px 13px}.chain-link{align-items:flex-start}.chain-link>small{max-width:64px}#notice{margin:4px 15px}}