
:root{--paper:#faf9f6;--white:#fff;--ink:#282c2b;--muted:#69735f;--border:#e8e8e2;--orange:#b85233;--orange-dark:#ac4b2d;--peach:#fbefe8;--green:#437764;--sage:#edf3ec;--radius:15px;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit;text-decoration:none}button{background:none;border:0}h1,h2,h3,p{margin:0}h2{font-size:19px;letter-spacing:-.5px;font-weight:650}h3{font-size:16px;font-weight:650}strong{font-weight:600}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #d59a7f;outline-offset:4px}input:focus,select:focus,textarea:focus{outline:2px solid #d7a890;outline-offset:1px}svg{flex-shrink:0}audio{max-width:100%;height:37px}input[type=range]{accent-color:var(--orange);height:5px;width:100%;margin:15px 0 12px;cursor:pointer}input[type=checkbox]{accent-color:var(--orange);width:17px;height:17px;flex-shrink:0;margin-top:2px}code{font-family:"SFMono-Regular",Consolas,monospace;font-size:12px;line-height:1.7}::selection{background:#efc7b3}::placeholder{color:#686864}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--muted);font-size:13px;line-height:1.65}.positive{color:var(--green)!important}.error-text{color:#a84942!important}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:#f5f4ee;border-right:1px solid var(--border);display:flex;flex-direction:column;padding:34px 18px 16px;z-index:30}.brand{display:flex;align-items:center;gap:11px;padding:0 16px 0 13px;line-height:1;font-size:34px;font-weight:750;letter-spacing:-1.7px}.brand-mark{display:grid;place-items:center;width:40px;height:44px;background:var(--orange);border-radius:13px;color:#fff9f1;transform:rotate(-4deg);box-shadow:0 4px 10px #bc5f3919}.brand-dot{color:var(--orange)}.brand small{display:block;font-size:10px;letter-spacing:2.15px;font-weight:600;color:#6b6860;line-height:2.3;padding-left:2px}.workspace-label{padding:50px 15px 17px;font-size:11px;letter-spacing:1.75px;font-weight:650;color:#6b6963}.nav-item{width:100%;height:45px;padding:0 14px;display:flex;gap:12px;align-items:center;font-size:12px;color:#646861;border-radius:9px;margin-bottom:6px;text-align:left;transition:background .15s}.nav-item:hover{background:#edece5}.nav-active{background:#eee5da!important;color:#994e34;font-weight:650}.nav-new{margin-left:auto;font-size:9px;letter-spacing:1px;background:#fff9f2;color:#856043;padding:4px 6px;border-radius:4px}.admin-nav{margin-top:24px;border-top:1px solid var(--border);border-radius:0 0 9px 9px;padding-top:3px}.sidebar-bottom{margin-top:auto;padding-top:38px}.credit-card{border:1px solid #e1e0d7;background:#fcfbf7;border-radius:12px;padding:17px 15px 0}.credit-card-top{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:#686b62}.credit-card-top>.bare{margin-left:auto}.credit-icon{width:26px;height:26px;display:grid;place-items:center;border-radius:7px;background:#f2ebdc;color:#7b643e}.credit-card>strong{display:block;font-size:26px;letter-spacing:-.7px;line-height:1.5;margin-top:9px}.credit-card>strong small{font-size:12px;font-weight:400;letter-spacing:0;color:#686860}.credit-track{height:4px;border-radius:8px;background:#eeede5;overflow:hidden;margin:10px 0}.credit-track i{display:block;height:100%;background:#bba484;border-radius:8px;min-width:0}.credit-card p{font-size:11px;color:#686860;line-height:1.6}.credit-upgrade{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);width:calc(100% + 30px);margin:13px -15px 0;padding:13px 15px;font-size:13px;color:#97553b;font-weight:600}.credit-upgrade:hover{background:var(--peach);border-radius:0 0 12px 12px}.help-link{display:flex;align-items:center;gap:9px;color:#666860;font-size:13px;padding:22px 14px}.sidebar-footer{padding:14px 12px 0;border-top:1px solid #e3e3d9;font-size:10px;color:#666860;display:flex;align-items:center;gap:7px}.footer-dot{height:4px;width:4px;border-radius:50%;background:#92a383}.app-body{margin-left:238px;min-height:100vh}.topbar{height:76px;background:#fffdf9e6;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 42px}.topbar-left{display:flex;align-items:center;gap:12px;font-size:13px;white-space:nowrap}.topbar-left>svg{color:#686864}.topbar-left strong{font-weight:500}.breadcrumb{color:#686860}.topbar-right{display:flex;align-items:center;gap:20px}.language-label{font-size:12px;color:#686b63;display:flex;gap:7px;align-items:center}.india-dot{width:6px;height:6px;border-radius:50%;background:#cba884}.balance-pill{font-size:12px;border:1px solid var(--border);border-radius:30px;height:31px;padding:0 12px;display:flex;align-items:center;gap:7px;font-weight:650;background:#fff}.balance-pill svg{color:#75674b}.balance-pill span{font-weight:400;color:#686a63}.avatar{height:32px;width:32px;border-radius:50%;background:#e6eadd;color:#626c51;display:grid;place-items:center;cursor:pointer;font-size:12px;font-weight:600;list-style:none}.avatar::-webkit-details-marker{display:none}.account-menu{position:relative}.account-dropdown{position:absolute;right:0;top:44px;background:white;border:1px solid var(--border);box-shadow:0 12px 35px #29302013;border-radius:12px;padding:18px;min-width:220px;z-index:35}.account-dropdown>strong,.account-dropdown>small{display:block}.account-dropdown>small{color:#686860;margin:5px 0 15px;font-size:13px}.account-dropdown a{display:flex;gap:10px;font-size:12px;border-top:1px solid var(--border);padding-top:14px}.mobile-menu{display:none!important}.main-content{max-width:1490px;margin:0 auto;padding:41px 42px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:29px}.eyebrow{display:flex;gap:7px;align-items:center;font-size:10px;color:#686a62;font-weight:650;letter-spacing:1.65px;margin-bottom:13px}.eyebrow>span{width:5px;height:5px;border-radius:50%;background:#b5b89b}.page-heading h1{font-size:clamp(28px,2.65vw,42px);line-height:1.25;font-weight:520;letter-spacing:-1.5px}.page-heading h1 em{font-family:Georgia,serif;font-weight:400;color:var(--orange)}.page-heading p{font-size:12px;color:#686a61;margin-top:12px;line-height:1.6}.heading-decoration{display:flex;gap:12px;align-items:center;border:1px solid #e9e6db;border-radius:100%;width:129px;height:75px;justify-content:center;transform:rotate(-10deg);color:#756857;position:relative;margin-right:7px}.heading-decoration:before,.heading-decoration:after{content:"";position:absolute;width:5px;height:5px;background:#c9b698;border-radius:50%;right:5px;top:7px}.heading-decoration:after{left:7px;top:auto;bottom:4px;width:3px;height:3px}.heading-decoration span{font-size:23px;font-family:Georgia,serif}.heading-decoration svg{transform:rotate(10deg);color:#8c6048}.page-heading-standard{margin-bottom:33px}.page-heading-standard h1{font-size:34px}.welcome-strip{display:flex;align-items:center;gap:14px;background:#f5eee3;border:1px solid #eae0d0;padding:13px 18px;border-radius:11px;margin-bottom:24px}.welcome-gift{width:37px;height:37px;display:grid;place-items:center;background:#fcf6eb;color:#7f6440;border:1px solid #e7dac2;border-radius:10px}.welcome-strip strong{display:block;font-size:13px;font-weight:650;color:#75654c}.welcome-strip span{display:block;color:#6f6554;font-size:12px;margin-top:5px}.welcome-strip>.text-button{margin-left:auto;font-size:12px;color:#7d6649;white-space:nowrap}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:550;font-size:13px;color:#796556;padding:4px 0}.text-button:hover{color:var(--orange)}.service-notice{display:flex;align-items:center;gap:11px;background:#f4f4ed;border:1px solid #e4e5d7;border-radius:10px;padding:12px 15px;margin:-5px 0 23px}.service-notice strong{font-size:12px;font-weight:600;color:#696c5b;display:block}.service-notice span:not(.service-dot){font-size:12px;line-height:1.7;color:#66685c;display:block;margin-top:3px}.service-dot{width:6px;height:6px;border-radius:50%;background:#baa77e;flex-shrink:0}.service-notice>.text-button{margin-left:auto;white-space:nowrap;font-size:12px}.studio-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px}.panel{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 3px 5px #292c2302}.script-panel{display:flex;flex-direction:column;min-height:459px;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:22px 24px 17px}.step-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;white-space:nowrap}.step-label>span{font-size:10px;font-weight:600;display:grid;place-items:center;border:1px solid #e9e9df;background:#fafbf7;color:#686b5c;border-radius:5px;height:19px;width:22px}.segmented{border:1px solid #eeeee8;border-radius:7px;padding:3px;background:#f8f8f4;display:flex}.segmented button{height:26px;padding:0 10px;font-size:12px;color:#67695f;border-radius:5px;display:flex;align-items:center;gap:8px}.segmented button.selected{background:white;box-shadow:0 1px 4px #333a2512;color:#525b49;font-weight:600}.segmented small{font-size:9px;color:#686c5e;font-weight:500}.script-title{margin:5px 24px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.script-title input{border:0;outline:0;background:none;width:100%;font-size:13px;font-weight:500;color:#64685c;padding:6px 0}.script-title>span{font-size:8px;letter-spacing:1px;border:1px solid #eff0e9;border-radius:3px;color:#666860;padding:3px 5px;white-space:nowrap}.script-input{width:100%;border:0;resize:vertical;min-height:260px;flex:1;outline:0!important;padding:18px 24px;color:#4e5747;font-size:15px;line-height:2.1;background:white;letter-spacing:.1px}.script-input::placeholder{color:#656860;font-weight:400}.script-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px 19px;gap:12px;border-bottom:1px solid #eeeee8;font-size:11px;color:#626958}.script-footer>span>span{color:#66695e}.sample-button{display:flex;align-items:center;gap:6px;font-size:12px;color:#666c5a}.sample-button:hover{color:var(--orange)}.generation-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 21px;background:#fefefb}.generation-bar>div{display:flex;align-items:center;gap:6px;font-size:10px;color:#636c5c}.generation-bar>div>svg{width:13px;color:#606b57}.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:39px;padding:0 16px;border:1px solid transparent;border-radius:8px;line-height:1.3;font-size:13px;font-weight:600;text-align:center;transition:background .15s,box-shadow .15s}.button.primary{background:var(--orange);color:#fff9f4;border-color:var(--orange);box-shadow:0 2px 3px #9b492617}.button.primary:hover:not(:disabled){background:var(--orange-dark);border-color:var(--orange-dark);box-shadow:0 4px 12px #9b49261a}.button.secondary{border-color:#e4e5db;background:#fff;color:#626c56}.button.secondary:hover:not(:disabled){background:#f6f7f0}.button.small{min-height:33px;padding:0 12px;font-size:12px;border-radius:7px}.button.full{width:100%}.button.danger{background:#b65548;border-color:#b65548;color:white}.generate-button{min-height:41px;white-space:nowrap;font-size:12px;gap:9px;padding:0 14px}.generate-button>svg:last-child{margin-left:6px}.bare{padding:0;border:0;display:inline-flex;align-items:center;justify-content:center;background:none;color:inherit}.icon-button{width:31px;height:31px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:#656b5c;background:none;flex-shrink:0}.icon-button:hover{background:#f4f5ef;color:#606f51}.editor-error{font-size:12px;color:#995447;padding:0 22px 14px;background:#fefefb}.editor-error>button{text-decoration:underline;margin-left:4px}.voice-panel{padding:22px 21px}.voice-selection{margin-top:25px;display:flex;align-items:center;gap:11px;position:relative;border:1px solid #e8eadf;padding:12px 11px;border-radius:10px;background:#fcfdf9}.voice-selection>div{min-width:0}.voice-selection strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-selection>div>span{font-size:10px;color:#64695b;display:block;margin-top:5px}.voice-selection>svg{margin-left:auto;color:#64685c}.voice-selection>select{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.voice-art{height:44px;width:43px;border-radius:9px;background:#ede5d4;color:#78643c;display:grid;place-items:center;flex-shrink:0;position:relative}.voice-art>i{position:absolute;bottom:-3px;right:-3px;width:11px;height:11px;border-radius:50%;background:#91ac7b;border:3px solid white}.voice-art-personal{background:#e5ebdc;color:#5e6c4a}.add-voice-button{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;font-size:12px;border:1px dashed #e2e6d6;border-radius:8px;height:37px;color:#626c53;margin-top:11px}.add-voice-button span{font-size:7px;letter-spacing:1px;border-radius:2px;padding:3px 4px;background:#eff2e7;color:#646958;margin-left:3px}.add-voice-button:hover{background:#f8faf3}.voice-divider{border-top:1px solid #eeeee8;margin:24px 0 21px}.settings-heading{display:flex;align-items:center;gap:7px;font-size:12px;color:#646c58}.settings-heading>svg{width:13px}.settings-heading>strong{color:#606c53;font-weight:550}.presets{display:flex;gap:4px;margin:15px 0 20px}.presets button{font-size:9px;padding:6px 7px;border:1px solid #e8eadf;border-radius:5px;color:#656b5c;white-space:nowrap}.presets .preset-active{background:#eff3e8;border-color:#dfe7d3;color:#5d6d4b}.slider-label{display:flex;justify-content:space-between;font-size:11px;color:#646c58;margin-top:18px}.slider-label>span{color:#676c5c;font-size:10px}.slider-scale{display:flex;justify-content:space-between;font-size:9px;color:#65695e}.voice-tip{display:flex;gap:8px;padding:12px 10px;background:#f7f8f1;border-radius:7px;margin-top:22px;color:#666c5c}.voice-tip>span{color:#756846;font-size:15px}.voice-tip>p{font-size:10px;line-height:1.8}.voice-tip strong{font-weight:600;color:#616d53}.output-panel{grid-column:1/-1;overflow:hidden}.output-heading{display:flex;justify-content:space-between;align-items:center;padding:20px 23px 15px}.output-heading>div{display:flex;align-items:center;gap:8px;color:#626c56}.output-heading strong{font-size:13px;color:#616e54;font-weight:600}.output-heading>div>svg{width:16px}.output-format{font-size:10px;letter-spacing:.5px;color:#646a5d}.output-empty,.output-pending{padding:0 25px 30px;text-align:center;display:flex;flex-direction:column;align-items:center}.wave{height:70px;display:flex;align-items:center;justify-content:center;gap:4px;max-width:450px;width:100%;margin:1px auto 12px;opacity:.85}.wave i{display:block;width:3px;min-width:2px;border-radius:4px;background:#e7d9c7}.wave i:nth-child(4n){background:#e1cfb8}.wave i:nth-child(n+15):nth-child(-n+39){background:#d9c5a8}.wave-active i{animation:wave 1.3s ease-in-out infinite;background:#d58c65}.wave-small{height:32px;gap:2px}@keyframes wave{0%,100%{transform:scaleY(.4)}50%{transform:scaleY(1)}}.output-empty>strong,.output-pending>strong{font-size:12px;font-weight:500;color:#636b55}.output-empty p,.output-pending p{font-size:11px;color:#686b5e;margin-top:7px;line-height:1.8}.output-pending>.text-button{font-size:11px;color:#7a624e;margin-top:15px}.output-pending progress{height:4px;width:150px;margin-top:15px;accent-color:var(--orange)}.status{display:inline-flex;align-items:center;gap:5px;font-size:10px;padding:5px 8px;background:#f4f5ef;color:#626c53;border-radius:5px;white-space:nowrap;font-weight:500;text-transform:none}.status i{width:4px;height:4px;border-radius:50%;background:currentColor}.status-completed,.status-active,.status-refunded{background:#edf3e9;color:#5a7046}.status-queued,.status-pending,.status-created,.status-requested{background:#f7f0e1;color:#75673f}.status-processing,.status-authenticated{background:#ecf0f6;color:#586a80}.status-failed,.status-halted,.status-rejected{background:#faeeea;color:#816154}.status-cancelled,.status-expired{background:#f1f1ed;color:#686962}.output-ready{padding:10px 24px 25px;display:flex;align-items:center;gap:16px}.audio-art{width:67px;height:72px;border-radius:11px;background:#f6e9da;color:#81603b;display:grid;place-items:center}.audio-details{flex:1;min-width:0}.audio-details>strong,.audio-details>span{display:block}.audio-details>strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audio-details>span{font-size:11px;color:#636958;margin:6px 0 10px}.audio-details audio{width:min(100%,500px);height:34px}.output-failed{display:flex;align-items:center;flex-direction:column;gap:11px;padding:15px 20px 30px;text-align:center;color:#786450}.output-failed>strong{font-size:12px;color:#77644f}.output-failed p{font-size:12px;color:#6a685c;line-height:1.6;max-width:450px}.recent-section{margin-top:30px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}.section-heading h2{font-size:14px;letter-spacing:-.2px}.section-heading h2>span{font-size:10px;padding:2px 5px;background:#efefe6;color:#656a5c;border-radius:4px;margin-left:4px}.section-heading>.text-button{font-size:11px;color:#646a5a}.recent-empty{padding:22px 19px;display:flex;align-items:center;gap:10px;border:1px dashed #e3e7d9;border-radius:9px;color:#666c5d;font-size:11px}.recent-empty svg{color:#676a60}.recent-empty-label{margin-left:auto;font-size:8px;letter-spacing:.9px;color:#64685c}.creation-row{display:flex;align-items:center;gap:13px;padding:13px 17px;background:#fff;border:1px solid var(--border);border-radius:10px;margin-bottom:8px}.creation-play{width:34px;height:34px;background:#f4eee1;color:#75684f;border-radius:8px;display:grid;place-items:center}.creation-name{flex:1;min-width:0}.creation-name>strong{display:block;font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:550px}.creation-name>span{display:block;font-size:10px;margin-top:6px;color:#646a5c}.creation-cost{font-size:11px;color:#686c5c;margin:0 14px}.main-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 0 24px;margin-top:30px;border-top:1px solid var(--border);font-size:10px;color:#65685e}.main-footer>span{display:flex;align-items:center;gap:5px;font-weight:650;color:#64695c}.main-footer>span>span{font-weight:400;margin-left:8px;color:#64685c}.main-footer>div{display:flex;gap:18px;align-items:center}.main-footer button{font-size:10px;padding:0;color:#64685c}.main-footer>div>span{color:#686b60}.notice{display:flex;align-items:center;gap:10px;background:#edf2e9;color:#606d51;font-size:13px;line-height:1.8;padding:14px 17px;border:1px solid #dfe7d6;border-radius:10px;margin-bottom:22px}.notice.warning{background:#f9f1e5;border-color:#ecdfc6;color:#756445}.notice>span{line-height:1.9}.notice strong{font-weight:650}.notice code{font-size:12px}.loading-page{min-height:62vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:17px;color:#616b56;text-align:center}.loading-page h2{font-size:21px;color:#5e6d4d}.loading-page p{font-size:12px;max-width:500px;line-height:1.7}.empty{text-align:center;display:flex;flex-direction:column;align-items:center;padding:64px 22px;gap:12px}.empty-icon{display:grid;place-items:center;width:65px;height:65px;border-radius:18px;background:#f3f1e7;color:#74684e;margin-bottom:6px}.empty h3{font-size:17px;font-weight:500;color:#606d50}.empty p{color:#646b5c;font-size:12px}.empty>.button{margin-top:10px}.voice-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px;margin-top:10px}.voice-library-card{border:1px solid var(--border);border-radius:14px;padding:23px 23px 0;background:#fff;display:flex;flex-direction:column;align-items:flex-start;position:relative}.voice-library-card.default-voice{background:#f4f1e8;border-color:#e5dfce}.voice-art.large{width:67px;height:67px;border-radius:17px;margin-bottom:20px}.voice-library-card .small-badge{margin-bottom:10px}.small-badge{display:inline-flex;font-size:9px;letter-spacing:1.2px;font-weight:600;background:#efe6d2;color:#75674a;padding:4px 6px;border-radius:4px}.personal-badge{background:#eef1e5;color:#646c51}.voice-library-card h3{font-size:18px;letter-spacing:-.5px}.voice-library-card>p{font-size:12px;line-height:1.9;color:#676b5c;margin-top:8px}.voice-library-card>audio{width:100%;margin-top:15px;height:32px}.voice-card-top{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.voice-card-bottom{display:flex;align-items:center;justify-content:space-between;width:calc(100% + 46px);gap:9px;margin:23px -23px 0;border-top:1px solid #e6e7d9;padding:17px 22px;font-size:11px;color:#686c5c;margin-top:auto;min-height:62px}.voice-card-bottom .text-button{font-size:12px;color:#74684d}.voice-library-card>p+div.voice-card-bottom{margin-top:27px}.voice-add-card{border:1px dashed #dfe4d4;border-radius:14px;min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;color:#646b58;background:#f7f8f1}.voice-add-card>span{width:52px;height:52px;border:1px solid #e2e7d7;border-radius:50%;display:grid;place-items:center;background:#fff;margin-bottom:20px}.voice-add-card strong{font-size:13px;color:#606c4e;font-weight:500}.voice-add-card p{font-size:12px;line-height:1.8;margin-top:10px;color:#686c5d}.voice-add-card:hover{background:#f1f4e8}.privacy-note{margin-top:33px;display:flex;align-items:flex-start;gap:13px;color:#636a57;padding:22px 25px;border-radius:12px;background:#f0f3e9}.privacy-note strong{font-size:13px;color:#606c50}.privacy-note p{font-size:12px;line-height:1.9;margin-top:6px;max-width:700px}.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:23px}.search-input{display:flex;gap:11px;align-items:center;border:1px solid #e3e7d8;border-radius:9px;background:#fff;padding:0 13px;color:#656a5c;max-width:360px;width:100%;height:40px}.search-input>input{border:0;outline:0!important;background:none;width:100%;font-size:13px;line-height:1.5;color:#5d6c4b}.library-toolbar>select{background:white;border:1px solid #e2e6d7;border-radius:8px;height:39px;font-size:12px;color:#636c54;padding:0 12px}.history-panel{overflow:hidden}.history-card{padding:24px;border-bottom:1px solid var(--border)}.history-card:last-child{border-bottom:0}.history-card-top{display:flex;gap:13px;align-items:center}.history-audio-icon{width:40px;height:40px;display:grid;place-items:center;background:#f4eddd;color:#736647;border-radius:9px}.history-text{font-size:12px;line-height:2.1;color:#636c54;margin:18px 0 12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.history-card>audio{width:min(100%,520px)}.history-card>.muted{margin:13px 0}.history-actions{display:flex;align-items:center;gap:24px;margin-top:17px}.history-actions .text-button{font-size:11px}.history-actions .delete-audio{margin-left:auto}.billing-overview{display:flex;align-items:center;gap:70px;padding:27px 30px;background:#f0f2e8;border:1px solid #e1e6d3;border-radius:14px;margin:5px 0 25px;position:relative;overflow:hidden}.billing-overview>div:first-child{min-width:180px;padding-right:50px;border-right:1px solid #dde3ce}.billing-overview strong{font-size:36px;letter-spacing:-1px;display:block;margin:6px 0;color:#5f7045;font-weight:550}.billing-overview strong>small{font-size:12px;font-weight:400;letter-spacing:0;margin-left:8px;color:#636b54}.billing-overview>.muted{font-size:12px}.billing-overview .text-button{font-size:10px;color:#616c53}.billing-overview h3{font-size:20px;color:#606d4c;font-weight:500;margin:9px 0}.billing-overview p{font-size:12px;color:#656c58}.billing-overview-icon{margin-left:auto;background:#e5ead7;width:88px;height:88px;display:grid;place-items:center;transform:rotate(-12deg);border-radius:24px;color:#676b5c;margin-right:15px;box-shadow:0 0 0 12px #e9eddc66}.pricing-header{display:flex;align-items:center;justify-content:space-between;margin:35px 0 24px}.pricing-header h2{font-size:17px;font-weight:500}.pricing-header>span{font-size:11px;color:#646958}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.pricing-card{background:white;border:1px solid var(--border);border-radius:13px;padding:27px 23px 20px;position:relative;display:flex;flex-direction:column}.pricing-featured{border-color:#cc9475;box-shadow:0 2px 0 #cc947520}.recommended{position:absolute;top:-11px;left:22px;background:#b66e49;color:#fff8f0;font-size:9px;letter-spacing:1.2px;padding:6px 10px;border-radius:5px}.plan-symbol{height:43px;width:43px;border-radius:12px;background:#f3f1e5;color:#71684b;display:grid;place-items:center;margin-bottom:19px}.pricing-featured .plan-symbol{background:#faeee3;color:#896044}.pricing-card h3{font-size:20px;font-weight:500}.pricing-card>p{font-size:11px;color:#676a5d;margin-top:9px;line-height:1.8;min-height:30px}.plan-price{font-size:31px;letter-spacing:-1px;margin:25px 0 19px;color:#616d52;font-weight:550}.plan-price>small{font-size:11px;letter-spacing:0;font-weight:400;color:#676c5d;margin-left:5px}.plan-credits{display:flex;align-items:center;gap:6px;font-size:11px;color:#636a56;padding-bottom:24px;border-bottom:1px solid #eceee2}.plan-credits strong{font-size:13px;color:#606c4e}.plan-credits svg{color:#6f674e;width:14px}.pricing-card ul{list-style:none;margin:23px 0 28px;padding:0;display:grid;gap:15px;flex:1}.pricing-card li{display:flex;align-items:center;gap:8px;font-size:11px;color:#626c56}.pricing-card li svg{color:#646c58;width:13px}.pricing-card>.button{font-size:12px;padding:8px 10px;line-height:1.6;min-height:39px}.plan-footnote{text-align:center;font-size:9px;color:#666c5c;line-height:1.7;margin-top:12px}.topup-card{padding:23px;display:flex;gap:18px;align-items:center;border:1px solid #e5e8d9;border-radius:12px;background:#f5f7ee;margin:25px 0 40px}.topup-icon{display:grid;place-items:center;height:44px;width:44px;border:1px solid #e1e7d2;background:#fff;border-radius:11px;color:#676c59}.topup-card h3{font-size:13px;color:#5f6d4b;font-weight:550}.topup-card p{font-size:12px;color:#646c55;margin-top:7px;line-height:1.6}.topup-card>strong{font-size:23px;letter-spacing:-.5px;color:#5d6c4c;font-weight:500;margin-left:auto}.topup-card>.button{margin-left:8px;white-space:nowrap}.billing-section{margin-top:34px}.billing-section>h2{font-size:15px;margin-bottom:18px}.subscription-row{display:flex;justify-content:space-between;align-items:center;padding:23px;margin-bottom:12px;gap:20px}.subscription-row h3{display:flex;align-items:center;gap:12px;font-size:15px;color:#616d50}.subscription-row p{font-size:12px;line-height:1.9;color:#646c58;margin-top:8px}.subscription-row small{font-size:11px;line-height:1.8;color:#686c5c}.pending-checkout{display:flex;align-items:center;gap:12px;margin:15px 0;background:#f4f2e9;border:1px solid #eae4d1;border-radius:8px;padding:12px;color:#74694e;font-size:12px}.pending-checkout>.text-button{margin-left:auto;color:#7a6446}.table-panel{overflow-x:auto;border-radius:12px}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{font-size:10px;font-weight:600;letter-spacing:.5px;color:#666c59;background:#f9faf5;padding:16px 20px;border-bottom:1px solid var(--border);white-space:nowrap}td{padding:16px 20px;border-bottom:1px solid #f0f1e9;color:#646c58;font-size:12px;line-height:1.7}td>strong{font-size:12px;color:#606c51;font-weight:550}td>small{display:block;font-size:10px;margin-top:5px;color:#676c5d;white-space:nowrap}tr:last-child td{border-bottom:0}td:first-child{max-width:330px}td>.ledger-icon+span{vertical-align:middle;display:inline}.table-empty{text-align:center;padding:35px!important;color:#646c59;font-size:13px}.table-actions{display:flex;gap:15px;align-items:center;justify-content:flex-end;white-space:nowrap}.table-actions .text-button{font-size:10px}.ledger-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-right:10px;vertical-align:middle;background:#f5f0e4;border-radius:7px;color:#6e674d}.ledger-plus{background:#edf3e6;color:#5f6d4e}.refund-status{display:flex;align-items:center;gap:15px;font-size:12px;color:#646c55;margin:16px 0}.billing-faq{max-width:740px;margin:48px auto 10px}.billing-faq>h2{text-align:center;font-size:20px;color:#626e52;font-weight:500;margin-bottom:25px}.billing-faq details{border-bottom:1px solid #e6ebda;padding:18px 0}.billing-faq summary{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#626e53;list-style:none;cursor:pointer;gap:18px}.billing-faq summary::-webkit-details-marker{display:none}.billing-faq details p{font-size:13px;line-height:1.9;color:#666c5c;padding-top:15px}.billing-faq details[open] svg{transform:rotate(45deg)}
.modal-backdrop{position:fixed;inset:0;background:#2b33265c;backdrop-filter:blur(5px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto}.modal{position:relative;background:#fffdfa;border:1px solid #e6e5d9;box-shadow:0 25px 90px #27321e26;border-radius:20px;width:480px;max-width:100%;max-height:calc(100dvh - 48px);overflow-y:auto;padding:33px;outline:none}.modal-wide{width:700px}.modal>h2{font-size:24px;letter-spacing:-.75px;color:#5f6f4d;font-weight:550;padding-right:30px}.modal-subtitle{font-size:13px;line-height:1.9;margin:12px 0 24px;color:#646a58}.modal-close{position:absolute;right:18px;top:18px;color:#646c59}.form-stack{display:flex;flex-direction:column;gap:18px;margin-top:24px}.form-stack label,.worker-create label{font-size:12px;font-weight:550;color:#616d51;line-height:1.6;display:flex;flex-direction:column;gap:8px}.form-stack input:not([type=checkbox]),.form-stack select,.form-stack textarea,.worker-create input{width:100%;min-height:39px;border:1px solid #dfe6d0;border-radius:8px;background:white;color:#5e6d49;padding:9px 12px;font-size:12px;font-weight:400}.form-stack textarea{min-height:95px;resize:vertical;line-height:1.7}.form-stack small{font-size:11px;color:#636a55;font-weight:400}.form-stack .check-label{display:flex;flex-direction:row;gap:10px;align-items:flex-start;font-size:12px;font-weight:400;line-height:1.8;color:#646c56}.dropzone{border:1px dashed #d7e1c3;border-radius:11px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:23px 15px;color:#646a54;gap:10px;background:#f9fbf4}.dropzone strong{font-size:13px;font-weight:500;color:#606c4e;overflow-wrap:anywhere}.dropzone>span{font-size:11px;color:#646958}.dropzone>.button{margin-top:6px;color:#606c4e;font-size:11px}.record-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#646c55}.full-audio{width:100%;height:35px}.inline-error{font-size:13px;color:#856251;padding:12px 14px;border-radius:8px;background:#fdf2e8;line-height:1.7}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.credit-explainer{text-align:center;border-radius:12px;background:#f4f5e9;padding:24px;margin:25px 0}.credit-explainer>span{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;color:#706a4b;background:#fffdf2;margin:0 auto 16px;transform:rotate(-5deg)}.credit-explainer>strong{display:block;font-size:21px;font-weight:550;color:#626e4b;letter-spacing:-.4px}.credit-explainer p{font-size:12px;line-height:1.9;color:#646c54;margin-top:12px}.explanation-list{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:23px}.explanation-list li{display:flex;align-items:flex-start;gap:14px}.explanation-list li>svg{color:#646a58;margin-top:2px}.explanation-list strong{font-size:13px;font-weight:550;color:#606f4f}.explanation-list p{font-size:12px;line-height:1.9;color:#636a55;margin-top:6px}.modal-copy{font-size:12px;line-height:1.9;color:#646d54;margin:22px 0}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}.toast{position:fixed;bottom:28px;left:calc(50% + 110px);transform:translateX(-50%);display:flex;align-items:center;gap:11px;background:#fffff8;border:1px solid #dfe7cf;box-shadow:0 8px 38px #25391417;padding:15px 18px;border-radius:11px;font-size:13px;line-height:1.8;color:#5b6c46;z-index:120;min-width:300px;max-width:min(600px,calc(100vw - 40px))}.toast>.bare{margin-left:auto;color:#646c55}.toast-error{border-color:#ebd9bf;background:#fffaf0;color:#74644a}.legal-copy{font-size:12px;line-height:2;color:#616c51;margin-top:22px;display:grid;gap:17px}.legal-copy>.policy-draft{padding:14px;border-radius:8px;background:#f8f1e0;font-size:12px;color:#796848}.admin-tabs{display:flex;gap:24px;align-items:center;overflow-x:auto;border-bottom:1px solid var(--border);margin:0 0 28px;scrollbar-width:thin}.admin-tabs>button{padding:14px 0;font-size:13px;color:#636a5a;white-space:nowrap;border-bottom:2px solid transparent}.admin-tabs>button.active{color:#846045;border-bottom-color:#bd9771;font-weight:600}.admin-tabs>.admin-refresh{margin-left:auto}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.stat-card{display:flex;flex-direction:column;gap:13px;padding:23px;color:#646b55}.stat-card>span{font-size:11px;color:#646c56}.stat-card>strong{font-size:27px;letter-spacing:-.7px;font-weight:500;color:#606e4e}.admin-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px 0}.admin-status{display:flex;align-items:center;gap:14px;padding:22px}.integration-icon{width:47px;height:47px;border-radius:12px;background:#f7f0df;color:#77684b;display:grid;place-items:center;flex-shrink:0}.integration-icon.connected{background:#edf5e5;color:#5f6c4b}.admin-status h3{font-size:12px;font-weight:550;color:#606f51}.admin-status p{font-size:11px;line-height:1.8;margin-top:7px;color:#646a55}.admin-status>.text-button{margin-left:auto;white-space:nowrap;font-size:11px}.reason-cell{max-width:240px;font-size:11px}.admin-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.admin-plan{padding:24px}.admin-plan h3{margin:18px 0 12px;font-size:21px;color:#5d6c4b;font-weight:500}.admin-plan>strong{font-size:25px;color:#606c4d;font-weight:500}.admin-plan>strong>small{font-size:12px;font-weight:400}.admin-plan p{font-size:13px;margin:12px 0 22px;color:#646b57}.admin-search{margin-bottom:22px}.worker-guide{padding:26px;display:flex;align-items:flex-start;gap:20px}.worker-guide h2{font-size:19px;font-weight:500;color:#606c4e}.worker-guide p{font-size:13px;line-height:1.9;color:#626958;max-width:750px;margin-top:12px}.worker-guide code{display:block;margin-top:18px;overflow-wrap:anywhere;padding:13px;background:#f5f8ef;border-radius:7px;border:1px solid #e2ead7;color:#606b4e;font-size:12px}.worker-guide>.integration-icon{margin-top:3px}.worker-create{display:flex;gap:16px;align-items:flex-end;justify-content:space-between;margin:25px 0}.worker-create label{flex:1;max-width:390px}.worker-create input{height:40px}.worker-create>.button{height:40px}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.setup-form,.integration-setup{padding:26px}.setup-form.form-stack{margin-top:0;gap:22px}.setup-form h2,.integration-setup h2{font-size:19px;font-weight:500;color:#606b4b;margin-bottom:3px}.setup-form .form-two{gap:16px}.setup-form input,.setup-form select,.setup-form textarea{font-size:13px!important}.integration-setup>p{font-size:12px;line-height:1.9;color:#626959;margin-top:15px}.integration-setup h3{font-size:12px;font-weight:500;color:#606c51;margin:22px 0 12px}.integration-checks{display:flex;flex-direction:column;margin:25px 0 28px}.integration-checks>div{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #eaf0df;color:#626c54}.integration-checks code{font-size:10px;color:#616d51}.integration-checks span{font-size:10px;color:#656a5c}.copy-field{display:flex;gap:8px;align-items:center;border:1px solid #e1e8d5;border-radius:7px;padding:8px 10px;background:#fbfdf7;min-width:0;max-width:100%}.copy-field>code{font-size:11px;color:#646e52;flex:1;min-width:0;overflow-wrap:anywhere;max-height:120px;overflow:auto}.copy-field>.icon-button{margin-left:auto;color:#636c57}.secret-field>code{max-height:80px;overflow:auto}.integration-setup .event-list{font-size:11px;line-height:2.2;color:#616b54}.integration-setup>.text-button{font-size:12px;margin-top:15px;color:#646b54}.setup-divider{border-top:1px solid #e6edda;margin:27px 0}.audit-details{max-width:420px;overflow-wrap:anywhere}.audit-details code{font-size:10px;color:#646c58;line-height:1.8}.sidebar-scrim{display:none}
/* Keep quiet secondary details readable against the warm canvas. */
.muted,.page-heading p,.language-label,.sidebar-footer,.main-footer,.main-footer button{color:#666a5f}.script-footer,.script-footer>span>span,.voice-selection>div>span,.slider-scale,.voice-tip>p,.output-empty p,.output-pending p,.output-format,.creation-name>span,.creation-cost,.recent-empty,.main-footer>span>span,.main-footer>div>span,.voice-library-card>p,.voice-card-bottom,.voice-add-card p,.privacy-note p,.history-text,.billing-overview p,.pricing-header>span,.pricing-card>p,.plan-price>small,.plan-credits,.pricing-card li,.plan-footnote,.topup-card p,.subscription-row p,.subscription-row small,.table-empty,.refund-status,.billing-faq details p,.modal-subtitle,.form-stack small,.form-stack .check-label,.dropzone>span,.credit-explainer p,.explanation-list p,.modal-copy,.legal-copy,.stat-card>span,.admin-status p,.admin-plan p,.worker-guide p,.integration-setup>p,.integration-checks span,.integration-setup .event-list{color:#636a59}td,td>small{color:#636c58}th{color:#646b5a}td>strong{color:#5f6b51}.form-stack label,.worker-create label,.setup-form h2,.integration-setup h2,.integration-setup h3,.integration-checks code,.copy-field>code,.audit-details code,.worker-guide h2,.admin-plan h3,.admin-plan>strong,.stat-card>strong,.admin-status h3{color:#606e52}.eyebrow{color:#666a5c}.voice-tip strong,.slider-label,.settings-heading>strong,.sample-button{color:#626c54}.empty h3,.empty p,.voice-library-card h3,.billing-overview h3,.billing-faq>h2,.modal>h2{color:#616d54}
@media(min-width:1600px){.main-content{padding-top:48px;padding-left:55px;padding-right:55px}.studio-grid{grid-template-columns:minmax(0,1fr) 340px;gap:24px}.script-panel{min-height:495px}.script-input{min-height:290px}.voice-panel{padding:25px}.presets{gap:8px}.presets button{font-size:10px;padding:7px 9px}.topbar{padding:0 55px}.script-footer{font-size:12px}.voice-selection strong{font-size:12px}.voice-selection>div>span{font-size:11px}.voice-tip p{font-size:11px}.step-label{font-size:12px}.slider-label{font-size:12px}.slider-scale{font-size:10px}.generation-bar>div{font-size:11px}.generate-button{font-size:13px}.output-empty p{font-size:12px}}
@media(max-width:1250px){.sidebar{width:210px;padding-left:12px;padding-right:12px}.app-body{margin-left:210px}.main-content{padding:32px 28px 0}.topbar{padding:0 28px}.studio-grid{grid-template-columns:minmax(0,1fr) 270px;gap:16px}.voice-panel{padding:21px 17px}.panel-heading{padding:20px 19px 16px}.script-title{margin-left:19px;margin-right:19px}.script-input{padding-left:19px;padding-right:19px}.script-footer{padding-left:19px;padding-right:19px}.generation-bar{padding:16px;gap:8px;flex-wrap:wrap}.generation-bar>div{font-size:10px}.generate-button{font-size:11px}.segmented button{padding:0 8px}.topbar-right{gap:14px}.nav-item{font-size:13px}.page-heading h1{font-size:33px}.heading-decoration{width:105px;height:65px}.pricing-card{padding-left:19px;padding-right:19px}.plan-price{font-size:27px}.pricing-grid{gap:15px}.toast{left:calc(50% + 100px)}.admin-status{padding:17px;flex-wrap:wrap}.admin-status>div{flex:1}.setup-grid{grid-template-columns:1fr}.voice-library{grid-template-columns:repeat(2,minmax(0,1fr))}.voice-add-card{min-height:270px}}
@media(max-width:1050px){.sidebar{width:190px;padding-left:10px;padding-right:10px}.app-body{margin-left:190px}.brand{font-size:30px;padding-left:12px}.brand-mark{width:34px;height:38px;border-radius:10px}.brand small{font-size:9px}.workspace-label{font-size:10px}.nav-item{gap:9px;font-size:12px;padding:0 11px}.nav-new{display:none}.main-content{padding:30px 25px 0}.topbar{height:68px;padding:0 25px}.topbar-left{font-size:12px;gap:8px}.language-label{display:none}.studio-grid{grid-template-columns:minmax(0,1fr) 245px;gap:15px}.voice-panel{padding:20px 14px}.voice-selection{gap:8px;padding:10px 8px}.voice-selection strong{font-size:12px}.voice-art{width:35px;height:38px}.voice-art>svg{width:24px}.voice-selection>div>span{font-size:9px}.add-voice-button{font-size:11px}.add-voice-button>span{display:none}.presets{gap:3px}.presets button{font-size:8px;padding:6px}.voice-tip{padding:10px 8px}.voice-tip p{font-size:9px}.generation-bar{justify-content:flex-end}.generation-bar>div{margin-right:auto;max-width:130px;line-height:1.8}.generation-bar .generate-button{padding:0 10px;font-size:10px;gap:5px}.generation-bar .generate-button>svg{width:14px}.generate-button>svg:last-child{margin-left:0}.script-footer{font-size:10px;padding:15px}.sample-button{font-size:10px;gap:4px}.panel-heading{padding:18px 15px}.step-label{font-size:12px;gap:6px}.segmented button{font-size:11px;padding:0 7px}.segmented small{display:none}.page-heading h1{font-size:30px}.page-heading p{font-size:13px}.eyebrow{font-size:9px;letter-spacing:1.2px}.heading-decoration{width:91px;height:57px;gap:8px}.heading-decoration>svg{width:25px}.heading-decoration>span{font-size:21px}.welcome-strip{padding:13px 14px;gap:10px}.welcome-strip span{font-size:11px}.welcome-strip>.text-button{font-size:10px}.service-notice span:not(.service-dot){font-size:11px}.recent-empty-label{display:none}.pricing-grid{grid-template-columns:1fr;gap:24px}.pricing-card{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;padding:25px}.pricing-card>.plan-symbol{grid-row:1/3;margin:0 0 15px}.pricing-card>h3{grid-column:1}.pricing-card>p{grid-column:1;min-height:0}.plan-price{grid-column:1;margin:17px 0}.plan-credits{grid-column:1;border:0;padding:0}.pricing-card>ul{grid-column:2;grid-row:1/6;align-self:center;margin:0;gap:15px;padding-top:8px}.pricing-card>.button{grid-column:1/-1;margin-top:22px}.plan-footnote{grid-column:1/-1;margin-top:11px}.topup-card{gap:15px;flex-wrap:wrap}.topup-card>div{flex:1}.topup-card>strong{margin-left:auto}.topup-card>.button{margin-left:60px;min-width:160px}.billing-overview{gap:30px;padding:25px}.billing-overview>div:first-child{padding-right:30px;min-width:140px}.billing-overview-icon{display:none}.billing-overview h3{font-size:17px}.stats-grid{gap:12px}.stat-card{padding:17px}.stat-card>strong{font-size:24px}.stat-card>span{font-size:10px}.admin-status-grid{grid-template-columns:1fr}.admin-tabs{gap:19px}.main-footer{font-size:9px}.main-footer button{font-size:9px}.main-footer>div{gap:13px}.main-footer>div>span{display:none}.toast{left:calc(50% + 90px)}}
@media(max-width:850px){.sidebar{width:175px}.app-body{margin-left:175px}.main-content{padding:26px 22px 0}.topbar{padding:0 22px}.studio-grid{grid-template-columns:1fr}.voice-panel{padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:0 22px;align-content:start}.voice-panel>.step-label{grid-column:1}.voice-selection{grid-column:1;margin-top:18px;padding:12px}.voice-selection>div>span{font-size:10px}.voice-selection strong{font-size:13px}.voice-panel>.add-voice-button{grid-column:1;margin-top:13px;font-size:12px}.voice-panel>.voice-divider{display:none}.voice-panel>.settings-heading{grid-column:2;grid-row:1}.voice-panel>.presets{grid-column:2;grid-row:2;align-self:start;margin-top:18px}.voice-panel>.slider-label{margin-top:17px}.voice-panel>.expression-label{grid-column:2;grid-row:3}.voice-panel input#emotion{grid-column:2;grid-row:4;margin-top:8px}.voice-panel>.expression-scale{grid-column:2;grid-row:5}.voice-panel>.guidance-label{grid-column:2;grid-row:6}.voice-panel input#guidance{grid-column:2;grid-row:7;margin-top:8px}.voice-panel>.guidance-scale{grid-column:2;grid-row:8}.voice-tip{grid-column:1;grid-row:4/9;align-self:start;margin:18px 0 0}.voice-tip p{font-size:10px}.voice-panel .slider-label{font-size:10px}.voice-panel .slider-scale{font-size:9px}.voice-panel .presets button{font-size:8px}.generation-bar{justify-content:space-between;flex-wrap:nowrap;padding:18px}.generation-bar>div{max-width:none;font-size:10px}.generation-bar .generate-button{font-size:12px;padding:0 14px;gap:7px}.heading-decoration{display:none}.page-heading h1{font-size:30px}.page-heading-standard{align-items:flex-start;flex-direction:column;gap:17px}.page-heading-standard h1{font-size:29px}.welcome-strip{flex-wrap:wrap}.welcome-strip>.text-button{margin-left:auto;font-size:10px}.voice-library{grid-template-columns:1fr}.voice-library-card{padding:25px 25px 0}.voice-card-bottom{width:calc(100% + 50px);margin-left:-25px;margin-right:-25px;padding-left:25px;padding-right:25px}.voice-library-card>audio{margin-bottom:22px}.billing-overview{gap:23px;align-items:flex-start}.billing-overview>div:first-child{padding-right:22px;min-width:125px}.billing-overview strong{font-size:30px}.billing-overview strong small{font-size:10px}.pricing-header{flex-direction:column;align-items:flex-start;gap:11px}.stats-grid{grid-template-columns:1fr 1fr}.admin-plan-grid{grid-template-columns:1fr}.worker-guide{padding:22px;flex-direction:column}.worker-guide h2{font-size:17px}.worker-create{flex-direction:column;align-items:stretch}.worker-create label{max-width:none}.toast{left:calc(50% + 80px)}.topbar-left .breadcrumb,.topbar-left>svg{display:none}.topbar-left>strong{font-size:13px}.creation-cost{margin:0;font-size:10px}.output-ready{flex-wrap:wrap}.output-ready>.button{margin-left:83px}.output-format{font-size:9px}.main-footer>span>span{display:none}}
@media(max-width:640px){.sidebar{width:238px;transform:translateX(-100%);transition:transform .2s}.sidebar.sidebar-open{transform:translateX(0)}.sidebar-scrim{display:block;position:fixed;inset:0;background:#28312055;z-index:29;backdrop-filter:blur(2px)}.sidebar .brand{font-size:34px;padding-left:20px}.sidebar .brand-mark{width:40px;height:43px}.sidebar .brand small{font-size:10px}.workspace-label{padding-left:22px;font-size:11px}.nav-item{font-size:12px;padding:0 21px;height:46px}.nav-new{display:block}.sidebar-bottom{padding-left:9px;padding-right:9px}.app-body{margin-left:0}.topbar{height:64px;padding:0 19px;gap:12px}.topbar-left{gap:12px}.mobile-menu{display:inline-flex!important;margin-left:-5px}.topbar-left>strong{font-size:13px}.topbar-right{gap:10px}.balance-pill{padding:0 9px;font-size:11px;gap:5px;height:29px}.balance-pill span{display:none}.avatar{width:29px;height:29px;font-size:12px}.main-content{padding:29px 19px 0}.page-heading{margin-bottom:23px}.eyebrow{font-size:9px;margin-bottom:12px;letter-spacing:1.1px}.page-heading h1{font-size:31px;letter-spacing:-1.35px}.page-heading p{font-size:12px;line-height:1.8;margin-top:10px}.page-heading-standard h1{font-size:28px;line-height:1.3;letter-spacing:-1px}.welcome-strip{padding:13px;gap:11px;border-radius:10px;margin-bottom:20px}.welcome-gift{width:34px;height:34px}.welcome-strip strong{font-size:12px}.welcome-strip span{font-size:11px;line-height:1.8;max-width:235px;margin-top:3px}.welcome-strip>.text-button{display:none}.service-notice{margin-top:0;padding:12px}.service-notice strong{font-size:11px}.service-notice span:not(.service-dot){font-size:10px;line-height:1.9}.service-notice>.text-button{font-size:10px;white-space:nowrap}.studio-grid{gap:17px}.panel{border-radius:12px}.panel-heading{padding:18px}.step-label{font-size:13px}.segmented button{font-size:12px;padding:0 9px}.script-title{margin-left:18px;margin-right:18px}.script-input{min-height:255px;padding-left:18px;padding-right:18px;font-size:15px;line-height:2.1}.script-panel{min-height:430px}.script-footer{padding:17px;font-size:10px}.sample-button{font-size:11px}.generation-bar{padding:17px;gap:9px;flex-wrap:wrap}.generation-bar>div{font-size:10px}.generation-bar .generate-button{font-size:12px;padding:0 12px;min-height:39px}.generate-button>svg:last-child{display:none}.voice-panel{padding:22px;gap:0 20px}.voice-panel>.step-label{font-size:12px}.settings-heading{font-size:11px}.voice-panel .voice-selection{padding:10px 8px;gap:7px}.voice-selection strong{font-size:12px}.voice-selection>div>span{font-size:8px}.voice-panel .voice-art{width:31px;height:35px}.voice-panel .voice-art>svg{width:22px}.voice-selection>svg{width:12px}.voice-panel>.add-voice-button{font-size:11px}.voice-panel .presets button{font-size:8px;padding:5px}.voice-panel .presets{gap:3px}.voice-panel .slider-label{font-size:10px;margin-top:15px}.voice-tip p{font-size:9px}.voice-panel .voice-tip{padding:10px 8px;gap:5px}.output-heading{padding:18px}.output-heading strong{font-size:12px}.output-heading>div{gap:7px}.output-format{font-size:8px}.status{font-size:9px;padding:4px 7px}.wave{height:65px;gap:3px;max-width:300px}.wave i{width:2px;min-width:1px}.output-empty{padding-bottom:27px}.output-empty>strong,.output-pending>strong{font-size:13px}.output-empty p{font-size:10px}.recent-section{margin-top:26px}.section-heading h2{font-size:12px}.section-heading>.text-button{font-size:10px}.recent-empty{font-size:10px;padding:19px 14px}.creation-row{padding:13px 12px;gap:10px}.creation-name>strong{font-size:12px;max-width:210px}.creation-name>span{font-size:9px}.creation-cost{display:none}.creation-play{height:30px;width:30px}.creation-row>.icon-button{width:25px}.output-ready{padding:10px 18px 22px;gap:12px}.audio-art{height:55px;width:52px}.audio-details>strong{font-size:13px}.audio-details>span{font-size:10px}.audio-details>audio{height:32px;width:100%}.output-ready>.button{margin-left:64px;font-size:11px;min-height:33px}.main-footer{padding:23px 0;margin-top:29px;font-size:9px}.main-footer>div{gap:13px}.main-footer>span{font-size:11px}.main-footer button{font-size:10px}.toast{left:50%;bottom:18px;padding:14px 16px;font-size:12px;min-width:0;width:max-content;max-width:calc(100vw - 30px)}.modal-backdrop{padding:15px;align-items:center}.modal{max-height:calc(100dvh - 30px);padding:28px 23px;border-radius:16px}.modal>h2{font-size:23px}.modal-subtitle{font-size:13px}.modal-close{top:14px;right:14px}.form-stack{gap:18px}.form-stack label{font-size:13px}.form-stack input:not([type=checkbox]),.form-stack textarea,.form-stack select{font-size:13px;min-height:42px}.form-stack .check-label{font-size:12px}.form-two{gap:13px}.button{min-height:40px;font-size:13px}.privacy-note{padding:19px 18px;gap:11px}.privacy-note p{font-size:12px}.history-card{padding:20px 18px}.history-card-top{gap:10px}.history-audio-icon{width:34px;height:35px}.history-text{font-size:12px;line-height:2}.history-actions{gap:16px}.history-actions .text-button{font-size:11px}.library-toolbar{gap:11px}.search-input{font-size:12px;padding:0 11px}.search-input>input{font-size:12px}.library-toolbar>select{font-size:11px;max-width:116px}.billing-overview{padding:23px 19px;gap:20px}.billing-overview>div:first-child{min-width:130px;padding-right:19px}.billing-overview strong{font-size:29px}.billing-overview strong>small{font-size:10px}.billing-overview h3{font-size:17px}.billing-overview p{font-size:11px;line-height:1.8}.billing-overview .muted{font-size:11px}.billing-overview .text-button{font-size:9px}.notice{padding:13px 14px;font-size:12px}.pricing-header h2{font-size:17px}.pricing-header>span{font-size:11px}.pricing-card{padding:26px 22px;grid-template-columns:1fr 1fr;gap:0 15px}.pricing-card>.plan-symbol{height:38px;width:38px;border-radius:10px}.pricing-card h3{font-size:19px}.pricing-card>p{font-size:10px}.plan-price{font-size:29px}.plan-price>small{font-size:10px}.pricing-card li{font-size:10px}.pricing-card>ul{gap:18px}.plan-credits{font-size:10px;gap:5px}.plan-credits strong{font-size:11px}.plan-footnote{font-size:10px}.topup-card{padding:20px;gap:13px}.topup-icon{height:39px;width:39px}.topup-card h3{font-size:12px}.topup-card p{font-size:11px}.topup-card>strong{font-size:23px}.topup-card>.button{margin-left:51px;font-size:12px;min-height:35px}.billing-faq{margin-top:34px}.billing-faq>h2{font-size:19px}.billing-faq summary{font-size:12px;line-height:1.6}.billing-faq details p{font-size:13px}.subscription-row{padding:20px;align-items:flex-start;flex-direction:column;gap:15px}.subscription-row h3{font-size:14px}.subscription-row p{font-size:12px}.subscription-row>.button{font-size:11px;min-height:33px}.pending-checkout{flex-wrap:wrap;font-size:11px;gap:9px}.pending-checkout>.text-button{font-size:11px}.table-panel table{min-width:540px}.table-panel th{padding:14px 16px;font-size:10px}.table-panel td{padding:15px 16px;font-size:12px}.table-panel td>small{font-size:10px}.billing-section{margin-top:30px}.billing-section .section-heading{gap:12px}.billing-section .section-heading>.muted{font-size:11px}.refund-status{font-size:11px;line-height:1.6}.admin-tabs{gap:21px;margin-bottom:23px}.admin-tabs>button{font-size:12px}.stats-grid{gap:13px}.stat-card{padding:20px;gap:11px}.stat-card>span{font-size:11px}.stat-card>strong{font-size:28px}.admin-status{padding:18px;gap:13px}.admin-status h3{font-size:12px}.admin-status p{font-size:12px}.admin-status .text-button{font-size:11px}.admin-plan-grid{gap:18px}.worker-guide{padding:22px}.worker-guide h2{font-size:20px;line-height:1.5}.worker-guide p{font-size:13px}.worker-guide code{font-size:11px;line-height:1.9}.worker-create>.button{height:42px}.setup-form,.integration-setup{padding:23px 20px}.setup-form .form-two{gap:14px}.setup-form h2,.integration-setup h2{font-size:21px}.integration-setup>p{font-size:13px}.integration-setup h3{font-size:13px}.integration-checks code{font-size:10px}.copy-field>code{font-size:11px}.integration-setup .event-list{font-size:12px}.audit-details{min-width:240px}.legal-copy{font-size:12px}.welcome-strip>div:nth-child(2){flex:1}}
@media(max-width:380px){.main-content{padding-left:14px;padding-right:14px}.topbar{padding-left:14px;padding-right:14px}.page-heading h1{font-size:28px}.generation-bar .generate-button{font-size:11px;min-height:38px}.voice-panel{padding:20px 15px;gap:0 13px}.voice-panel .presets button{font-size:7px;padding:5px 4px}.voice-panel .settings-heading{font-size:10px}.voice-panel .voice-selection{padding:10px 7px}.voice-panel .voice-selection strong{font-size:11px}.voice-panel .voice-selection>div>span{font-size:8px}.pricing-card{gap:0 12px;padding:24px 20px}.pricing-card li{font-size:9px}.billing-overview{padding:20px 17px;gap:16px}.billing-overview>div:first-child{min-width:112px;padding-right:15px}.billing-overview strong{font-size:25px}.billing-overview h3{font-size:16px}.billing-overview .text-button{font-size:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition:none!important}}

/* Readable text and compact controls across desktop and touch screens. */
.presets{flex-wrap:wrap}.voice-panel .presets button{line-height:1.5}.page-heading p,.muted,.script-footer,.script-footer>span>span,.voice-selection>div>span,.slider-scale,.voice-tip>p,.output-empty p,.output-pending p,.output-format,.creation-name>span,.creation-cost,.recent-empty,.voice-library-card>p,.voice-card-bottom,.voice-add-card p,.privacy-note p,.history-text,.billing-overview p,.pricing-header>span,.pricing-card>p,.plan-price>small,.plan-credits,.pricing-card li,.plan-footnote,.topup-card p,.subscription-row p,.subscription-row small,.table-empty,.refund-status,.billing-faq details p,.modal-subtitle,.form-stack small,.form-stack .check-label,.dropzone>span,.credit-explainer p,.explanation-list p,.modal-copy,.legal-copy,.stat-card>span,.admin-status p,.admin-plan p,.worker-guide p,.integration-setup>p,.integration-checks span,.integration-setup .event-list{color:#646c59}.copy-field>code,.integration-checks code,.audit-details code{color:#5c6c4d}.voice-tip p{line-height:1.8}.nav-item{font-size:13px}.step-label{font-size:13px}.script-input{font-size:16px}.generate-button{font-size:12px}.credit-card p,.credit-card-top,.credit-card>strong small{color:#686c5d}.welcome-strip span{color:#766751}.welcome-strip strong{color:#6d5b41}.service-notice strong{color:#656b53}.service-notice span:not(.service-dot){color:#666c59}.main-footer>div>span,.main-footer>span>span{color:#636b58}.button:disabled{opacity:.6}.topup-card{flex-wrap:wrap}.form-stack label{color:#5e6f4d}
