.tts-studio{min-height:100vh;padding:40px 18px 96px;overflow:hidden;background:radial-gradient(circle at 8% 0,rgba(66,105,221,.14),transparent 28%),radial-gradient(circle at 92% 12%,rgba(236,120,80,.12),transparent 25%),linear-gradient(180deg,#f4f7fb,#eef3f8);color:#102033;font-family:'Sora','Segoe UI',sans-serif}.tts-studio *{box-sizing:border-box}.tts-studio__shell{max-width:1180px;margin:auto}.tts-breadcrumbs{display:flex;align-items:center;gap:4px;margin-bottom:27px;color:#788b9e;font-size:.7rem}.tts-breadcrumbs a{color:#365b7c;text-decoration:none}.tts-breadcrumbs i{font-size:16px}.tts-studio__hero{display:grid;grid-template-columns:1fr 370px;gap:70px;align-items:end;margin-bottom:36px}.tts-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#4b647d;font:600 .68rem/1 'IBM Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase}.tts-eyebrow i{width:7px;height:7px;border-radius:50%;background:#ff744e;box-shadow:0 0 0 5px rgba(255,116,78,.1)}.tts-studio__hero h1{margin:16px 0 17px;font-size:clamp(3rem,5.5vw,5.8rem);line-height:.92;letter-spacing:-.072em}.tts-studio__hero h1 span{color:#335fdb}.tts-studio__hero p{max-width:690px;margin:0;color:#5d7186;font-size:.97rem;line-height:1.75}.tts-hero-meta{display:flex;flex-wrap:wrap;gap:18px;margin-top:22px;color:#64798c;font-size:.64rem}.tts-hero-meta span{display:inline-flex;align-items:center;gap:6px}.tts-hero-meta i{font-size:15px;color:#315fe0}.tts-route-card{padding:20px;border:1px solid #1c3855;border-radius:20px;background:linear-gradient(145deg,#102e4c,#07182b);color:#fff;box-shadow:0 24px 60px rgba(9,32,56,.24)}.tts-route-card__top,.tts-route-card__line{display:flex;align-items:center}.tts-route-card__top{justify-content:space-between;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.1);font-size:.62rem}.tts-route-card__top span{display:flex;align-items:center;gap:7px;color:#a9bfd4}.tts-route-card__top span i{width:6px;height:6px;border-radius:50%;background:#64d69a}.tts-route-card__top small{color:#6f8ba7}.tts-route-card__line{gap:12px;padding:18px 0}.tts-route-card__line img{width:40px;height:40px;border-radius:11px}.tts-route-card__line div{min-width:0;display:flex;flex:1;flex-direction:column;gap:5px}.tts-route-card__line small{color:#7692ad;font-size:.58rem}.tts-route-card__line strong{font-size:.76rem}.tts-route-card__line>i{color:#ff9b6b;font-size:18px}.tts-route-card code{display:block;padding:11px;border-radius:9px;background:rgba(0,0,0,.18);color:#87b9e4;font:500 .61rem/1.4 'IBM Plex Mono',monospace}.tts-studio__workspace{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);overflow:visible;border:1px solid #d8e2ec;border-radius:27px;background:#fff;box-shadow:0 34px 100px rgba(18,43,70,.14)}.tts-compose{position:relative;z-index:2;padding:34px;border-right:1px solid #e1e8ef}.tts-section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.tts-section-heading>div{display:flex;align-items:center;gap:11px}.tts-section-heading>div>span{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#eaf0ff;color:#315edb;font:700 .59rem/1 'IBM Plex Mono',monospace}.tts-section-heading>div>div{display:flex;flex-direction:column;gap:4px}.tts-section-heading strong{font-size:.76rem}.tts-section-heading small{color:#8291a0;font-size:.6rem}.tts-section-heading>button{padding:7px 10px;border:1px solid #dce5ed;border-radius:8px;background:#fff;color:#5e7488;font:600 .59rem/1 'Sora',sans-serif;cursor:pointer}.tts-section-heading--route{margin-top:28px}.tts-editor{position:relative;border:1px solid #cad7e4;border-radius:15px;background:#f9fbfd;transition:border-color .2s,box-shadow .2s}.tts-editor:focus-within{z-index:8;border-color:#6384e5;box-shadow:0 0 0 4px rgba(49,95,224,.08)}.tts-editor textarea{width:100%;min-height:165px;display:block;padding:17px;border:0;outline:0;resize:vertical;background:transparent;color:#17314a;font:500 .89rem/1.72 'Sora',sans-serif}.tts-editor footer{min-height:37px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-top:1px solid #e2e9ef;color:#8797a7;font:500 .57rem/1 'IBM Plex Mono',monospace}.tts-editor footer span:first-child{display:inline-flex;align-items:center;gap:5px;color:#55718b}.tts-editor footer i{font-size:13px;color:#6b68dd}.tts-typeahead{position:absolute;z-index:20;top:calc(100% - 28px);right:11px;left:11px;overflow:hidden;border:1px solid #cfdbe7;border-radius:13px;background:#fff;box-shadow:0 22px 55px rgba(20,44,70,.2)}.tts-typeahead[hidden]{display:none}.tts-suggestion{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border:0;border-bottom:1px solid #edf1f5;background:#fff;color:#17314a;text-align:left;cursor:pointer}.tts-suggestion:last-child{border-bottom:0}.tts-suggestion.is-selected,.tts-suggestion:hover{background:#f0f4ff}.tts-suggestion span{min-width:0;overflow:hidden;font:500 .72rem/1.3 'Sora',sans-serif;text-overflow:ellipsis;white-space:nowrap}.tts-suggestion small{color:#7d90a2;font:inherit}.tts-suggestion strong{color:#315edc;font:700 .72rem/1.3 'Sora',sans-serif}.tts-suggestion em{padding:4px 7px;border-radius:999px;background:#e9f6ef;color:#27815b;font:normal 600 .52rem/1 'IBM Plex Mono',monospace}.tts-model-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.tts-model-grid input{position:absolute;opacity:0}.tts-model-grid label>span{min-height:86px;display:flex;flex-direction:column;justify-content:center;padding:13px;border:1px solid #dce5ed;border-radius:12px;background:#fff;cursor:pointer;transition:border .18s,background .18s}.tts-model-grid b{color:#788da1;font-size:.52rem;text-transform:uppercase;letter-spacing:.07em}.tts-model-grid strong{margin-top:5px;font-size:.74rem}.tts-model-grid small{margin-top:5px;color:#8b9aa9;font-size:.56rem}.tts-model-grid input:checked+span{border-color:#5579e4;background:#f2f5ff;box-shadow:inset 0 0 0 1px #5579e4}.tts-model-grid input:checked+span b,.tts-model-grid input:checked+span strong{color:#2853cf}.tts-controls{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:9px;margin-top:15px}.tts-controls label,.tts-app-key{display:flex;flex-direction:column;gap:7px}.tts-controls label>span,.tts-app-key>span{display:flex;justify-content:space-between;color:#5f7386;font-size:.58rem;font-weight:700}.tts-controls select,.tts-app-key input{width:100%;height:41px;padding:0 10px;border:1px solid #d3dee8;border-radius:10px;outline:0;background:#fff;color:#294158;font:500 .67rem/1 'Sora',sans-serif}.tts-controls input[type=range]{width:100%;margin-top:8px;accent-color:#315edb}.tts-controls output{color:#315edb}.tts-app-key{margin-top:15px}.tts-app-key a{color:#315edb}.tts-app-key small{color:#8798a8;font-size:.55rem}.tts-app-key[hidden]{display:none}.tts-generate{width:100%;min-height:62px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin-top:19px;padding:0 16px;border:0;border-radius:14px;background:linear-gradient(135deg,#315edb,#7150dc);color:#fff;box-shadow:0 17px 34px rgba(66,74,205,.26);cursor:pointer}.tts-generate:disabled{opacity:.58;cursor:wait}.tts-generate__icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.13)}.tts-generate__icon i{font-size:19px}.tts-generate>span:nth-child(2){display:flex;flex-direction:column;gap:5px;text-align:left}.tts-generate strong{font:700 .76rem/1 'Sora',sans-serif}.tts-generate small{color:#cdd9ff;font:500 .55rem/1 'IBM Plex Mono',monospace}.tts-generate>i{font-size:18px}.tts-status{min-height:16px;margin:10px 0 0;color:#788b9c;font-size:.6rem}.tts-status.is-error{color:#b14444}.tts-status a{color:#315edb}.tts-output{position:relative;z-index:1;min-height:610px;overflow:hidden;border-radius:0 26px 26px 0;background:radial-gradient(circle at 50% 35%,rgba(74,122,190,.23),transparent 28%),linear-gradient(150deg,#102d4b,#061525);color:#fff}.tts-output::before{content:'';position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px);background-size:34px 34px}.tts-output__chrome{position:relative;z-index:1;min-height:51px;display:flex;align-items:center;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.1);font-size:.62rem}.tts-output__chrome>span{display:flex;gap:5px;margin-right:13px}.tts-output__chrome>span i{width:7px;height:7px;border-radius:50%;background:#ff745e}.tts-output__chrome>span i:nth-child(2){background:#ffc55d}.tts-output__chrome>span i:nth-child(3){background:#61d197}.tts-output__chrome strong{color:#b9c9d9;font-weight:600}.tts-output__chrome small{margin-left:auto;color:#6bd79f}.tts-voice-orb{position:relative;z-index:1;height:240px;display:grid;place-items:center}.tts-voice-orb>span{position:absolute;z-index:2;width:76px;height:76px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.17);border-radius:50%;background:linear-gradient(135deg,#315edc,#ad5cdb);box-shadow:0 0 0 16px rgba(90,106,221,.07),0 0 55px rgba(96,87,220,.3)}.tts-voice-orb>span i{font-size:30px}.tts-wave{width:82%;height:100px;display:flex;align-items:center;justify-content:center;gap:5px}.tts-wave i{width:3px;height:calc(12px + (var(--i) % 7)*5px);border-radius:999px;background:linear-gradient(#78baff,#9c76ea);opacity:.45;transform:scaleY(.55)}.tts-voice-orb.is-active .tts-wave i{animation:tts-wave .75s calc(var(--i)*-.055s) ease-in-out infinite alternate;opacity:.9}@keyframes tts-wave{to{transform:scaleY(1.8)}}.tts-now-playing{position:relative;z-index:1;text-align:center}.tts-now-playing small,.tts-now-playing strong,.tts-now-playing span{display:block}.tts-now-playing small{color:#6f8ca6;font-size:.55rem;text-transform:uppercase;letter-spacing:.09em}.tts-now-playing strong{margin-top:7px;font-size:1.05rem}.tts-now-playing span{margin-top:6px;color:#8fa7bd;font-size:.62rem}.tts-output audio{position:relative;z-index:1;width:calc(100% - 50px);display:block;margin:25px auto 0;filter:invert(1) hue-rotate(180deg);opacity:.82}.tts-output__facts{position:absolute;z-index:1;right:22px;bottom:23px;left:22px;display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(2,12,23,.35)}.tts-output__facts>span{min-height:62px;display:flex;flex-direction:column;justify-content:center;padding:0 12px;border-right:1px solid rgba(255,255,255,.1)}.tts-output__facts>span:last-child{border-right:0}.tts-output__facts small{color:#68849d;font-size:.52rem}.tts-output__facts strong{margin-top:5px;color:#cbd9e6;font-size:.58rem}.tts-api-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center;margin-top:35px;padding:37px;border:1px solid #d7e1eb;border-radius:23px;background:rgba(255,255,255,.7)}.tts-eyebrow--dark{color:#536b82}.tts-api-panel h2{margin:12px 0 12px;font-size:2rem;letter-spacing:-.045em}.tts-api-panel p{margin:0;color:#657b8f;font-size:.78rem;line-height:1.65}.tts-code-card{overflow:hidden;border:1px solid #1d3854;border-radius:15px;background:#07192c;box-shadow:0 18px 40px rgba(8,29,50,.16)}.tts-code-tabs{min-height:43px;display:flex;align-items:center;gap:4px;padding:0 10px;border-bottom:1px solid #19334d}.tts-code-tabs button{padding:7px 9px;border:0;border-radius:7px;background:transparent;color:#6f8ba5;font:500 .57rem/1 'IBM Plex Mono',monospace;cursor:pointer}.tts-code-tabs button.is-active{background:rgba(255,255,255,.08);color:#fff}.tts-code-tabs span{margin-left:auto;color:#6bd49d;font:500 .55rem/1 'IBM Plex Mono',monospace}.tts-code-card pre{max-height:320px;margin:0;padding:20px;overflow:auto;color:#bfd0e0;white-space:pre-wrap;font:500 .62rem/1.65 'IBM Plex Mono',monospace}@media(max-width:950px){.tts-studio__hero{grid-template-columns:1fr}.tts-studio__workspace{grid-template-columns:1fr}.tts-compose{border-right:0;border-bottom:1px solid #e1e8ef}.tts-output{min-height:570px;border-radius:0 0 26px 26px}.tts-api-panel{grid-template-columns:1fr}}@media(max-width:600px){.tts-studio{padding:26px 9px 60px}.tts-studio__hero{gap:32px}.tts-studio__hero h1{font-size:3.15rem}.tts-hero-meta{align-items:flex-start;flex-direction:column;gap:9px}.tts-compose{padding:22px 16px}.tts-section-heading small{display:none}.tts-model-grid{grid-template-columns:1fr}.tts-controls{grid-template-columns:1fr}.tts-output{min-height:540px}.tts-output__facts{grid-template-columns:1fr}.tts-output__facts>span{min-height:42px;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.tts-output__facts>span:last-child{border-bottom:0}.tts-api-panel{padding:25px 17px}.tts-code-card pre{font-size:.56rem}}