:root{color-scheme:dark;--bg:#151714;--panel:#1c1f1b;--panel-2:#20231e;--line:#33382f;--cream:#f0f0df;--muted:#8a9384;--lime:#d5ee85;--orange:#eea76e;--sidebar:222px;font-family:"Avenir Next","PingFang SC","Noto Sans CJK SC",sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--cream);font-size:13px;line-height:1.6}button,select,input{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.38}button{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--lime);outline-offset:5px}button,select{transition:background .18s,color .18s,border-color .18s,transform .18s}button:not(:disabled):active{transform:translateY(1px)}button svg,svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}button svg{width:17px;height:17px;flex:none}[hidden]{display:none!important}.sidebar{width:var(--sidebar);position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);padding:37px 20px 18px;display:flex;flex-direction:column;background:#181b17;z-index:5}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--cream);padding:0 12px;font-weight:700;font-size:36px;letter-spacing:-2px;line-height:1}.brand img{width:34px;height:34px;border-radius:8px;flex:none}.brand-period{color:var(--lime)}.workspace-label{font-size:9px;letter-spacing:1.55px;color:#737d6d;margin:52px 12px 16px}nav{display:grid;gap:8px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;height:46px;padding:0 12px;border:1px solid transparent;background:transparent;color:#a3ab9b;text-align:left;font-size:12px;border-radius:7px}.nav-item svg{width:18px;height:18px}.nav-item:hover{background:#252a20;color:var(--cream)}.nav-item.selected{background:#2b3223;color:var(--lime);border-color:#39442b}.nav-dot{width:5px;height:5px;border-radius:50%;background:var(--lime);margin-left:auto}.recording-count{margin-left:auto;font-size:10px;color:#7f8977;border:1px solid var(--line);border-radius:4px;min-width:19px;text-align:center}.sidebar-note{margin:auto 12px 64px;padding-top:70px}.note-line{display:block;width:27px;height:1px;background:#697653;margin-bottom:19px}.sidebar-note p{font-family:"Baskerville","Palatino",serif;font-size:19px;line-height:1.45;font-style:italic;color:#c1c6b7;margin:0 0 12px}.sidebar-note>span:last-child{font-size:10px;color:#6f7868;letter-spacing:.7px}.local-badge{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding:20px 8px 18px;font-size:10px}.local-icon{font-size:22px;color:#939d85}.local-badge small{display:block;font-size:7px;letter-spacing:1px;color:#6b7563;margin-top:4px}.tiny-dot{width:5px;height:5px;background:var(--lime);border-radius:50%;margin-left:auto}.sidebar-footer{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.5px;color:#58614f;padding:0 8px}main{max-width:1760px;margin-left:var(--sidebar);padding:0 38px}.topbar{height:83px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.breadcrumb{font-size:11px;color:var(--muted);display:flex;gap:15px}.breadcrumb strong{font-weight:500;color:#c3c9ba}.breadcrumb>span{color:#505b46}.topbar-right{display:flex;align-items:center;gap:18px}.engine-pill{display:flex;align-items:center;gap:7px;color:#b0b9a4;border:1px solid var(--line);border-radius:20px;padding:5px 11px;font-size:10px}.engine-pill i,.camera-state i{height:5px;width:5px;border-radius:50%;background:#697362}.engine-pill.ready i{background:var(--lime);box-shadow:0 0 10px #d5ee8533}.engine-pill.loading i{background:var(--orange);animation:pulse 1.1s infinite}.icon-button{display:grid;place-items:center;width:31px;height:31px;background:none;border:0;border-radius:5px;color:#a6af9e}.icon-button:hover{background:var(--panel-2);color:var(--cream)}.icon-button svg{width:20px;height:20px}.intro{display:flex;justify-content:space-between;align-items:center;padding:35px 0 30px;gap:20px}.eyebrow{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:2.15px;font-weight:600;color:var(--lime)}.eyebrow>span{width:15px;height:1px;background:var(--lime)}h1{font-size:clamp(24px,2.65vw,39px);font-weight:500;letter-spacing:-1.25px;margin:10px 0 10px;line-height:1.45}h1>span{color:var(--lime)}.intro p{color:#89947f;font-size:11px;letter-spacing:.2px;margin:0}.intro-side{text-align:right;padding:0 5px 0 20px}.serif{font-family:"Baskerville","Palatino",serif;color:#aab397;font-size:26px;font-style:italic;line-height:1.05;display:block}.intro-index{display:block;font-size:7px;letter-spacing:1.8px;color:#636f57;margin-top:13px}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 264px;gap:20px;align-items:start}.camera-card{border:1px solid #3a4033;border-radius:12px;overflow:hidden;background:var(--panel)}.panel-heading,.audio-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-heading{height:60px;padding:0 20px}.panel-heading>div,.audio-section-heading>div{display:flex;align-items:center;gap:9px}h2,h3,p{margin-top:0}.panel-heading h2,.audio-section-heading h2{font-size:12px;font-weight:500;letter-spacing:.6px;margin:0}.square-label{border:1px solid #4c5740;color:#adba9a;border-radius:3px;font-size:8px;letter-spacing:.2px;width:22px;line-height:19px;text-align:center;margin-right:2px}.section-english{font-size:7px;letter-spacing:1.3px;color:#737e67;font-weight:500}.panel-heading .section-english{margin-left:5px}.camera-state{display:flex;gap:6px;align-items:center;font-size:9px;color:#7f8b75}.camera-state.active{color:var(--lime)}.camera-state.active i{background:var(--lime)}.camera-stage{width:100%;aspect-ratio:16/10;position:relative;background:#10130f;overflow:hidden;border-top:1px solid #2d3526;border-bottom:1px solid #30372a}.camera-stage:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 100px #00000015}.camera-stage video{height:100%;width:100%;object-fit:cover;position:absolute;inset:0}.camera-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse at 50% 39%,#293021 0%,#191e15 42%,#11160e 90%);overflow:hidden}.camera-placeholder:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#89996d08 1px,transparent 1px),linear-gradient(90deg,#89996d08 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.focus-art{width:210px;height:210px;position:relative;display:grid;place-items:center;margin-top:-7px;margin-bottom:12px}.focus-art>svg{width:147px;height:147px;stroke:#69785d;stroke-width:.9;z-index:1}.focus-art .art-brackets{stroke:#bfab75;stroke-width:1.2}.orbit{position:absolute;border:1px solid #6b795527;border-radius:50%;inset:0}.orbit-two{inset:23px;border-style:dashed;border-color:#84916e31}.orbit-three{inset:-23px;border-color:#6b795517}.art-cross{position:absolute;color:#89996c88;font-size:16px;font-weight:300}.cross-one{top:17px;left:21px}.cross-two{bottom:20px;right:23px}.camera-placeholder h3{font-size:16px;font-weight:400;letter-spacing:1.2px;margin:0 0 8px;color:#c8d0bc}.camera-placeholder p{font-size:10px;color:#7b886d;margin:0 15px 20px}.permission-note{display:flex;align-items:center;gap:5px;font-size:8px;letter-spacing:.5px;color:#636f58}.permission-note svg{width:12px;height:12px}.camera-overlay{position:absolute;inset:0}.camera-topline{position:absolute;top:18px;left:19px;right:19px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.capture-label,.capture-time{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:1.4px;background:#141714b8;border:1px solid #ffffff25;border-radius:4px;padding:5px 8px;color:#e8eedf;font-variant-numeric:tabular-nums}.capture-label i{width:5px;height:5px;border-radius:50%;background:var(--lime)}.capture-label.running i{background:var(--orange);animation:pulse 1.3s infinite}.camera-bottomline{position:absolute;bottom:13px;left:16px;right:16px;display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#e3e9db;text-shadow:0 1px 5px #000;gap:10px}.mini-button{border:1px solid #ffffff44;background:#14171488;border-radius:4px;padding:3px 9px;font-size:9px}.mouth-roi{position:absolute;border:1px solid #eea76e88;box-shadow:0 0 0 9999px #0000000a;cursor:move;touch-action:none;min-width:30px;min-height:30px}.roi-label{position:absolute;left:-1px;top:-24px;font-size:8px;letter-spacing:1px;line-height:23px;background:var(--orange);color:#342117;padding:0 8px;white-space:nowrap;border-radius:3px 3px 0 0;font-weight:600;user-select:none}.corner{position:absolute;width:11px;height:11px;border-color:var(--orange);border-style:solid}.tl{left:-1px;top:-1px;border-width:2px 0 0 2px}.tr{right:-1px;top:-1px;border-width:2px 2px 0 0}.bl{left:-1px;bottom:-1px;border-width:0 0 2px 2px}.br{right:-1px;bottom:-1px;border-width:0 2px 2px 0}.roi-cross{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#eea76e99;font-weight:300;font-size:15px;user-select:none}.roi-resize{width:20px;height:20px;position:absolute;bottom:-8px;right:-8px;border:0;background:transparent;cursor:nwse-resize;z-index:2;touch-action:none}.roi-resize:after{content:"";position:absolute;inset:5px;border:1px solid var(--orange);background:#33291f}.camera-toolbar{display:flex;align-items:center;gap:9px;padding:17px 19px;min-height:83px}.camera-helper{display:flex;align-items:center;gap:9px;margin-right:auto;min-width:0}.status-light{width:6px;height:6px;background:#637354;border-radius:50%;flex:none}.status-light.running{background:var(--lime);box-shadow:0 0 10px #d5ee8538;animation:pulse 2s infinite}.camera-helper strong{font-size:10px;font-weight:500;display:block;color:#c3cdb7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.camera-helper span:last-child{display:block;font-size:8px;color:#75836a;margin-top:4px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:6px;line-height:1.2;min-height:36px;padding:10px 15px;font-size:10px;white-space:nowrap;font-weight:500}.button-primary{background:var(--lime);color:#29321e;border-color:var(--lime)}.button-primary:hover{background:#e0f5a2;border-color:#e0f5a2}.button-outline{background:transparent;border-color:#46513b;color:#c3ccb7}.button-outline:hover{background:#2e3528;border-color:#748462}.button-stop{background:#3b2b23;color:#edb18a;border-color:#704e37}.stop-square{width:8px;height:8px;border-radius:1px;background:currentColor}.button-text{background:transparent;color:#b9c5a9;padding:8px 6px}.button-text:hover{color:var(--lime)}.control-column{display:grid;gap:14px}.control-card{border:1px solid var(--line);border-radius:10px;padding:18px;background:#1c201a}.control-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.control-title h2{font-size:11px;font-weight:500;letter-spacing:.4px;margin:0}.small-tag{font-size:7px;letter-spacing:1.4px;color:#9cac87;padding:2px 6px;border:1px solid #424d34;border-radius:3px}.model-name{display:flex;align-items:center;gap:10px;color:#dce2d1;font-size:12px;font-weight:500;margin-bottom:20px}.model-symbol{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:1px solid #424b37;background:#293021;border-radius:8px;color:var(--lime);line-height:1}.model-symbol svg{display:block;width:22px;height:22px}.model-name small{display:block;color:#7f8c72;font-size:8px;letter-spacing:.3px;font-weight:400;margin-top:4px}.model-status-row{display:flex;justify-content:space-between;color:#80906f;font-size:9px;margin:10px 0}.model-status-row strong{font-size:9px;color:#bdc9ad;font-weight:400}.model-card .button{width:100%;margin-top:10px;font-size:10px;border-color:#52623f;background:#272f20;color:#c5d6ad}.model-card .button:hover{background:#333f29}.card-footnote{font-size:8px;color:#70805f;text-align:center;margin:10px 0 0;line-height:1.6;overflow-wrap:anywhere}.device-card .control-title{margin-bottom:14px}.field-label{font-size:9px;color:#849476;display:block;margin:12px 0 7px}.select-wrap{display:flex;align-items:center;position:relative;gap:7px;border:1px solid #38422e;border-radius:5px;background:#181d15;overflow:hidden}.select-wrap svg{width:14px;height:14px;color:#8c9b7b;position:absolute;left:10px;pointer-events:none}.select-wrap select{border:0;background:transparent;color:#b4c3a3;font-size:9px;width:100%;height:34px;padding:0 25px 0 31px;text-overflow:ellipsis;cursor:pointer;outline-offset:-2px}.select-wrap select:disabled{color:#65715b;cursor:default}.select-wrap option{background:#1c201a}.monitor-row{display:flex;align-items:center;justify-content:space-between;padding-top:17px;margin-top:17px;border-top:1px solid #313a2a;gap:8px}.monitor-row label{font-size:9px;color:#bcc8ae;cursor:pointer}.monitor-row span{display:block;font-size:7px;color:#748465;margin-top:4px}.monitor-row input{appearance:none;width:28px;height:16px;background:#3a4331;border-radius:15px;position:relative;border:1px solid #4b573f;cursor:pointer;flex:none;transition:background .2s}.monitor-row input:before{content:"";position:absolute;top:3px;left:3px;width:8px;height:8px;border-radius:50%;background:#929f82;transition:transform .2s}.monitor-row input:checked{background:var(--lime);border-color:var(--lime)}.monitor-row input:checked:before{background:#374327;transform:translateX(12px)}.latency-card{display:flex;align-items:start;flex-wrap:wrap;background:#20271b;border:1px solid #3b4b2c;border-radius:9px;padding:15px 17px 12px;gap:14px}.latency-card>div{flex:1}.metric-label{display:block;font-size:8px;color:#8b9d79}.metric-label>span{color:#667955}.latency-card strong{font-size:24px;font-weight:400;color:#c8d8b5;display:block;margin-top:3px;line-height:1.2;letter-spacing:-.8px;font-variant-numeric:tabular-nums}.latency-card strong small{font-size:9px;margin-left:6px;color:#7d9468;letter-spacing:0}.metric-divider{height:35px;width:1px;background:#3a482f;margin-top:6px}.latency-card p{flex-basis:100%;margin:0;color:#7d916b;font-size:8px;line-height:1.5}.notice{display:flex;align-items:start;gap:10px;padding:12px 14px;margin-top:16px;border:1px solid #635237;border-radius:7px;background:#29261d;font-size:10px;color:#d6c09e;overflow-wrap:anywhere}.notice.error{background:#30201b;border-color:#754735;color:#e9bda8}.notice>span:first-child{font-size:14px;line-height:1.4}.notice>button{margin-left:auto;border:0;background:none;color:inherit;font-size:18px;line-height:1;padding:2px}.audio-section{margin-top:30px;scroll-margin-top:20px}.audio-section-heading{margin-bottom:15px}.audio-format{color:#718160;font-size:8px;letter-spacing:.7px}.audio-format>span{margin:0 7px;color:#515f44}.audio-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.audio-card{background:#1a1e17;border:1px solid #333d2a;border-radius:9px;padding:17px 17px 12px;overflow:hidden}.audio-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.audio-card-header>div{display:flex;align-items:center;gap:8px}.audio-card-header h3{font-weight:500;font-size:10px;margin:0;color:#cbd4bf}.audio-card-header>div>span:last-child{font-size:7px;color:#707f60;letter-spacing:1px}.track-number{font-size:8px;width:19px;line-height:19px;text-align:center;border-radius:4px;background:#343c2b;color:#b2bd9e}.level-label{font-size:8px;letter-spacing:.5px;color:#a1af8c;font-variant-numeric:tabular-nums}.audio-card canvas{display:block;width:100%;height:58px;margin:10px 0 3px}.audio-track-footer{display:flex;align-items:center;justify-content:space-between;color:#6d7d5c;font-size:8px;font-variant-numeric:tabular-nums}.output-audio{background:#1e2518;border-color:#415332}.output-audio .track-number{color:#d8e9bf;background:#3b4b2e}.output-audio .audio-track-footer{color:#83996d}.output-badge{font-size:6px;letter-spacing:1px;display:flex;align-items:center;gap:5px;color:#a8c18a}.output-badge i{height:4px;width:4px;background:#8ea766;border-radius:50%}.recording-bar{display:flex;align-items:center;justify-content:space-between;padding:17px 0 3px;gap:15px}.recording-description{display:flex;align-items:center;gap:9px;color:#849574;min-width:0}.recording-description>svg{width:22px;height:22px;stroke-width:1.2;flex:none}.recording-description strong{display:block;font-size:9px;color:#a4b493;font-weight:400}.recording-description span{display:block;font-size:8px;color:#637654;margin-top:3px}.recording-actions{display:flex;align-items:center;gap:17px}.recording-actions .button{font-size:9px;min-height:32px}.recording-actions svg{width:13px;height:13px}.main-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #303b27;margin-top:25px;padding:17px 0 22px;color:#647655;font-size:7px;letter-spacing:.3px}.main-footer>span:first-child{display:flex;align-items:center;gap:6px}.main-footer i{width:4px;height:4px;background:#78945b;border-radius:50%}.main-footer>span:last-child{font-size:7px;letter-spacing:1.2px;display:flex;gap:12px;align-items:center}.footer-spark{font-size:18px;color:#899f6d;line-height:1}dialog{width:min(480px,calc(100vw - 32px));padding:28px 30px;background:#20261b;color:var(--cream);border:1px solid #4b5d3b;border-radius:14px;box-shadow:0 40px 100px #0008}dialog::backdrop{background:#080c07c9;backdrop-filter:blur(8px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.dialog-heading .icon-button{font-size:24px}dialog h2{font-size:23px;font-weight:500;letter-spacing:-.7px;margin-bottom:27px}dialog ol{counter-reset:steps;padding:0;margin:0;list-style:none;display:grid;gap:20px}dialog li{counter-increment:steps;padding-left:35px;position:relative}dialog li:before{content:"0" counter(steps);position:absolute;left:0;top:1px;color:var(--lime);font-size:10px}dialog li strong{font-size:12px;font-weight:500}dialog li p{font-size:11px;color:#9ba88d;margin:5px 0 0;line-height:1.8}.guide-note{font-size:10px;color:#8b9d78;border-top:1px solid #435435;padding-top:17px;margin:24px 0}dialog>.button{width:100%;justify-content:space-between;font-size:12px}html{scroll-behavior:smooth}.attention{animation:attention 1s ease 2}.intro,.workspace-grid,.audio-section{animation:arrive .65s both}.workspace-grid{animation-delay:.08s}.audio-section{animation-delay:.16s}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.45}}@keyframes arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes attention{50%{border-color:var(--lime);box-shadow:0 0 0 3px #d5ee8517}}@media(min-width:1500px){main{padding:0 52px}.workspace-grid{grid-template-columns:minmax(0,1fr) 290px;gap:24px}.control-card{padding:22px}.control-column{gap:19px}.camera-stage{aspect-ratio:16/9}.camera-toolbar{padding:22px}.focus-art{width:245px;height:245px}.focus-art>svg{width:170px;height:170px}}@media(max-width:1150px){:root{--sidebar:184px}.sidebar{padding-left:12px;padding-right:12px}.brand{font-size:32px}.workspace-label{font-size:7px;letter-spacing:1.2px}main{padding:0 24px}.workspace-grid{grid-template-columns:minmax(0,1fr) 235px;gap:15px}.control-card{padding:15px}.camera-helper span:last-child{max-width:150px}.camera-helper strong{max-width:185px;font-size:9px}.camera-toolbar{padding:15px 14px;flex-wrap:wrap}.camera-stage{aspect-ratio:1.35}.panel-heading{padding:0 14px}.panel-heading .section-english{display:none}.focus-art{width:170px;height:170px;margin-top:0}.focus-art>svg{width:124px;height:124px}.camera-placeholder h3{font-size:14px}.camera-placeholder p{font-size:9px}.intro-side .serif{font-size:24px}.audio-card-header>div>span:last-child{display:none}.output-badge{font-size:5px;letter-spacing:.7px}.audio-grid{gap:15px}.audio-card{padding:13px}.topbar{height:75px}.intro{padding:28px 0}}@media(max-width:940px){:root{--sidebar:76px}.sidebar{padding:27px 12px 18px}.brand{padding:0;justify-content:center}.brand>span,.workspace-label,.nav-item:not(.selected) .recording-count,.nav-dot,.sidebar-note,.local-badge,.sidebar-footer{display:none}.brand img{width:32px;height:32px}nav{margin-top:46px;gap:14px}.nav-item{justify-content:center;gap:0;font-size:0;padding:0}.nav-item svg{width:20px;height:20px}.intro-side{display:none}.workspace-grid{grid-template-columns:minmax(0,1fr) 225px}.camera-toolbar{gap:8px}.camera-helper{flex-basis:100%}.camera-helper strong{max-width:none}.camera-helper span:last-child{max-width:none}.camera-toolbar .button{flex:1}.camera-stage{aspect-ratio:1.1}.focus-art{width:150px;height:150px;margin-bottom:15px}.focus-art>svg{width:110px;height:110px}.camera-state{font-size:8px}.audio-format{font-size:7px}.recording-description span{max-width:210px}.main-footer>span:last-child{font-size:6px;letter-spacing:.4px}}@media(max-width:740px){:root{--sidebar:0px}.sidebar{display:none}main{padding:0 18px}.topbar{height:64px}.breadcrumb{font-size:10px;gap:9px}.topbar-right{gap:7px}.engine-pill{font-size:8px;padding:4px 8px}.intro{padding:26px 0}.intro .eyebrow{font-size:7px}.intro h1{font-size:28px;letter-spacing:-1px}.intro p{font-size:10px}.workspace-grid{display:flex;flex-direction:column;gap:16px}.camera-card{width:100%}.camera-stage{aspect-ratio:1.45}.camera-helper{flex-basis:auto;max-width:calc(100% - 118px)}.camera-helper strong{max-width:190px}.camera-helper span:last-child{font-size:7px}.camera-toolbar .button{flex:0}.camera-toolbar .button-stop{margin-left:auto}.camera-toolbar:has(.button-stop:not([hidden])) .camera-helper{flex-basis:100%;max-width:100%}.camera-toolbar:has(.button-stop:not([hidden])) .button{flex:1}.focus-art{width:130px;height:130px;margin-bottom:10px}.focus-art>svg{width:105px;height:105px}.camera-placeholder p{margin-bottom:12px}.camera-placeholder h3{font-size:13px}.camera-placeholder .permission-note{font-size:7px}.camera-placeholder .orbit-three{inset:-15px}.control-column{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px}.model-card,.device-card{min-width:0}.model-card .model-name{font-size:10px;gap:7px;margin-bottom:18px}.model-symbol{width:31px;height:35px;font-size:25px}.model-name small{font-size:7px}.control-title{margin-bottom:16px}.control-title h2{font-size:10px}.device-card .section-english{display:none}.small-tag{font-size:6px;padding:2px 4px}.control-card{padding:13px}.model-card .button{font-size:8px;padding:9px 8px;gap:5px}.model-card .button svg{width:13px}.model-status-row{font-size:8px}.model-status-row strong{font-size:8px}.card-footnote{font-size:7px}.monitor-row{padding-top:13px;margin-top:13px}.monitor-row label{font-size:8px}.monitor-row span{font-size:6px}.select-wrap select{font-size:8px;padding-left:27px;padding-right:5px}.select-wrap svg{left:8px;width:12px}.latency-card{grid-column:1/-1;padding:11px 15px;gap:14px;align-items:center}.latency-card>div{display:flex;align-items:baseline;gap:10px}.latency-card strong{font-size:20px}.latency-card p{flex-basis:auto;width:100%;font-size:7px;margin-top:-5px}.metric-divider{height:22px;margin-top:0}.audio-section{margin-top:25px}.audio-section-heading .section-english{display:none}.audio-section-heading h2{font-size:11px}.audio-grid{gap:11px}.audio-card{padding:12px 10px}.audio-card-header{flex-wrap:wrap;gap:5px;min-height:37px;align-content:start}.audio-card-header>div{gap:5px}.audio-card-header h3{font-size:9px}.level-label,.output-badge{margin-left:24px;font-size:6px}.audio-card canvas{height:48px;margin-top:3px}.audio-track-footer{font-size:7px;gap:6px}.audio-track-footer>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recording-bar{flex-wrap:wrap;gap:13px;padding-top:17px}.recording-description span{max-width:none;font-size:7px}.recording-actions{margin-left:auto;gap:13px}.recording-actions .button{font-size:8px}.main-footer{align-items:start;padding-top:13px}.main-footer>span:first-child{font-size:6px;max-width:220px}.main-footer>span:last-child{font-size:5px;letter-spacing:.3px;white-space:nowrap;gap:5px}.footer-spark{font-size:14px}.camera-bottomline{font-size:7px;left:12px;right:12px}.camera-topline{top:12px;left:12px;right:12px}.capture-label,.capture-time{font-size:7px}.camera-state{font-size:8px}.panel-heading{height:49px}.panel-heading h2{font-size:11px}.guide-note{font-size:9px}dialog{padding:22px}dialog h2{font-size:20px}dialog li p{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.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}.model-select{width:100%;height:36px;background:#171d13;color:#c6d7af;border:1px solid #3d4c30;border-radius:5px;font-size:9px;padding:0 10px;margin:0 0 16px;line-height:normal}.model-select:disabled{opacity:.6;cursor:not-allowed}.meeting-card .control-title{margin-bottom:14px}.meeting-card .small-tag{font-size:6px;letter-spacing:.6px}.meeting-card .monitor-row{margin-top:13px;padding-top:13px}.meeting-hint{font-size:8px;color:#8d9d7d;line-height:1.7;margin:12px 0 7px}.meeting-guide-button{border:0;background:none;color:#bccb9f;padding:0;font-size:8px;width:100%;display:flex;justify-content:space-between;align-items:center}.meeting-guide-button:hover{color:var(--lime)}.meeting-guide-button span{font-size:14px}.meeting-guide{border:1px solid #445738;border-radius:8px;background:#252f1d;padding:14px;margin-top:25px}.meeting-guide strong{font-size:11px;font-weight:500;color:#d7e8bf}.meeting-guide p{font-size:10px;color:#a3b58f;line-height:1.8;margin:8px 0 0}.camera-card{position:relative;top:auto}@media(max-width:740px){.camera-card{position:relative;top:auto}.meeting-card{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:18px}.meeting-card .control-title{grid-column:1/-1;margin-bottom:0}.meeting-card>.field-label{grid-column:1}.meeting-card>.select-wrap{grid-column:1}.meeting-card>.monitor-row{grid-column:2;grid-row:2/4;border:0;padding:0;margin:9px 0 0}.meeting-card>.meeting-hint{grid-column:1/-1;margin:12px 0 3px}.meeting-card>.meeting-guide-button{grid-column:1/-1}.model-select{font-size:8px;padding:8px 5px}.model-card .model-name{font-size:9px}.model-card .model-symbol{display:none}.meeting-card .small-tag{font-size:7px}}

/* The meeting route is a compact full-width strip, keeping the studio balanced. */
.workspace-grid{align-items:stretch}.camera-card{display:flex;flex-direction:column}.panel-heading,.camera-toolbar{flex-shrink:0}.camera-stage{flex:1;min-height:280px}.meeting-strip{margin-top:18px;padding:16px 20px;background:#1c2219;border:1px solid #3b4830;border-radius:10px}.meeting-strip-main{display:grid;grid-template-columns:150px minmax(0,1fr) 180px;gap:24px;align-items:center}.meeting-strip .control-title{display:block;margin:0}.meeting-strip .control-title h2{font-size:12px;margin-bottom:7px}.meeting-strip .small-tag{font-size:8px;letter-spacing:.65px;display:inline-block}.meeting-select-field .field-label{margin:0 0 5px}.meeting-select-field .select-wrap select{height:33px}.meeting-strip .monitor-row{margin:0;padding:0;border:0;gap:12px}.meeting-strip .monitor-row label{font-size:11px}.meeting-strip .monitor-row span{font-size:9px;margin-top:4px}.meeting-strip-footer{display:flex;align-items:center;gap:24px;border-top:1px solid #34432a;padding-top:10px;margin-top:12px}.meeting-strip .meeting-hint{font-size:10px;line-height:1.6;margin:0;flex:1}.meeting-strip .meeting-guide-button{font-size:10px;gap:14px;width:auto;flex:none}.control-title h2{font-size:12px}.field-label{font-size:11px}.select-wrap select,.model-select{font-size:11px}.model-name{font-size:13px}.model-name small{font-size:10px}.model-status-row,.model-status-row strong{font-size:11px}.card-footnote{font-size:10px}.model-card .button,.button{font-size:12px}.monitor-row label{font-size:11px}.monitor-row span{font-size:9px}.metric-label{font-size:10px}.latency-card p{font-size:10px}.section-english{font-size:9px;letter-spacing:1px}.small-tag{font-size:9px}.camera-state{font-size:10px}.camera-helper strong{font-size:12px}.camera-helper span:last-child{font-size:10px}.camera-placeholder h3{font-size:17px}.camera-placeholder p{font-size:11px}.permission-note{font-size:10px}.audio-card-header h3{font-size:12px}.audio-card-header>div>span:last-child{font-size:9px}.audio-track-footer,.level-label{font-size:10px}.output-badge{font-size:8px}.recording-description strong{font-size:11px}.recording-description span{font-size:10px}.recording-actions .button{font-size:11px}.audio-format{font-size:9px}.main-footer,.main-footer>span:last-child{font-size:9px}.main-footer>span:last-child{letter-spacing:.6px}.camera-toolbar{gap:10px}.camera-toolbar:has(.button-stop:not([hidden])){flex-wrap:wrap}.camera-toolbar:has(.button-stop:not([hidden])) .camera-helper{flex-basis:100%}.camera-toolbar:has(.button-stop:not([hidden])) .button{flex:1}
@media(max-width:1150px){.camera-helper strong{font-size:11px}.camera-helper span:last-child{font-size:9px}.camera-toolbar .button{font-size:11px}.meeting-strip-main{grid-template-columns:130px minmax(0,1fr) 175px;gap:19px}.intro p{font-size:12px}.camera-placeholder h3{font-size:16px}.camera-placeholder p{font-size:11px}.permission-note{font-size:9px}.audio-card-header h3{font-size:11px}.output-badge{font-size:7px}}
@media(max-width:940px){.meeting-strip-main{grid-template-columns:120px minmax(0,1fr) 170px;gap:14px}.camera-helper strong{max-width:none}.camera-toolbar .button{font-size:12px}.main-footer>span:last-child{font-size:8px}.camera-state{font-size:9px}}
@media(max-width:740px){.camera-stage{flex:initial;min-height:0}.camera-card{display:block}.meeting-strip{display:block;padding:15px;margin-top:15px}.meeting-strip-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px}.meeting-strip .control-title{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.meeting-strip .control-title h2{margin:0}.meeting-strip .monitor-row{grid-column:2;grid-row:2;align-self:end;padding-bottom:5px}.meeting-strip-footer{gap:12px;align-items:start}.meeting-strip .meeting-hint{font-size:10px}.meeting-strip .meeting-guide-button{font-size:9px;gap:5px;white-space:nowrap}.meeting-strip .monitor-row label{font-size:10px}.meeting-strip .monitor-row span{font-size:8px}.meeting-strip .small-tag{font-size:8px}.field-label,.select-wrap select,.model-select{font-size:10px}.control-title h2{font-size:11px}.model-card .model-name{font-size:11px}.model-name small{font-size:9px}.model-status-row,.model-status-row strong{font-size:10px}.model-card .button{font-size:10px}.card-footnote{font-size:9px}.monitor-row label{font-size:10px}.monitor-row span{font-size:8px}.metric-label,.latency-card p{font-size:9px}.camera-helper strong{font-size:11px;max-width:180px}.camera-helper span:last-child{font-size:8px}.camera-toolbar .button{font-size:11px}.camera-placeholder h3{font-size:14px}.camera-placeholder p{font-size:10px}.camera-placeholder .permission-note{font-size:8px}.audio-card-header h3{font-size:10px}.audio-track-footer{font-size:9px}.audio-format{font-size:8px}.level-label{font-size:8px}.output-badge{font-size:7px}.recording-description strong{font-size:10px}.recording-description span{font-size:9px}.recording-actions .button{font-size:10px}.main-footer>span:first-child{font-size:8px}.main-footer>span:last-child{font-size:6px}.recording-actions{gap:10px}.camera-state{font-size:9px}.intro p{font-size:11px}}

/* Automatic mouth tracking stays visible beside the manual override. */
.tracking-toolbar{display:flex;align-items:center;gap:12px;padding:11px 17px;background:#191f16;border-top:1px solid #303b28;flex-shrink:0;min-height:55px}.tracking-modes{display:flex;align-items:center;padding:3px;background:#12170f;border:1px solid #35442a;border-radius:6px;gap:3px;flex:none}.tracking-modes button{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;line-height:1.3;padding:6px 9px;border:0;border-radius:4px;background:transparent;color:#899b77;white-space:nowrap}.tracking-modes button svg{width:13px;height:13px;stroke-width:1.5}.tracking-modes button[aria-pressed="true"]{background:#35462a;color:#d8efbd;box-shadow:0 1px 4px #0002}.tracking-modes button:hover{color:var(--lime)}.tracking-status{display:flex;gap:6px;align-items:center;min-width:0;color:#91a47c;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tracking-status:before{content:"";display:block;width:4px;height:4px;border-radius:50%;background:#7d8d6b;flex:none}.tracking-status[data-status="tracking"]{color:#c5e8a2}.tracking-status[data-status="tracking"]:before{background:#c5e8a2;box-shadow:0 0 7px #b4e67d66}.tracking-status[data-status="loading"]:before{animation:pulse 1.1s infinite}.tracking-status[data-status="lost"],.tracking-status[data-status="error"]{color:#e4b78b}.tracking-status[data-status="lost"]:before,.tracking-status[data-status="error"]:before{background:#e4b78b}.reacquire-button{margin-left:auto;display:flex;align-items:center;gap:5px;border:0;background:none;color:#a8bd91;font-size:9px;white-space:nowrap;padding:4px 0;flex:none}.reacquire-button span{font-size:17px;line-height:1}.reacquire-button:hover{color:var(--lime)}.lip-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:1}.lip-overlay polyline{fill:none;stroke:#d5f3aa;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 1px 2px #000);vector-effect:non-scaling-stroke}.mouth-roi{z-index:2}.mouth-roi.automatic{border-color:#c4ed9455;box-shadow:0 0 0 9999px #00000005}.mouth-roi.automatic .corner{border-color:#c4ed94}.mouth-roi.automatic .roi-label{background:#c4ed94;color:#25331c}.mouth-roi.automatic .roi-cross{display:none}.mouth-roi.automatic .roi-resize:after{border-color:#c4ed94;background:#2c3b22}.camera-topline,.camera-bottomline{z-index:3}.mouth-roi.automatic .roi-label{font-size:8px;letter-spacing:1.2px}.camera-stage{min-height:280px}@media(max-width:1150px){.tracking-toolbar{flex-wrap:wrap;gap:8px;padding:10px 14px}.tracking-status{font-size:9px;flex:1;justify-content:flex-end}.reacquire-button{font-size:9px}.tracking-modes button{font-size:10px;padding:6px 8px}}@media(max-width:940px){.tracking-toolbar{column-gap:10px}.tracking-status{flex-basis:calc(100% - 100px);justify-content:flex-start;order:3}.reacquire-button{order:4;margin-left:auto}.tracking-modes{margin-right:auto;flex-basis:100%}.tracking-modes button{flex:1}.camera-stage{min-height:280px}}@media(max-width:740px){.tracking-toolbar{padding:10px 13px;gap:8px}.tracking-modes{flex-basis:auto;margin-right:0}.tracking-modes button{font-size:10px;padding:6px 8px}.tracking-status{font-size:9px;flex:1;order:initial;justify-content:flex-end}.reacquire-button{flex-basis:100%;order:initial;justify-content:flex-end;font-size:9px;padding:0;line-height:1}.camera-stage{min-height:0}.camera-bottomline{font-size:8px}.camera-bottomline>span{max-width:85%}}

.mouth-roi.automatic{min-width:0;min-height:0}

/* Bilingual copy keeps the original controls and icons intact. */
.language-control{display:flex;align-items:center;gap:5px;height:31px;padding:0 7px;border:1px solid #3a4531;border-radius:6px;background:#1b2117;flex:none}
.language-control>svg{width:14px;height:14px;color:#97a885;flex:none;stroke-width:1.4}
.language-control select{width:78px;min-width:0;padding:3px 0;color:#c6d3b7;border:0;background:transparent;font-size:11px;cursor:pointer;line-height:1.4}
/* Draw one shared focus ring around the icon and native select. */
.language-control:focus-within{border-color:var(--lime);box-shadow:0 0 0 1px var(--lime)}
.language-control select:focus{outline:none}
@media(forced-colors:active){.language-control:focus-within{outline:2px solid Highlight;outline-offset:2px}}
.topbar{gap:18px}.topbar-right{min-width:0;flex-shrink:0;gap:12px}.breadcrumb{min-width:0}
.breadcrumb strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breadcrumb>.i18n-text{color:var(--muted);flex:none}
.engine-pill{min-width:0;white-space:nowrap}.engine-pill i{flex:none}.engine-pill>span{overflow:hidden;text-overflow:ellipsis}
.eyebrow>.i18n-text{width:auto;height:auto;background:none}.intro h1>.i18n-text{color:var(--cream)}
.intro>div:first-child{min-width:0}.intro h1{overflow-wrap:normal}.intro p{line-height:1.7;max-width:650px}
html[lang="en"] .intro h1{font-size:clamp(25px,2.35vw,36px);line-height:1.28;letter-spacing:-1.15px}
html[lang="en"] .intro-side{flex:none;padding-left:14px}.sidebar-note p{max-width:175px}
.local-badge>div{min-width:0}.local-badge small{line-height:1.6}.camera-state{min-width:0}.camera-state i{flex:none}.camera-state>span{line-height:1.4}
.camera-placeholder p{max-width:85%;line-height:1.7}.permission-note{max-width:88%;line-height:1.5;text-align:center}
.tracking-status{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.45;flex:1 1 130px}
.tracking-modes button{white-space:normal}.tracking-modes button>.i18n-text{line-height:1.3}
.reacquire-button>.i18n-text,.meeting-guide-button>.i18n-text{font-size:inherit;line-height:inherit}
.camera-toolbar{flex-wrap:wrap}.camera-helper{flex:1 1 180px;max-width:none}.camera-helper>div{min-width:0}
.camera-helper strong{white-space:normal;overflow:visible;text-overflow:clip;max-width:none;line-height:1.5}
.camera-helper span:last-child{max-width:none;line-height:1.5}.camera-toolbar>.button{white-space:nowrap}
.control-title{gap:8px}.control-title h2{line-height:1.4}.small-tag{line-height:1.5}.model-name>div{min-width:0}
.model-status-row{gap:10px}.model-status-row strong{text-align:right}.card-footnote,.meeting-hint{overflow-wrap:anywhere}
.monitor-row>div{min-width:0;flex:1}.monitor-row label,.monitor-row span{line-height:1.5}.monitor-row input{flex-shrink:0}
.select-wrap{min-width:0}.select-wrap select,.model-select{max-width:100%}.metric-label>.i18n-text{color:inherit}
.meeting-strip-main>div{min-width:0}.meeting-strip-footer{align-items:flex-start}.meeting-guide-button{text-align:left}
.audio-format>.i18n-text{margin:0;color:inherit}.audio-card-header>div{min-width:0}.audio-card-header h3{line-height:1.4}
.recording-description>div{min-width:0}.recording-description strong,.recording-description span{line-height:1.55}.recording-actions{flex:none}
.main-footer>span:first-child{min-width:0;line-height:1.6}.main-footer i{flex:none}
dialog{max-height:calc(100dvh - 40px);overflow-y:auto}html[lang="en"] dialog{width:min(580px,calc(100vw - 32px))}
dialog h2{line-height:1.3}.guide-note{line-height:1.8}
@media(max-width:1150px){.topbar-right{gap:10px}.tracking-toolbar{row-gap:9px}.tracking-status{flex:1 1 110px}.camera-helper{flex-basis:180px}.intro-side{padding-left:8px}.meeting-strip-main{grid-template-columns:140px minmax(0,1fr) 180px;gap:16px}}
@media(max-width:940px){.tracking-status{flex:1 1 140px}.meeting-strip-main{grid-template-columns:135px minmax(0,1fr) 170px;gap:13px}.audio-card-header{flex-wrap:wrap;row-gap:7px}.main-footer>span:last-child{flex:none}}
@media(max-width:740px){.topbar{gap:10px}.topbar-right{gap:8px}.breadcrumb strong,.breadcrumb>span:not(.i18n-text){display:none}.language-control{height:29px;padding:0 6px}.language-control select{font-size:10px;width:72px}.language-control>svg{width:13px;height:13px}.intro h1,html[lang="en"] .intro h1{font-size:29px;line-height:1.25}.intro p{font-size:11px;max-width:100%}.tracking-modes{flex-basis:100%;margin:0}.tracking-modes button{flex:1;padding:7px 8px}.tracking-status{order:3;flex:1 1 150px;justify-content:flex-start}.reacquire-button{order:4;flex:0 0 auto;align-self:center;padding:3px 0}.camera-helper{flex-basis:170px;max-width:none}.camera-helper strong{max-width:none}.camera-helper span:last-child{font-size:9px}.camera-toolbar>.button{flex-shrink:0}.camera-toolbar:has(.button-stop:not([hidden])) .camera-helper{flex-basis:100%}.meeting-strip-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.meeting-strip .small-tag{max-width:58%;font-size:7px;letter-spacing:.35px}.meeting-strip .monitor-row{align-self:center;padding-bottom:0}.meeting-strip .monitor-row label{font-size:10px}.meeting-strip-footer{gap:12px}.meeting-strip .meeting-guide-button{white-space:normal;max-width:110px;line-height:1.5}.audio-format{white-space:nowrap;font-size:7px}.audio-format>span:not(.i18n-text){margin:0 4px}.recording-description span{max-width:none}.main-footer>span:first-child{max-width:62%}.main-footer>span:last-child{font-size:6px;letter-spacing:.3px}dialog{max-height:calc(100dvh - 24px)}}
@media(max-width:480px){.breadcrumb{display:none}.topbar{justify-content:flex-end}.topbar-right{width:100%;justify-content:flex-end}.language-control{margin-right:auto}.engine-pill{max-width:calc(100vw - 188px)}.camera-placeholder h3{font-size:14px}.camera-placeholder p{font-size:10px}.meeting-strip .control-title h2{font-size:12px}.meeting-strip .monitor-row{gap:8px}.meeting-strip .monitor-row span{font-size:8px}.audio-section-heading{gap:10px}.audio-section-heading h2{font-size:11px}.recording-actions{margin-left:auto}}
.recording-track{display:flex;padding:3px;gap:3px;background:#12170f;border:1px solid #35442a;border-radius:6px;flex:none}.recording-track button{font-size:9px;line-height:1.3;padding:5px 8px;border:0;border-radius:4px;background:transparent;color:#899b77;white-space:nowrap}.recording-track button[aria-pressed="true"]{background:#35462a;color:#d8efbd}.recording-track button:not(:disabled):hover{color:var(--lime)}