:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#263244;background:#f3f5f9;font-size:14px;color-scheme:light;--border:#e2e7ef;--accent:#425cdb;--muted:#7e899c;--panel:#fff}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{border:1px solid transparent;border-radius:9px;background:var(--accent);color:#fff;font-weight:600;padding:10px 15px;cursor:pointer;min-height:40px}button:hover:enabled{filter:brightness(.96)}button:disabled{opacity:.45;cursor:not-allowed}button.outline{background:#fff;color:#47566d;border-color:var(--border)}button.danger{background:#fff0f0;color:#c84949}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #aebaff;outline-offset:2px}input,textarea,select{width:100%;min-width:0;border:1px solid #dfe5ee;background:#fff;color:#263244;border-radius:9px;padding:10px;outline:none}input:focus,textarea:focus,select:focus{border-color:#8e9fe8;box-shadow:0 0 0 3px #425cdb10}input[type=checkbox]{width:17px;height:17px;accent-color:var(--accent);flex-shrink:0}input[type=file]{font-size:12px;padding:8px}textarea{resize:vertical;min-height:88px;line-height:1.6}label{font-size:12px;font-weight:600;display:block;color:#586478}h2{font-size:20px;letter-spacing:.3px;margin:0 0 6px}h3{font-size:14px;margin:0 0 10px}p{line-height:1.7}.app{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.app-header{height:76px;flex-shrink:0;padding:12px 24px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--border);background:#fff}.brand{display:flex;gap:12px;align-items:center;min-width:0}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#425cdb;color:#fff;font-weight:700;font-size:20px}.brand strong{display:block;font-size:17px}.brand small{display:block;color:var(--muted);font-size:11px;margin-top:4px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-spacer{flex:1}.icon-button{background:#f3f5f9;color:#536079;font-size:19px;width:40px;padding:6px}.save-state{color:var(--muted);font-size:12px}.app-body{flex:1;min-height:0;display:flex}.settings-shell{display:none;width:440px;flex-shrink:0;background:#fff;border-right:1px solid var(--border);min-height:0;grid-template-columns:96px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.settings-open .settings-shell{display:grid}#featureNav{padding:20px 8px;background:#f9fafc;border-right:1px solid var(--border);overflow:auto;grid-row:1/-1;display:flex;flex-direction:column;gap:6px}.nav-item{background:transparent;color:#8290a5;border:0;font-size:12px;padding:11px 3px;flex-shrink:0;white-space:nowrap}.nav-item[aria-current=true]{background:#e9edff;color:#425cdb}.close-settings{display:none}.settings-content{overflow:auto;padding:24px 20px;scrollbar-width:thin;min-width:0}.section-intro{font-size:12px;color:#8590a3;margin:0 0 24px}.form-field{margin-bottom:17px}.form-field label{margin-bottom:7px}.checkbox-field{display:flex;gap:9px;align-items:flex-start}.checkbox-field label{line-height:1.6;margin:0}.form-block{border-top:1px solid var(--border);padding-top:20px;margin-top:24px}.hint{font-size:12px;color:#8b95a6;line-height:1.7;overflow-wrap:anywhere}.feature-panel>button,.form-block>button{width:100%;margin-bottom:9px}.feature-panel[hidden]{display:none!important}.portrait-preview{width:100%;height:180px;object-fit:contain;background:#f4f6fa;border-radius:12px;margin-bottom:14px}.portrait-preview:not([src]),.scene-preview:not([src]),audio:not([src]){display:none}.studio-status{padding:12px 16px;font-size:12px;color:#53627a;line-height:1.6;background:#f8faff;border-top:1px solid var(--border);max-height:110px;overflow:auto;overflow-wrap:anywhere}.studio-status[data-error=true]{background:#fff4f2;color:#b63f35}.editor-card{border:1px solid var(--border);border-radius:10px;padding:12px;margin-bottom:12px}.editor-card label{margin-bottom:10px}.editor-card label input,.editor-card label select,.editor-card label textarea{margin-top:6px}.scene-preview{width:100%;height:100px;object-fit:contain}.button-row{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.button-row button{flex:1;font-size:12px;padding:8px;white-space:normal}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.result-output{font-size:11px;max-height:230px;overflow:auto;background:#f4f6fa;border-radius:8px;padding:10px;white-space:pre-wrap;overflow-wrap:anywhere}.result-output:empty{display:none}audio{width:100%;height:38px;margin-bottom:12px}.download-link{display:block;padding:10px;color:var(--accent)}[hidden]{display:none!important}.conversation-panel{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;padding:24px;gap:12px}.call-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.call-identity{display:flex;align-items:center;gap:8px;min-width:0}.call-identity strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px}.call-identity>span:last-child{font-size:11px;color:#8b95a6}.live-dot{width:8px;height:8px;border-radius:50%;background:#a0a9b8;flex-shrink:0}.call-buttons{display:flex;gap:8px;flex-shrink:0}.status-row{display:flex;gap:6px;flex-wrap:wrap;min-height:20px}.pill{font-size:10px;border-radius:6px;padding:4px 7px;background:#eef1f6;color:#7d889a;max-width:100%;overflow-wrap:anywhere}.pill.ok{background:#e8f7f0;color:#27805c}.pill.warn{background:#fff5e9;color:#aa7c38}.notice{display:none;border:1px solid #f2d7b7;background:#fff8ef;padding:8px 12px;border-radius:8px;font-size:12px;color:#9b662b;max-height:75px;overflow:auto}.notice.show{display:block}.call-workspace{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px}.video-grid{position:relative;min-width:0;min-height:0;background:#172031;border-radius:18px;overflow:hidden;display:flex;flex-direction:column}.stage-label{position:absolute;top:18px;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#c5cede;z-index:3;pointer-events:none}.stage-label span{font-size:9px;letter-spacing:1.5px;padding:5px 8px;border:1px solid #ffffff30;border-radius:5px}.stage-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9ba7bb;pointer-events:none;padding:22px;text-align:center}.empty-orbit{width:64px;height:64px;border:1px solid #6c7e9c55;color:#a5b8df;border-radius:22px;display:grid;place-items:center;font-size:28px;margin-bottom:24px}.stage-empty h2{font-size:19px;color:#d2d9e4;font-weight:500}.stage-empty p{font-size:12px;margin-top:7px}#remoteVideoContainer{height:100%;min-height:0;display:flex;align-items:center;justify-content:center}#remoteVideoContainer .video-box{width:100%;height:100%;display:flex;flex-direction:column}#remoteVideoContainer .video-title{font-size:10px;color:#98a8c3;padding:7px 12px;display:none}#remoteVideoContainer .video-stage{width:100%;height:100%;flex:1;min-height:0}video{display:block;width:100%;height:100%;object-fit:contain;background:#101826}.local-box{position:absolute;right:14px;bottom:66px;width:120px;height:92px;border:1px solid #ffffff22;border-radius:10px;overflow:hidden;z-index:3}.local-box .video-title{height:22px;background:#202d41;color:#91a0ba;font-size:10px;padding:4px 7px}.local-box .video-stage{height:70px}.video-actions{position:absolute;bottom:16px;left:0;right:0;display:flex;justify-content:center;gap:10px;z-index:4}.glass{color:#d6ddeb;background:#ffffff12;border:1px solid #ffffff20;font-size:12px;min-height:36px;padding:8px 15px}.chat-panel{min-width:0;min-height:0;display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden}.chat-heading{padding:18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0f2f6;font-size:13px}.text-button{background:transparent;color:#9aa3b3;font-size:11px;min-height:28px;padding:4px}.chat-history{flex:1;min-height:0;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.chat-empty{font-size:12px;color:#a2aaba;text-align:center;margin:auto}.chat-message{max-width:94%;align-self:flex-start;min-width:0}.chat-message.user{align-self:flex-end}.chat-meta{color:#9ba5b6;font-size:10px;margin:0 2px 5px}.chat-bubble{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:12px 12px 12px 3px;background:#f2f4f9;color:#4e5c73;padding:10px 13px;line-height:1.7;font-size:13px}.user .chat-bubble{background:#edf0ff;color:#435aca;border-radius:12px 12px 3px 12px}.composer{padding:12px;border-top:1px solid #eef1f6;display:grid;grid-template-columns:minmax(0,1fr) 58px;gap:8px;flex-shrink:0}.composer>label{display:none}.composer>select{grid-column:1/-1;padding:6px 8px;font-size:11px;min-height:30px;background:#f8f9fc}.composer textarea{resize:none;height:76px;min-height:60px;font-size:13px;background:#fafbfe}.composer button{padding:6px;font-size:12px}.diagnostics{font-size:11px;color:#8b95a6;flex-shrink:0;max-height:180px;overflow:auto}.diagnostics summary{cursor:pointer;padding:4px}.diagnostics-body{display:grid;grid-template-columns:1fr;gap:6px}.diagnostics pre{font-size:10px;white-space:pre-wrap;overflow-wrap:anywhere;background:#e9edf5;padding:10px;max-height:120px;overflow:auto;margin:0}.diagnostics button{width:auto;font-size:11px;min-height:28px;padding:5px}.mobile-tabs{display:none}
@media(min-width:1500px){.call-workspace{grid-template-columns:minmax(0,1fr) 340px}.settings-shell{width:470px}.conversation-panel{padding:28px}}
@media(max-width:1100px){.settings-shell{position:absolute;top:76px;bottom:0;left:0;z-index:20;width:440px;box-shadow:14px 0 50px #15234025}.close-settings{display:block;background:#e9edff;color:#425cdb;font-size:11px;padding:8px 2px;margin-bottom:10px}.conversation-panel{padding:18px}.call-workspace{grid-template-columns:minmax(0,1fr) 290px;gap:14px}}
@media(max-width:680px){.app-header{height:64px;padding:10px 12px;gap:10px}.brand-mark{width:31px;height:31px;font-size:17px;border-radius:10px}.brand strong{font-size:14px}.brand small{font-size:10px;max-width:140px}.save-state{display:none}.app-header button{min-height:36px;padding:7px 11px}.settings-shell{top:64px;bottom:0;width:100%;grid-template-columns:84px minmax(0,1fr);box-shadow:none}.settings-content{padding:22px 18px}.settings-shell #featureNav{padding:14px 6px}.nav-item{font-size:12px}.conversation-panel{padding:14px 12px max(12px,env(safe-area-inset-bottom));gap:9px}.call-toolbar{gap:6px}.call-identity{flex-wrap:wrap;gap:5px}.call-identity strong{font-size:12px;max-width:135px}.call-identity>span:last-child{display:none}.call-buttons button{padding:8px 10px;min-height:36px;font-size:12px}.pill{font-size:9px}.mobile-tabs{display:flex;gap:6px;background:#e9edf5;padding:4px;border-radius:9px;flex-shrink:0}.mobile-tabs button{flex:1;min-height:32px;padding:5px;background:transparent;color:#8490a4;font-size:12px}.mobile-tabs button[aria-selected=true]{background:#fff;color:#425cdb}.call-workspace{display:flex;flex-direction:column;gap:0}.call-workspace[data-view=video] .chat-panel{display:none}.call-workspace[data-view=chat] .video-grid{display:none}.video-grid,.chat-panel{flex:1;min-height:0}.video-grid{border-radius:14px}.chat-heading{padding:12px 16px}.composer textarea{font-size:16px;height:74px}.composer select{font-size:12px}.local-box{width:88px;height:70px;bottom:67px}.local-box .video-stage{height:48px}.stage-empty h2{font-size:18px}.stage-label{top:14px;left:14px;right:14px}.form-field input,.form-field textarea,.form-field select{font-size:16px}.studio-status{max-height:90px;padding:10px 14px}.diagnostics{max-height:130px}}
@media(max-height:520px) and (min-width:681px){.app-header{height:54px}.settings-shell{top:54px}.conversation-panel{padding:10px;gap:6px}.chat-heading{padding:8px 12px}.composer textarea{height:55px;min-height:40px}.stage-label{top:10px}.local-box{display:none}}
.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:70;max-width:min(560px,calc(100vw - 32px));background:#24324a;color:#fff;padding:12px 18px;border-radius:10px;font-size:13px;line-height:1.6;box-shadow:0 4px 24px #15234025;overflow-wrap:anywhere}.toast[data-error=true]{background:#a7443c}