:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#25312c;background:#f6f7f5;font-synthesis:none;--muted:#7d857f;--line:#e5e8e3;--rail:78px}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button,a,select{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid #528966}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-library{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}
.rail{width:var(--rail);height:100dvh;position:fixed;inset:0 auto 0 0;background:#202c27;display:flex;align-items:center;flex-direction:column;padding:24px 0;z-index:10}.brand-mark{color:#f1f7ef;text-decoration:none;font-size:38px;font-weight:650;letter-spacing:-5px;line-height:44px;padding-right:4px}.brand-mark span{color:#b9dfc4}.rail nav{display:flex;flex-direction:column;gap:14px;margin-top:56px}.rail-button{height:44px;width:44px;border:0;display:grid;place-items:center;color:#9aa89f;background:transparent;border-radius:13px;text-decoration:none;transition:.2s}.rail-button:hover{background:#34423b;color:#e7f2e9}.rail-button.active{background:#bfe4cb;color:#263e2f}.rail-bottom{margin-top:auto;display:flex;align-items:center;flex-direction:column;gap:24px}.workspace-avatar{border:1px solid #657367;border-radius:50%;width:32px;height:32px;color:#d6e5d7;display:grid;place-items:center;font-size:12px}
.workspace{margin-left:var(--rail)}.topbar{height:81px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 44px}.wordmark{font-weight:650;font-size:17px;letter-spacing:-.6px;display:flex;align-items:center;gap:18px}.slash{font-weight:300;color:#c3c9c2;font-size:24px}.product-name{font-size:14px;letter-spacing:-.2px;font-weight:500}.beta{font-size:9px;letter-spacing:1px;border:1px solid #dbe2d9;padding:4px 6px;border-radius:4px;color:#788373;margin-left:-6px}.server-status{display:flex;align-items:center;gap:8px;font-size:11px;color:#71816f}.status-dot,.tiny-dot{background:#89a38d;height:6px;width:6px;border-radius:50%;flex-shrink:0}.server-status.online .status-dot{background:#70a681;box-shadow:0 0 0 3px #e5efe6}.server-status.offline{color:#a36a53}.server-status.offline .status-dot{background:#b37860}
main{max-width:1550px;margin:auto;padding:39px 44px 25px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:31px}.eyebrow{font-size:9px;letter-spacing:1.9px;font-weight:650;color:#7e8a7d}h1{font-family:Georgia,"Times New Roman",serif;font-size:43px;font-weight:400;line-height:1.2;letter-spacing:-1.6px;margin:10px 0 9px}.page-heading p{font-size:12px;color:var(--muted);margin:0;line-height:1.7}.button{border:1px solid transparent;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:500;font-size:12px;padding:13px 17px;text-decoration:none;white-space:nowrap;transition:.2s}.button:hover:not(:disabled){transform:translateY(-1px)}.button-dark{background:#283a2f;color:#fff;box-shadow:0 3px 5px #263a2b0b}.button-dark:hover{background:#3b5142}.button-dark svg{width:15px;height:15px;margin-left:7px}.connect-dot{width:6px;height:6px;border-radius:50%;background:#c2e8cc}.button-dark.connected{background:#e8eee7;color:#38513c;border-color:#d6e0d3}.button-dark.connected .connect-dot{background:#699775}
.studio-grid{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(330px,1fr);gap:26px}.avatar-column{min-width:0}.video-stage{position:relative;aspect-ratio:1.32;background:radial-gradient(ellipse at 50% 42%,#405348 0,#2d3d34 50%,#243129 100%);border-radius:14px;overflow:hidden;isolation:isolate;min-height:330px}.stage-orbit{position:absolute;border:1px solid #daeacb0b;border-radius:50%;width:75%;height:100%;left:12.5%;top:7%;z-index:-1}.orbit-two{width:110%;height:145%;left:-5%;top:-15%}.avatar-poster,#video{position:absolute;width:100%;height:100%;object-fit:contain;inset:0}.avatar-poster{object-fit:cover;opacity:.9}#video{opacity:0;transition:opacity .5s}.video-stage.streaming #video{opacity:1}.video-stage:after{position:absolute;inset:0;content:"";background:linear-gradient(180deg,#14221c33,transparent 35%,transparent 60%,#13271bd9);pointer-events:none;z-index:1}.stage-top,.stage-bottom{position:absolute;left:23px;right:23px;display:flex;justify-content:space-between;align-items:center;z-index:2}.stage-top{top:21px}.stage-badge{font-size:8px;font-weight:600;letter-spacing:1.4px;color:#f4f6ed;background:#ffffff13;border:1px solid #f8fff125;border-radius:5px;padding:6px 8px;display:flex;gap:6px;align-items:center;backdrop-filter:blur(8px)}.stage-badge>span:first-child{background:#aec7aa;height:4px;width:4px;border-radius:50%}.stage-badge.live>span:first-child{background:#b6efc4;box-shadow:0 0 8px #b6efc4}.stage-quality{font-size:8px;letter-spacing:1px;color:#d3ded2}.stage-quality>span:first-child{margin:0 5px}.stage-bottom{bottom:24px}.avatar-name{font-family:Georgia,serif;font-size:25px;color:#f3f5ed;font-weight:400;letter-spacing:-.5px}.avatar-caption{font-size:10px;color:#c1cfc0;margin-top:5px}.stage-tools{display:flex;gap:8px}.glass-button{width:33px;height:33px;border:1px solid #eaffdf35;border-radius:7px;background:#f2ffed12;color:#eff5e9;display:grid;place-items:center;backdrop-filter:blur(6px)}.glass-button svg{height:15px;width:15px}.glass-button[aria-pressed="true"]{background:#b9dfc4;color:#25312c}.stage-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#e0ecda}.stage-placeholder p{text-align:center;font-family:Georgia,serif;font-size:31px;line-height:1.25;letter-spacing:-.8px;opacity:.8}.avatar-emblem{display:flex;align-items:center;gap:7px;height:65px}.avatar-emblem span{width:7px;border-radius:7px;background:#b3d1af;height:24px}.avatar-emblem span:nth-child(2),.avatar-emblem span:nth-child(4){height:44px}.avatar-emblem span:nth-child(3){height:65px}.stage-loading{position:absolute;inset:0;display:flex;flex-direction:column;gap:15px;align-items:center;justify-content:center;background:#182c24a1;color:white;font-size:12px;backdrop-filter:blur(4px);z-index:3}.spinner{width:24px;height:24px;border:2px solid #ffffff40;border-top-color:#d5f0cc;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.session-toolbar{padding:19px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.session-indicator{display:flex;align-items:center;gap:11px}.waveform{display:flex;align-items:center;justify-content:center;gap:3px;width:32px;height:32px;background:#e9eee7;border-radius:50%}.waveform i{width:2px;height:6px;border-radius:2px;background:#748a76}.waveform i:nth-child(2),.waveform i:nth-child(4){height:11px}.waveform i:nth-child(3){height:16px}.waveform.speaking i{animation:wave .7s ease-in-out infinite alternate;background:#438754}.waveform.speaking i:nth-child(2n){animation-delay:-.35s}@keyframes wave{to{height:4px}}.session-indicator strong{display:block;font-size:11px;font-weight:550}.session-indicator>div>span{display:block;font-size:10px;color:#8b938a;margin-top:4px}.button-quiet{border-color:#dfe4dc;padding:8px 10px;background:transparent;color:#6b786c;font-size:10px;gap:6px}.button-quiet svg{width:13px;height:13px}.configuration-strip{border:1px solid var(--line);border-radius:10px;display:flex;gap:22px;align-items:center;padding:15px 18px;background:#ffffff48}.field-kicker{display:block;font-size:8px;letter-spacing:1.2px;color:#8d978b;margin-bottom:6px}.inline-choice{border:0;background:transparent;padding:0;color:#43523f;font-size:11px;display:flex;gap:10px;align-items:center}.chevron{color:#82917c}.strip-divider{height:29px;width:1px;background:var(--line)}.engine-name{font-size:11px;color:#43523f;display:block}.record-button{background:transparent;border:0;margin-left:auto;display:flex;gap:7px;align-items:center;font-size:10px;color:#6d7869;padding:8px 0}.record-dot{height:7px;width:7px;border-radius:50%;background:#b39a8d}.record-button.recording .record-dot{background:#bf5d4a;animation:pulse 1s infinite}.record-button.recording{color:#a75141}@keyframes pulse{50%{opacity:.3}}.record-download{display:flex;align-items:center;gap:7px;margin-top:10px;font-size:11px;color:#46664b;text-decoration:none}.record-download svg{width:14px;height:14px}
.conversation-panel{background:#fff;border:1px solid var(--line);border-radius:14px;min-width:0;display:flex;flex-direction:column;overflow:hidden;min-height:525px;max-height:740px}.conversation-header{display:flex;justify-content:space-between;align-items:center;padding:18px 21px 13px}.conversation-header>div{display:flex;align-items:center;gap:9px}.conversation-header>div>svg{width:15px;height:15px;color:#85917e}.conversation-header h2{font-size:12px;font-weight:600;margin:0}.icon-button{display:grid;place-items:center;border:0;background:transparent;color:#8c9589;padding:5px;border-radius:5px}.icon-button:hover{background:#eff3ed}.icon-button svg{width:15px;height:15px}.mode-picker{display:flex;background:#f3f5f0;border-radius:7px;padding:3px;margin:0 20px}.mode{border:0;padding:8px 10px;background:transparent;color:#8c9486;flex:1;font-size:10px;border-radius:5px;display:flex;align-items:center;justify-content:center;gap:6px}.mode.active{background:#fff;color:#485c41;box-shadow:0 1px 3px #263a2a12}.mode svg{width:12px;height:12px}.conversation-scroll{flex:1;overflow:auto;min-height:270px;padding:20px;scroll-behavior:smooth}.welcome{text-align:center;padding-top:18px}.welcome-icon{margin:0 auto 16px;width:40px;height:40px;border:1px solid #e0e8db;border-radius:13px;display:grid;place-items:center;background:#f6f9f2;color:#7a9670}.welcome-icon svg{width:21px;height:21px}.welcome h3{font-family:Georgia,serif;font-weight:400;font-size:24px;letter-spacing:-.6px;margin:0 0 10px}.welcome p{font-size:10px;color:#949b8e;line-height:1.9;margin:0}.prompt-list{display:flex;flex-direction:column;gap:7px;max-width:270px;margin:23px auto 10px}.prompt-list button{padding:11px 12px;background:white;border:1px solid #e8ece4;border-radius:7px;color:#7b8673;font-size:10px;display:flex;justify-content:space-between;text-align:left}.prompt-list button:hover{border-color:#afc3a3;background:#f8faf5}.prompt-list span{color:#9caa93}
.composer-area{padding:0 18px 15px}.composer-area form{background:#f8f9f6;border:1px solid #e8ece3;border-radius:9px;padding:12px;transition:border .2s}.composer-area form:focus-within{border-color:#a7be9a}.composer-area textarea{background:transparent;width:100%;border:0;resize:none;font-size:11px;line-height:1.7;min-height:65px;color:#43523e;outline:none;display:block;padding:0}.composer-area textarea::placeholder{color:#a0a799}.composer-area textarea:disabled{cursor:not-allowed}.composer-actions{display:flex;align-items:center;gap:8px;padding-top:7px}.upload-button{display:flex;align-items:center;gap:5px;font-size:9px;color:#86917c;cursor:pointer;border-radius:4px;position:relative;overflow:hidden;padding:3px 1px}.upload-button input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.upload-button:focus-within{outline:2px solid #528966;outline-offset:2px}.upload-button.disabled{opacity:.4;cursor:not-allowed}.upload-button svg{width:13px;height:13px}.char-count{margin-left:auto;font-size:8px;color:#b1b6aa}.send-button{border:0;border-radius:6px;background:#344a35;color:white;width:29px;height:29px;display:grid;place-items:center}.send-button svg{height:15px;width:15px}.composer-hint{display:flex;align-items:center;gap:5px;margin-top:10px;font-size:8px;color:#a1a99a}.composer-hint .tiny-dot{width:4px;height:4px;background:#a7b19d}.composer-hint kbd{margin-left:auto;font-family:inherit;color:#aab29f;background:#f5f7f1;padding:2px 4px;border-radius:3px}.inline-notice{font-size:10px;padding:9px 10px;background:#fff5e8;border:1px solid #eddcc7;color:#92683d;border-radius:6px;line-height:1.5;margin-bottom:10px}.message{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;align-items:flex-start}.message.user{align-items:flex-end}.message-meta{font-size:8px;color:#9ba492;display:flex;gap:8px}.message-bubble{font-size:11px;line-height:1.8;padding:10px 13px;background:#f2f5ed;border-radius:1px 9px 9px 9px;color:#53604a;max-width:92%;white-space:pre-wrap;overflow-wrap:anywhere}.message.user .message-bubble{background:#e4efdf;color:#3d5737;border-radius:9px 1px 9px 9px}.message.system .message-bubble{background:transparent;padding:1px 0;color:#909b86;font-style:italic}
footer{margin-top:28px;display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#a0a899;line-height:1.6}footer a{color:#7c8b72;text-decoration:none}footer a:hover{text-decoration:underline}.footer-dot{margin:0 10px}dialog{border:1px solid #dde4d8;padding:26px;border-radius:16px;background:#fff;box-shadow:0 25px 100px #17261a30;width:min(460px,calc(100vw - 32px));color:#25312c}dialog::backdrop{background:#17251a55;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:25px}.dialog-heading h2{font-family:Georgia,serif;font-size:29px;font-weight:400;letter-spacing:-.8px;margin:8px 0 0}.settings-label{font-size:11px;display:block;margin-bottom:9px;color:#5b6d51}select{background:#f7f9f4;border:1px solid #dde5d6;padding:12px;width:100%;border-radius:7px;color:#4f6344;font-size:12px}.settings-help{font-size:11px;line-height:1.8;color:#94a087}.settings-facts{margin:24px 0;border-top:1px solid var(--line)}.settings-facts>div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:10px;gap:20px}.settings-facts span{color:#8b9780}.settings-facts strong{font-weight:500;text-align:right}.avatar-list{display:flex;flex-direction:column;gap:10px;margin:20px 0}.avatar-option{display:flex;align-items:center;gap:15px;border:1px solid #e0e8d8;border-radius:10px;padding:10px;text-align:left;background:#f9fbf6;font-size:12px;color:#546c47}.avatar-option[aria-pressed="true"]{border-color:#749b61;background:#eff7e9}.avatar-option img{width:58px;height:65px;object-fit:cover;border-radius:6px}.avatar-option small{display:block;margin-top:5px;font-size:9px;color:#9aa88d}.create-avatar-link{width:100%;font-size:11px}.toast{position:fixed;bottom:26px;left:calc(50% + 35px);transform:translateX(-50%);background:#283b2b;color:#f2f7ee;font-size:12px;padding:13px 20px;border-radius:9px;box-shadow:0 5px 30px #172d1b25;z-index:30;max-width:calc(100vw - 40px);line-height:1.6}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.video-stage:fullscreen{aspect-ratio:auto;border-radius:0}.video-stage:fullscreen #video{object-fit:contain}
.avatar-poster,#video{object-fit:cover;object-position:50% 20%}.video-stage.streaming .avatar-poster{visibility:hidden}
.topbar-actions{display:flex;align-items:center;gap:18px}.locale-select{width:auto;min-width:94px;padding:8px;font-size:11px}.welcome p,.stage-placeholder p{white-space:pre-line}
html[lang="zh-CN"]{font-family:"Segoe UI","Microsoft YaHei",sans-serif}html[lang="zh-CN"] h1{letter-spacing:0}
@media(max-width:560px){.topbar-actions{gap:10px}.locale-select{min-width:80px;padding:6px;font-size:10px}}
@media(min-width:1450px){main{padding-top:48px}.page-heading{margin-bottom:38px}h1{font-size:49px}.conversation-scroll{padding:27px}.welcome{padding-top:40px}.welcome h3{font-size:27px}.welcome p{font-size:12px}.prompt-list button{font-size:12px}.conversation-header{padding:22px}.conversation-header h2{font-size:14px}.mode{font-size:12px}.message-bubble{font-size:13px}.composer-area textarea{font-size:13px}.page-heading p{font-size:14px}}
@media(max-width:1100px){.topbar{padding:0 27px}main{padding:30px 27px 22px}.studio-grid{gap:19px;grid-template-columns:minmax(0,1.1fr) minmax(310px,1fr)}.configuration-strip{gap:12px;padding:14px 12px}.inline-choice{font-size:10px}.stage-top,.stage-bottom{left:17px;right:17px}.stage-quality{font-size:7px}.session-indicator>div>span{max-width:190px;line-height:1.5}.page-heading p{font-size:11px}h1{font-size:38px}}
@media(max-width:900px){.studio-grid{grid-template-columns:1fr}.video-stage{aspect-ratio:1.7;min-height:320px}.conversation-panel{min-height:550px;height:600px;max-height:none}.welcome{padding-top:25px}.prompt-list{max-width:360px}.conversation-scroll{min-height:240px}.page-heading{margin-bottom:25px}.stage-quality{font-size:9px}.session-indicator>div>span{max-width:none}footer{margin-top:22px}.welcome p,.prompt-list button{font-size:12px}.composer-area textarea,.message-bubble{font-size:13px}}
@media(max-width:560px){:root{--rail:56px}.rail{padding:17px 0}.brand-mark{font-size:33px}.rail nav{margin-top:38px}.rail-button{width:36px;height:36px;border-radius:10px}.rail-button svg{width:18px;height:18px}.workspace-avatar{width:27px;height:27px}.topbar{height:64px;padding:0 16px}.wordmark{font-size:14px;gap:10px}.product-name{font-size:11px}.beta{display:none}.server-status{font-size:0;gap:0}.server-status .status-dot{width:7px;height:7px}main{padding:25px 15px 20px}.eyebrow{font-size:7px;letter-spacing:1.4px}h1{font-size:33px;letter-spacing:-1.4px}.page-heading{display:block}.page-heading p{font-size:10px}.page-heading>.button{margin-top:18px;width:100%;padding:12px;font-size:11px}.video-stage{min-height:320px;aspect-ratio:1.05;border-radius:11px}.stage-quality{font-size:7px}.stage-top{top:16px}.stage-bottom{bottom:19px}.avatar-name{font-size:23px}.session-toolbar{padding:15px 0}.session-indicator strong{font-size:10px}.session-indicator>div>span{font-size:8px;max-width:165px}.button-quiet{font-size:9px;padding:7px;gap:4px}.button-quiet svg{width:11px;height:11px}.configuration-strip{padding:13px 11px;gap:10px}.field-kicker{font-size:7px}.inline-choice{font-size:9px;gap:5px}.engine-name{font-size:9px}.record-button{font-size:9px}.record-dot{height:5px;width:5px}.conversation-panel{border-radius:11px;height:580px}.conversation-header{padding:17px}.mode-picker{margin:0 14px}.mode{font-size:9px}.conversation-scroll{padding:18px 15px}.welcome h3{font-size:23px}.welcome p{font-size:10px}.prompt-list button{font-size:10px}.composer-area{padding:0 12px 14px}.composer-area textarea{font-size:12px}.composer-actions{gap:6px}.upload-button{font-size:8px}.char-count{font-size:7px}.composer-hint{font-size:7px}footer{flex-direction:column;font-size:8px;gap:6px}.toast{left:50%;font-size:11px;width:max-content}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

.voice-panel{margin:13px 20px 0;padding:12px;border:1px solid #e1e9dc;border-radius:9px;background:#f7faf4}.voice-panel-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.voice-panel .button{font-size:10px;padding:9px 11px}.voice-state{font-size:10px;color:#839277}.voice-help{font-size:10px;line-height:1.7;color:#8b9780;margin:9px 0 0}.voice-transcript{font-size:12px;line-height:1.7;color:#435c38;margin:8px 0 0;white-space:pre-wrap}.mic-dot{height:7px;width:7px;border-radius:50%;background:#a4b79b}.voice-panel[data-phase="listening"] .mic-dot,.voice-panel[data-phase="hearing"] .mic-dot{background:#99dda7;box-shadow:0 0 0 3px #a4dda329}.voice-panel[data-phase="speaking"] .mic-dot,.voice-panel[data-phase="thinking"] .mic-dot{background:#e6c283}.voice-panel[data-phase="hearing"] .voice-state{color:#3d783f}.conversation-panel{max-height:900px}.conversation-scroll{min-height:190px}@media(max-width:900px){.conversation-panel{height:760px}}@media(max-width:560px){.voice-panel{margin:12px 14px 0}.voice-panel .button{font-size:10px}.voice-help{font-size:10px}.configuration-strip>div:first-child{min-width:0;flex:1}.inline-choice{max-width:100%}#voice-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}