:root{font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;color:#17202b;background:#f5f7fb;--blue:#2962ff;--ink:#17202b;--muted:#8993a4;--line:#e7ebf2}*{box-sizing:border-box}body{margin:0}.app-shell{display:flex;min-height:100vh}.sidebar{width:248px;background:#fff;border-right:1px solid var(--line);padding:26px 16px 18px;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;padding:0 10px 34px}.brand-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eaf0ff;color:var(--blue);font-weight:800;font-size:20px}.brand strong{display:block;font-size:15px}.brand small{color:#a2abba;font-size:10px;letter-spacing:1.2px;text-transform:uppercase}.nav-item{border:0;background:transparent;width:100%;text-align:left;padding:13px 14px;border-radius:10px;color:#778196;font-size:14px;display:flex;align-items:center;gap:12px;cursor:pointer;margin:3px 0}.nav-item span{font-size:18px;width:20px;text-align:center}.nav-item b{margin-left:auto;background:#f0f3f8;border-radius:12px;padding:2px 8px;font-size:11px}.nav-item.active{background:#eef3ff;color:var(--blue);font-weight:600}.sidebar-bottom{margin-top:auto}.tip-card{background:#f7f9fd;border:1px solid #edf0f5;padding:13px;border-radius:12px;display:flex;gap:9px;color:#536079}.tip-card span{color:#e4a924}.tip-card strong{font-size:12px}.tip-card p{font-size:11px;line-height:1.5;color:#9aa3b3;margin:4px 0 0}.profile{display:flex;gap:9px;align-items:center;margin:24px 6px 0;font-size:12px;color:#697386}.avatar{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#ffe9d7;color:#d97732;font-size:11px}.dots{margin-left:auto;color:#aeb6c4}.main{flex:1;padding:32px 48px;max-width:1450px;margin:auto;width:100%}.topbar{display:flex;justify-content:space-between;align-items:flex-start}.eyebrow{font-size:10px;letter-spacing:1.7px;color:#a0a9b8;margin:0 0 7px}.topbar h1{font-size:26px;margin:0}.top-actions{display:flex;gap:8px;align-items:center;color:#9ca5b3;font-size:12px}.status-dot{width:7px;height:7px;border-radius:50%;background:#49c48a}.icon-btn{border:1px solid var(--line);background:#fff;border-radius:8px;color:#778196;padding:7px 10px;margin-left:16px}.panel{margin-top:38px}.hero-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.hero-row h2{font-size:18px;margin:0 0 8px}.hero-row p,.page-heading p{color:#929bab;font-size:13px;margin:0}.quick-chip{font-size:11px;color:#8994a5;background:#fff;border:1px solid var(--line);padding:8px 12px;border-radius:20px}.studio-grid{display:grid;grid-template-columns:minmax(480px,1.5fr) minmax(300px,.8fr);gap:18px}.preview-card,.control-card{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 5px 22px rgba(28,42,70,.035)}.preview-toolbar,.preview-footer{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;color:#a0a9b8;font-size:11px}.live-badge{color:#6f798c}.live-badge i{display:inline-block;width:6px;height:6px;background:#b9c0ca;border-radius:50%;margin-right:7px}.preview-stage{height:350px;background:#111827;margin:0 12px;border-radius:10px;overflow:hidden;display:grid;place-items:center}.preview-stage video{display:none;width:100%;height:100%;object-fit:contain}.empty-preview{text-align:center;color:#7e899a;display:flex;flex-direction:column;gap:10px;font-size:12px}.empty-preview strong{color:#d8deea;font-size:14px}.preview-icon{font-size:43px;color:#4c576a}.control-card{padding:20px 22px}.section-label{font-size:11px;color:#a0a8b6;letter-spacing:.5px;margin-bottom:11px}.source-options{display:grid;gap:8px}.source-option{position:relative;border:1px solid var(--line);background:#fff;border-radius:10px;padding:12px;display:flex;text-align:left;align-items:center;gap:10px;cursor:pointer;color:#8d96a5}.source-option>span{font-size:22px;color:#adb5c3}.source-option strong{display:block;font-size:13px;color:#374052}.source-option small{font-size:11px;color:#a5adba}.source-option em{display:none;position:absolute;right:12px;color:var(--blue);font-style:normal}.source-option.selected{border-color:#9eb6ff;background:#f6f8ff}.source-option.selected>span{color:var(--blue)}.source-option.selected em{display:block}.audio-label{margin-top:24px}.check-row{display:block;font-size:12px;color:#697386;margin:12px 0}.check-row input{accent-color:var(--blue);margin-right:8px}.help{float:right;border:1px solid #d6dce6;color:#a2adbb;border-radius:50%;font-size:9px;width:15px;height:15px;text-align:center}.select-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:15px;margin-top:18px;font-size:12px;color:#697386}.select-row select{border:1px solid var(--line);border-radius:7px;color:#697386;padding:6px;background:#fff}.primary-btn,.outline-btn,.secondary-actions button{border:0;border-radius:8px;padding:11px 15px;cursor:pointer;font-weight:600;font-size:13px}.primary-btn{background:var(--blue);color:#fff;box-shadow:0 5px 15px rgba(41,98,255,.2);width:100%;margin-top:22px}.primary-btn:hover{background:#1e50e4}.primary-btn:disabled,.secondary-actions button:disabled{opacity:.45;cursor:not-allowed}.secondary-actions{display:flex;gap:8px;margin-top:9px}.secondary-actions button{background:#f7f8fb;color:#7b8597;flex:1}.preview-footer{border-top:1px solid #f1f3f7;margin-top:8px}.recent-header{display:flex;align-items:center;justify-content:space-between;margin-top:32px}.recent-header h3{font-size:15px}.text-btn{border:0;background:none;color:var(--blue);font-size:12px;cursor:pointer}.record-list{min-height:66px}.empty-list{border:1px dashed #dce2eb;border-radius:10px;display:grid;place-items:center;color:#a4adbb;font-size:12px}.record-item{background:#fff;border:1px solid var(--line);padding:13px 16px;border-radius:10px;display:flex;align-items:center;gap:12px;margin-bottom:8px}.record-thumb{width:64px;height:42px;border-radius:6px;background:#111827;display:grid;place-items:center;color:#63708a}.record-meta{flex:1}.record-meta strong{display:block;font-size:12px}.record-meta small{color:#9ba4b1;font-size:11px}.download-btn{border:0;background:#edf2ff;color:var(--blue);border-radius:7px;padding:7px 10px;cursor:pointer;font-size:11px}.hidden{display:none}.page-heading{display:flex;justify-content:space-between;align-items:center}.page-heading h2{margin:0 0 8px}.outline-btn{border:1px solid var(--line);background:#fff;color:#7f8999}.small{width:auto;margin:0}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:28px}.library-grid .record-item{display:block}.library-grid .record-thumb{width:100%;height:125px;margin-bottom:13px}.library-grid .download-btn{margin-top:12px}.task-empty{text-align:center;border:1px dashed #dce2eb;border-radius:14px;padding:90px 20px;margin-top:28px;color:#9aa4b2}.task-empty>div{font-size:44px;color:#c2cad5}.task-empty h3{font-size:15px;color:#596579}.task-empty p{font-size:12px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:#202938;color:#fff;padding:11px 17px;border-radius:8px;font-size:12px;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
.live-support{font-size:11px;color:#4774e9;background:#edf2ff;border-radius:20px;padding:8px 12px}.live-layout{display:grid;grid-template-columns:minmax(420px,1.3fr) minmax(280px,.7fr);gap:18px;margin-top:28px}.card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px}.url-label,.live-form-row label{display:block;color:#6f798b;font-size:12px}.url-label span{display:block;color:#a0a9b8;font-size:11px;margin-bottom:6px}.url-label input,.live-form-row input,.live-form-row select{width:100%;border:1px solid var(--line);border-radius:8px;padding:11px 12px;margin-top:7px;outline:none;color:#445066;background:#fff}.url-label input:focus,.live-form-row input:focus{border-color:#9eb6ff;box-shadow:0 0 0 3px #eef3ff}.form-hint{font-size:11px;color:#a0a9b8;line-height:1.6;margin-top:10px}.live-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.live-info{background:#f8faff;border-color:#e3eaff}.info-icon{font-size:30px;color:var(--blue);margin-bottom:12px}.live-info h3{font-size:14px;margin:0 0 10px}.live-info p{font-size:12px;line-height:1.8;color:#8994a6;margin:0}.info-points{display:grid;gap:9px;margin-top:18px;font-size:11px;color:#657188}.room-list{margin-top:14px}.room-item{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin-bottom:8px}.room-icon{width:40px;height:40px;border-radius:9px;background:#fff0f0;color:#ec5c62;display:grid;place-items:center;font-size:18px}.room-meta{flex:1;min-width:0}.room-meta strong{display:block;font-size:13px}.room-meta small{display:block;color:#9ba4b3;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.room-status{color:#9ba4b3;font-size:11px;margin-right:9px}.remove-room{border:0;background:#f5f6f8;color:#929baa;border-radius:6px;padding:7px 9px;cursor:pointer}.task-count{color:#9ba4b3;font-size:11px}
.agent-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:18px;margin-top:28px}.agent-status-head{display:flex;align-items:flex-start;justify-content:space-between}.agent-status h3,.install-card h3{margin:0;font-size:16px}.agent-badge{font-size:11px;padding:7px 10px;border-radius:16px}.agent-badge.checking{background:#fff7df;color:#b18416}.agent-badge.ready{background:#e8faf1;color:#2a9a62}.agent-badge.offline{background:#fff0f0;color:#d45c63}.agent-check{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:14px 0 0;margin-top:18px;color:#8d97a7;font-size:12px}.agent-check strong{color:#4d596d;font-weight:500}.install-card p{font-size:12px;color:#929bab;line-height:1.7;margin:10px 0 18px}.install-actions{display:flex;gap:9px;flex-wrap:wrap}.download-link{display:inline-block;text-decoration:none;color:var(--blue);background:#edf2ff;border-radius:8px;padding:10px 12px;font-size:12px}.command-box{background:#f7f8fb;border-radius:9px;padding:12px;margin-top:18px}.command-box span{display:block;color:#a0a9b8;font-size:10px;margin-bottom:7px}.command-box code{font-size:11px;color:#556176;word-break:break-all}.agent-note{background:#fffaf0;color:#9b8040;border:1px solid #f6e9c7;border-radius:10px;font-size:11px;padding:13px 15px;margin-top:18px;line-height:1.6}
@media(max-width:900px){.sidebar{width:190px}.main{padding:25px}.studio-grid,.live-layout{grid-template-columns:1fr}.preview-stage{height:280px}}@media(max-width:650px){.sidebar{display:none}.main{padding:20px}.hero-row{display:block}.quick-chip{display:inline-block;margin-top:15px}.top-actions{display:none}.live-form-row{grid-template-columns:1fr}}
.agent-bind-btn{width:100%;margin-top:9px}.credentials{background:#f7f8fb;border:1px solid #e5e9f1;border-radius:8px;padding:11px;margin-top:10px;color:#5d6a80}.credentials strong,.credentials small{display:block;font-size:11px;margin-bottom:6px}.credentials code{display:block;font-size:10px;line-height:1.6;word-break:break-all;color:#4f5d73}
.stop-room{border:0;background:#fff0f0;color:#d45c63;border-radius:6px;padding:7px 9px;cursor:pointer}
.room-details{font-size:10px;color:#a0a9b8;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:680px}.open-folder{border:0;background:#edf2ff;color:var(--blue);border-radius:6px;padding:7px 9px;cursor:pointer;white-space:nowrap}.room-status.spinning{color:#b18416;animation:pulse 1s linear infinite}@keyframes pulse{50%{opacity:.35}}