:root{--bg: #0d0d0d;--surface: rgba(20, 20, 20, .88);--surface-strong: rgba(16, 16, 16, .94);--text: #e8e8e8;--muted: rgba(232, 232, 232, .62);--line: rgba(255, 255, 255, .1);--accent: #c9a84c;--accent-dim: rgba(201, 168, 76, .16)}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%}body{background:radial-gradient(circle at top,#1a1a1a,#0d0d0d 55%);color:var(--text);font-family:Consolas,SFMono-Regular,Menlo,monospace;overflow:hidden}.app-shell{width:100vw;height:100vh;padding:16px}.network-stage{position:relative;width:100%;height:100%;border-radius:24px;border:1px solid var(--line);background:linear-gradient(to bottom right,#ffffff08,#ffffff03),radial-gradient(circle at 70% 20%,rgba(201,168,76,.08),transparent 36%),#101010;overflow:hidden}.network-svg{width:100%;height:100%;display:block}.studio-zone rect{fill:transparent;stroke:transparent;stroke-width:0}.studio-zone-hit{fill:transparent;stroke:transparent;cursor:zoom-in}.studio-zone text{fill:#ffffff94;font-size:11px;letter-spacing:.08em}.agent-label{fill:#ffffffe6;pointer-events:none}.agent-label-zh{font-size:10px;font-weight:600}.agent-label-en{font-size:8px;fill:#ffffff9e}.agent-avatar{stroke:#ffffff59;stroke-width:.9}.agent-speech-bg,.agent-speech-tail{fill:#0f0f0fe6;stroke:#c9a84c73;stroke-width:.9}.agent-speech-text{fill:#f5f5f5eb;font-size:10px;letter-spacing:.01em}.runtime-link{pointer-events:none;animation:runtimeFlow 6s linear infinite}.flash-link{pointer-events:none;filter:drop-shadow(0 0 4px rgba(201,168,76,.45))}.agent-avatar-image{filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}.input-overlay{position:absolute;top:22px;left:22px;z-index:10;width:min(430px,calc(100vw - 56px));padding:16px;border-radius:16px;border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;gap:10px;transition:width .2s ease,opacity .2s ease}.input-overlay.is-hidden{display:none}.input-overlay-head{display:flex;justify-content:space-between;align-items:center}.overlay-toggle-btn{padding:4px 10px;font-size:11px}.input-overlay.is-collapsed{width:240px}.input-overlay.is-collapsed .card-summary,.input-overlay.is-collapsed .card-summary-soft,.input-overlay.is-collapsed .field-label,.input-overlay.is-collapsed input,.input-overlay.is-collapsed textarea,.input-overlay.is-collapsed select,.input-overlay.is-collapsed .quick-actions{display:none}.input-overlay.is-collapsed h1{font-size:18px}.card-kicker{font-size:10px;letter-spacing:.16em;color:var(--muted)}.input-overlay h1{margin:0;color:var(--accent);font-size:22px}.card-summary{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.card-summary-soft{opacity:.8}.form-warning{margin-top:-2px;color:#f0c574}.form-warning.is-hidden{display:none}.field-label{color:var(--text);font-size:12px}input,textarea,select,button{font:inherit}input,textarea,select{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#0000004d;color:var(--text);padding:10px}textarea{min-height:72px;resize:vertical}button{border:1px solid rgba(201,168,76,.44);border-radius:10px;background:#c9a84c38;color:#f7edd0;padding:10px;cursor:pointer}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ghost-btn{border-color:#ffffff2e;background:#ffffff0a;color:#fffc}.idle-banner{position:absolute;left:50%;bottom:38px;transform:translate(-50%);z-index:8;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--muted);font-size:13px}.idle-banner.is-hidden{display:none}.idle-pulse{width:10px;height:10px;border-radius:50%;background:var(--accent);animation:idlePulse 2s ease-in-out infinite}.idle-sub{font-size:11px;opacity:.75}.browse-controls{position:absolute;left:22px;bottom:20px;z-index:10;display:flex;gap:8px}.browse-controls .ghost-btn{padding:7px 12px;font-size:11px}.live-overlay{position:absolute;right:24px;bottom:24px;z-index:12;width:min(420px,calc(100vw - 48px));max-height:calc(100vh - 60px);display:flex;flex-direction:column;border-radius:16px;border:1px solid var(--line);background:var(--surface-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:hidden;transition:opacity .8s ease,transform .8s ease}.live-overlay.is-hidden{display:none}.live-overlay.is-fading{opacity:0;transform:translateY(10px)}.live-overlay-header{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}.live-dot{width:8px;height:8px;border-radius:50%;background:#ff5959;box-shadow:0 0 8px #ff5959cc;animation:livePulse 1.4s ease-in-out infinite}.live-title{color:var(--text);font-size:12px}.live-feed{padding:12px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;max-height:58vh;scrollbar-width:thin;scrollbar-color:rgba(201,168,76,.5) rgba(255,255,255,.06)}.live-feed::-webkit-scrollbar{width:10px}.live-feed::-webkit-scrollbar-track{background:#ffffff0d;border-radius:999px}.live-feed::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#c9a84cbd,#c9a84c75);border-radius:999px;border:2px solid rgba(12,12,12,.88)}.live-feed::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#d7b65ce6,#c9a84c99)}.phase-timeline{display:flex;gap:6px;flex-wrap:wrap;padding:10px 12px 0}.phase-timeline span{border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:3px 8px;font-size:10px;color:#ffffff94;text-transform:uppercase}.phase-timeline span.is-active{border-color:#c9a84c8c;color:#f3ddb0;background:#c9a84c24}.live-topic-card{border:1px solid rgba(201,168,76,.28);border-radius:10px;background:#c9a84c14;padding:10px}.live-topic-q{color:#f3ddb0;font-size:12px;line-height:1.45}.live-msg{display:flex;gap:9px;opacity:0;transform:translateY(8px);transition:opacity .22s ease,transform .22s ease}.live-msg.is-visible{opacity:1;transform:translateY(0)}.live-msg-avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0}.live-msg-avatar-image{display:block;object-fit:cover;border:1px solid rgba(201,168,76,.32);background:#0a0a0a99}.live-msg-avatar-placeholder{display:grid;place-items:center;background:#ffffff1a;color:var(--text);font-size:12px}.live-msg-body{display:grid;gap:2px}.live-msg-name{color:#ffffff80;font-size:11px}.live-msg-text{color:#ffffffe6;font-size:13px;line-height:1.5}.live-summary{display:flex;gap:7px;align-items:center;padding:8px 10px;border-radius:8px;background:#ffffff0f;color:#ffffffc2;font-size:12px}.live-summary-final{background:#c9a84c1a;border:1px solid rgba(201,168,76,.24)}.live-section{display:flex;align-items:center;gap:8px;margin-top:2px}.live-section:before{content:"";flex:1;height:1px;background:#ffffff1a}.live-section:after{content:"";flex:1;height:1px;background:#ffffff1a}.live-section span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#ffffff80}.live-summary-label{background:#c9a84c33;color:#f3ddb0;padding:2px 7px;border-radius:5px;font-size:10px}.queue-indicator{position:absolute;top:20px;right:20px;z-index:11;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;background:#0f0f0fb8;padding:6px 12px;color:#ffffffbf;font-size:11px}.queue-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px #c9a84ccc}.spotlight-card{position:absolute;right:24px;bottom:24px;z-index:9;width:min(360px,calc(100vw - 52px));border-radius:16px;border:1px solid var(--line);background:#121212db;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:14px;display:grid;gap:6px}.spotlight-card.is-hidden{display:none}.spotlight-kicker{font-size:10px;color:var(--muted);letter-spacing:.14em}.spotlight-name{color:var(--accent);font-size:18px;font-weight:700}.spotlight-subname{color:#ffffff8f;font-size:11px;margin-top:-2px}.spotlight-role{color:#ffffffb8;font-size:12px}.spotlight-summary{color:#ffffffdb;font-size:12px;line-height:1.55}.agent-detail-overlay{position:absolute;right:24px;bottom:24px;z-index:13;width:min(380px,calc(100vw - 52px));border-radius:16px;border:1px solid rgba(201,168,76,.3);background:#0e0e0eed;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:16px;display:grid;gap:9px}.agent-detail-overlay.is-hidden{display:none}.agent-detail-close{position:absolute;top:8px;right:10px;border:none;background:transparent;color:#ffffff80;font-size:22px;cursor:pointer;padding:0;line-height:1}.agent-detail-name{color:var(--accent);font-size:20px;font-weight:700;padding-right:20px}.agent-detail-subname{color:#ffffff94;font-size:12px;margin-top:-4px}.agent-detail-role{color:#ffffffb3;font-size:12px}.agent-detail-stage{color:#ffffff85;font-size:11px;padding:4px 0 2px}.agent-detail-summary{color:#ffffffdb;font-size:13px;line-height:1.6}.result-overlay{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:#000000bf}.result-overlay.is-hidden{display:none}.result-panel{width:min(780px,calc(100vw - 32px));max-height:90vh;border-radius:12px;border:1px solid #2e2e2e;background:#1a1a1a;overflow-y:auto;display:grid;gap:0}.result-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px 14px;border-bottom:1px solid #2a2a2a}.result-head-left,.result-head-right{display:inline-flex;align-items:center;gap:10px}.result-status-dot{width:8px;height:8px;border-radius:999px;background:#c9a84c}.result-title{color:#e8e8e8;font-size:13px;letter-spacing:.08em}.result-work-name{color:#666;font-size:11px;letter-spacing:.08em}.result-close-btn{border:0;background:transparent;color:#555;font-size:20px;line-height:1;padding:0 2px}.result-close-btn:hover{color:#c9a84c}.result-media{display:grid;gap:8px;position:relative;background:#0d0d0d;padding:0}.result-media.is-hidden{display:none}.result-media video,.result-video-placeholder{width:100%;aspect-ratio:16 / 9;border:0;border-bottom:1px solid #222;background:#000}.result-media video{object-fit:contain}.result-video-placeholder{display:grid;place-content:center;gap:8px;color:#e8e8e8;text-align:center;letter-spacing:.08em}.result-video-placeholder span{font-size:12px}.result-video-placeholder small{color:#666;font-size:11px;letter-spacing:normal}.result-media a{padding:0 20px 12px;color:#c9a84c;font-size:11px}.result-notes{border-top:1px solid #1e1e1e;border-bottom:1px solid #1e1e1e;padding:14px 20px 16px;background:#171717}.result-notes-head{margin-bottom:10px;color:#666;font-size:10px;letter-spacing:.14em}.result-notes-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.result-note-card{display:flex;gap:8px}.result-note-avatar{width:32px;height:32px;flex-shrink:0;border-radius:0;border:none;background:transparent;color:#c9a84c;display:grid;place-items:center;font-size:12px}.result-note-avatar-image{width:100%;height:100%;object-fit:contain}.result-note-avatar-placeholder{display:grid;place-items:center;width:100%;height:100%}.result-note-body{min-width:0}.result-note-name{color:#c9a84c;font-size:11px;margin-bottom:3px}.result-note-text{margin:0;color:#999;font-size:11px;line-height:1.35;white-space:pre-wrap}.result-actions{padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.result-actions-left{display:flex;gap:8px}.result-ghost-btn{border-color:#333;background:#141414;color:#bbb;padding:7px 14px;font-size:11px;border-radius:4px}.result-primary-btn{border:1px solid rgba(201,168,76,.62);background:#c9a84c3d;color:#f3ddb0;padding:7px 20px;font-size:11px;border-radius:4px}@media(max-width:820px){.result-notes-list{grid-template-columns:1fr}.result-actions{flex-direction:column;align-items:stretch}.result-actions-left{justify-content:space-between}}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes idlePulse{0%,to{transform:scale(1);opacity:.45}50%{transform:scale(1.45);opacity:.95}}@keyframes runtimeFlow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-24}}