*{box-sizing:border-box}body{background:var(--background,#14161d);color:var(--foreground,#c9d1d9);font-family:var(--app-font,system-ui, -apple-system, "Segoe UI", "Noto Sans TC", sans-serif);margin:0}.office-app{min-height:100vh;min-height:100dvh;padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));flex-direction:column;gap:10px;display:flex}.office-header{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.office-header h1{letter-spacing:.02em;margin:0;font-size:16px}.office-header .hint{color:var(--muted-foreground,#8b949e);font-size:12px}.office-tools{align-items:center;gap:6px;margin-left:auto;display:flex}.office-tools button,.office-tools a{font:inherit;border:1px solid var(--border,#30363d);background:var(--card,transparent);color:inherit;cursor:pointer;border-radius:6px;padding:3px 8px;font-size:12px;text-decoration:none}.office-tools button:hover,.office-tools a:hover{border-color:var(--accent,#4da3ff)}.office-host{flex-direction:column;flex:1;align-items:stretch;gap:8px;min-height:420px;display:flex;position:relative}.office-viewport{flex:auto;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.office-stage{margin:auto;line-height:0;position:relative}.office-canvas{image-rendering:pixelated;border:1px solid var(--border,#30363d);border-radius:8px;display:block}.office-overlay{pointer-events:none;transform:scale(var(--office-scale,1));transform-origin:0 0;width:640px;height:384px;font-size:11px;line-height:1.35;position:absolute;inset:0}.office-banner{border:1px solid var(--border,#30363d);pointer-events:auto;cursor:pointer;background:#14161dd1;border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;width:100%;padding:6px 8px;display:flex}.office-banner.is-attention{color:#fff;background:#ff5a5fe6;border-color:#ff5a5f;animation:1.6s ease-in-out infinite office-pulse}.office-banner.is-done{border-color:#3ddc84}@keyframes office-pulse{0%,to{box-shadow:0 0 #ff5a5f99}50%{box-shadow:0 0 0 4px #ff5a5f00}}.office-banner-title{white-space:nowrap;text-overflow:ellipsis;max-width:40%;font-weight:600;overflow:hidden}.office-stages{flex-wrap:wrap;gap:4px;display:flex}.office-chip{border:1px solid var(--border,#30363d);white-space:nowrap;background:#00000040;border-radius:999px;padding:1px 5px}.office-chip.chip-done{color:#3ddc84;border-color:#3ddc84}.office-chip.chip-running{color:#ffb020;border-color:#ffb020}.office-chip.chip-review{color:#4da3ff;border-color:#4da3ff}.office-chip.chip-blocked{color:#ff5a5f;border-color:#ff5a5f}.office-chip.chip-todo{color:var(--muted-foreground,#8b949e)}.office-banner-status{white-space:nowrap;margin-left:auto;font-weight:600}.office-name{transform-origin:top;box-shadow:none;color:#f8f5e8;letter-spacing:.03em;pointer-events:auto;cursor:pointer;white-space:nowrap;text-shadow:0 1px #000000d9;background:#0d0f148c;border:1px solid #f8f5e81f;border-radius:2px;padding:0 3px 0 6px;font-size:7px;font-weight:500;line-height:1.1;position:absolute}.office-name:before{content:"";background:#cdd2de;border-radius:50%;width:3px;height:3px;margin-top:-1.5px;position:absolute;top:50%;left:2px}.office-name.role-analyst:before{background:#4da3ff}.office-name.role-developer:before{background:#5bd17a}.office-name.role-admin:before{background:#f2c14e}.office-name.role-other:before{background:#7d8499}.office-name.is-attention:after,.office-name.is-error:after{content:"!";color:#ffb020;margin-left:3px;font-weight:700}.office-name.is-error:after{color:#ff5a5f}.office-bubble{transform-origin:bottom;color:#1b1d24;word-break:break-word;white-space:normal;overflow-wrap:anywhere;background:#f8f5e8;border:1px solid #0d0f14;border-radius:4px;max-width:170px;padding:3px 7px;font-size:10px;line-height:1.35;position:absolute;box-shadow:0 2px #00000059}.office-bubble:after,.office-bubble:before{content:"";left:var(--tail-x,50%);border-style:solid;position:absolute;transform:translate(-50%)}.office-bubble:after{border-width:7px 7px 0;border-color:#f8f5e8 #0000 #0000;bottom:-7px}.office-bubble:before{border-width:9px 9px 0;border-color:#0d0f14 #0000 #0000;bottom:-9px}.office-bubble[data-tone=warn]{background:#fff3d6;border-color:#8a5a00}.office-bubble[data-tone=warn]:after{border-color:#fff3d6 #0000 #0000}.office-bubble[data-tone=warn]:before{border-color:#8a5a00 #0000 #0000}.office-bubble[data-tone=error]{background:#ffe3e3;border-color:#8c1d20}.office-bubble[data-tone=error]:after{border-color:#ffe3e3 #0000 #0000}.office-bubble[data-tone=error]:before{border-color:#8c1d20 #0000 #0000}.office-bubble.is-hidden{display:none}.office-room{transform-origin:0 0;color:#f8f5e8;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 1px #000;pointer-events:none;white-space:nowrap;background:#0d0f14d1;border:1px solid #0d0f14;border-radius:999px;padding:1px 5px;font-size:9px;position:absolute}.office-ticker{border:1px solid var(--border,#30363d);color:var(--muted-foreground,#8b949e);background:#14161dc7;border-radius:6px;gap:1px;width:100%;padding:4px 6px;font-size:10px;display:grid}.office-debug{border:1px solid var(--border,#30363d);color:var(--muted-foreground,#8b949e);font-variant-numeric:tabular-nums;white-space:pre;pointer-events:auto;background:#14161dd9;border-radius:6px;padding:4px 6px;font-size:10px;position:absolute;bottom:6px;right:6px}@media (prefers-reduced-motion:reduce){.office-banner.is-attention{animation:none}}.office-layout{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}@media (min-width:1024px){.office-layout{flex-direction:row;align-items:flex-start}.office-host{flex:auto;min-width:0}.office-controls{flex-direction:column;flex:0 0 372px;width:372px;max-height:calc(100vh - 84px);display:flex;position:sticky;top:12px}}.office-controls{border:1px solid var(--border,#30363d);background:var(--card,#1a1d24);color:inherit;border-radius:10px;font-size:13px;overflow:hidden auto}.ctl-head{justify-content:space-between;align-items:center;padding:10px 12px 6px;display:flex}.ctl-head h2{letter-spacing:.03em;margin:0;font-size:14px}.ctl-bell{border:1px solid var(--border,#30363d);cursor:pointer;color:inherit;background:0 0;border-radius:6px;padding:2px 7px;font-size:14px}.ctl-brains{color:var(--muted-foreground,#8b949e);flex-wrap:wrap;gap:4px;padding:0 12px 8px;font-size:11px;display:flex}.ctl-brain{border:1px solid var(--border,#30363d);white-space:nowrap;border-radius:999px;padding:1px 8px}.ctl-brain i{opacity:.7;font-style:normal}.ctl-brain-edit{color:inherit;border:1px solid var(--border,#30363d);cursor:pointer;background:0 0;border-radius:999px;margin-left:6px;padding:0 6px;font-size:10px;line-height:1.4}.ctl-brain-input{border:1px solid var(--border,#30363d);background:var(--background,#1c2128);width:13em;color:inherit;border-radius:6px;margin:0 4px;padding:1px 5px;font-family:inherit;font-size:11px}.ctl-brain-ok,.ctl-brain-cancel{color:inherit;border:1px solid var(--border,#30363d);cursor:pointer;background:0 0;border-radius:999px;margin-left:4px;padding:0 6px;font-size:10px;line-height:1.6}.ctl-brain-ok{color:#7ee787}.ctl-brain-err{color:#ff9f9f;margin-left:6px;font-style:normal}.ctl-brain--dim{opacity:.6}.ctl-submit{border-bottom:1px solid var(--border,#30363d);gap:6px;padding:0 12px 10px;display:grid}.ctl-submit input,.ctl-submit textarea,.ctl-note,.ctl-reply-note{font:inherit;border:1px solid var(--border,#30363d);background:var(--background,#14161d);color:inherit;resize:vertical;border-radius:6px;width:100%;padding:5px 8px;font-size:12px}.ctl-reqs,.ctl-agents{padding:8px 12px 12px}.ctl-reqs h3,.ctl-agents h3{color:var(--muted-foreground,#8b949e);text-transform:uppercase;letter-spacing:.06em;margin:0 0 6px;font-size:12px}.ctl-req,.ctl-agent{border:1px solid var(--border,#30363d);border-radius:8px;margin-bottom:6px;padding:6px 8px}.ctl-req-head,.ctl-agent-head{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ctl-toggle{color:var(--muted-foreground,#8b949e);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:12px}.ctl-req-title{font-size:13px}.ctl-chip{border:1px solid var(--border,#30363d);color:var(--muted-foreground,#8b949e);border-radius:999px;padding:0 7px;font-size:11px}.ctl-chip--waiting_admin{color:#d29922;border-color:#d29922}.ctl-chip--paused{color:#a78bfa;border-color:#a78bfa}.ctl-req--waiting_admin{border-color:#d29922}.ctl-req-sub,.ctl-agent-sub{color:var(--muted-foreground,#8b949e);margin-top:2px;font-size:11px}.ctl-req-detail,.ctl-agent-detail{margin-top:6px}.ctl-stages{flex-wrap:wrap;gap:4px;margin-bottom:6px;display:flex}.ctl-stage{font:inherit;border:1px solid var(--border,#30363d);color:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:2px 7px;font-size:11px}.ctl-stage i{color:var(--muted-foreground,#8b949e);font-style:normal}.ctl-stage--picked{color:#d29922;border-color:#d29922}.ctl-stage:disabled{opacity:.5;cursor:not-allowed}.ctl-actions{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.ctl-btn{font:inherit;border:1px solid var(--border,#30363d);background:var(--card,transparent);color:inherit;cursor:pointer;border-radius:6px;padding:4px 10px;font-size:12px}.ctl-btn:disabled{opacity:.5;cursor:not-allowed}.ctl-btn--primary,.ctl-btn--ok{color:#3fb950;border-color:#3fb950}.ctl-btn--danger{color:#f85149;border-color:#f85149}.ctl-submit .ctl-btn{justify-self:start}.ctl-confirm{color:var(--muted-foreground,#8b949e);align-items:center;gap:4px;font-size:12px;display:inline-flex}.ctl-empty{color:var(--muted-foreground,#8b949e);padding:6px 0;font-size:12px}.ctl-flag{color:#d29922;border:1px solid #d29922;border-radius:999px;padding:0 7px;font-size:11px}.ctl-agent--warn{border-color:#d29922}.ctl-agent-detail .kv{color:var(--muted-foreground,#8b949e);gap:6px;margin:2px 0;font-size:11px;display:flex}.ctl-agent-detail .kv span{opacity:.7;min-width:52px}.ctl-agent-detail .tools{color:var(--muted-foreground,#8b949e);margin-top:4px;font-size:11px}.ctl-reply{border-top:1px dashed var(--border,#30363d);margin-top:8px;padding-top:8px}.ctl-reply-hint{color:#d29922;margin-bottom:4px;font-size:11px}.office-toasts{z-index:99;flex-direction:column;gap:6px;display:flex;position:fixed;top:10px;right:10px}.office-toast{border:1px solid var(--border,#30363d);color:var(--foreground,#c9d1d9);background:#1a1d24;border-radius:8px;padding:6px 10px;font-size:12px;animation:.12s ease-out toast-in;box-shadow:0 4px 16px #00000059}.office-toast--success{border-color:#3fb950}.office-toast--error{border-color:#f85149}@keyframes toast-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ctl-replay{background:#101826;border:1px solid #26344f;border-radius:10px;margin:12px 0 0;padding:10px 12px}.ctl-replay h3{margin:0 0 8px}.ctl-repick{align-items:center;gap:8px;display:flex}.ctl-replay-select{min-width:0;max-width:300px;color:inherit;background:#0c1320;border:1px solid #2c3d5c;border-radius:8px;flex:1;padding:6px 8px}.ctl-replay-deck{margin-top:10px}.ctl-replay-track{background:#1b2740;border-radius:999px;height:8px;position:relative;overflow:hidden}.ctl-replay-prog{background:#58a6ff;width:0%;height:100%;transition:width .12s linear;display:block}.ctl-replay-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.ctl-replay-range{accent-color:#58a6ff;flex:1;min-width:120px}.ctl-replay-time{font-variant-numeric:tabular-nums;color:#9db2d8;text-align:center;min-width:150px;font-size:12px}.ctl-replay-spd{color:#9db2d8;cursor:pointer;background:0 0;border:1px solid #2c3d5c;border-radius:999px;margin-left:4px;padding:2px 8px;font-size:12px}.ctl-replay-spd--on{color:#cfe3ff;background:#16233c;border-color:#58a6ff}.office-replaying>canvas{outline-offset:-2px;outline:2px solid #58a6ff66}.office-banner.is-replaying{border-color:#58a6ff;box-shadow:0 0 0 1px #58a6ff55}.office-badge{color:#c9d1d9;white-space:nowrap;pointer-events:none;z-index:6;background:#0d1117e6;border:1px solid #444c56;border-radius:4px;align-items:center;gap:3px;padding:3px 6px;font-size:10px;line-height:1;display:inline-flex;position:absolute}.office-badge .badge-glyph{font-size:11px;line-height:1}.office-badge.b-crashed{color:#d6dde6;border-color:#8b949e}.office-badge.b-crashed .badge-glyph{color:#9aa4b0}.office-badge.b-timed_out{color:#ffcf7d;border-color:#ffb020}.office-badge.b-timed_out .badge-glyph{color:#ffb020}.office-badge.b-gave_up,.office-badge.b-spawn_failed{color:#ff9b9d;border-color:#ff5a5f}.office-badge.b-spawn_failed .badge-glyph{color:#ff8787}.office-badge .lamp{background:#ff5a5f;border-radius:50%;width:7px;height:7px;animation:1.1s ease-in-out infinite office-lamp-breathe;box-shadow:0 0 5px #ff5a5f}@keyframes office-lamp-breathe{0%,to{opacity:1}50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.office-badge .lamp{animation:none}}.ctl-chat{border:1px solid var(--border,#30363d);background:var(--card,#1a1d24);border-radius:10px;flex-direction:column;gap:6px;padding:8px;display:flex}.ctl-chat h3{justify-content:space-between;align-items:center;gap:8px;display:flex}.ctl-chat-state{color:var(--muted-foreground,#8b949e);font-size:11px;font-weight:400}.ctl-chat-state.is-error{color:#ff9b9d}.ctl-chat-log{scrollbar-width:thin;flex-direction:column;gap:6px;max-height:190px;padding:2px;font-size:12px;line-height:1.45;display:flex;overflow-y:auto}.ctl-chat-empty{color:var(--muted-foreground,#8b949e);font-size:12px}.ctl-chat-row{word-break:break-word;overflow-wrap:anywhere;white-space:pre-wrap;border-radius:8px;flex-direction:column;gap:1px;max-width:88%;padding:5px 8px;display:flex}.ctl-chat-row--user{background:#58a6ff24;border:1px solid #2c4a72;align-self:flex-end}.ctl-chat-row--agent{border:1px solid var(--border,#30363d);background:#ffffff0a;align-self:flex-start}.ctl-chat-row.is-thinking .ctl-chat-text{color:var(--muted-foreground,#8b949e)}.ctl-chat-who{color:var(--muted-foreground,#8b949e);letter-spacing:.04em;font-size:10px}.ctl-chat-time{opacity:.7}.ctl-chat-form{align-items:flex-end;gap:6px;display:flex}.ctl-chat-input{resize:vertical;min-width:0;font:inherit;border:1px solid var(--border,#30363d);color:inherit;background:#0c1320;border-radius:8px;flex:1;padding:6px 8px;font-size:12px}.ctl-chat-form button{flex:none}@media (max-width:700px){.ctl-chat-log{max-height:42vh}}.ctl-req.is-picked,.ctl-agent.is-picked{outline-offset:2px;border-radius:10px;outline:2px solid #58a6ff}@media (max-width:700px){html,body{height:100%;overflow:hidden}.office-app{height:100vh;height:100dvh;min-height:0;padding:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));gap:8px;overflow:hidden}.office-layout{flex:auto;min-height:0}.office-host{flex:none}.office-controls-slot{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px));flex:auto;overflow-y:auto}.office-header{flex-wrap:wrap;gap:4px 8px}.office-header h1{font-size:15px}.office-header .hint{display:none}.office-tools button,.office-tools a{padding:6px 10px;font-size:12px}.office-banner{gap:4px;padding:4px 6px;font-size:11px}.office-host{min-height:0}.office-viewport{flex:none;height:200px;max-height:38vh}.office-ticker{font-size:11px}.office-controls{border-radius:8px;max-height:none;position:static}.office-controls input,.office-controls textarea,.office-controls select{font-size:16px}.office-controls button{min-height:40px}}