:root{color:#edf3fb;background:#07101d;font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;color-scheme:dark;--surface: #0d1a2a;--surface-2: #0b1725;--line: #24384d;--line-soft: #1b2c3e;--text-muted: #8ba3bb;--text-dim: #6f87a0;--accent: #269ae3;--ok: #43d69f;--warn: #f0b45a;--bad: #ec7a72}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 70% -10%,#173353 0,transparent 38%),#07101d;-webkit-text-size-adjust:100%}button,input,textarea,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid #4aa9e8;outline-offset:2px}.shell{width:min(100%,760px);margin:0 auto;padding:max(22px,env(safe-area-inset-top)) 18px calc(90px + env(safe-area-inset-bottom))}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.header-actions{display:flex;align-items:center;gap:10px}.icon-button{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);font-size:17px;cursor:pointer}.icon-button:active{transform:scale(.96)}.eyebrow{margin:0 0 5px;color:#7e9cbb;font-size:10px;letter-spacing:.18em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:24px}h2{font-size:16px}.connection{display:flex;align-items:center;gap:7px;color:var(--text-muted);font-size:12px;white-space:nowrap}.connection i{width:8px;height:8px;border-radius:99px;background:var(--warn)}.connection.online i{background:var(--ok);box-shadow:0 0 12px var(--ok)}.connection.offline i{background:var(--bad)}.banner{display:flex;align-items:center;gap:10px;width:100%;margin-bottom:14px;padding:12px 14px;border:1px solid #6b4a33;border-radius:14px;background:#2a1f17;color:#f0c9a4;text-align:left;cursor:pointer}.banner strong{font-size:12px;white-space:nowrap}.banner span{flex:1;overflow:hidden;color:#c9a889;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.banner b{font-size:12px;white-space:nowrap}.hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:end;padding:22px;border:1px solid #2b4762;border-radius:22px;background:linear-gradient(145deg,#1f4367e0,#0d1c2fe0);box-shadow:0 20px 50px #00000038}.hero:after{content:"";position:absolute;width:160px;height:160px;right:-60px;top:-80px;border-radius:50%;background:#3d82bd35}.hero p{margin:0;color:#b3c8db}.hero span{display:block;margin-top:5px;color:#8ba3bb;font-size:12px}.hero strong{position:relative;grid-row:1;grid-column:2;font-size:50px;line-height:.9;color:#8fd4ff}.hero strong small{display:block;margin-top:7px;font-size:10px;font-weight:500;letter-spacing:.08em;color:#8ba3bb;text-transform:uppercase}.new-task{grid-column:1 / 3;min-height:48px;border:0;border-radius:13px;background:var(--accent);color:#fff;font-weight:700;cursor:pointer}.new-task:disabled{opacity:.45;cursor:not-allowed}.section{margin-top:26px}.section-heading{display:flex;align-items:center;gap:9px;margin:0 4px 10px}.section-heading h2{margin:0}.section-heading span{color:var(--text-dim);font-size:12px}.section-heading .badge{min-width:20px;padding:2px 7px;border-radius:20px;color:#ffc0ac;background:#7c382f80;text-align:center}.search{width:100%;min-height:44px;margin-bottom:10px;padding:0 13px;border:1px solid var(--line-soft);border-radius:12px;background:var(--surface-2);color:#e9f2fa}.search::placeholder{color:#617b92}.chips{display:flex;gap:8px;margin-bottom:12px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;min-height:36px;padding:0 13px;border:1px solid var(--line-soft);border-radius:999px;background:var(--surface-2);color:var(--text-muted);font-size:12px;cursor:pointer}.chip.active{border-color:#2f6f9c;background:#123149;color:#cfe9fb}.task-card{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-bottom:9px;padding:14px;border:1px solid var(--line-soft);border-radius:15px;background:var(--surface);text-align:left;cursor:pointer}.task-card:active{transform:scale(.995)}.task-card.urgent{border-color:#6d423b;background:linear-gradient(110deg,#2b1d1e,#111c29)}.task-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:#ffae8e;background:#6f382f;font-weight:800}.task-copy{min-width:0;display:flex;flex-direction:column;gap:5px}.task-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.task-copy small{overflow:hidden;color:#91a8bf;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.task-card time,.timeline time{color:#7c93a9;font-size:10px;white-space:nowrap}.chevron{color:#9ab2c9;font-size:24px}.pulse,.status-dot{width:10px;height:10px;border-radius:99px;background:#50b7f2;box-shadow:0 0 12px #50b7f288}.status-dot.run{background:#50b7f2}.status-dot.warn{background:var(--warn);box-shadow:none}.status-dot.ok{background:var(--ok);box-shadow:none}.status-dot.bad{background:var(--bad);box-shadow:none}.status-dot.idle{background:#55708a;box-shadow:none}.empty{padding:25px;border:1px dashed var(--line-soft);border-radius:15px;color:var(--text-dim);text-align:center;font-size:13px}.device-card{display:flex;justify-content:space-between;align-items:center;padding:15px;border-radius:15px;background:var(--surface-2)}.device-card div{display:flex;flex-direction:column;gap:4px}.device-card small{color:var(--text-dim)}.online-pill{padding:5px 10px;border-radius:20px;color:#70dcb5;background:#17382e;font-size:11px}.online-pill.offline,.online-pill.degraded{color:#d3b48c;background:#33291c}.scrim{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding-top:64px;background:#02060bbe;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sheet{position:relative;width:min(100%,760px);max-height:90vh;overflow:auto;overscroll-behavior:contain;padding:26px 20px max(26px,env(safe-area-inset-bottom));border:1px solid #233b52;border-radius:24px 24px 0 0;background:#0a1624;box-shadow:0 -25px 70px #0008}.sheet h2{padding-right:44px}.sheet.compact{align-self:center;border-radius:24px}.sheet-sub{margin:-6px 0 4px;color:var(--text-dim);font-size:12px}.sheet label{display:grid;gap:7px;margin:16px 0;color:#a9bccf;font-size:12px}.sheet input,.sheet textarea,.sheet select{width:100%;padding:12px;border:1px solid var(--line);border-radius:11px;outline:none;background:#07101c;color:#e9f2fa}.sheet textarea{resize:vertical}.sheet input:focus,.sheet textarea:focus,.sheet select:focus{border-color:#3a92cc}.sheet select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;cursor:pointer}.field-hint{color:#7d95ad;font-size:11px;font-weight:400;line-height:1.5}.custom-directory{margin-top:6px}.upload-button{display:flex!important;align-items:center;justify-content:center;min-height:46px;border:1px dashed #31506a;border-radius:11px;color:#9ed2f5!important;cursor:pointer}.upload-button input,.attach input{display:none}.image-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:8px 0 14px}.image-list div{position:relative;min-width:0}.image-list img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:9px;border:1px solid #294057}.image-list button{position:absolute;right:-6px;top:-6px;display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:#a54c4c;color:#fff;cursor:pointer}.image-list span{display:block;overflow:hidden;margin-top:3px;color:#7d95ad;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.compact-images{max-width:320px}.attach{display:grid;place-items:center;flex:0 0 46px;margin:0!important;border:1px solid var(--line);border-radius:11px;color:#9ed2f5!important;font-size:22px!important;cursor:pointer}.safety{color:#7d95ad;font-size:12px;line-height:1.6}.warning{color:#f0b45a;font-size:11px;line-height:1.5}.wide{width:100%}.close{position:absolute;right:12px;top:10px;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:12px;background:transparent;color:#93a9bf;font-size:28px;cursor:pointer}.summary{color:#9db2c7;line-height:1.65}.error-box{margin:16px 0;padding:14px;border:1px solid #6b3b3b;border-radius:14px;background:#241a1a}.error-box strong{display:block;color:#f3b6b0;font-size:13px}.error-box p{margin:6px 0 0;color:#c9a5a2;font-size:12px;line-height:1.55}.error-box .raw{color:#8e7472;font:11px/1.5 ui-monospace,monospace;word-break:break-word}.error-box button{margin-top:10px}.inline-error{margin:10px 0;color:#f0a9a3;font-size:12px}.approval{margin:18px 0;padding:16px;border:1px solid #6d493b;border-radius:15px;background:#271d1a}.approval-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.approval-head strong{color:#f2c6a6;font-size:13px}.approval .waiting{margin:6px 0 0;color:#b08f75;font-size:11px}.approval pre{margin:10px 0 15px;max-height:260px;overflow:auto;color:#c4ada0;font:12px/1.6 ui-monospace,monospace;white-space:pre-wrap;word-break:break-word}.risk-pill{flex:0 0 auto;padding:3px 8px;border-radius:999px;font-size:10px}.risk-pill.high{color:#ffc2bc;background:#6f2b2b}.risk-pill.medium{color:#ffd9a3;background:#5c4423}.risk-pill.low{color:#a8d8c4;background:#1e3b32}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions button{flex:1 1 28%}.primary,.secondary,.danger{min-height:46px;padding:0 15px;border-radius:12px;cursor:pointer}.primary{border:0;background:var(--accent);color:#fff;font-weight:650}.secondary{border:1px solid #4d5965;background:transparent}.danger{border:1px solid #623f43;background:#26191d;color:#e99898}.primary:disabled,.secondary:disabled{opacity:.5;cursor:not-allowed}.meta{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.meta span{padding:5px 8px;border-radius:7px;background:#101f30;color:#8ba3bb;font-size:10px}.timeline{margin:20px 0}.timeline-item{display:grid;grid-template-columns:10px 1fr;gap:12px;padding-bottom:18px}.timeline-item>i{display:grid;place-items:center;width:24px;height:24px;margin-left:-7px;border-radius:8px;background:#16324a;color:#8ccdf5;font:10px ui-monospace,monospace}.timeline-body{min-width:0}.timeline-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.timeline-head strong{font-size:13px}.timeline-item pre,.timeline-item code{display:block;max-height:240px;overflow:auto;margin:6px 0;padding:9px;border-radius:8px;background:#07101c;color:#a9bccf;font:11px/1.55 ui-monospace,monospace;white-space:pre-wrap;word-break:break-word}.timeline-item pre.clamped{max-height:180px}.timeline-item .event-meta{margin:5px 0;color:#7d95ad;font-size:11px}.timeline-item.message>i{color:#b6e2ff}.timeline-item.command>i{color:#ffd47d}.timeline-item.file>i{color:#7ce1b7}.timeline-item.streaming .timeline-head strong:after{content:"▍";margin-left:3px;animation:blink 1s steps(2) infinite;color:#6fc4f2}@keyframes blink{50%{opacity:0}}.command-row{display:flex;align-items:flex-start;gap:8px;margin:6px 0}.command-row code{flex:1;margin:0;max-height:140px}.mini{flex:0 0 auto;min-height:30px;padding:0 9px;border:1px solid var(--line);border-radius:8px;background:#0d1a29;color:#9dc6e6;font-size:11px;cursor:pointer}.text-button{min-height:34px;padding:0;border:0;background:transparent;color:#7fc3ee;font-size:12px;cursor:pointer}.md{margin:6px 0;font-size:13px;line-height:1.65;color:#c4d4e3}.md-text{margin:0 0 8px;white-space:pre-wrap;word-break:break-word}.md-text a{color:#7fc3ee}.md-text code{display:inline;padding:1px 5px;border-radius:5px;background:#16283a;color:#b8dcf5;font:12px ui-monospace,monospace}.md-code{margin:8px 0;border:1px solid #22384c;border-radius:10px;overflow:hidden;background:#07101c}.md-code-head{display:flex;align-items:center;justify-content:space-between;padding:5px 8px;background:#0d1d2d;color:#7d95ad;font:10px ui-monospace,monospace}.md-code pre{max-height:320px;margin:0;padding:10px;overflow:auto;background:transparent}.md-code code{padding:0;background:transparent;font:11.5px/1.6 ui-monospace,monospace;color:#b6d4ea}.artifact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,220px));gap:9px;margin:9px 0}.artifact-grid a{overflow:hidden;border:1px solid #294057;border-radius:10px;background:#07101c;color:#8ecbf2;text-decoration:none}.artifact-grid img{display:block;width:100%;max-height:240px;object-fit:contain;background:#050b12}.artifact-grid span{display:block;padding:8px;text-align:center;font-size:11px}.file-icon{display:grid;place-items:center;min-height:95px;background:linear-gradient(145deg,#102b42,#0b1725);color:#8ecbf2;font:700 17px ui-monospace,monospace}.reply{display:flex;align-items:stretch;gap:8px;margin-top:14px}.reply textarea{flex:1;min-width:0;resize:none}.detail-actions{display:flex;flex-direction:column;gap:10px;margin-top:16px}.detail-actions .danger{margin:0}.switch-row{display:flex!important;align-items:center;justify-content:space-between;gap:12px}.switch-row input{width:44px!important;height:26px;accent-color:var(--accent)}.hop-list{display:grid;gap:10px;margin:16px 0}.hop{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border:1px solid var(--line-soft);border-radius:12px;background:#0b1725}.hop div{display:flex;flex-direction:column;gap:3px;min-width:0}.hop strong{font-size:12px}.hop small{color:var(--text-dim);font-size:11px;line-height:1.5;word-break:break-word}.hop-dot{flex:0 0 auto;width:9px;height:9px;margin-top:5px;border-radius:99px;background:var(--text-dim)}.hop-dot.ok{background:var(--ok);box-shadow:0 0 10px #43d69f88}.hop-dot.warn{background:var(--warn)}.hop-dot.bad{background:var(--bad)}.hop-dot.pending{background:#4ea6dd;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.35}}.toast{position:fixed;z-index:30;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translate(-50%);max-width:calc(100% - 36px);padding:12px 16px;border:1px solid #31506a;border-radius:12px;background:#102235;box-shadow:0 12px 40px #0009;font-size:12px}.heading-action{margin-left:auto;min-height:28px;padding:0;font-size:11px}.swipe-row{position:relative;overflow:hidden;margin-bottom:9px;border-radius:15px}.swipe-actions{position:absolute;inset:0 0 0 auto;display:flex;width:92px}.swipe-actions button{flex:1;border:0;background:#3a2427;color:#f0aaa4;font-size:12px;cursor:pointer}.swipe-content{position:relative;z-index:1;border-radius:15px;transition:transform .16s ease;touch-action:pan-y;will-change:transform}.swipe-row .task-card{margin-bottom:0}.agent-bar{display:flex;gap:8px;margin:12px 0 0;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.agent-bar::-webkit-scrollbar{display:none}.agent-chip{display:flex;align-items:center;gap:8px;flex:0 0 auto;min-height:38px;padding:0 13px;border:1px solid var(--line-soft);border-radius:999px;background:var(--surface-2);color:var(--text-muted);font-size:12px;cursor:pointer}.agent-chip.active{border-color:#2f6f9c;background:#123149;color:#d6ecfb}.agent-dot{width:8px;height:8px;border-radius:99px;background:#55708a}.agent-dot.online{background:var(--ok);box-shadow:0 0 8px #43d69f88}.agent-dot.degraded{background:var(--warn)}.agent-dot.offline{background:var(--bad)}.agent-settings{display:grid;gap:8px;margin:10px 0 4px}.agent-row{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;border:1px solid var(--line-soft);border-radius:12px;background:#0b1725;text-align:left;cursor:pointer}.agent-row.active{border-color:#2f6f9c;background:#10263a}.agent-row-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.agent-row-copy strong{font-size:12px}.agent-row-copy small{color:var(--text-dim);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-current{color:#8fd0f5;font-size:10px}.result-card{margin:16px 0;padding:15px;border:1px solid #27455c;border-radius:15px;background:linear-gradient(145deg,#10263a,#0b1a29)}.result-card.completed{border-color:#275a49;background:linear-gradient(145deg,#102a23,#0b1a29)}.result-card.failed{border-color:#6b3b3b;background:linear-gradient(145deg,#2a1b1b,#0b1a29)}.result-card.interrupted{border-color:#5b4a2c;background:linear-gradient(145deg,#2a2317,#0b1a29)}.result-head{display:flex;align-items:center;gap:11px}.result-icon{display:grid;place-items:center;flex:0 0 auto;width:32px;height:32px;border-radius:10px;background:#143447;color:#8fd0f5;font-weight:700}.result-card.completed .result-icon{background:#17402f;color:#6fe0b0}.result-card.failed .result-icon{background:#442323;color:#f3a8a2}.result-title{display:flex;flex-direction:column;gap:3px;min-width:0}.result-title strong{font-size:14px}.result-title small{color:var(--text-muted);font-size:11px}.result-message{display:-webkit-box;margin:10px 0 0;overflow:hidden;color:#c4d4e3;font-size:13px;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:3}.result-hint{margin:8px 0 0;color:#d9b48f;font-size:11px}.result-actions{display:flex;gap:8px;margin-top:12px}.result-actions button{flex:1}@media(min-width:700px){.shell{padding-left:28px;padding-right:28px}.sheet{border-radius:24px 24px 0 0;padding-left:32px;padding-right:32px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}