html,body,#root{height:100%;overflow:hidden}body{background:var(--page)}button,input,select,textarea{font-family:inherit}button{cursor:pointer}.studio{height:100dvh;display:grid;grid-template-columns:230px minmax(0,1fr)}.sidebar{background:#1c1c1b;color:#b7b7b0;display:flex;flex-direction:column;padding:24px 14px;min-height:0;overflow-y:auto}.brand{font-size:20px;color:var(--light);font-weight:700;padding:0 12px 28px}.nav{display:grid;gap:4px}.nav button{display:flex;align-items:center;gap:12px;text-align:left;border:0;padding:12px;border-radius:10px;background:transparent;color:inherit;font:inherit}.nav button.active{background:#f3f3ed;color:#181817;font-weight:600}.nav button:hover{background:#343431;color:var(--light)}.nav button.active:hover{background:#e8e8e3;color:var(--ink)}.account-footer{margin-top:auto;padding:22px 12px 0;font-size:12px;overflow-wrap:anywhere}.account-footer p{color:#f3f3ed}.account-footer button{border:0;background:transparent;color:#b7b7b0;padding:8px 0}.workspace{display:flex;flex-direction:column;min-height:0;min-width:0;height:100dvh}.toolbar{height:76px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 28px;border-bottom:1px solid var(--line2);background:var(--bg)}.toolbar span{font-size:13px;color:var(--muted)}.content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:24px 28px 36px;scrollbar-gutter:stable}.page[hidden]{display:none!important}.page{min-width:0}.page-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.page-head h1{font-size:22px;letter-spacing:-.04em;margin:0}.page-head p{color:var(--muted);font-size:12px}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.script-card{padding:0;overflow:hidden}.script-card textarea{border:0;background:transparent;border-radius:0;min-height:480px;resize:vertical;line-height:1.85;padding:24px;font-size:15px}.editor-footer{padding:14px 20px;border-top:1px solid var(--line2);display:flex;align-items:center;justify-content:space-between;gap:12px}.editor-footer small{color:var(--muted)}.voice-setting{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--light);margin-bottom:20px}.voice-setting strong{display:block;margin:4px 0 10px}.voice-setting small{display:block;color:var(--muted);margin-bottom:12px;overflow-wrap:anywhere}.setting-field{display:grid;gap:10px;padding:16px 0;border-bottom:1px solid var(--line2)}.setting-field input[type=range]{accent-color:#242424;padding:0}.check-label{display:flex;align-items:center;gap:10px;padding:20px 0}.check-label input{width:auto;accent-color:#242424}.wide{width:100%}.recent{margin-top:18px}.filters{display:grid;grid-template-columns:2fr repeat(5,minmax(85px,1fr));gap:10px;margin:18px 0}.filters label{display:grid;gap:6px;color:var(--muted);font-size:11px}.filters input,.filters select{min-width:0}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tabs .active{background:#242424;color:var(--light)}.voice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.voice-card{display:flex;flex-direction:column;min-width:0;min-height:210px}.voice-card h3{font-size:15px;margin:0;overflow-wrap:anywhere}.voice-card p{font-size:12px;color:var(--muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.voice-tags{font-size:11px;color:var(--text);margin:auto 0 14px}.voice-actions{display:flex;gap:6px;flex-wrap:wrap}.voice-actions .btn{font-size:12px;min-height:35px;padding:7px 10px}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin:22px 0}.empty{padding:40px 20px;border:1px dashed var(--line);border-radius:14px;text-align:center;color:var(--muted)}.task-row{border-top:1px solid var(--line2);padding:18px 0;display:grid;gap:10px}.task-row p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.task-row small{color:var(--muted)}.task-row audio{width:min(500px,100%)}.task-row .row a{font-size:12px;text-decoration:underline}.recharge-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px;margin-bottom:28px}.quota-number{font-size:36px;font-weight:700;letter-spacing:-.04em}.redeem-form{display:flex;gap:10px}.redeem-form input{min-width:0}.pending{padding:28px;border:1px solid var(--line);border-radius:18px;background:var(--bg)}.pending p{color:var(--muted);line-height:1.8}.auth-wrap{height:100dvh;overflow:auto;display:grid;place-items:center;padding:24px}.auth-card{width:min(420px,100%)}.auth-card form{display:grid;gap:12px}.auth-card h1{font-size:26px}.auth-tools{display:flex;justify-content:flex-end;margin-bottom:20px}.auth-card .tabs{margin:20px 0}.form-error{color:var(--danger);font-size:12px;white-space:pre-wrap}.subtle{font-size:12px;color:var(--muted);line-height:1.6}.dialog{width:min(1250px,95vw);max-height:90dvh;overflow:auto;border:1px solid var(--line);border-radius:20px;background:var(--bg);padding:24px;color:var(--ink)}.dialog::backdrop{background:#18181755}#notice{position:fixed;right:24px;bottom:24px;background:#242424;color:var(--light);padding:14px 18px;border-radius:11px;max-width:min(500px,90vw);z-index:100;display:none}#notice.visible{display:block}.btn:disabled{opacity:.5;cursor:default;transform:none}button:focus-visible,a:focus-visible{outline:2px solid #777;outline-offset:3px}@media(max-width:1200px){.voice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.studio{grid-template-columns:150px minmax(0,1fr)}.sidebar{padding:18px 8px}.brand{font-size:18px;padding:0 8px 20px}.nav button{font-size:12px;padding:11px 8px;gap:7px}.content{padding:18px 16px}.toolbar{padding:0 16px}.editor-grid,.recharge-grid{grid-template-columns:1fr}.voice-grid{grid-template-columns:1fr}.script-card textarea{min-height:320px}.plans{grid-template-columns:1fr}}@media(max-width:480px){.studio{grid-template-columns:68px minmax(0,1fr)}.nav button{display:grid;justify-content:center;text-align:center;font-size:10px;gap:4px}.nav button span:first-child{font-size:18px}.brand{font-size:13px;padding:0 0 20px}.account-footer{padding:16px 0;font-size:9px}.filters{grid-template-columns:1fr 1fr}.toolbar{padding:0 12px}.toolbar span{font-size:11px}.toolbar .btn{padding:8px;font-size:11px}.content{padding:16px 12px}.editor-footer,.redeem-form{flex-wrap:wrap}.auth-wrap{padding:16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.clone-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}.upload-zone{display:grid;gap:14px;text-align:center;padding:55px 20px;border:1px dashed #aaa;border-radius:16px;cursor:pointer;margin:20px 0}.upload-zone span{color:var(--muted);font-size:12px}.upload-zone.dragover{background:var(--panel);border-color:var(--accent)}.clone-list input{margin:8px 0 18px}.clone-layout audio{width:100%}.speaker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.speaker-card p{overflow-wrap:anywhere}.speaker-card .row{justify-content:space-between}.sample-guidance p{margin-bottom:0}@media(max-width:1100px){.clone-layout{grid-template-columns:1fr}.speaker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.speaker-grid{grid-template-columns:1fr}}
.account-footer{padding:18px 10px 0;border-top:1px solid #ffffff12;margin-top:auto;flex-shrink:0}.quota-caption{display:flex;align-items:center;justify-content:space-between;color:#a5a59e;font-size:11px}.quota-caption b{font-size:10px;font-weight:500;color:#b9b9b1}.quota-track{height:4px;border-radius:10px;background:#3b3b36;overflow:hidden;margin:11px 0 8px}.quota-track i{display:block;height:100%;background:#deded5;border-radius:inherit;transition:width .2s}.quota-figures{font-size:11px;color:#85857e;margin-bottom:17px;font-variant-numeric:tabular-nums}.quota-figures b{font-weight:600;color:#d8d8d0}.account-profile{border-top:1px solid #ffffff12;display:flex;gap:9px;align-items:center;padding-top:15px}.account-avatar{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:50%;background:#d3c7af;color:#302e27;font-size:12px;font-weight:600}.account-identity{min-width:0;flex:1}.account-identity b{font-size:12px;color:#f0f0e9;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.account-identity small{display:block;font-size:10px;color:#91918a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.account-footer .logout-icon{display:grid;place-items:center;padding:0;width:27px;height:27px;min-width:27px;border-radius:8px;font-size:17px;line-height:1;color:#9f9f97}.account-footer .logout-icon:hover{background:#ffffff12;color:#f1f1e8}.sidebar{padding-top:24px;padding-bottom:18px;gap:0}.nav{gap:3px}.nav button{font-size:13px;padding:11px 12px}.brand{font-size:20px;padding-bottom:26px}
.content.library-mode{overflow:hidden}.library-pane{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.library-controls{flex:none;padding-bottom:12px}.library-controls>.page-head{margin-bottom:14px}.library-controls>.page-head h1{font-size:20px}.library-controls .tabs{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:#efefea}.library-controls .tabs .btn{border:0;background:transparent;border-radius:999px;min-height:33px;font-size:12px;padding:7px 12px;box-shadow:none}.library-controls .tabs .btn.active{background:#242424;color:var(--light)}.library-controls .filters{margin:14px 0 10px;gap:9px;grid-template-columns:minmax(180px,1.8fr) repeat(5,minmax(75px,1fr))}.library-controls .filters label{font-size:11px;gap:5px}.library-controls .filters input,.library-controls .filters select{height:38px;padding:8px 10px;border-radius:10px}.library-controls>.row{margin-bottom:0!important}.library-controls>.row .btn{min-height:29px;font-size:11px;padding:5px 10px}.voice-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:0 4px 10px 0}.voice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.voice-card{padding:14px;min-height:0;height:181px;box-shadow:none;border-color:var(--line);border-radius:15px}.voice-card h3{font-size:13px;font-weight:600;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.voice-card p{font-size:11px;line-height:1.55;margin:6px 0 8px;-webkit-line-clamp:2}.voice-tags{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:auto;margin-bottom:10px;color:var(--muted)}.voice-actions{gap:5px;flex-wrap:nowrap}.voice-actions .btn{min-height:29px;font-size:11px;padding:5px 9px;border-radius:8px}.voice-actions [data-use]{margin-left:auto}.library-pane>.pagination{margin:0;padding:12px 0 0;flex:none;border-top:1px solid var(--line2);gap:14px}.pagination small{font-size:11px;color:var(--muted)}.pagination .btn{min-height:30px;padding:6px 12px;font-size:11px}.dialog[open]{display:flex;flex-direction:column;height:min(820px,90dvh);max-height:90dvh;overflow:hidden;padding:20px;width:min(1400px,95vw)}.dialog>.page-head{flex:none;margin:0 0 16px}.dialog>.page-head h2{font-size:18px;margin:0}.dialog>.page-head .btn{font-size:12px;min-height:30px;padding:6px 10px}.dialog #pickerContent{flex:1;min-height:0}.dialog #pickerContent .library-controls>.page-head{display:none}
.content.dialogue-mode{overflow:hidden}.page[data-view=dialogue]{height:100%;min-height:0}.dialogue-workbench{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;height:100%;min-height:0}.dialogue-editor{padding:0;display:flex;flex-direction:column;min-height:0;overflow:hidden;border:1px solid var(--line);border-radius:20px;box-shadow:none}.dialogue-input-wrap{position:relative;flex:1;min-height:0;display:flex}.dialogue-editor textarea{flex:1;width:100%;min-height:0;resize:none;background:transparent;border:0;border-radius:0;outline:0;padding:26px;font-size:14px;line-height:1.9}.dialogue-editor textarea::placeholder{color:#777771}.dialogue-example{position:absolute;left:26px;right:26px;top:87px;pointer-events:none;color:var(--muted);font-size:12px;line-height:1.9}.dialogue-example[hidden]{display:none}.dialogue-example p{margin:0 0 16px}.dialogue-example>div{background:#eeeeE8;border:1px solid var(--line2);border-left:2px solid #9b9b90;border-radius:9px;padding:10px 13px;margin:0 0 12px;color:var(--text)}.dialogue-example b{font-weight:600;margin-right:7px}.dialogue-example small{font-size:11px;color:#8b8b82}.dialogue-editor-footer{flex:none;min-height:69px;border-top:1px solid var(--line2);display:flex;justify-content:flex-end;align-items:center;gap:18px;padding:13px 18px}.dialogue-editor-footer small{font-size:11px;color:var(--muted)}.dialogue-editor-footer .btn{font-size:12px;min-height:38px}.dialogue-parameters{padding:18px;min-height:0;overflow-y:auto;overscroll-behavior:contain;border-radius:20px;box-shadow:none;border-color:var(--line)}.dialogue-panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:8px}.dialogue-panel-heading h3{font-size:13px;margin:0}.dialogue-panel-heading>span{font-size:10px;background:var(--panel);padding:5px 8px;border-radius:999px;color:var(--muted)}.dialogue-speakers{display:grid;gap:10px}.dialogue-speaker{border:1px solid var(--line);border-radius:14px;background:#f6f6f1;overflow:hidden}.dialogue-speaker[open]{background:#f1f1eb;border-color:#b9b9af}.dialogue-speaker summary{display:flex;align-items:center;gap:10px;cursor:pointer;padding:12px;list-style:none}.dialogue-speaker summary::-webkit-details-marker{display:none}.speaker-badge{width:25px;height:25px;flex:none;border-radius:8px;display:grid;place-items:center;border:1px solid #d3d3c8;background:#e7e7dd;font-size:12px;color:#4a4a40;font-weight:600}.speaker-summary-name{min-width:0;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px;color:var(--text)}.speaker-chevron{font-size:15px;color:var(--muted)}.dialogue-speaker[open] .speaker-chevron{transform:rotate(180deg)}.speaker-body{padding:12px;border-top:1px solid var(--line2)}.speaker-body>label{font-size:11px;color:var(--muted)}.speaker-voice-select{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;border:1px solid var(--line);background:var(--bg);border-radius:10px;padding:11px 12px;margin:8px 0 18px;color:var(--ink);font-size:12px;text-align:left}.speaker-voice-select span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.speaker-voice-select span:last-child{font-size:18px;color:var(--muted)}.speaker-speed-label{display:flex;justify-content:space-between;gap:10px}.speaker-speed-label b{font-size:11px;font-weight:500;color:var(--text)}.speaker-body .speaker-speed{padding:0;height:20px;accent-color:#242424;margin:8px 0 2px}.speaker-remove{font-size:10px;border:0;background:transparent;color:var(--muted);padding:8px 0 0}.add-speaker{margin:12px 0 6px;border-radius:999px;font-size:12px}.dialogue-parameters .setting-field{font-size:11px;gap:9px}.dialogue-parameters .setting-field input{padding:9px 11px;font-size:12px}.dialogue-parameters .check-label{font-size:12px;padding-bottom:10px}.dialogue-parameters>.subtle{font-size:10px;line-height:1.7}
@media(max-width:1100px){.library-controls .filters{grid-template-columns:repeat(3,minmax(0,1fr))}.voice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dialogue-workbench{grid-template-columns:minmax(0,1fr) 285px}}@media(max-width:800px){.dialogue-workbench{grid-template-columns:1fr;height:auto}.content.dialogue-mode{overflow-y:auto}.page[data-view=dialogue]{height:auto}.dialogue-editor{height:560px}.dialogue-parameters{overflow:visible}.account-footer{padding:14px 3px 0}.account-profile{gap:6px}.account-avatar{width:25px;height:25px}.account-identity b{font-size:10px}.account-identity small{font-size:8px}.quota-figures{font-size:10px}.voice-card{height:180px}.library-controls .filters{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:580px){.voice-grid{grid-template-columns:1fr}.dialog[open]{padding:14px;max-height:94dvh;height:94dvh}.library-controls .filters{grid-template-columns:repeat(2,minmax(0,1fr))}.library-controls .tabs .btn{font-size:10px;padding:6px}.account-profile{flex-wrap:wrap;justify-content:center}.account-identity,.quota-caption b,#quotaTotal{display:none}.quota-caption{font-size:9px}.quota-figures{font-size:9px;text-align:center}.account-footer .logout-icon{width:22px;height:22px;font-size:15px}.dialogue-example{left:18px;right:18px}.dialogue-editor textarea{padding:20px 18px}.dialogue-editor-footer{gap:10px}.dialogue-editor-footer .btn{padding:9px;font-size:11px}}
.voice-card{height:168px}
.delay-label{display:flex;justify-content:space-between;align-items:center}.delay-label b{font-size:11px;font-weight:500}.dialogue-parameters .setting-field #dialogueDelay{padding:0;height:20px;accent-color:#242424}
/* Light, neutral studio theme with a flat writing canvas. */
.studio{grid-template-columns:230px minmax(0,1fr)}.sidebar{background:#fafafa;color:#707075;border-right:1px solid #e8e8ea}.brand{color:#161619;font-size:19px;font-weight:700}.nav button{color:#737378;font-size:13px;font-weight:400}.nav button.active,.nav button.active:hover{background:#ececee;color:#18181b;font-weight:500}.nav button:hover{background:#f0f0f1;color:#303034}.account-footer,.account-profile{border-color:#e6e6e8}.quota-caption{color:#7b7b82}.quota-caption b,.quota-figures,.account-identity small{color:#929299}.quota-figures b,.account-identity b{color:#36363b}.quota-track{background:#e7e7ea}.quota-track i{background:#61616a}.account-avatar{background:#e8e8ec;color:#555560}.account-footer .logout-icon{color:#919198}.account-footer .logout-icon:hover{background:#ebebef;color:#33333b}.toolbar{height:58px;padding:0 24px;background:#fff;border-color:#ededee}.toolbar span{color:#66666e}.toolbar .btn{background:#fff;border-color:#e7e7e9;font-size:12px;min-height:33px}.workspace{background:#fff}.content{background:#fff}.dialogue-editor,.dialogue-parameters,.voice-card,.voice-setting,.dialogue-speaker,.dialogue-speaker[open]{background:#fff}.dialogue-speaker[open]{border-color:#d2d2d7}.speaker-badge{background:#f5f5f7;border-color:#e3e3e8;color:#626270}.dialogue-example>div{background:#f7f7f8;border-color:#eaeaec}.library-controls .tabs{background:#f2f2f4}.voice-card{border-color:#e7e7eb}.library-controls .filters input,.library-controls .filters select{background:#fff}.dialogue-workbench{grid-template-columns:minmax(0,1fr) 350px;gap:0}.content.dialogue-mode{padding:0}.dialogue-editor{border:0;border-radius:0}.dialogue-parameters{border:0;border-left:1px solid var(--line2);border-radius:0;padding:24px}.dialogue-editor textarea{padding:65px max(32px,calc((100% - 860px)/2));font-size:16px;line-height:1.75}.dialogue-example{top:125px;left:40px;right:40px}.dialogue-editor-footer{border:0;padding:24px 32px}.dialogue-parameters .check-label{flex-wrap:wrap}.billing-badge{display:inline-flex;align-items:center;white-space:nowrap;padding:3px 7px;border:1px solid #e4e4e8;border-radius:5px;background:#f6f6f8;color:#73737b;font-size:10px;font-weight:500;line-height:1.3}
.content.tts-mode{padding:0;overflow:hidden}.page[data-view=tts]{height:100%;min-height:0}.editor-grid{height:100%;grid-template-columns:minmax(0,1fr) 350px;gap:0;align-items:stretch}.script-card{display:flex;flex-direction:column;min-height:0;background:#fff;border:0;border-radius:0;box-shadow:none}.script-card textarea{flex:1;min-height:0;resize:none;padding:76px max(32px,calc((100% - 900px)/2));font-size:16px;line-height:1.75;color:#1a1a1e;background:#fff;border:0;outline:none;box-shadow:none}.script-card textarea::placeholder{color:#a1a1a8}.editor-footer{flex:none;min-height:88px;border:0;padding:20px 32px 30px;gap:16px;flex-wrap:wrap}.editor-footer-left{display:flex;align-items:center;gap:8px;color:#96969e;font-size:11px}.editor-footer-left b{font-weight:400;color:inherit}.balance-ring{font-size:18px;color:#8c8c96}.editor-footer-right{display:flex;align-items:center;gap:8px;margin-left:auto}.editor-count{display:grid;text-align:right;gap:5px;margin-right:5px}.editor-count small{font-size:10px;color:#93939d;white-space:nowrap}.editor-count #ttsEstimate{font-size:9px;color:#a0a0aa}.editor-footer .btn.primary{min-height:37px;padding:9px 14px;border-radius:10px;font-size:12px}.import-icon{background:transparent;color:#8e8e98;border:0;border-radius:7px;padding:3px 6px;font-size:16px}.download-icon{display:grid;place-items:center;width:34px;height:36px;border:1px solid #e6e6ea;border-radius:9px;color:#5b5b65;background:#fff;font-size:20px;text-decoration:none}.download-icon[aria-disabled=true]{opacity:.4;pointer-events:none}.tts-parameters{padding:20px 24px;min-height:0;overflow-y:auto;border-left:1px solid var(--line2);background:#fff}.settings-tabs{display:flex;gap:18px;border-bottom:1px solid var(--line2);margin-bottom:28px}.settings-tabs button{padding:0 0 12px;border:0;border-bottom:2px solid transparent;background:transparent;color:#909098;font-size:13px}.settings-tabs button.active{border-bottom-color:#303038;color:#24242c}.parameter-caption{display:block;margin:0 0 10px;font-size:13px;color:#25252b;font-weight:500}.tts-parameters .voice-setting{border:1px solid #e9e9ed;border-radius:10px;padding:12px;margin-bottom:26px}.voice-setting strong{font-weight:500;font-size:13px;line-height:1.5}.voice-setting small{font-size:11px;color:#9999a0}.voice-setting .btn{min-height:29px;padding:6px 10px;font-size:11px;background:#fff}.tts-parameters .setting-field{padding:0 0 24px;border:0;gap:12px}.tts-parameters .setting-field>span:first-child{display:flex;justify-content:space-between;font-size:13px}.tts-parameters .setting-field b{font-weight:400;color:#909098;font-size:11px}.range-captions{display:flex;justify-content:space-between;color:#a0a0a8;font-size:11px}.tts-parameters .check-label{font-size:12px;gap:8px;padding:16px 0 2px}.tts-parameters>.subtle,.tts-parameters .subtle{font-size:11px;line-height:1.7;color:#96969f}.sample-note{margin-top:24px}.tts-parameters [data-settings-panel][hidden]{display:none}.tts-parameters .empty{font-size:12px;border-style:solid;background:#fafafa;padding:24px 14px}.tts-parameters #allTasks{font-size:11px;margin-top:16px;background:#fff}.tts-parameters .task-row{font-size:12px}.tts-parameters .task-row p{max-height:160px;overflow:auto}.dialog[open]{background:#fff}.library-pane>.pagination{background:#fff}.auth-card{background:#fff}.auth-wrap{background:#fafafa}.recharge-grid .card,.clone-layout .card{border-color:#e9e9ed}.dialogue-editor-footer #dialogueEstimate{margin-right:auto;font-size:10px}.dialogue-parameters .check-label .billing-badge{margin-left:auto}
@media(min-width:1600px){.editor-grid,.dialogue-workbench{grid-template-columns:minmax(0,1fr) 400px}.tts-parameters,.dialogue-parameters{padding:24px}}
@media(max-width:1100px){.editor-grid,.dialogue-workbench{grid-template-columns:minmax(0,1fr) 300px}.editor-footer{padding:18px 24px;gap:12px}.script-card textarea{padding:48px 30px}.editor-footer-left{font-size:10px}.editor-footer-right{gap:6px}}
@media(max-width:800px){.studio{grid-template-columns:150px minmax(0,1fr)}.content.tts-mode{overflow-y:auto}.page[data-view=tts]{height:auto}.editor-grid,.dialogue-workbench{height:auto;grid-template-columns:1fr}.script-card{min-height:540px}.script-card textarea{min-height:400px;padding:32px 24px}.tts-parameters,.dialogue-parameters{overflow:visible;border-left:0;border-top:1px solid var(--line2)}.dialogue-editor{height:560px}.dialogue-editor textarea{padding:32px 24px}.dialogue-example{top:105px;left:24px;right:24px}.editor-footer{padding:16px 24px}.editor-footer-right{flex-wrap:wrap}.editor-count small{font-size:10px}}
@media(max-width:480px){.studio{grid-template-columns:68px minmax(0,1fr)}.nav button{font-size:10px;padding:10px 2px}.toolbar{padding:0 12px}.editor-footer{padding:16px}.editor-footer-left{width:100%}.editor-footer-right{width:100%;justify-content:flex-end}.editor-count{margin-right:auto}.tts-parameters{padding:18px}.dialogue-editor-footer{padding:16px;gap:8px;flex-wrap:wrap}.dialogue-editor-footer #dialogueEstimate{width:100%}}
/* Muted jade accents, keeping the writing canvas clean and neutral. */
.sidebar{background:#f7f9f8;border-right-color:#e3ebe7}.brand{color:#254d43}.nav button{color:#778780}.nav button.active,.nav button.active:hover{background:#e6f0e9;color:#2c6256}.nav button.active span:first-child{color:#3d7868}.nav button:hover{background:#edf3ef;color:#3e6558}.toolbar{border-bottom-color:#e8efeb}.toolbar .btn{color:#608074;border-color:#dde8e1;background:#fbfdfb}.account-footer,.account-profile{border-color:#e0e9e3}.quota-track{background:#e1e9e3}.quota-track i{background:#5f8f79}.quota-figures b{color:#42705d}.account-avatar{background:#e2eee6;color:#52735e}.account-identity b{color:#425e50}.account-footer .logout-icon:hover{background:#e4eee7;color:#3e6a56}.balance-ring{color:#659381}.settings-tabs button.active{border-color:#518672;color:#356b58}.parameter-caption{color:#3c5a4b}.tts-parameters .setting-field input[type=range],.speaker-body .speaker-speed,.dialogue-parameters .setting-field #dialogueDelay,.check-label input{accent-color:#3d7866}.billing-badge{background:#edf5ef;border-color:#dce9df;color:#557d61}.tts-parameters .voice-setting{border-color:#dfe9e2}.voice-setting .btn:hover{background:#edf4ef;color:#40694f}.voice-card{border-color:#e2ebe5}.voice-card:hover{border-color:#a7c5b4;background:#fdfefd}.library-controls .tabs{background:#eef3ef}.library-controls .tabs .btn.active{background:#326e66;color:#fff}.voice-actions [data-fav]{color:#5f8b72}.download-icon{border-color:#dce8df;color:#54806a}.download-icon:hover{background:#edf5f0}.dialogue-panel-heading>span{background:#edf4ef;color:#698371}.dialogue-speaker[open]{border-color:#bcd3c3;background:#fbfdfb}.speaker-badge{background:#e7f0e8;border-color:#d6e4d8;color:#56725a}.dialogue-example>div{background:#f7faf7;border-color:#e1ebe2;border-left-color:#9cb49f}.dialogue-example b{color:#587b5f}.speaker-voice-select:hover{border-color:#a7c3ae}.sample-guidance{background:#f8fbf8;border-color:#e0ebe1}.upload-zone:hover,.upload-zone.dragover{background:#f2f7f2;border-color:#8eaf96}.dialog[open]{border-color:#dce8df}.editor-footer .btn.primary,.dialogue-editor-footer .btn.primary{box-shadow:0 3px 8px #326e6615}.clone-layout .card,.recharge-grid .card{border-color:#e0e9e2}
.voice-avatar{width:32px;height:32px;flex:none;border-radius:50%;display:inline-grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 30% 20%,#a4cbb8,#43705b 60%,#253f38);color:#fff;font-size:11px;line-height:1;vertical-align:middle}.avatar-tone-1{background:radial-gradient(circle at 25% 20%,#c7bccf,#7a7b96 60%,#3e475b)}.avatar-tone-2{background:radial-gradient(circle at 25% 20%,#e3d5bd,#a69278 60%,#5f6053)}.avatar-tone-3{background:radial-gradient(circle at 25% 20%,#c7d9de,#6e9ca1 60%,#3b6266)}.avatar-tone-4{background:radial-gradient(circle at 25% 20%,#dcc7bf,#a77f7b 60%,#65515a)}.voice-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.avatar-initial{font-weight:600;font-size:11px;text-shadow:0 1px 3px #0002}.voice-card-title{display:flex;align-items:center;gap:9px;min-height:32px}.voice-card-title h3{min-width:0;font-size:12px}.voice-card .voice-avatar{width:30px;height:30px}.selected-avatar{float:left;margin:0 10px 7px 0}.selected-avatar .voice-avatar{width:34px;height:34px}.speaker-summary-name{min-width:0}.dialogue-speaker summary>.voice-avatar{width:25px;height:25px}.dialogue-speaker summary{gap:8px}.speed-snap-tools{display:flex;align-items:center;justify-content:space-between;margin-top:-3px;font-size:9px;color:#a0aaa4;gap:8px}.speed-snap-tools button{border:1px solid transparent;background:transparent;padding:4px 8px;border-radius:6px;font-size:10px;color:#8a978e}.speed-snap-tools button.at-default{background:#edf4ef;color:#42715a;border-color:#deeadf}.speed-snap-tools button:hover{background:#e5efe8;color:#326e66}.tts-parameters .range-captions{display:none}.snap-speed{cursor:ew-resize}.snap-speed:focus-visible{outline:2px solid #a2c8b3;outline-offset:5px}.speaker-body .speed-snap-tools{margin-top:4px}
.generation-dock{flex:none;display:flex;align-items:center;gap:16px;min-height:86px;padding:16px 28px;background:#fff;border-top:1px solid #e5ece7;box-shadow:0 -6px 25px #28574505}.generation-dock[hidden]{display:none!important}.generation-dock audio{display:none}.result-play{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%;background:#326e66;color:#fff;font-size:15px;flex:none}.result-main{flex:1;min-width:0}.result-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.result-caption strong{font-size:12px;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.result-caption span,.result-caption small{font-size:10px;color:#8a9a91}.generation-progress{height:5px;border-radius:8px;background:#edf2ef;overflow:hidden}.generation-progress i{display:block;height:100%;border-radius:inherit;background:#548d79;transition:width .35s ease}.generation-progress.indeterminate i{animation:generationSweep 1.6s ease-in-out infinite}.generation-spinner{height:27px;width:27px;border-radius:50%;border:2px solid #e1ece6;border-top-color:#326e66;animation:generationSpin .9s linear infinite;flex:none}.generation-note{font-size:10px;color:#8c9c93;white-space:nowrap}.result-timeline{display:flex;align-items:center;gap:10px}.result-timeline small{font-size:10px;color:#8a9b91;min-width:27px;font-variant-numeric:tabular-nums}.result-timeline input{padding:0;height:14px;accent-color:#326e66;flex:1;min-width:40px;cursor:pointer}.result-downloads{display:flex;align-items:center;gap:12px;font-size:11px;color:#477760}.result-downloads a{border:1px solid #e0e9e3;border-radius:7px;padding:6px 10px;white-space:nowrap}.result-main>p{margin:3px 0 0;font-size:11px;color:#9b6e6e}.result-failed{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#f8eeee;color:#9a6666}.voice-setting strong{font-weight:500;font-size:14px}.voice-card h3{font-weight:500}.nav button{line-height:1.5;font-size:13px}.toolbar span{font-size:12px}.tts-parameters .setting-field>span:first-child{font-size:12px}.voice-setting .btn{font-size:12px}.voice-avatar .avatar-initial{font-family:'Studio Sans',sans-serif}@keyframes generationSweep{0%{transform:translateX(-110%)}100%{transform:translateX(390%)}}@keyframes generationSpin{to{transform:rotate(360deg)}}@media(max-width:650px){.generation-dock{padding:12px 16px;gap:10px;min-height:78px}.generation-note{display:none}.result-downloads{gap:5px;flex-direction:column;font-size:10px}.result-downloads a{padding:3px 6px}.result-caption strong{max-width:180px}.result-play{width:34px;height:34px}}@media(prefers-reduced-motion:reduce){.generation-spinner{animation:none}.generation-progress.indeterminate i{animation:none;transform:none}}
.library-controls select[data-filter][hidden]{display:none!important}.filter-trigger{height:40px;min-height:40px;width:100%;display:flex;align-items:center;gap:9px;text-align:left;border:1px solid #e1e7e2;border-radius:999px;background:#f6f7f4;color:#36413b;padding:0 13px;font-family:inherit;font-size:12px;font-weight:400;box-shadow:0 1px 2px #23362a06;cursor:pointer;transition:background .15s,border-color .15s}.filter-trigger:hover{background:#f0f3ee;border-color:#cbd9ce}.filter-trigger.is-open{background:#eaf0e7;border-color:#becfbf}.filter-choice-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:none;color:#8a948c}.filter-choice-icon svg{width:17px;height:17px}.filter-flag{width:20px;height:20px;border-radius:50%;object-fit:cover;display:block}.filter-choice-label{flex:1;min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.filter-chevron{display:flex;color:#8b948d;margin-left:auto}.filter-chevron svg{width:15px;height:15px}.filter-trigger.is-open .filter-chevron{transform:rotate(180deg)}.filter-popover{position:fixed;inset:auto;margin:0;padding:6px;border:1px solid #e4e8e2;border-radius:16px;box-sizing:border-box;background:#fff;box-shadow:0 14px 40px #263b2c1a,0 3px 8px #263b2c08;color:#344039;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cfd8cf transparent;font-family:'Studio Sans','Segoe UI',sans-serif;font-size:13px;outline:none}.filter-popover::backdrop{background:transparent}.filter-option{display:flex;align-items:center;gap:11px;width:100%;min-height:41px;padding:9px 10px;border:0;border-radius:10px;background:transparent;color:#414a43;text-align:left;cursor:pointer;font-family:inherit;font-size:13px;font-weight:400;line-height:1.5}.filter-option[aria-selected=true]{background:#edf2e9;color:#2f503a}.filter-option:hover,.filter-option:focus-visible{background:#f3f6ef;outline:none}.filter-option[aria-selected=true]:hover,.filter-option[aria-selected=true]:focus-visible{background:#e7eee2}.filter-option-label{flex:1;min-width:0;overflow-wrap:anywhere}.filter-check{display:none;width:17px;color:#3d6450;margin-left:auto;flex:none}.filter-option[aria-selected=true] .filter-check{display:inline-flex}.filter-check svg{width:17px;height:17px}.filter-search-wrap{position:relative;display:flex;align-items:center}.filter-search-wrap>svg{position:absolute;left:13px;top:11px;color:#98a198;width:17px;height:17px;pointer-events:none}.library-controls .filters .filter-search-wrap input{padding-left:38px;border-radius:999px;background:#f7f8f5;height:40px}.library-controls .filters{align-items:end;gap:10px;margin-bottom:10px}.library-controls .filters label{gap:7px;font-weight:400;color:#8b958c}.filter-trigger:focus-visible{outline:2px solid #a2c0aa;outline-offset:2px}.library-controls .tabs{padding:4px;background:#f3f5ef;border:1px solid #e0e6db;box-shadow:0 1px 2px #24392707}.library-controls .tabs .btn{font-size:12px;gap:8px;display:flex;align-items:center}.library-controls .tabs .btn svg{height:16px;width:16px}.filter-icon-action{display:flex;align-items:center;justify-content:center}.filter-icon-action svg{width:17px;height:17px}@media(max-width:1100px){.filter-trigger{padding:0 11px;gap:7px}.filter-choice-icon{width:18px;height:18px}.filter-flag{width:18px;height:18px}}@media(max-width:580px){.filter-option{min-height:42px;font-size:12px}.filter-trigger{font-size:11px}.filter-popover{border-radius:13px}}
.library-controls .filters{grid-template-columns:minmax(180px,2fr) repeat(5,minmax(75px,.8fr)) 38px}.library-controls>.row[hidden]{display:none!important}.library-controls .filters .filter-reset-button{width:38px;height:38px;min-height:38px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;margin-bottom:1px;color:#687a6c;background:#f5f7f2;border:1px solid #e0e7db}.filter-reset-button svg{height:18px;width:18px}.voice-actions .filter-icon-action{width:29px;padding:5px;border:0;background:transparent;color:#6d7e71}.voice-actions .filter-icon-action:hover{background:#edf3ea}.voice-actions .filter-icon-action.is-favorite{color:#527b5b}.voice-actions .filter-icon-action.is-favorite svg{fill:#d8e7d6}.voice-actions [data-use]{border-radius:999px;padding:5px 14px}.voice-actions{align-items:center}.filter-choice-icon img{flex:none}.filter-popover button[role=option]{box-shadow:none}.filter-popover .filter-option:focus-visible{box-shadow:inset 0 0 0 1px #b9cfb4}@media(max-width:1100px){.library-controls .filters{grid-template-columns:minmax(140px,1.6fr) repeat(2,minmax(85px,1fr)) 38px}.library-controls .filters>.filter-search-field{grid-column:span 2}}@media(max-width:580px){.library-controls .filters{grid-template-columns:repeat(2,minmax(0,1fr)) 34px}.library-controls .filters>.filter-search-field{grid-column:1/-1}.library-controls .filters .filter-reset-button{width:34px;height:34px;min-height:34px}}