@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}:root{--color-inkwell:#000;--color-paper-white:#fff;--color-parchment:#faf8f5;--color-graphite:#27251e;--color-faded-stone:#92918b;--color-dusk-gray:#72706b;--error:#8a3a34;--error-soft:#f7edea;--warning:#8a6a2f;--warning-soft:#fbf4e2;font-family:Inter Variable,sans-serif}body{background:var(--color-paper-white);min-width:320px;min-height:100vh;color:var(--color-inkwell);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled{cursor:not-allowed;color:var(--color-faded-stone);background:var(--color-parchment)}@supports (color:color-mix(in lab, red, red)){button:disabled,input:disabled,select:disabled{background:color-mix(in srgb, var(--color-parchment) 78%, var(--color-paper-white))}}button:disabled,input:disabled,select:disabled{box-shadow:inset 0 0 0 1px var(--color-faded-stone)}@supports (color:color-mix(in lab, red, red)){button:disabled,input:disabled,select:disabled{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-faded-stone) 18%, transparent)}}button:disabled,input:disabled,select:disabled{opacity:1}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-graphite);outline-offset:2px}.app-shell{box-sizing:border-box;align-content:center;gap:8px;min-height:100vh;padding:32px 24px 48px;display:grid}.brand-block{text-align:center;justify-self:center}.brand-block h1{letter-spacing:-.055em;color:var(--color-graphite);margin:0 0 8px;font-size:clamp(44px,6vw,52px);font-weight:400;line-height:1}.brand-block p{color:var(--color-dusk-gray);margin:14px 0 0;font-size:14px}.tts-card{box-sizing:border-box;background:var(--color-paper-white);border-radius:16px;gap:12px;width:min(100% - 32px,600px);padding:12px;display:grid}.composer-card{box-sizing:border-box;background:var(--color-parchment);border-radius:16px;justify-self:center;width:min(100% - 32px,600px);margin-bottom:8px;padding:16px 20px}.composer-input-zone{gap:0;padding:12px;display:grid}.composer-input-pane{gap:8px;min-height:176px;display:grid}.composer-textarea{box-sizing:border-box;resize:none;width:100%;min-height:128px;color:var(--color-inkwell);background:0 0;border:0;border-radius:8px;outline:none;font-size:15px;line-height:1.6}.composer-textarea::placeholder{color:var(--color-dusk-gray)}.composer-textarea:focus,.composer-textarea:focus-visible{box-shadow:none;outline:none}.composer-dropzone{box-sizing:border-box;border:1px dashed var(--color-faded-stone);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:176px;padding:16px;display:grid}@supports (color:color-mix(in lab, red, red)){.composer-dropzone{border:1px dashed color-mix(in srgb, var(--color-faded-stone) 44%, transparent)}}.composer-dropzone{color:var(--color-graphite);border-radius:8px}.composer-dropzone--active{border-color:var(--color-graphite);box-shadow:inset 0 0 0 1px var(--color-graphite)}@supports (color:color-mix(in lab, red, red)){.composer-dropzone--active{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-graphite) 22%, transparent)}}.composer-drop-copy,.composer-input-summary{gap:5px;display:grid}.composer-drop-copy span,.composer-input-summary{color:var(--color-dusk-gray);font-size:13px;line-height:1.5}.composer-input-summary{justify-items:end;min-width:124px}.composer-input-summary strong{color:var(--color-graphite);font-weight:500}.composer-input-summary em{color:#7a1f1f;font-style:normal}.composer-help-note{color:var(--color-dusk-gray);overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.5}.composer-help-note code{color:var(--color-graphite);background:var(--color-paper-white)}@supports (color:color-mix(in lab, red, red)){.composer-help-note code{background:color-mix(in srgb, var(--color-paper-white) 70%, transparent)}}.composer-help-note code{border-radius:6px;padding:1px 5px}.composer-footer{border-top:1px solid var(--color-faded-stone);justify-content:space-between;align-items:center;gap:8px;padding-top:10px;display:flex}@supports (color:color-mix(in lab, red, red)){.composer-footer{border-top:1px solid color-mix(in srgb, var(--color-faded-stone) 22%, transparent)}}.composer-footer-left,.composer-footer-right,.composer-actions{align-items:center;gap:8px;display:inline-flex}.composer-actions{margin-left:auto}.composer-footer-left{min-width:0}.composer-footer-right{justify-content:flex-end;min-width:0}.composer-dropdown-wrap{position:relative}.composer-select-button,.composer-model-select{border:1px solid var(--color-faded-stone);min-height:36px}@supports (color:color-mix(in lab, red, red)){.composer-select-button,.composer-model-select{border:1px solid color-mix(in srgb, var(--color-faded-stone) 30%, transparent)}}.composer-select-button,.composer-model-select{background:var(--color-paper-white);color:var(--color-graphite);border-radius:9999px}.composer-select-button{justify-content:center;align-items:center;gap:8px;padding:0 13px;display:inline-flex}.composer-model-select{max-width:188px;padding:0 12px}.composer-actions .ghost-pill{border:1px solid var(--color-faded-stone);width:fit-content;min-height:36px;padding:0 13px}@supports (color:color-mix(in lab, red, red)){.composer-actions .ghost-pill{border:1px solid color-mix(in srgb, var(--color-faded-stone) 30%, transparent)}}.composer-actions .ghost-pill{color:var(--color-graphite);background:0 0;text-decoration:none}.composer-actions .primary-button{background:var(--color-graphite);min-height:36px;color:var(--color-paper-white);padding:0 16px}.composer-actions .primary-button:disabled{background:var(--color-graphite)}@supports (color:color-mix(in lab, red, red)){.composer-actions .primary-button:disabled{background:color-mix(in srgb, var(--color-graphite) 22%, var(--color-parchment))}}.composer-actions .primary-button:disabled{color:var(--color-dusk-gray)}.composer-dropdown{z-index:10;border:1px solid var(--color-faded-stone);gap:6px;width:min(356px,100vw - 48px);padding:8px;display:grid;position:absolute;bottom:calc(100% + 8px);left:0}@supports (color:color-mix(in lab, red, red)){.composer-dropdown{border:1px solid color-mix(in srgb, var(--color-faded-stone) 24%, transparent)}}.composer-dropdown{background:var(--color-paper-white);box-shadow:0 16px 36px var(--color-graphite);border-radius:12px}@supports (color:color-mix(in lab, red, red)){.composer-dropdown{box-shadow:0 16px 36px color-mix(in srgb, var(--color-graphite) 10%, transparent)}}.dropdown-title{color:var(--color-dusk-gray);margin:0;padding:2px 4px 4px;font-size:12px;line-height:1.5}.settings-row{min-height:38px;color:var(--color-graphite);border-radius:8px;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:8px;padding:4px;font-size:13px;display:grid}.settings-row>span:first-child{color:var(--color-dusk-gray)}.mini-segment{background:var(--color-parchment);border-radius:9999px;grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}.mini-segment button{min-height:30px;color:var(--color-dusk-gray);background:0 0;border:0;border-radius:9999px}.mini-segment button.active{background:var(--color-paper-white);color:var(--color-inkwell);box-shadow:inset 0 0 0 1px var(--color-faded-stone)}@supports (color:color-mix(in lab, red, red)){.mini-segment button.active{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-faded-stone) 28%, transparent)}}.switch-row{justify-content:space-between;align-items:center;gap:8px;display:inline-flex}.composer-settings-dropdown .select-control{min-height:34px;padding:0 10px}.composer-settings-dropdown .range-control{width:100%;accent-color:var(--color-graphite)}.sr-only-wrapper{display:inline-flex}.mode-toggle{background:var(--color-parchment);border-radius:9999px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.mode-toggle button,.ghost-pill,.primary-button{border:0;border-radius:9999px;justify-content:center;align-items:center;gap:8px;display:inline-flex}.mode-toggle button{min-height:34px;color:var(--color-dusk-gray);background:0 0}.mode-toggle button.active{background:var(--color-paper-white);color:var(--color-inkwell);box-shadow:inset 0 0 0 1px var(--color-faded-stone)}@supports (color:color-mix(in lab, red, red)){.mode-toggle button.active{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-faded-stone) 28%, transparent)}}.field-stack{gap:7px;display:grid}.mode-panel{gap:8px;display:grid}.field-label{color:var(--color-dusk-gray);font-size:12px;line-height:1.5}.field-label--icon{align-items:center;gap:6px;display:inline-flex}.tts-textarea,.select-control{box-sizing:border-box;border:1px solid var(--color-faded-stone);width:100%}@supports (color:color-mix(in lab, red, red)){.tts-textarea,.select-control{border:1px solid color-mix(in srgb, var(--color-faded-stone) 32%, transparent)}}.tts-textarea,.select-control{background:var(--color-parchment);color:var(--color-inkwell);border-radius:8px;outline:none}.tts-textarea{resize:none;min-height:140px;padding:16px;line-height:1.5}.tts-textarea:focus,.select-control:focus,.range-control:focus-visible{border-color:var(--color-graphite);box-shadow:0 0 0 3px var(--color-graphite)}@supports (color:color-mix(in lab, red, red)){.tts-textarea:focus,.select-control:focus,.range-control:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-graphite) 12%, transparent)}}.select-control{min-height:42px;padding:0 12px}.control-grid,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.settings-block{gap:10px;display:grid}.settings-grid{border:1px solid var(--color-faded-stone);padding:12px}@supports (color:color-mix(in lab, red, red)){.settings-grid{border:1px solid color-mix(in srgb, var(--color-faded-stone) 22%, transparent)}}.settings-grid{background:var(--color-parchment);border-radius:12px}@supports (color:color-mix(in lab, red, red)){.settings-grid{background:color-mix(in srgb, var(--color-parchment) 72%, var(--color-paper-white))}}.ghost-pill{border:1px solid var(--color-faded-stone);width:fit-content;min-height:34px;padding:0 13px}@supports (color:color-mix(in lab, red, red)){.ghost-pill{border:1px solid color-mix(in srgb, var(--color-faded-stone) 30%, transparent)}}.ghost-pill{color:var(--color-graphite);background:0 0;text-decoration:none}.range-control{width:100%;accent-color:var(--color-graphite)}.select-control:disabled,.select-control option:disabled{color:var(--color-faded-stone)}.csv-dropzone{border:1px dashed var(--color-faded-stone);grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:126px;padding:18px;display:grid}@supports (color:color-mix(in lab, red, red)){.csv-dropzone{border:1px dashed color-mix(in srgb, var(--color-faded-stone) 48%, transparent)}}.csv-dropzone{background:var(--color-parchment);color:var(--color-graphite);border-radius:12px}.csv-dropzone--active{border-color:var(--color-graphite);box-shadow:inset 0 0 0 1px var(--color-graphite)}@supports (color:color-mix(in lab, red, red)){.csv-dropzone--active{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-graphite) 22%, transparent)}}.upload-label{color:var(--color-inkwell);text-underline-offset:3px;text-decoration:underline}.helper-text,.csv-summary{color:var(--color-dusk-gray);font-size:13px}.csv-summary{justify-items:end;gap:4px;display:grid}.csv-summary strong{color:var(--color-graphite);font-weight:500}.csv-summary em,.error-text{color:#7a1f1f;font-style:normal}.action-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.primary-button{background:var(--color-graphite);min-height:42px;color:var(--color-paper-white);padding:0 18px}.status-panel{background:var(--color-parchment);min-height:64px;color:var(--color-graphite);border:1px solid #0000;border-radius:12px;gap:8px;padding:12px;font-size:14px;display:grid}.status-panel--working{border-color:var(--color-graphite)}@supports (color:color-mix(in lab, red, red)){.status-panel--working{border-color:color-mix(in srgb, var(--color-graphite) 18%, transparent)}}.status-panel--success{background:var(--color-parchment)}@supports (color:color-mix(in lab, red, red)){.status-panel--success{background:color-mix(in srgb, var(--color-parchment) 70%, var(--color-paper-white))}}.status-panel--warning,.status-panel--error{border-color:var(--color-dusk-gray)}@supports (color:color-mix(in lab, red, red)){.status-panel--warning,.status-panel--error{border-color:color-mix(in srgb, var(--color-dusk-gray) 30%, transparent)}}.status-row{justify-content:space-between;gap:12px;display:flex}.status-row strong{font-weight:500}.progress-track{background:var(--color-faded-stone);border-radius:9999px;height:6px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.progress-track{background:color-mix(in srgb, var(--color-faded-stone) 24%, transparent)}}.progress-track span{border-radius:inherit;background:var(--color-graphite);height:100%;display:block}.message-list{color:var(--color-dusk-gray);gap:6px;margin:0;padding:0;list-style:none;display:grid}.feedback-strip{color:var(--color-dusk-gray);align-items:flex-start;gap:7px;margin:0;display:flex}.feedback-strip--warning,.feedback-strip--error{color:var(--color-graphite)}.audio-result{border:1px solid var(--color-faded-stone);grid-template-columns:auto minmax(0,1fr) minmax(180px,260px) auto;align-items:center;gap:12px;padding:12px;display:grid}@supports (color:color-mix(in lab, red, red)){.audio-result{border:1px solid color-mix(in srgb, var(--color-faded-stone) 24%, transparent)}}.audio-result{background:var(--color-parchment);border-radius:12px}@supports (color:color-mix(in lab, red, red)){.audio-result{background:color-mix(in srgb, var(--color-parchment) 64%, var(--color-paper-white))}}.audio-result strong{color:var(--color-graphite);overflow-wrap:anywhere;margin-top:3px;font-weight:500;display:block}.audio-result audio{display:none}.audio-play-button{background:var(--color-graphite);width:38px;height:38px;color:var(--color-paper-white);border:0;border-radius:9999px}.audio-details{min-width:0}.audio-meta{color:var(--color-dusk-gray);margin-top:4px;font-size:12px;display:block}.audio-seek{color:var(--color-dusk-gray);gap:5px;font-size:12px;display:grid}.audio-seek input{width:100%;accent-color:var(--color-graphite)}.icon-pill{border:1px solid var(--color-faded-stone);justify-content:center;align-items:center;gap:8px;min-height:34px;padding:0 13px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.icon-pill{border:1px solid color-mix(in srgb, var(--color-faded-stone) 30%, transparent)}}.icon-pill{color:var(--color-graphite);border-radius:9999px;text-decoration:none}.composer-state-panel{box-sizing:border-box;border:1px solid var(--color-faded-stone);gap:10px;width:min(100% - 32px,760px);min-height:68px;padding:12px;display:grid}@supports (color:color-mix(in lab, red, red)){.composer-state-panel{border:1px solid color-mix(in srgb, var(--color-faded-stone) 18%, transparent)}}.composer-state-panel{background:var(--color-parchment);border-radius:16px}@supports (color:color-mix(in lab, red, red)){.composer-state-panel{background:color-mix(in srgb, var(--color-parchment) 72%, var(--color-paper-white))}}.composer-state-panel{color:var(--color-graphite);font-size:14px}.composer-state-panel--working{border-color:var(--color-graphite)}@supports (color:color-mix(in lab, red, red)){.composer-state-panel--working{border-color:color-mix(in srgb, var(--color-graphite) 18%, transparent)}}.composer-state-panel--success{background:var(--color-parchment)}.composer-state-panel--warning,.composer-state-panel--error{border-color:var(--color-dusk-gray)}@supports (color:color-mix(in lab, red, red)){.composer-state-panel--warning,.composer-state-panel--error{border-color:color-mix(in srgb, var(--color-dusk-gray) 30%, transparent)}}.composer-state-main{text-align:center;justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}.composer-state-main span{overflow-wrap:anywhere;min-width:0}.composer-state-main strong{white-space:nowrap;margin-left:auto;font-weight:500}.composer-state-copy{text-align:center;color:var(--color-dusk-gray);margin:0}.composer-audio-player{border:1px solid var(--color-faded-stone);grid-template-columns:auto minmax(0,1fr) minmax(180px,260px) auto;align-items:center;gap:12px;padding:12px;display:grid}@supports (color:color-mix(in lab, red, red)){.composer-audio-player{border:1px solid color-mix(in srgb, var(--color-faded-stone) 22%, transparent)}}.composer-audio-player{background:var(--color-paper-white);border-radius:12px}.composer-audio-player audio{display:none}.composer-audio-player .audio-play-button{background:var(--color-graphite);width:38px;height:38px;color:var(--color-paper-white);border:0;border-radius:9999px}.composer-audio-player .audio-details{min-width:0}.composer-audio-player .audio-details strong{color:var(--color-graphite);overflow-wrap:anywhere;margin-top:3px;font-weight:500;display:block}.composer-audio-player .audio-meta{color:var(--color-dusk-gray);overflow-wrap:anywhere;margin-top:4px;font-size:12px;line-height:1.5;display:block}.composer-audio-player .audio-seek{color:var(--color-dusk-gray);gap:5px;font-size:12px;display:grid}.composer-audio-player .audio-seek input{width:100%;accent-color:var(--color-graphite)}.waveform-track{grid-template-columns:repeat(24,1fr);align-items:center;gap:2px;min-height:30px;display:grid}.waveform-track i{background:var(--color-graphite);border-radius:9999px;display:block}@supports (color:color-mix(in lab, red, red)){.waveform-track i{background:color-mix(in srgb, var(--color-graphite) 44%, transparent)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sd-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sd-label{color:var(--color-graphite);padding-top:2px;font-size:13px}.sd-sub{color:var(--color-dusk-gray);margin-top:1px;font-size:11px}.sd-row>.setting-select-wrap,.sd-row>.speed-wrap{flex:0 0 132px;width:132px;margin-top:2px}.setting-select-wrap{position:relative}.setting-select-button{background:var(--color-paper-white);border:1px solid var(--color-faded-stone);justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:32px;display:flex}@supports (color:color-mix(in lab, red, red)){.setting-select-button{border:1px solid color-mix(in srgb, var(--color-faded-stone) 30%, transparent)}}.setting-select-button{color:var(--color-graphite);cursor:pointer;text-align:left;border-radius:9999px;padding:0 10px 0 12px;font-family:inherit;font-size:13px}.setting-select-button:hover,.setting-select-button.open{border-color:var(--color-faded-stone)}@supports (color:color-mix(in lab, red, red)){.setting-select-button:hover,.setting-select-button.open{border-color:color-mix(in srgb, var(--color-faded-stone) 50%, transparent)}}.setting-select-button:hover,.setting-select-button.open{background:var(--color-paper-white)}@supports (color:color-mix(in lab, red, red)){.setting-select-button:hover,.setting-select-button.open{background:color-mix(in srgb, var(--color-paper-white) 78%, var(--color-parchment))}}.setting-select-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.setting-caret{width:13px;height:13px;stroke:var(--color-dusk-gray);fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.setting-menu{z-index:80;background:var(--color-paper-white);border:1px solid var(--color-faded-stone);width:220px;max-height:196px;padding:6px;display:none;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto}@supports (color:color-mix(in lab, red, red)){.setting-menu{border:1px solid color-mix(in srgb, var(--color-faded-stone) 24%, transparent)}}.setting-menu{box-shadow:0 10px 26px var(--color-graphite);border-radius:12px}@supports (color:color-mix(in lab, red, red)){.setting-menu{box-shadow:0 10px 26px color-mix(in srgb, var(--color-graphite) 10%, transparent)}}.setting-menu.open{display:block}.setting-group-label{color:var(--color-dusk-gray);padding:7px 10px 4px;font-size:11px}.setting-option{width:100%;color:var(--color-graphite);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:7px 10px;font-family:inherit;font-size:13px;display:flex}.setting-option:hover,.setting-option.selected{background:var(--color-parchment)}.setting-option:disabled{cursor:not-allowed;opacity:.48;box-shadow:none;background:0 0}.setting-check{width:12px;color:var(--color-graphite);flex-shrink:0}.speed-wrap{justify-content:flex-end;align-items:center;gap:8px;display:flex}.speed-wrap input[type=range]{appearance:none;background:var(--color-faded-stone);border-radius:2px;flex:1;width:auto;min-width:0;height:3px}@supports (color:color-mix(in lab, red, red)){.speed-wrap input[type=range]{background:color-mix(in srgb, var(--color-faded-stone) 30%, transparent)}}.speed-wrap input[type=range]{cursor:pointer;outline:none}.speed-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-graphite);border-radius:50%;width:13px;height:13px}.speed-val{color:var(--color-graphite);text-align:right;min-width:30px;font-size:12px}.model-anchor{min-width:260px;position:relative}.model-button{background:var(--color-paper-white);border:1px solid var(--color-faded-stone);justify-content:space-between;align-items:center;gap:14px;width:100%;min-height:36px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.model-button{border:1px solid color-mix(in srgb, var(--color-faded-stone) 30%, transparent)}}.model-button{color:var(--color-graphite);cursor:pointer;border-radius:9999px;padding:0 12px 0 14px;font-family:inherit;font-size:13px;transition:background .12s,border-color .12s,color .12s}.model-button:hover,.model-button.open{border-color:var(--color-faded-stone)}@supports (color:color-mix(in lab, red, red)){.model-button:hover,.model-button.open{border-color:color-mix(in srgb, var(--color-faded-stone) 50%, transparent)}}.model-button:hover,.model-button.open{background:var(--color-paper-white)}@supports (color:color-mix(in lab, red, red)){.model-button:hover,.model-button.open{background:color-mix(in srgb, var(--color-paper-white) 78%, var(--color-parchment))}}.model-button-label{align-items:center;gap:8px;min-width:0;display:inline-flex}.model-dot{background:var(--color-graphite);border-radius:50%;flex-shrink:0;width:6px;height:6px}.model-button svg{width:13px;height:13px;stroke:var(--color-dusk-gray);fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.model-menu{z-index:60;background:var(--color-paper-white);border:1px solid var(--color-faded-stone);width:min(320px,100vw - 48px);display:none;position:absolute;top:calc(100% + 8px);left:0}@supports (color:color-mix(in lab, red, red)){.model-menu{border:1px solid color-mix(in srgb, var(--color-faded-stone) 24%, transparent)}}.model-menu{box-shadow:0 12px 32px var(--color-graphite);border-radius:14px;padding:6px}@supports (color:color-mix(in lab, red, red)){.model-menu{box-shadow:0 12px 32px color-mix(in srgb, var(--color-graphite) 12%, transparent)}}.model-menu.open{display:block}.model-option{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;grid-template-columns:18px 1fr;align-items:start;gap:10px;width:100%;padding:10px 12px;font-family:inherit;display:grid}.model-option.selected{background:var(--color-parchment);box-shadow:inset 0 0 0 1px var(--color-graphite)}@supports (color:color-mix(in lab, red, red)){.model-option.selected{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-graphite) 10%, transparent)}}.model-option:disabled{cursor:not-allowed;opacity:.48;box-shadow:none;background:0 0;border:none}.model-check{color:var(--color-graphite);font-size:13px;line-height:1.4}.model-title{color:var(--color-graphite);font-size:13px;font-weight:500;line-height:1.35;display:block}.model-desc{color:var(--color-dusk-gray);margin-top:3px;font-size:12px;line-height:1.45;display:block}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:9999px;align-items:center;gap:6px;min-height:36px;padding:0 14px;font-family:inherit;font-size:13px;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.btn svg{stroke:currentColor;fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:13px;height:13px}.btn-ghost{background:var(--color-paper-white);color:var(--color-graphite);border:1px solid var(--color-faded-stone)}@supports (color:color-mix(in lab, red, red)){.btn-ghost{border:1px solid color-mix(in srgb, var(--color-faded-stone) 30%, transparent)}}.btn-ghost:hover{color:var(--color-graphite);border-color:var(--color-faded-stone)}@supports (color:color-mix(in lab, red, red)){.btn-ghost:hover{border-color:color-mix(in srgb, var(--color-faded-stone) 50%, transparent)}}.btn-ghost:hover{background:var(--color-paper-white)}@supports (color:color-mix(in lab, red, red)){.btn-ghost:hover{background:color-mix(in srgb, var(--color-paper-white) 78%, var(--color-parchment))}}.btn-ghost.active-settings{color:var(--color-graphite);border-color:var(--color-faded-stone)}@supports (color:color-mix(in lab, red, red)){.btn-ghost.active-settings{border-color:color-mix(in srgb, var(--color-faded-stone) 50%, transparent)}}.btn-ghost.active-settings{background:var(--color-graphite)}@supports (color:color-mix(in lab, red, red)){.btn-ghost.active-settings{background:color-mix(in srgb, var(--color-graphite) 5%, transparent)}}.btn-primary{background:var(--color-graphite);color:var(--color-paper-white);margin-left:auto}.btn-primary:hover{background:#1a1813}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-danger{background:var(--error);color:var(--color-paper-white);margin-left:auto}.btn-danger:hover{background:#6f2f2a}.btn-cancel{background:var(--warning);color:var(--color-paper-white);margin-left:auto}.btn-cancel:hover{background:#735725}.divider{background:var(--color-faded-stone);height:1px}@supports (color:color-mix(in lab, red, red)){.divider{background:color-mix(in srgb, var(--color-faded-stone) 20%, transparent)}}.divider{margin:12px 0}.gen-row{color:var(--color-dusk-gray);justify-self:center;align-items:center;gap:9px;width:min(100% - 32px,600px);padding:4px 2px;font-size:13px;display:none}.gen-row.show{display:flex}.model-loading{color:var(--color-dusk-gray);justify-self:center;align-items:center;gap:9px;width:min(100% - 32px,600px);padding:4px 2px;font-size:13px;display:none}.model-loading.show{display:flex}.error-row{color:var(--error);justify-self:center;align-items:center;gap:9px;width:min(100% - 32px,600px);padding:4px 2px;font-size:13px;display:none}.error-row.show{display:flex}.warning-row{color:var(--warning);justify-self:center;align-items:center;gap:9px;width:min(100% - 32px,600px);padding:4px 2px;font-size:13px;display:none}.warning-row.show{display:flex}.error-mark{border:1.5px solid var(--error);border-radius:9999px;width:13px;height:13px}@supports (color:color-mix(in lab, red, red)){.error-mark{border:1.5px solid color-mix(in srgb, var(--error) 34%, transparent)}}.error-mark{color:var(--error);flex-shrink:0;justify-content:center;align-items:center;font-size:10px;line-height:1;display:inline-flex}.warning-mark{border:1.5px solid var(--warning);border-radius:9999px;width:13px;height:13px}@supports (color:color-mix(in lab, red, red)){.warning-mark{border:1.5px solid color-mix(in srgb, var(--warning) 38%, transparent)}}.warning-mark{color:var(--warning);flex-shrink:0;justify-content:center;align-items:center;font-size:10px;line-height:1;display:inline-flex}.spinner{border:1.5px solid var(--color-faded-stone);width:13px;height:13px}@supports (color:color-mix(in lab, red, red)){.spinner{border:1.5px solid color-mix(in srgb, var(--color-faded-stone) 24%, transparent)}}.spinner{border-top-color:var(--color-graphite);border-radius:50%;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.char-row{justify-content:flex-end;margin-top:4px;display:flex}.char-count{color:var(--color-dusk-gray);font-size:11px}.upload-zone{border:1.5px dashed var(--color-faded-stone)}@supports (color:color-mix(in lab, red, red)){.upload-zone{border:1.5px dashed color-mix(in srgb, var(--color-faded-stone) 36%, transparent)}}.upload-zone{cursor:pointer;text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:36px 24px;transition:background .12s,border-color .12s;display:flex}.upload-zone:hover{background:var(--color-graphite)}@supports (color:color-mix(in lab, red, red)){.upload-zone:hover{background:color-mix(in srgb, var(--color-graphite) 2%, transparent)}}.upload-zone:hover{border-color:var(--color-faded-stone)}@supports (color:color-mix(in lab, red, red)){.upload-zone:hover{border-color:color-mix(in srgb, var(--color-faded-stone) 60%, transparent)}}.upload-zone svg{width:22px;height:22px;stroke:var(--color-dusk-gray);fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.uz-label{color:var(--color-graphite);font-size:14px}.uz-sub{color:var(--color-dusk-gray);font-size:12px}.bulk-meta-row{justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.bulk-toolbar-note{min-width:0;color:var(--color-dusk-gray);font-size:12px;line-height:1.5}.bulk-toolbar-note code{color:var(--color-graphite);background:var(--color-paper-white)}@supports (color:color-mix(in lab, red, red)){.bulk-toolbar-note code{background:color-mix(in srgb, var(--color-paper-white) 65%, transparent)}}.bulk-toolbar-note code{border-radius:6px;padding:1px 5px}.bulk-meta-row .char-count{flex-shrink:0}.audio-card{background:var(--color-paper-white);border:1px solid var(--color-faded-stone)}@supports (color:color-mix(in lab, red, red)){.audio-card{border:1px solid color-mix(in srgb, var(--color-faded-stone) 20%, transparent)}}.audio-card{box-sizing:border-box;border-radius:16px;justify-self:center;width:min(100% - 32px,600px);padding:16px 20px}.audio-card.hidden{display:none}.audio-header{color:var(--color-dusk-gray);align-items:center;gap:7px;margin-bottom:14px;font-size:13px;display:flex}.status-dot{background:#5dcaa5;border-radius:50%;width:6px;height:6px}.player-row{align-items:center;gap:12px;display:flex}.play-btn{background:var(--color-graphite);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:background .12s;display:flex}.play-btn:hover{background:#1a1813}.play-btn svg{width:13px;height:13px;fill:var(--color-paper-white);stroke:none}.play-btn .pi-play{margin-left:2px;display:block}.play-btn .pi-pause,.play-btn.playing .pi-play{display:none}.play-btn.playing .pi-pause{display:block}.track-info{flex:1;min-width:0}.track-name{color:var(--color-graphite);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.track-meta{color:var(--color-dusk-gray);margin-top:2px;font-size:11px}.waveform{flex-shrink:0;align-items:center;gap:2px;height:26px;display:flex}.waveform .bar{background:var(--color-graphite);border-radius:2px;width:3px}@supports (color:color-mix(in lab, red, red)){.waveform .bar{background:color-mix(in srgb, var(--color-graphite) 32%, transparent)}}.waveform .bar.lit{background:var(--color-graphite)}.timer{color:var(--color-dusk-gray);text-align:right;flex-shrink:0;min-width:58px;font-size:11px}.audio-progress-track{background:var(--color-faded-stone);width:100%;height:3px}@supports (color:color-mix(in lab, red, red)){.audio-progress-track{background:color-mix(in srgb, var(--color-faded-stone) 22%, transparent)}}.audio-progress-track{cursor:pointer;border-radius:2px;margin:10px 0;position:relative}.audio-progress-fill{background:var(--color-graphite);pointer-events:none;border-radius:2px;width:0%;height:100%}.audio-foot{justify-content:space-between;align-items:center;display:flex}.format-tag{color:var(--color-dusk-gray);font-size:11px}.btn-dl{background:var(--color-graphite);color:var(--color-paper-white);cursor:pointer;border:none;border-radius:9999px;align-items:center;gap:5px;padding:5px 14px;font-family:inherit;font-size:12px;transition:background .12s;display:inline-flex}.btn-dl svg{width:12px;height:12px;stroke:var(--color-paper-white);fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.btn-dl:hover{background:#1a1813}.control-disabled,.toolbar.preview-disabled .btn:not(.gen-btn):not(.btn-cancel),.toolbar.preview-disabled .model-button,.toolbar.preview-disabled .setting-select-button,.toolbar.preview-disabled .upload-zone,textarea:disabled,input:disabled{opacity:.52;cursor:not-allowed}.toolbar.preview-disabled .btn:not(.gen-btn):not(.btn-cancel),.toolbar.preview-disabled .model-button,.toolbar.preview-disabled .setting-select-button,.toolbar.preview-disabled .upload-zone,textarea:disabled{pointer-events:none}@media (width<=680px){.app-shell{padding-top:48px}.tts-card,.composer-card,.composer-state-panel{width:min(100%,100vw - 32px)}.brand-block h1{font-size:40px}.tts-textarea{min-height:120px}.control-grid,.settings-grid,.csv-dropzone,.audio-result,.composer-dropzone,.composer-audio-player,.settings-row{grid-template-columns:1fr}.csv-summary,.composer-input-summary{justify-items:start;min-width:0}.action-row{flex-direction:column;align-items:stretch}.composer-footer{grid-template-columns:1fr;align-items:stretch;display:grid}.composer-footer-left,.composer-footer-right,.composer-actions{align-items:stretch;width:100%}.composer-footer-right,.composer-actions{grid-template-columns:1fr;display:grid}.composer-actions .primary-button,.composer-actions .ghost-pill,.composer-model-select,.composer-select-button,.primary-button,.action-row .ghost-pill{width:100%}.status-row{flex-direction:column;gap:4px}.composer-state-main{text-align:left;flex-direction:column;align-items:flex-start}.composer-state-main strong{margin-left:0}.audio-result{align-items:stretch}.audio-play-button,.audio-result .icon-pill{justify-self:start}.audio-result .icon-pill,.composer-audio-player .icon-pill{width:100%}.bulk-meta-row{flex-direction:column;align-items:flex-start;gap:6px}.model-anchor{width:100%;min-width:0}.model-menu{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
