.tts-page{color:var(--tool-text,#f5f2ff);font:15px/1.65 'Segoe UI',system-ui,sans-serif;overflow-wrap:anywhere}.tts-page *{box-sizing:border-box}.tts-page [hidden]{display:none!important}.tts-hero{display:flex;justify-content:space-between;gap:32px;align-items:center;padding:32px;border:1px solid #5c496f;border-radius:20px;background:radial-gradient(ellipse at right,#8355bc35,transparent 65%),#242032;margin-bottom:24px}.tts-hero h1{font-size:40px;line-height:1.15;margin:12px 0 16px}.tts-hero p{max-width:70ch;color:#c7bbd7;margin:0}.tts-eyebrow{font-size:11px;letter-spacing:1.2px;font-weight:700;color:#c4afff}.tts-tags{display:grid;gap:9px;flex-shrink:0}.tts-tags span{border:1px solid #655276;border-radius:20px;padding:5px 12px;font-size:12px;color:#d7c4ee}.tts-panel{padding:26px;border:1px solid var(--tool-border,#675570);border-radius:18px;background:var(--tool-panel,#211d30);min-width:0;margin-bottom:24px}.tts-page h2{color:#f5efff;font-size:23px;margin:5px 0 18px;line-height:1.3;text-align:left}.tts-page p{color:#c3b9d1}.tts-heading-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.tts-heading-row p{font-size:12px;max-width:40ch}.tts-small{font-size:12px;line-height:1.75;color:#beb2d1}.tts-page label{font-size:13px;display:block;color:#e5d9f1}.tts-page :is(input,select,textarea,button){font:inherit;max-width:100%;min-width:0}.tts-page :is(select,input[type=text],input[type=number],input[type=search],textarea){display:block;width:100%;background:var(--tool-input,#111320);color:#f6efff;border:1px solid #7e6b91;border-radius:9px;padding:11px;margin-top:8px;min-height:44px}.tts-page textarea{resize:vertical;line-height:1.8;min-height:350px}.tts-page button{min-height:44px;padding:10px 14px;border:1px solid #8a729e;border-radius:9px;background:#30263f;color:#f5edff;cursor:pointer;font-size:13px}.tts-page button:hover:not(:disabled){background:#44314f;border-color:#c4a3ee}.tts-page button:disabled{opacity:.45;cursor:not-allowed}.tts-page .tts-primary{background:#b99bea;color:#24182f;border-color:#d1b7f4;font-weight:700}.tts-page .tts-primary:hover:not(:disabled){background:#d4baff}.tts-page :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #e1c8ff;outline-offset:3px}.tts-filters{display:grid;grid-template-columns:1.6fr repeat(3,minmax(0,1fr));gap:16px}.tts-voice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.tts-voice-card{padding:18px;border:1px solid #665377;border-radius:13px;background:#191522;min-width:0}.tts-voice-card[data-selected=true]{border-color:#d3afff;box-shadow:inset 0 0 0 1px #d3afff;background:#322441}.tts-voice-card header{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.tts-voice-card h3{font-size:18px;margin:0;color:#f6edff}.tts-voice-card p{font-size:12px;margin:0 0 16px}.tts-voice-card .tts-favorite{min-width:44px;padding:4px;font-size:22px}.tts-voice-card .tts-card-actions{display:flex;gap:8px;flex-wrap:wrap}.tts-voice-card .tts-card-actions button{flex:1;padding:9px;font-size:12px}.tts-sample-bar{margin-top:22px;border-top:1px solid #5f4d6f;padding-top:18px;display:flex;align-items:center;gap:20px}.tts-sample-bar>span{font-size:13px}.tts-sample-bar audio{max-width:450px;flex:1;min-width:220px}.tts-workspace{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}.tts-quick,.tts-script-actions,.tts-generation,.tts-export-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:16px 0}.tts-quick button{font-size:12px}.tts-settings>label,.tts-settings details>label{margin-top:20px}.tts-settings label output{float:right;color:#d4b9f7}.tts-page input[type=range]{width:100%;min-height:32px;margin-top:8px;accent-color:#c19eec}.tts-two{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}.tts-page details{border-top:1px solid #685377;padding:16px 0;margin-top:16px}.tts-page summary{font-size:13px;font-weight:600;cursor:pointer}.tts-page .tts-check{display:flex;gap:9px;align-items:center;margin:16px 0}.tts-settings details button{margin:8px 8px 0 0}.tts-page #tts-status{padding:14px;border-radius:10px;background:#151220;border:1px solid #534060;min-height:54px}.tts-page #tts-progress{width:100%;height:12px}.tts-page #tts-player{width:100%;margin:16px 0}.tts-export-actions label{min-width:180px}.tts-output #tts-timeline{max-height:380px;overflow-y:auto;padding-left:24px}.tts-output #tts-timeline li{margin:12px 0;color:#d1c3df}.tts-output #tts-timeline button{font-size:12px;margin-right:10px}.tts-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:1100px){.tts-voice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tts-workspace{grid-template-columns:minmax(0,1fr) 320px}}@media(max-width:850px){.tts-workspace{grid-template-columns:minmax(0,1fr)}.tts-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.tts-voice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tts-hero{align-items:start;flex-direction:column}.tts-tags{display:flex;flex-wrap:wrap}.tts-heading-row{align-items:start;flex-direction:column}.tts-sample-bar{flex-wrap:wrap}.tts-sample-bar audio{width:100%;max-width:none}.tts-page textarea{min-height:300px}}@media(max-width:480px){.tts-panel,.tts-hero{padding:20px}.tts-hero h1{font-size:30px}.tts-voice-grid{gap:10px}.tts-voice-card{padding:12px}.tts-voice-card h3{font-size:16px}.tts-voice-card .tts-card-actions{flex-direction:column}.tts-voice-card .tts-card-actions button{width:100%}.tts-page :is(input[type=number],input[type=search],select,textarea){font-size:16px}.tts-filters{gap:12px}.tts-generation button{flex:1;min-width:140px}}
/* Clear action hierarchy: listen, choose, then generate. */
.tts-page button{transition:background-color .15s,border-color .15s,box-shadow .15s,transform .15s}
.tts-page button:not(:disabled):active{transform:translateY(1px)}
.tts-page .tts-action-hint{margin:14px 0 18px;padding:12px 16px;border-left:3px solid #c9a6ff;border-radius:0 9px 9px 0;background:#30233f;color:#e7dcef;font-size:13px}
.tts-action-hint strong{color:#f8efff}.tts-action-hint span{font-weight:700;color:#e0c6ff;white-space:nowrap}
.tts-voice-card .tts-card-actions button{font-size:13px;font-weight:700}
.tts-page .tts-preview-button{background:#253a40;border-color:#80bfc4;color:#c4f5f1}
.tts-page .tts-preview-button:hover:not(:disabled){background:#345258;border-color:#b9eeeb;box-shadow:0 0 0 2px #80bfc420}
.tts-page .tts-use-button{background:#c9a8f4;color:#241431;border-color:#dfc4ff;box-shadow:0 2px 0 #160f21}
.tts-page .tts-use-button:hover:not(:disabled){background:#e0c4ff;border-color:#eedcff;box-shadow:0 3px 12px #c9a8f42b}
.tts-page .tts-use-button[aria-pressed=true]{background:#28483f;color:#c3f6de;border-color:#85c8a9;box-shadow:none}
.tts-page .tts-use-button[aria-pressed=true]:hover:not(:disabled){background:#32574b;border-color:#b3ebcf}
.tts-page .tts-favorite[aria-pressed=true]{color:#ffd0e5;border-color:#e3a5c8;background:#492a40}
.tts-page .tts-generation{padding:16px;border:1px solid #72548e;border-radius:12px;background:#291d37}
.tts-page #tts-generate,.tts-page #tts-download{font-size:14px;min-height:48px;padding:12px 20px;background:linear-gradient(135deg,#dbc0ff,#bd95f2);color:#241431;border-color:#e4cdff;box-shadow:0 3px 12px #ab76dc25}
.tts-page #tts-generate:hover:not(:disabled),.tts-page #tts-download:hover:not(:disabled){background:linear-gradient(135deg,#ecd9ff,#d3afff);box-shadow:0 3px 16px #c99bf54d}
.tts-page #tts-quick-generate{border-color:#ba9acf;color:#eee0fa;background:#3a2949;font-weight:600}
@media(prefers-reduced-motion:reduce){.tts-page button{transition:none}.tts-page button:not(:disabled):active{transform:none}}