@import url('./fonts.css');
:root{--bg:#101116;--panel:#191b22;--line:#2a2c36;--text:#f0eff4;--muted:#999aa9;--accent:#cbb9f6;--accent-dim:#2e293d;--green:#a3c8b2;--error:#f5aaa8;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Hiragino Sans',sans-serif;color:var(--text);font-size:13px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,textarea,select{font:inherit}button,a,select,input[type=range],summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{color:inherit}a{color:inherit}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.sidebar{position:fixed;top:0;left:0;bottom:0;width:212px;background:#13141a;border-right:1px solid var(--line);padding:35px 19px 18px;display:flex;flex-direction:column;z-index:2}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;padding-left:10px;letter-spacing:3.5px;font-size:22px;font-weight:500}.brand small{display:block;font-size:8px;letter-spacing:2.2px;color:var(--muted);margin-top:5px}.brand-mark{width:37px;height:40px;font-family:Georgia,serif;color:var(--accent);font-size:48px;line-height:.7;letter-spacing:-5px}.brand-mark span{font-size:29px}.workspace-label{font-size:9px;letter-spacing:1.7px;color:#777985;margin:53px 12px 17px;display:flex;justify-content:space-between}.workspace-label span{letter-spacing:0}.nav-item{border:0;background:none;width:100%;display:flex;align-items:center;gap:12px;text-align:left;border-radius:7px;padding:14px 13px;color:var(--muted);margin:3px 0}.nav-item.active{background:#24212e;color:#dfd2fb}.nav-item:hover:not(.active){background:#1c1e25;color:var(--text)}.nav-count{font-size:10px;color:#7e8190;margin-left:auto}.nav-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);margin-left:auto}.sidebar-note{margin:auto 12px 36px;padding-top:42px}.tiny-label{font-size:9px;letter-spacing:1.7px;color:var(--muted)}.sidebar-note p{font-size:18px;line-height:1.9;color:#c5c2cf;margin:17px 0}.note-line{display:block;width:25px;height:1px;background:#5a506e;margin:20px 0}.sidebar-note small{font-size:10px;color:#737582}.sidebar-settings{border:1px solid var(--line);border-radius:8px;background:none;display:flex;align-items:center;gap:10px;padding:13px;text-align:left;font-size:12px}.sidebar-settings>span:last-child{margin-left:auto;color:var(--muted)}.sidebar-settings small{display:block;color:var(--muted);font-size:9px;margin-top:6px}.workspace{margin-left:212px}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 35px}.breadcrumb{color:var(--muted);font-size:11px}.breadcrumb span{padding:0 13px;color:#51535e}.breadcrumb strong{color:#d3d2db;font-weight:400}.top-actions{display:flex;align-items:center;gap:23px}.local-status{color:var(--muted);font-size:10px;display:flex;align-items:center;gap:7px}.local-status i,.status-pill:before,.character-state i{width:5px;height:5px;display:inline-block;background:var(--green);border-radius:50%}main{max-width:1480px;padding:35px 36px 0;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{font-size:9px;letter-spacing:2px;color:#ad9bcc}h1{font-size:30px;font-weight:550;letter-spacing:1px;margin:10px 0 8px;line-height:1.3}h1 span{font-size:10px;vertical-align:super;color:#777381;letter-spacing:0;padding-left:12px}.page-heading p{color:var(--muted);margin:0;font-size:11px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border:1px solid transparent;border-radius:6px;white-space:nowrap;font-size:12px;text-decoration:none;transition:background .15s}.button.secondary{border-color:#3a3b47;background:#22242d}.button.secondary:hover{background:#30313d}.button.ghost{border-color:var(--line);background:transparent;color:#c5c4d0}.button.primary{background:var(--accent);color:#272131;font-weight:600}.button.primary:hover{background:#deccff}.button.primary svg{fill:currentColor;stroke:none}.button.small{font-size:10px;padding:8px 11px}.studio-grid{display:grid;grid-template-columns:minmax(0,1fr) 314px;gap:23px;align-items:start}.control-column{display:flex;flex-direction:column;gap:17px;min-width:0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:22px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:19px}h2{font-size:13px;line-height:1.5;margin:0;font-weight:550}.step{color:#898291;margin-right:10px;font-size:10px;font-weight:400;font-variant-numeric:tabular-nums}.status-pill{font-size:9px;padding:5px 8px;border:1px solid #3b3546;border-radius:4px;color:#aaa0b5;background:#292331;white-space:nowrap}.status-pill:before{content:'';background:#9b899f;margin-right:5px;width:4px;height:4px}.status-pill.ready{color:#b4cbbb;border-color:#34483b;background:#222c27}.status-pill.ready:before{background:var(--green)}.provider-tabs{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:20px}.provider{border:1px solid #383945;background:#20222a;border-radius:7px;display:flex;gap:12px;align-items:center;padding:14px 16px;text-align:left;font-size:14px}.provider.active{border-color:#a894ce;background:#282432}.provider-logo{font-size:19px}.minimax-logo{font-family:Georgia,serif;letter-spacing:-5px;font-weight:bold;width:27px}.eleven-logo{font-size:26px;font-weight:700;letter-spacing:-4px;width:27px}.provider small{display:block;font-size:9px;font-weight:400;color:var(--muted);margin-top:5px;letter-spacing:.3px}.provider i{border:1px solid #575361;width:12px;height:12px;border-radius:50%;margin-left:auto;position:relative}.provider.active i{border-color:var(--accent)}.provider.active i:after{content:'';position:absolute;inset:3px;border-radius:50%;background:var(--accent)}.fields{display:grid;gap:15px}.fields.two{grid-template-columns:1fr 1fr}label{font-size:10px;color:#a9a7b5;display:block;line-height:1.5}label input:not([type=checkbox]):not([type=range]),label select{width:100%;margin-top:7px}input:not([type=range]):not([type=checkbox]),select,textarea{background:#12141a;color:#e2dfea;border:1px solid #333540;border-radius:6px;padding:10px 11px;outline:0;min-width:0}input:focus,textarea:focus,select:focus{border-color:#a491c7}input::placeholder{color:#636570}select{padding-right:24px;font-size:11px}.voice-row{display:flex;align-items:end;gap:10px;margin-top:15px}.voice-row label{flex:1;min-width:0}.voice-row .button{height:37px}.field-hint{font-size:10px;color:#797b8a;line-height:1.7;margin:10px 0 0}.text-button{background:transparent;border:0;padding:0;color:#b7a5d8;font-size:10px}.text-button:hover{color:#e1d0ff}.text-button span{margin-left:5px}.preset-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:13px}.chip{border:1px solid #353641;color:#999aa9;background:transparent;font-size:10px;padding:6px 11px;border-radius:5px}.chip.selected{background:#302a3f;color:#d5c2f7;border-color:#504360}.chip:hover{border-color:#75618f}textarea{resize:vertical;width:100%;min-height:147px;font-size:17px;line-height:2;padding:18px 17px;letter-spacing:.2px}.editor-footer{display:flex;justify-content:space-between;color:#717582;font-size:9px;margin-top:8px}.editor-footer b{font-weight:400;color:#adacb8}.delivery-row{border-top:1px solid var(--line);padding-top:16px;margin-top:18px;display:flex;gap:12px;align-items:start}.muted-label{color:#888896;font-size:10px;white-space:nowrap;padding-top:6px}.tag-buttons{display:flex;flex-wrap:wrap;gap:6px}.tag-buttons button{border:1px solid #343641;background:#20222b;border-radius:4px;color:#c2bfcb;font-size:10px;padding:5px 9px}.tag-buttons button:hover{background:#353040;color:#eee4ff}.tag-buttons small{color:#8c879a;margin-left:3px;font-size:9px}.expression-fields{margin-top:16px;align-items:center}.expression-fields>label>span{float:right;font-size:10px;color:#c8b6ea}input[type=range]{accent-color:#c4b0ec;width:100%;margin-top:14px}input[type=checkbox]{accent-color:#b9a2e2}.compiled-details,.timeline-details{border-top:1px solid var(--line);margin-top:18px;padding-top:13px}summary{font-size:10px;color:#8f8b9d;cursor:pointer}summary span{float:right;font-size:9px;color:#73717f}.compiled-details pre{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;color:#cabddf;line-height:1.9;padding:12px;background:#12141a;border-radius:5px}.compiled-details p{font-size:10px;line-height:1.8;color:#a49aae}.format-badge{font-size:8px;color:#8c879b;letter-spacing:.6px}.mode-tabs{display:grid;grid-template-columns:1fr 1.2fr;background:#12141a;border:1px solid #2c2e39;padding:4px;border-radius:7px;gap:4px}.mode-tabs button{border:0;background:none;border-radius:4px;text-align:left;padding:10px 13px;color:#8e8b9b;font-size:11px}.mode-tabs button.active{background:#302b3e;color:#e1d4f8}.mode-tabs small{display:block;font-size:8px;margin-top:4px;color:#8e879f}.stream-options{display:flex;gap:16px;margin-top:13px}.stream-options label{display:flex;gap:8px;align-items:center;font-size:9px;flex:1;white-space:nowrap}.stream-options select{margin:0;padding:6px;font-size:9px}.stream-options label.dim{opacity:.4}.audio-monitor{background:#13151b;border:1px solid #282b35;border-radius:7px;margin-top:18px;padding:10px 13px 9px;position:relative}canvas{display:block;width:100%;height:66px}.monitor-info{display:flex;justify-content:space-between;color:#848190;font-size:9px;font-variant-numeric:tabular-nums}.monitor-info i{display:inline-block;background:#77707f;width:4px;height:4px;border-radius:50%;margin-right:6px}.monitor-info .playing{color:#c7b3ee}.monitor-info .playing i{background:var(--accent)}.play-actions{display:flex;gap:9px;align-items:center;margin-top:14px}.play-actions #generate{min-width:155px}.play-actions>span{font-size:9px;color:#747381;line-height:1.7;margin-left:auto;max-width:150px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:20px;padding-top:16px;gap:10px}.metric-grid>div{border-right:1px solid var(--line);padding-left:7px}.metric-grid>div:first-child{padding-left:0}.metric-grid>div:last-child{border:0}.metric-grid span{font-size:9px;color:#8c8798}.metric-grid strong{display:block;font-size:25px;font-weight:400;margin-top:7px;font-variant-numeric:tabular-nums;color:#dfd5ef}.metric-grid strong small{font-size:9px;color:#7e798b;margin-left:5px}.measurement-note{font-size:9px;color:#777482;margin:12px 0 0;line-height:1.8}.timeline-details ol{list-style:none;padding:0;max-height:190px;overflow:auto;font:10px/1.9 ui-monospace,SFMono-Regular,monospace;color:#aaa1b9}.timeline-details li{display:flex;gap:12px;border-bottom:1px solid #242630;padding:5px 0}.timeline-details li time{color:#7f768e;width:65px;flex-shrink:0}.timeline-details li span{overflow-wrap:anywhere}.character-panel{background:#202023;border:1px solid #37353a;border-radius:10px;overflow:hidden}.character-top{display:flex;justify-content:space-between;align-items:center;padding:16px 17px;background:#252426}.character-top>span:first-child{color:#b3ada9;letter-spacing:1.4px;font-size:8px}.character-state{font-size:9px;color:#b7b3b2;display:flex;align-items:center;gap:6px}.character-state i{width:4px;height:4px;background:#aeaaa7}.portrait{height:477px;background:#76716e;position:relative;overflow:hidden}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center 43%;display:block}.portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 82%,#29262866);pointer-events:none}.portrait-caption{position:absolute;bottom:15px;left:17px;letter-spacing:1.5px;font-size:8px;color:#ede7dfbb;z-index:1}.character-caption{display:flex;align-items:center;justify-content:space-between;padding:20px 18px 15px}.character-caption h2{font-family:Georgia,serif;letter-spacing:3px;font-size:26px;color:#e8dfd7;font-weight:400}.character-caption h2 span{font-family:sans-serif;letter-spacing:1px;font-size:11px;color:#a69b95;margin-left:8px}.character-caption p{font-size:8px;color:#918882;letter-spacing:.7px;margin:6px 0 0}.character-index{font-size:9px;color:#817a74;font-variant-numeric:tabular-nums}.angle-switch{display:flex;margin:0 17px;background:#16171b;border-radius:5px;padding:3px;gap:3px}.angle-switch button{flex:1;font-size:10px;color:#8d8783;background:none;border:0;padding:7px;border-radius:3px}.angle-switch button.active{background:#3a3435;color:#e5d5c9}.reference-note{color:#807975;text-align:center;font-size:8px;margin:13px 0 16px;letter-spacing:.2px}.listening-notes{padding:27px 12px}.listening-notes h3{font-size:15px;font-weight:500;margin:12px 0 20px;color:#d4ccd9}.listening-notes p{font-size:10px;color:#938d9d;line-height:1.9;margin:12px 0;display:flex;gap:12px}.listening-notes p span{font-size:8px;color:#706778}.note-footer{font-size:9px;color:#686370;line-height:1.8;border-top:1px solid #26242d;padding-top:16px;margin-top:20px}.history-panel{margin-top:24px}.history-panel .section-heading p{color:var(--muted);font-size:10px;margin:5px 0 0}.history-actions{display:flex;align-items:center;gap:18px}.switch-label{font-size:10px;display:flex;align-items:center;gap:6px;color:var(--muted)}.history-list{display:grid;gap:12px}.empty-state{padding:24px 0 28px;text-align:center;border:1px dashed #34313e;border-radius:6px}.empty-state svg{color:#797085;width:25px;height:25px}.empty-state p{font-size:12px;color:#b4aabe;margin:9px 0}.empty-state small{font-size:10px;color:#746e80}.result-card{border:1px solid #383441;border-radius:7px;padding:17px;background:#16171e}.result-header{display:flex;justify-content:space-between;gap:14px}.result-title{font-size:12px;font-weight:500}.result-subtitle{font-size:9px;color:#817889;margin-top:5px}.result-badge{font-size:9px;color:#baa9d8}.result-card blockquote{font-size:12px;color:#c8bfd3;margin:13px 0;line-height:1.8;white-space:pre-wrap;border-left:2px solid #655575;padding-left:12px}.result-card audio{width:100%;height:34px;margin-top:3px}.result-metrics{display:flex;flex-wrap:wrap;gap:14px;font-size:9px;color:#a395b5;margin:12px 0}.rating-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.rating-row select{font-size:10px;padding:7px}.result-actions{display:flex;gap:14px;justify-content:flex-end;margin-top:13px}.result-error{font-size:11px;color:var(--error);margin-top:10px;line-height:1.7}.page-footer{display:flex;justify-content:space-between;color:#58535f;font-size:8px;letter-spacing:1px;padding:27px 0}.page-footer>span>span{margin:0 8px;color:#41394d}dialog{width:470px;max-width:calc(100vw - 28px);max-height:90vh;overflow:auto;border:1px solid #494151;border-radius:12px;background:#191b23;color:var(--text);padding:27px;box-shadow:0 30px 100px #0007}dialog::backdrop{background:#08090ec9;backdrop-filter:blur(6px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.dialog-heading h2{font-size:20px;margin-top:7px}.close-button{background:none;border:0;font-size:26px;color:#9b92a8;width:30px;height:30px;line-height:1}.dialog-description{font-size:11px;color:#aaa0b7;line-height:1.9;margin-bottom:21px}dialog form>label{margin-top:16px}dialog label>span{float:right;color:var(--green);font-size:9px}.dialog-actions{display:flex;justify-content:space-between;align-items:center;margin-top:23px}.error-text{font-size:11px;color:var(--error);margin-top:12px}.wide-dialog{width:700px}.corpus-toolbar{margin-bottom:20px;max-width:220px}.corpus-entry{width:100%;border:1px solid #34313f;border-radius:7px;background:#13151c;text-align:left;padding:14px;margin:6px 0}.corpus-entry:hover{border-color:#927aad}.corpus-entry span{color:#a995c3;font-size:9px}.corpus-entry p{font-size:13px;line-height:1.9;margin:7px 0;color:#ddd4e8}.corpus-entry small{font-size:10px;color:#86808f}.guide-content h3{font-size:13px;font-weight:500;color:#d7c6ef;margin:23px 0 8px}.guide-content p{font-size:12px;line-height:1.9;color:#aaa2b5}.guide-links{display:flex;gap:17px;margin-top:20px;font-size:11px;color:#cbb5ed}.diagnostic-box{background:#23202d;padding:1px 18px 18px;border-radius:7px;margin-top:25px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:10;background:#35303f;border:1px solid #685777;color:#f1e5ff;padding:12px 20px;border-radius:7px;font-size:12px;box-shadow:0 8px 30px #0005;max-width:90vw}.toast.error{color:#ffd3d1;border-color:#a46666;background:#3c292e}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(min-width:1550px){main{padding-top:42px}.studio-grid{grid-template-columns:minmax(0,1fr) 350px}.portrait{height:535px}textarea{min-height:180px}.panel{padding:25px}.section-heading{margin-bottom:22px}}@media(max-width:1180px){.sidebar{width:178px;padding-left:12px;padding-right:12px}.workspace{margin-left:178px}.topbar{padding:0 25px}main{padding:27px 24px 0}.studio-grid{grid-template-columns:minmax(0,1fr) 260px;gap:17px}.panel{padding:18px}.portrait{height:398px}.stream-options{gap:8px}.stream-options label{flex-wrap:wrap;gap:3px}.stream-options select{width:100%}.play-actions>span{display:none}.tag-buttons{gap:5px}.tag-buttons button{padding:5px 7px}.provider{padding:12px}.character-top{padding:15px 12px}.character-top>span:first-child{font-size:7px;letter-spacing:1px}}@media(max-width:920px){.sidebar{width:70px;padding:25px 9px 15px}.brand{padding:0;justify-content:center}.brand>span:last-child,.workspace-label,.nav-item .nav-count,.nav-dot,.sidebar-note,.sidebar-settings>span{display:none}.brand-mark{font-size:42px;width:31px}.nav-item{font-size:0;justify-content:center;padding:15px;margin:7px 0}.nav-item svg{width:20px;height:20px}.sidebar nav{margin-top:35px}.sidebar-settings{margin-top:auto;justify-content:center;padding:13px 0}.workspace{margin-left:70px}.studio-grid{grid-template-columns:minmax(0,1fr) 230px;gap:14px}.portrait{height:352px}.provider{gap:8px;font-size:12px}.provider-logo{font-size:17px;width:22px}.fields{gap:10px}.button{padding:10px 13px}.metric-grid strong{font-size:23px}.character-caption{padding:16px 12px}.character-caption h2{font-size:23px}.character-caption h2 span{font-size:9px;margin-left:3px}.character-index{display:none}.reference-note{font-size:7px}}@media(max-width:730px){.studio-grid{display:flex;flex-direction:column}.control-column{width:100%;order:1}.character-column{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:15px;order:0}.character-panel{display:grid;grid-template-columns:118px 1fr;position:relative;min-height:187px}.character-top{grid-column:1/3;padding:10px}.portrait{height:162px;grid-row:2/5;grid-column:1}.portrait img{object-fit:contain}.portrait-caption{display:none}.character-caption{display:block;padding:15px 10px 6px;grid-column:2}.character-caption h2{font-size:20px}.character-caption h2 span{display:block;margin-top:6px}.character-caption p{display:none}.angle-switch{grid-column:2;margin:0 10px;align-self:center}.angle-switch button{padding:6px;font-size:8px}.reference-note{grid-column:2;line-height:1.7;margin:6px 10px 10px}.listening-notes{padding:7px 0}.listening-notes h3{margin:8px 0 12px;font-size:13px}.listening-notes p{font-size:9px;margin:7px 0;gap:7px}.note-footer{font-size:8px;margin-top:11px;padding-top:8px}.top-actions{gap:10px}.local-status{font-size:8px}.page-heading{margin-bottom:20px}.page-heading>.button{font-size:10px;padding:8px}.page-heading h1{font-size:24px}.eyebrow{font-size:8px;letter-spacing:1.4px}.page-heading p{font-size:10px}.topbar{height:58px;padding:0 18px}main{padding:24px 17px 0}.history-actions{gap:9px;flex-direction:column;align-items:end}.result-header{gap:8px}.page-footer{gap:10px;font-size:7px}.top-actions .ghost{font-size:0;padding:7px}.top-actions .ghost svg{width:15px;height:15px}}@media(max-width:480px){.sidebar{width:54px;padding-left:5px;padding-right:5px}.workspace{margin-left:54px}.nav-item{padding:12px 0}.sidebar-settings{padding:10px 0}.brand-mark{font-size:38px}.character-column{display:block}.listening-notes{display:none}.character-panel{grid-template-columns:110px 1fr;min-height:170px}.portrait{height:155px}.character-top>span:first-child{font-size:8px}.character-caption h2 span{display:inline}.page-heading{align-items:start}.page-heading>.button{padding:7px;font-size:0}.page-heading>.button svg{width:16px;height:16px}.page-heading h1{font-size:22px}.page-heading h1 span{padding-left:4px;font-size:8px}.panel{padding:16px 13px}.section-heading{gap:5px}h2{font-size:12px}.step{margin-right:7px}.format-badge{font-size:6px}.provider{padding:11px 9px;gap:7px}.provider i{width:10px;height:10px}.provider small{font-size:8px}.provider.active i:after{inset:2px}.provider-logo{width:20px}.fields.two{gap:9px}.voice-row{gap:7px}.voice-row .button{font-size:9px;padding:8px}.delivery-row{display:block}.muted-label{display:block;margin-bottom:8px}.preset-chips{gap:5px}.chip{padding:5px 7px;font-size:9px}textarea{font-size:15px;padding:13px;min-height:140px}.compiled-details summary span{display:none}.mode-tabs button{padding:8px;font-size:10px}.mode-tabs small{font-size:7px}.metric-grid strong{font-size:20px}.metric-grid span{font-size:8px}.metric-grid strong small{font-size:8px;margin-left:3px}.metric-grid{gap:6px}.rating-row{gap:6px}.rating-row label{font-size:9px}.page-footer>span:last-child{display:none}.local-status{font-size:7px}.top-actions{gap:7px}.breadcrumb{font-size:9px}.breadcrumb span{padding:0 7px}dialog{padding:21px}.dialog-heading h2{font-size:18px}}
.chat-toolbar{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:16px 0 0}.chat-messages{list-style:none;margin:18px 0;padding:12px;background:#12141a;border:1px solid var(--line);border-radius:7px;max-height:300px;min-height:110px;overflow:auto}.chat-messages li{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.8;margin:8px 0;padding:9px 12px;border-radius:6px}.chat-messages .system{color:var(--muted);font-size:10px}.chat-messages .assistant{background:#302a3f;color:#e0d3f3;margin-right:24px}.chat-messages .user{background:#252a2e;color:#c8d4cf;margin-left:24px}.chat-input{display:flex;gap:9px}.chat-input input{flex:1;min-width:0}
/* Live avatar and multi-provider controls. The video canvas stays pure black. */
.provider-tabs{grid-template-columns:repeat(auto-fit,minmax(135px,1fr))}.provider{font-size:12px;padding:11px}.provider small{font-size:8px}.provider-logo{font-family:inherit;width:22px;font-size:14px;letter-spacing:0}.selection-status{display:flex;gap:12px;justify-content:space-between;align-items:center;margin:13px 0 0;font-size:10px;color:#a1b5a9}.selection-status.pending{color:#d8bd87}.asr-controls{display:flex;align-items:end;gap:16px;margin-top:14px}.asr-controls label{min-width:135px}.asr-controls .field-hint{margin:0 0 4px}.character-column{position:sticky;top:20px}.character-panel{display:block;background:#0a0b0c}.avatar-stage{height:min(64vh,620px);min-height:360px;background:#000;position:relative;display:flex;justify-content:center;overflow:hidden}.avatar-stage canvas{display:block;width:auto;max-width:100%;height:100%;object-fit:contain;background:#000}.avatar-stage>p{position:absolute;left:10px;right:10px;bottom:12px;margin:0;text-align:center;font-size:9px;color:#9b9996;pointer-events:none}.avatar-decoders{position:absolute;left:-10000px;top:0;width:2px;height:2px;overflow:hidden}.avatar-decoders video{width:1px;height:1px}.avatar-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:0 12px}.avatar-actions button{font-size:9px;border:1px solid #393741;border-radius:4px;padding:8px 3px;color:#b8afc5;background:#211e27}.avatar-actions button[data-ready=false]{border-style:dashed;color:#87828e}.avatar-boundary{font-size:8px;color:#8b8397;line-height:1.8;margin:10px 14px}.avatar-events{border-top:1px solid #302c36;margin:13px 13px 0;padding-top:10px}.avatar-events summary{font-size:9px}.avatar-events ol{max-height:150px;overflow:auto;padding:0;list-style:none;font:8px/1.8 ui-monospace,monospace;color:#9a8fa8}.avatar-events li{border-bottom:1px solid #25212b;padding:4px 0;overflow-wrap:anywhere}.avatar-poc-link{display:block;text-align:center;font-size:8px;color:#9a89af;margin:14px;text-decoration:none}.provider-key-row{margin:14px 0}.provider-key-row p{font-size:9px;color:#85818e;margin:5px 0}.key-public-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:11px 0;font-size:11px;color:#b6abbf}.key-public-row span:last-child{font-size:9px;color:#98b3a2}.character-top>span:first-child{font-size:7px}.reference-note{padding:0 10px;line-height:1.8}.chat-panel .chat-toolbar .primary{min-width:130px}.chat-panel .asr-controls select{font-size:10px}#provider-key-fields input{width:100%;margin-top:7px}#settings-admin-login{margin-top:13px}@media(max-width:730px){.character-column{position:static;display:block}.character-panel{display:block;min-height:0}.character-top{display:flex}.character-caption{display:flex;padding:13px}.character-caption h2 span{display:inline}.avatar-stage{height:390px;min-height:0}.avatar-actions{margin:0 13px}.listening-notes{display:none}.avatar-events{margin-bottom:10px}.asr-controls{align-items:start;flex-wrap:wrap;gap:8px}.asr-controls .field-hint{font-size:9px}.provider-tabs{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.avatar-stage{height:355px}.avatar-actions button{font-size:9px}.selection-status{font-size:9px;line-height:1.7;align-items:start}.character-caption{grid-column:auto}.character-caption h2 span{font-size:10px}.avatar-stage canvas{max-width:100%}.provider-tabs{gap:7px}}

/* Conversation is the default view; detailed TTS experiments remain available. */
.nav-item{text-decoration:none}
.page-heading .sample-link{font-size:12px;color:var(--accent);text-decoration:none;white-space:nowrap}
.page-heading p{font-size:13px;line-height:1.8}
.studio-grid{grid-template-columns:minmax(0,1fr) minmax(240px,32%);align-items:stretch}
.character-column{position:static}
.character-panel{height:100%;display:flex;flex-direction:column}
.character-top{background:#111116;padding:15px 18px}
.character-top>span:first-child{font-size:9px;letter-spacing:1.5px}
.avatar-stage{height:460px;min-height:340px;flex:1}
.character-caption{padding:17px 18px}
.character-caption p{display:block;font-size:11px;line-height:1.7;letter-spacing:0;color:#a9a0b6}
.chat-panel{height:100%;padding:26px}
.chat-panel .section-heading{margin-bottom:12px}
.chat-panel h2{font-size:21px}
.conversation-badge{font-size:11px;color:#c2b1da;border:1px solid #484050;border-radius:20px;padding:4px 10px}
.conversation-status{font-size:13px;line-height:1.8;color:var(--green);margin:0 0 19px}
.conversation-selectors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.conversation-selectors label{font-size:13px;color:#d1cbdc}
.conversation-selectors label{min-width:0}
.conversation-tts{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:15px;padding:12px 14px;border:1px solid #44394f;border-radius:7px;background:#15151e}
.conversation-tts .selection-status{flex:1 1 260px;min-width:0;align-items:center;margin:0;font-size:12px;line-height:1.8}
.conversation-tts #applied-tts{overflow-wrap:anywhere}
.conversation-tts #apply-tts{font-size:11px;flex-shrink:0;line-height:1.6}
.conversation-tts .button{min-height:38px;font-size:12px;padding:9px 12px}
.conversation-tts-note{font-size:11px;line-height:1.8;color:#a79bb8;margin:9px 0 0}
@media(max-width:730px){.conversation-tts{padding:12px;gap:10px}.conversation-tts .selection-status{flex-basis:100%;font-size:11px}.conversation-tts .button{width:100%;font-size:13px}.conversation-tts-note{font-size:11px}}
.conversation-selectors select,.chat-panel .conversation-selectors select{font-size:15px;min-height:46px;border-color:#4e435e;padding:11px 12px}
.chat-panel #asr-status{font-size:11px;color:#9a91a7;min-height:19px}
.conversation-instructions{background:#25212f;border-left:2px solid #bda5e3;color:#ded1ef;font-size:13px;line-height:1.9;padding:12px 14px;margin:18px 0}
.conversation-instructions span{display:block;font-size:11px;color:#a69bb7}
.conversation-actions{gap:14px;margin-top:0}
.conversation-actions .button{font-size:14px;min-height:45px;padding:11px 17px}
.conversation-actions .text-button{font-size:12px}
.microphone-status{font-size:12px;line-height:1.8;color:#b8accc;min-height:22px;margin:12px 0 0}
.conversation-error{border:1px solid #82545b;border-radius:7px;padding:12px 14px;color:#ffd1d0;background:#36242a;font-size:13px;line-height:1.8;white-space:pre-wrap}
.chat-messages{min-height:110px;max-height:210px;margin:17px 0 13px}
.chat-messages li{font-size:13px}
.chat-messages .system{font-size:12px}
.chat-input input{font-size:13px;min-height:43px}
.chat-input .button{font-size:13px}
.sample-overview{margin-top:24px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;border:1px solid var(--line);border-radius:9px;background:#16171e}
.sample-overview h2{font-size:15px}.sample-overview p{font-size:12px;color:var(--muted);line-height:1.8;margin:7px 0 0}
.advanced-lab,.history-shell{margin-top:20px;border:1px solid var(--line);border-radius:9px;background:#15161d;scroll-margin-top:20px}
.advanced-lab>summary,.history-shell>summary{font-size:13px;color:#cfc5dd;padding:18px 22px;line-height:1.8}
.advanced-lab>summary span,.history-shell>summary span{font-size:11px;color:#94889f}
.advanced-lab[open]>summary,.history-shell[open]>summary{border-bottom:1px solid var(--line)}
.advanced-content{padding:20px;display:grid;gap:18px}
.advanced-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.advanced-toolbar p{flex:1;min-width:200px;font-size:12px;color:var(--muted);line-height:1.8;margin:0}
.advanced-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.advanced-grid .provider-panel{grid-column:1/-1}.advanced-grid .panel{min-width:0}
.avatar-debug-panel .avatar-actions{max-width:440px;margin:0}.avatar-debug-panel .avatar-boundary,.avatar-debug-panel .reference-note{margin-left:0;padding-left:0;text-align:left;font-size:11px}.avatar-debug-panel .avatar-events{margin:16px 0 0}.avatar-debug-panel .avatar-poc-link{text-align:left;margin-left:0;font-size:11px}
.history-shell .history-panel{margin:0;border:0;background:transparent}
#conversation{scroll-margin-top:22px}
@media(max-width:1180px){.studio-grid{grid-template-columns:minmax(0,1fr) 255px;gap:18px}.chat-panel{padding:22px}.conversation-actions{gap:12px}.conversation-actions .button{font-size:13px;padding:10px 13px}.advanced-grid{grid-template-columns:1fr}.advanced-grid .provider-panel{grid-column:auto}}
@media(max-width:920px){.sidebar{width:150px;padding:25px 10px 15px}.workspace{margin-left:150px}.brand{justify-content:start;padding-left:5px}.brand>span:last-child,.workspace-label{display:block}.brand>span:last-child{font-size:18px}.brand small{font-size:7px}.brand-mark{width:27px;font-size:37px}.workspace-label{font-size:8px;margin:35px 8px 14px}.workspace-label span{float:right}.sidebar nav{margin-top:0}.nav-item{font-size:11px;justify-content:start;padding:12px 8px;gap:9px}.nav-item svg{width:17px;height:17px}.sidebar-settings>span{display:block}.sidebar-settings{font-size:10px;padding:10px 8px;gap:8px}.sidebar-settings small{font-size:8px}.studio-grid{grid-template-columns:minmax(0,1fr) 210px}.chat-panel{padding:20px}.conversation-selectors{gap:10px}.conversation-actions .text-button{font-size:11px}.avatar-stage{min-height:380px}.page-heading{align-items:start;gap:15px}.page-heading .sample-link{font-size:11px}.conversation-instructions{font-size:12px}}
@media(max-width:730px){.sidebar{position:static;width:100%;padding:13px 17px;border-right:0;border-bottom:1px solid var(--line);display:block}.sidebar .brand,.workspace-label,.sidebar-note,.sidebar-settings{display:none}.sidebar nav{display:flex;gap:9px;margin:0}.sidebar .nav-item{display:none}.sidebar .nav-item.active,.sidebar a.nav-item{display:flex;width:auto;margin:0;padding:9px 11px;font-size:12px;gap:8px}.sidebar .nav-dot{display:none}.workspace{margin-left:0}.topbar{display:none}main{padding:22px 18px 0}.page-heading{margin-bottom:18px}.page-heading h1{font-size:26px}.page-heading p{font-size:12px}.page-heading .sample-link{display:none}.studio-grid{display:flex;flex-direction:column;gap:15px}.character-column{width:100%;order:0;position:static}.control-column{width:100%;order:1}.character-panel{height:152px;display:grid;grid-template-columns:112px minmax(0,1fr);grid-template-rows:48px 1fr;min-height:0}.avatar-stage{height:152px;min-height:0;grid-column:1;grid-row:1/3}.avatar-stage canvas{height:100%;max-width:100%}.avatar-stage>p{font-size:8px;bottom:5px}.character-top{grid-column:2;grid-row:1;padding:16px 18px;background:#0a0b0c;justify-content:space-between}.character-caption{grid-column:2;grid-row:2;padding:4px 18px 18px;display:flex;gap:10px}.character-caption h2{font-size:24px}.character-caption h2 span{display:inline;font-size:11px}.character-caption p{font-size:11px;margin-top:7px}.character-caption .text-button{font-size:11px}.chat-panel{padding:22px}.chat-panel h2{font-size:20px}.conversation-selectors select,.chat-panel .conversation-selectors select{font-size:15px}.conversation-actions .button{font-size:14px;min-height:45px}.conversation-actions .text-button{font-size:12px}.conversation-instructions{font-size:13px}.chat-panel .field-hint{font-size:11px}.sample-overview{margin-top:18px;padding:18px;align-items:start;flex-direction:column;gap:13px}.sample-overview p{font-size:12px}.sample-overview .button{font-size:12px}.advanced-lab>summary,.history-shell>summary{padding:16px 18px;font-size:13px}.advanced-lab>summary span,.history-shell>summary span{display:block;float:none;font-size:10px}.advanced-content{padding:12px;gap:12px}.advanced-grid{gap:12px}.advanced-toolbar{padding:4px}.advanced-toolbar p{min-width:100%;font-size:11px}.history-shell .history-panel{padding:17px}.microphone-status{font-size:11px}.chat-messages{max-height:230px}}
@media(max-width:390px){main{padding:18px 13px 0}.page-heading h1{font-size:24px}.page-heading p{font-size:11px}.chat-panel{padding:18px 15px}.conversation-selectors{gap:10px}.conversation-selectors label{font-size:12px}.conversation-selectors select,.chat-panel .conversation-selectors select{font-size:13px;padding:10px 7px}.conversation-actions{gap:11px}.conversation-actions .button{font-size:13px;padding:10px 12px}.conversation-instructions{padding:10px 11px;font-size:12px}.character-caption{padding-right:12px}.character-top{padding-right:12px}}

.auto-send-option{display:flex;align-items:center;gap:8px;margin:10px 0 14px;font-size:12px;color:#b8afca}.auto-send-option input{width:16px;height:16px;accent-color:#b49ad8}

#mic-recording-box{margin:12px 0;padding:10px;border:1px solid #383142;border-radius:6px}#mic-recording-box audio{width:100%;height:36px}#mic-recording-box a{font-size:11px;color:#c9b5e6}

.microphone-panel{margin:14px 0 18px;padding:14px;border:1px solid #42394e;border-radius:8px;background:#14131c;min-width:0}
.microphone-device-row{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.microphone-device-row label{flex:1 1 220px;min-width:0;font-size:12px;color:#d1c6df}.microphone-device-row select{display:block;width:100%;margin-top:7px;min-height:40px;font-size:12px;text-overflow:ellipsis}.microphone-device-row .button{font-size:12px;min-height:40px;white-space:nowrap}.microphone-device-row .text-button{font-size:11px;min-height:40px;white-space:nowrap}.microphone-panel .auto-send-option{font-size:11px;margin:12px 0 9px}.microphone-panel .field-hint{font-size:11px;line-height:1.8;margin:8px 0 0;overflow-wrap:anywhere}
#mic-waveform{display:block;width:100%;height:70px;margin:11px 0 9px;border-radius:5px;background:#0a0a10}.microphone-level-row{display:flex;align-items:center;gap:12px}.microphone-level-row meter{flex:1;min-width:45px;height:12px;accent-color:#bca5df}.microphone-level-row span{font:11px/1.8 ui-monospace,monospace;color:#d7c7ec;white-space:nowrap}.microphone-test-footer{display:flex;justify-content:space-between;gap:8px;color:#92869f;font-size:10px;margin-top:5px}
@media(max-width:480px){.microphone-panel{padding:12px}.microphone-device-row{gap:8px}.microphone-device-row label{flex-basis:100%}.microphone-level-row{gap:8px;flex-wrap:wrap}.microphone-level-row meter{flex-basis:100%}.microphone-test-footer{flex-wrap:wrap}}

.chat-audio-state{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:11px;line-height:1.8;color:#a7bbac;margin:12px 0}.chat-audio-state .button{font-size:12px}#reply-recording-box{padding:10px 12px;border:1px solid #493c57;border-radius:7px;margin:12px 0}#reply-recording-box audio{width:100%;height:38px;margin-top:6px}

.audio-output-panel{margin:14px 0;padding:14px;background:#181922;border:1px solid #4a415a;border-radius:8px}.audio-output-panel .field-hint{font-size:11px;line-height:1.8;margin:9px 0 0}.audio-output-panel audio{width:100%;height:36px;margin-top:10px}.output-volume-label{display:flex;align-items:center;gap:13px;margin:13px 0 0;font-size:12px;color:#c9c0d6}.output-volume-label input{flex:1;min-width:60px;accent-color:#c1a7e2}

/* Keep the whole character visible while the conversation panel grows. */
.studio-grid{align-items:start}.character-column{position:sticky;top:18px;align-self:start}.character-panel{height:auto}.avatar-stage{flex:none;height:min(62vh,620px);min-height:300px}.avatar-stage canvas{width:100%;height:100%;object-fit:contain}
@media(max-width:730px){.character-column{position:static}.avatar-stage{height:390px;min-height:0}}
.avatar-live-status{margin:0;padding:8px 12px;text-align:center;font-size:11px;color:#b5a4cc;background:#000}

.conversation-languages{grid-template-columns:repeat(2,minmax(0,1fr))}.conversation-audio-settings{margin-top:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.conversation-audio-settings label:last-child{grid-column:1/-1}.conversation-voice-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:9px}.conversation-voice-tools .field-hint{margin:0}.conversation-voice-tools button{white-space:nowrap;font-size:11px}@media(max-width:730px){.conversation-audio-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.conversation-audio-settings label:last-child{grid-column:1/-1}}
.voice-comparison{margin:12px 0;padding:12px 14px;border:1px solid var(--border,#34303c);border-radius:12px;background:rgba(255,255,255,.025)}.voice-comparison summary{cursor:pointer;font-size:13px}.voice-comparison label{display:block;font-size:12px;margin:14px 0 7px;color:#bab3c5}.voice-comparison textarea{width:100%;min-height:75px;padding:10px;border:1px solid #40384a;border-radius:8px;background:#141219;color:#eee8f5;resize:vertical;font:inherit;font-size:13px}.voice-preview-actions{display:flex;gap:14px;align-items:center;margin-top:10px}#conversation-voice-detail{font-size:11px;line-height:1.6;overflow-wrap:anywhere;max-height:70px;overflow:auto}.conversation-voice-tools{flex-wrap:wrap}