.rs-tts-demo__studio{position:relative;isolation:isolate;inline-size:min(100%,56.5rem);margin-inline:auto;padding:var(--spacing-8);color:var(--text-primary);font-family:var(--font-sans)}.rs-tts-demo__studio [x-cloak]{display:none!important}.rs-tts-demo__studio-art{position:absolute;inset:0;z-index:-1;overflow:hidden;border-radius:var(--radius-lg);pointer-events:none}.rs-tts-demo__studio-art img{inline-size:100%;block-size:100%;object-fit:cover;filter:blur(6px);transform:scale(1.04)}.rs-tts-demo__studio-art span{position:absolute;inset:0;background:var(--surface-primary);opacity:.36}.rs-tts-demo__studio-card{position:relative;inline-size:min(100%,52.5rem);margin-inline:auto;background:var(--surface-primary);border:1px solid var(--border-default);border-radius:var(--radius-2xl)}.rs-tts-demo__studio-layout{display:grid;grid-template-columns:minmax(0,17.5rem) minmax(0,1fr);block-size:19.875rem}.rs-tts-demo__studio--contrast .rs-tts-demo__studio-card{border-radius:var(--radius-lg)}.rs-tts-demo__studio-sidebar{padding:var(--spacing-3);border-inline-end:1px solid var(--border-default);display:flex;flex-direction:column;gap:var(--spacing-3);min-inline-size:0;min-block-size:0}.rs-tts-demo__studio-language{position:relative;align-self:start;max-inline-size:100%}.rs-tts-demo__studio-control{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);min-block-size:var(--spacing-10);padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:transparent;color:var(--text-primary);font:inherit;font-size:.875rem;font-weight:500;line-height:1.4;cursor:pointer}.rs-tts-demo__studio-control:hover{background:var(--surface-secondary)}.rs-tts-demo__studio-control:disabled{opacity:.6;cursor:wait}.rs-tts-demo__studio-language-trigger{max-inline-size:100%;text-align:start}.rs-tts-demo__studio-flag{inline-size:var(--spacing-5);block-size:var(--spacing-5);flex:0 0 auto}.rs-tts-demo__studio-language-menu{position:absolute;inset-inline-start:0;inset-block-start:100%;inline-size:19rem;max-inline-size:80vw;z-index:5;background:var(--surface-elevated);border:1px solid var(--border-control);border-radius:var(--radius-lg);padding:var(--spacing-3);box-shadow:var(--shadow-dropdown)}.rs-tts-demo__studio-language-options{max-block-size:16rem;overflow-y:auto;margin-block-start:var(--spacing-2)}.rs-tts-demo__studio-language-option{display:flex;align-items:center;gap:var(--spacing-2);inline-size:100%;text-align:start;min-block-size:var(--spacing-12);padding:var(--spacing-2);background:transparent;color:var(--text-primary);border:0;cursor:pointer;font:inherit}.rs-tts-demo__studio-language-option[data-selected=true],.rs-tts-demo__studio-language-option:hover{background:var(--surface-secondary)}.rs-tts-demo__studio-voices{flex:0 1 12.5rem;border:0;margin:0;padding:0;min-inline-size:0;min-block-size:0;overflow-y:auto;scrollbar-width:thin}.rs-tts-demo__studio-sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.rs-tts-demo__studio-voice{position:relative;display:flex;gap:var(--spacing-3);align-items:center;min-block-size:var(--spacing-10);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-lg);cursor:pointer;overflow-wrap:anywhere;font-size:.875rem}.rs-tts-demo__studio-voice--selected{background:var(--surface-secondary)}.rs-tts-demo__studio-voice--selected{font-weight:600}.rs-tts-demo__studio-voice:has(input:focus-visible){outline:2px solid var(--focus-ring);outline-offset:-2px}.rs-tts-demo__studio-avatar{inline-size:var(--spacing-8);block-size:var(--spacing-8);border-radius:var(--radius-full);object-fit:cover;flex:0 0 auto}.rs-tts-demo__studio-catalogue{min-block-size:1.25rem;margin-block-start:auto;display:flex;align-items:center;gap:var(--spacing-2);padding-inline:var(--spacing-2);color:var(--text-secondary);font-size:.75rem;line-height:1.5;text-decoration:none}.rs-tts-demo__studio-editor{min-inline-size:0;min-block-size:0;display:flex;flex-direction:column;padding:var(--spacing-4);gap:var(--spacing-2)}.rs-tts-demo__studio-editor-head{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);color:var(--text-secondary);font-size:.875rem}.rs-tts-demo__studio-tools{display:flex;gap:var(--spacing-2);flex:0 0 auto}.rs-tts-demo__studio-icon-button{inline-size:var(--spacing-8);block-size:var(--spacing-8);min-block-size:0;padding:var(--spacing-1)}.rs-tts-demo__studio-text{flex:1;min-block-size:0;resize:none;inline-size:100%;border:0;padding:var(--spacing-1) 0;border-radius:var(--radius-sm);background:transparent;color:var(--text-primary);font:inherit;font-size:1rem;line-height:1.65}.rs-tts-demo__studio-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-2)}.rs-tts-demo__studio-count{margin-inline-start:auto;color:var(--text-secondary);font-size:.75rem;font-variant-numeric:tabular-nums;white-space:nowrap}.rs-tts-demo__studio-count--error{color:var(--color-state-error-text)}.rs-tts-demo__studio-listen{background:var(--text-primary);color:var(--surface-primary);inline-size:var(--spacing-10);block-size:var(--spacing-10);border-radius:50%;padding:var(--spacing-2);flex:0 0 auto}.rs-tts-demo__studio-listen:hover{background:var(--text-secondary)}.rs-tts-demo__studio--contrast .rs-tts-demo__studio-listen{background:var(--surface-brand);color:var(--text-on-brand)}.rs-tts-demo__studio-loading{position:absolute;inset-block-start:0;inset-inline:0;padding:var(--spacing-8)}.rs-tts-demo__studio-messages{padding-inline:var(--spacing-5)}.rs-tts-demo__studio-messages p{padding-block:var(--spacing-3);margin:0}.rs-tts-demo__studio-messages [role=alert]{color:var(--color-state-error-text)}.rs-tts-demo__studio-search{display:block;inline-size:100%;min-inline-size:0;min-block-size:var(--spacing-12);padding:var(--spacing-3);border:1px solid var(--border-control);border-radius:var(--radius-lg);background:var(--surface-primary);color:var(--text-primary);font:inherit}.rs-tts-demo__studio-scenario-filters{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:var(--spacing-3);margin-block-end:var(--spacing-4)}.rs-tts-demo__studio-scenario-list{display:grid;gap:var(--spacing-2);max-block-size:min(52dvb,26rem);overflow-y:auto}.rs-tts-demo__studio-scenario{display:block;inline-size:100%;text-align:start;font:inherit;color:var(--text-primary);background:transparent;border:0;border-block-end:1px solid var(--border-default);padding:var(--spacing-4);cursor:pointer}.rs-tts-demo__studio-scenario:hover,.rs-tts-demo__studio-scenario:focus-visible{background:var(--surface-secondary)}.rs-tts-demo__studio .rs-tts-demo__studio-scenario:focus-visible{outline:2px solid var(--text-link);outline-offset:-2px}.rs-tts-demo__studio-scenario-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--spacing-1) var(--spacing-2)}.rs-tts-demo__studio-scenario-name{font-weight:600}.rs-tts-demo__studio-scenario-select{margin-inline-start:auto;font-size:.875rem;visibility:hidden}.rs-tts-demo__studio-scenario:hover .rs-tts-demo__studio-scenario-select,.rs-tts-demo__studio-scenario:focus-visible .rs-tts-demo__studio-scenario-select{visibility:visible}.rs-tts-demo__studio-scenario-preview{display:block;color:var(--text-secondary);margin-block-start:var(--spacing-1);font-size:.875rem;line-height:1.5}@media(hover:none){.rs-tts-demo__studio-scenario-select{visibility:visible}}.rs-tts-demo__studio-category{font-size:var(--control-bare-font-size);color:var(--text-secondary)}.rs-tts-demo__studio-settings{display:grid;gap:var(--spacing-6)}.rs-tts-demo__studio-setting{display:grid;gap:var(--spacing-3)}.rs-tts-demo__studio-setting>span{display:flex;justify-content:space-between;gap:var(--spacing-3)}.rs-tts-demo__studio-setting input{inline-size:100%;min-block-size:var(--spacing-12);accent-color:var(--text-link)}.rs-tts-demo__studio-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--spacing-3)}.rs-tts-demo__studio-share{display:grid;grid-template-columns:minmax(0,1fr) 12rem;gap:var(--spacing-4);align-items:start}.rs-tts-demo__studio-share-content{display:grid;gap:var(--spacing-3);min-inline-size:0}.rs-tts-demo__studio-share-link{display:flex;gap:var(--spacing-2)}.rs-tts-demo__studio-copy{flex:0 0 var(--spacing-10);padding:var(--spacing-2)}.rs-tts-demo__studio-share-content p{margin:0;font-size:.875rem}.rs-tts-demo__studio-scenario-filters .rs-tts-demo__studio-search,.rs-tts-demo__studio-share-link .rs-tts-demo__studio-search{min-block-size:var(--spacing-10);padding:var(--spacing-2);font-size:.875rem}.rs-tts-demo__studio-qr{display:grid;justify-items:center;gap:var(--spacing-3);margin:0;text-align:center;font-size:.875rem}.rs-tts-demo__studio-qr img{inline-size:100%;block-size:auto}.rs-tts-demo__studio-qr small{display:block;color:var(--text-secondary);margin-block-start:var(--spacing-2)}.rs-tts-demo__studio :is(input,textarea,select,button,a):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media(max-width:48rem){.rs-tts-demo__studio{padding:var(--spacing-3)}.rs-tts-demo__studio-layout{grid-template-columns:minmax(0,1fr);block-size:auto}.rs-tts-demo__studio-sidebar{border-inline-end:0;border-block-end:1px solid var(--border-default)}.rs-tts-demo__studio-voices{flex:none;block-size:7.5rem}.rs-tts-demo__studio-editor{padding:var(--spacing-4)}.rs-tts-demo__studio-text{min-block-size:calc(var(--spacing-16) * 3)}.rs-tts-demo__studio-scenario-filters{grid-template-columns:minmax(0,1fr)}.rs-tts-demo__studio-scenario{align-items:center}}@media(forced-colors:active){.rs-tts-demo__studio-voice--selected{outline:1px solid Highlight}.rs-tts-demo__studio-card,.rs-tts-demo__studio-language-menu{border:1px solid CanvasText}}.rs-tts-demo__studio-chevron{transform:rotate(90deg)}.rs-tts-demo__studio-chevron:dir(rtl){transform:rotate(-90deg)}.rs-tts-demo__studio-avatar-shell{inline-size:var(--spacing-8);block-size:var(--spacing-8);border-radius:var(--radius-full);background:var(--surface-tertiary);flex:0 0 auto;overflow:hidden}.rs-tts-demo__studio-backgrounds{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-2);margin-block-start:var(--spacing-5)}.rs-tts-demo__studio-background-choice{display:flex;align-items:center;gap:var(--spacing-2);background:var(--surface-primary);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--spacing-1) var(--spacing-2);font:inherit;font-size:.75rem;cursor:pointer}.rs-tts-demo__studio-background-choice img{inline-size:var(--spacing-10);block-size:var(--spacing-8);object-fit:cover;border-radius:var(--radius-sm)}.rs-tts-demo__studio-background-choice[aria-pressed=true]{outline:2px solid var(--text-primary);outline-offset:1px}@media(pointer:coarse){.rs-tts-demo__studio-icon-button{inline-size:var(--spacing-12);block-size:var(--spacing-12)}}@media(max-width:36rem){.rs-tts-demo__studio-share{grid-template-columns:minmax(0,1fr)}.rs-tts-demo__studio-qr{inline-size:12rem;max-inline-size:100%;justify-self:center}}@media(pointer:coarse){.rs-tts-demo__studio-listen{inline-size:var(--spacing-12);block-size:var(--spacing-12);min-block-size:var(--spacing-12)}}.rs-tts-demo__studio-spinner{display:block;inline-size:var(--spacing-5);block-size:var(--spacing-5);border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;animation:rs-demo-spin .8s linear infinite}@keyframes rs-demo-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.rs-tts-demo__studio-spinner{animation:none}}.rs-tts-demo__studio-voices--more{-webkit-mask-image:linear-gradient(to bottom,var(--text-primary) calc(100% - var(--spacing-6)),transparent);mask-image:linear-gradient(to bottom,var(--text-primary) calc(100% - var(--spacing-6)),transparent)}@media(forced-colors:active){.rs-tts-demo__studio-voices--more{-webkit-mask-image:none;mask-image:none}}.rs-tts-demo__studio--wide{inline-size:100%;padding:64px clamp(24px,6vw,80px)}.rs-tts-demo__studio--wide .rs-tts-demo__studio-art{border-radius:24px}@media(max-width:600px){.rs-tts-demo__studio--wide{padding:28px 16px}.rs-tts-demo__studio--wide .rs-tts-demo__studio-art{border-radius:20px}}