:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#181818;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #181818;--muted: #6f6f6f;--subtle: #969696;--line: #e5e5e5;--soft: #f7f7f7;--danger: #b42318}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:#fff}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit}.brand{display:inline-flex;align-items:center;gap:9px}.brand strong{font-size:17px;letter-spacing:-.03em}.brand-mark{width:25px;height:25px;display:flex;align-items:center;justify-content:center;gap:2px;border-radius:6px;background:#181818}.brand-mark span{width:2px;height:9px;border-radius:2px;background:#fff}.brand-mark span:nth-child(2){height:14px}.brand-mark span:nth-child(3){height:6px}.brand--compact strong{font-size:15px}.boot-screen{min-height:100vh;display:grid;place-items:center;align-content:center;gap:12px;color:var(--muted);background:#fff}.boot-screen p{margin:0;color:var(--ink);font-size:15px;font-weight:700}.boot-line{width:72px;height:2px;overflow:hidden;background:#ededed}.boot-line:after{content:"";display:block;width:45%;height:100%;background:#181818;animation:boot 1s ease-in-out infinite}.brand-mark--large{width:34px;height:34px}@keyframes boot{0%{transform:translate(-110%)}to{transform:translate(225%)}}.auth-shell{min-height:100vh;background:#fff}.auth-header{height:76px;display:flex;align-items:center;padding:0 48px}.auth-panel{min-height:calc(100vh - 76px);display:grid;place-items:center;padding:48px 24px 120px}.auth-card{width:min(100%,390px)}.auth-card__heading{margin-bottom:30px;text-align:center}.auth-card__heading h1{margin:0 0 9px;font-size:29px;line-height:1.15;letter-spacing:-.04em}.auth-card__heading p{margin:0;color:var(--muted);font-size:14px}.google-button{width:100%;height:48px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #dcdcdc;border-radius:9px;color:var(--ink);background:#fff;font-weight:600}.google-button:hover{background:var(--soft)}.google-button svg{width:19px;height:19px}.auth-divider{display:flex;align-items:center;gap:14px;margin:24px 0;color:#a1a1a1;font-size:12px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--line)}.auth-form{display:grid;gap:17px}.auth-form label,.field{display:grid;gap:7px}.auth-form label>span,.field>span{font-size:13px;font-weight:600}.auth-form input,.field textarea{width:100%;border:1px solid #dcdcdc;border-radius:9px;background:#fff;outline:none}.auth-form input{height:46px;padding:0 13px}.auth-form input:focus,.field textarea:focus{border-color:#777;box-shadow:0 0 0 3px #0000000d}.password-field{position:relative}.password-field input{padding-right:44px}.password-field button{position:absolute;right:11px;top:50%;transform:translateY(-50%);padding:4px;border:0;color:var(--muted);background:transparent}.primary-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #181818;border-radius:9px;color:#fff;background:#181818;font-weight:650}.primary-button:hover:not(:disabled){background:#323232}.auth-submit{width:100%;margin-top:3px}.auth-switch{margin:22px 0 0;color:var(--muted);text-align:center;font-size:13px}.auth-switch button{padding:0;border:0;color:var(--ink);background:transparent;text-decoration:underline;text-underline-offset:3px}.auth-legal{margin:24px 0 0;color:#999;text-align:center;font-size:11px}.form-error{padding:10px 12px;border:1px solid #f0c8c5;border-radius:8px;color:var(--danger);background:#fff7f6;font-size:12px}.app-shell{min-height:100vh;background:#fff}.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:220px;display:flex;flex-direction:column;padding:24px 16px 18px;border-right:1px solid var(--line);background:#fafafa}.sidebar__rule{height:1px;margin:24px 2px 18px;background:var(--line)}.sidebar-nav{display:grid;gap:4px}.sidebar-nav__item{width:100%;height:40px;display:flex;align-items:center;gap:10px;padding:0 11px;border:0;border-radius:7px;color:#626262;background:transparent;text-align:left;font-size:13px;font-weight:600}.sidebar-nav__item:hover{color:var(--ink);background:#efefef}.sidebar-nav__item--active{color:var(--ink);background:#eaeaea}.nav-chevron{margin-left:auto}.nav-count{min-width:20px;margin-left:auto;padding:2px 6px;border-radius:10px;color:#777;background:#fff;text-align:center;font-size:10px}.sidebar__bottom{margin-top:auto}.sidebar-account{width:100%;display:flex;align-items:center;gap:9px;padding:9px;border:0;border-radius:8px;color:var(--muted);background:transparent;text-align:left}.sidebar-account:hover{background:#ededed}.sidebar-account>div:nth-child(2){min-width:0}.sidebar-account strong,.sidebar-account small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-account strong{color:var(--ink);font-size:12px}.sidebar-account small{margin-top:2px;font-size:10px}.sidebar-account svg{margin-left:auto}.avatar{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:50%;color:#fff;background:#343434;font-size:10px;font-weight:700}.avatar--small{width:29px;height:29px}.workspace{min-height:100vh;margin-left:220px}.topbar{height:64px;display:flex;align-items:center;padding:0 28px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96)}.topbar__spacer{flex:1}.topbar-credit{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}.topbar-credit span{color:var(--ink);font-weight:650}.topbar-credit svg{width:14px}.topbar-divider{width:1px;height:22px;margin:0 18px;background:var(--line)}.topbar-user{display:flex;align-items:center;gap:9px;font-size:12px}.topbar-user .icon-button{margin-left:5px}.mobile-menu,.topbar .mobile-brand,.mobile-nav-backdrop{display:none}.workspace-content{max-width:1240px;margin:0 auto;padding:38px 38px 70px}.icon-button{width:32px;height:32px;display:inline-grid;place-items:center;padding:0;border:1px solid transparent;border-radius:7px;color:#747474;background:transparent}.icon-button:hover{border-color:var(--line);color:var(--ink);background:var(--soft)}.studio-page{width:100%}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.page-heading h1{margin:0;font-size:26px;line-height:1.2;letter-spacing:-.035em}.page-heading p{margin:7px 0 0;color:var(--muted);font-size:13px}.studio-grid{display:grid;grid-template-columns:minmax(0,1fr) 304px;gap:18px;align-items:start}.generator-panel,.settings-panel{border:1px solid var(--line);border-radius:11px;background:#fff}.generator-panel{overflow:hidden}.document-tabs{min-height:50px;display:flex;align-items:center;gap:8px;padding:0 15px;border-bottom:1px solid var(--line);background:#fafafa;overflow-x:auto}.document-tabs span{flex:none;padding:7px 10px;border:1px solid var(--line);border-radius:7px;color:#505050;background:#fff;font-size:11px;font-weight:600}.document-tabs button{flex:none;display:inline-flex;align-items:center;gap:4px;padding:7px 8px;border:0;color:var(--muted);background:transparent;font-size:11px}.document-input{position:relative;padding:18px 19px 15px}.document-input+.document-input{border-top:1px solid var(--line)}.document-input__top{height:28px;display:flex;align-items:flex-start;justify-content:space-between}.document-input__top strong{font-size:12px}.document-input__top .icon-button{width:27px;height:27px;margin-top:-7px}.document-input textarea{width:100%;min-height:300px;resize:vertical;padding:8px 0 30px;border:0;color:var(--ink);background:transparent;outline:none;font-size:16px;line-height:1.7}.document-input textarea::placeholder{color:#aaa}.character-count{position:absolute;right:18px;bottom:14px;color:#999;font-size:10px}.settings-panel{position:sticky;top:82px;padding:18px}.settings-section{display:grid;gap:8px;padding-bottom:18px}.settings-section+.settings-section{padding-top:18px;border-top:1px solid var(--line)}.settings-section>label{color:#525252;font-size:12px;font-weight:650}.voice-choice{width:100%;display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fff;text-align:left}.voice-choice:hover{background:var(--soft)}.voice-choice.selected{border-color:#777;box-shadow:0 0 0 1px #777 inset}.voice-choice>span:nth-child(2){min-width:0;flex:1}.voice-choice strong,.voice-choice small{display:block}.voice-choice strong{font-size:12px}.voice-choice small{margin-top:3px;color:var(--muted);font-size:10px}.voice-avatar{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:50%;background:#ededed}.select-wrap{height:42px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--line);border-radius:8px}.select-wrap select{min-width:0;flex:1;border:0;color:var(--ink);background:transparent;outline:none;appearance:none;font-size:12px}.select-wrap svg:last-child{pointer-events:none}.advanced-settings{padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.advanced-settings summary{cursor:pointer;color:#525252;font-size:12px;font-weight:650}.advanced-settings label{display:grid;gap:7px;margin-top:16px;color:var(--muted);font-size:11px}.advanced-settings label>span{display:flex;justify-content:space-between}.advanced-settings input{width:100%;accent-color:#181818}.advanced-settings select{height:36px;padding:0 9px;border:1px solid var(--line);border-radius:7px;background:#fff}.generation-summary{display:flex;justify-content:space-between;padding:17px 0 13px;color:var(--muted);font-size:11px}.generate-button{width:100%}.credit-balance{display:block;margin-top:10px;color:#969696;text-align:center;font-size:10px}.estimate-warning{margin:-3px 0 11px;color:var(--danger);font-size:11px}.clone-panel{margin:0 18px 18px;padding:18px;border:1px solid var(--line);border-radius:9px;background:#fafafa}.clone-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.clone-panel__head h3{margin:0;font-size:13px}.clone-panel__head p{margin:4px 0 0;color:var(--muted);font-size:11px}.clone-panel__head>span{color:#888;font-size:10px}.dropzone{min-height:122px;display:grid;place-items:center;align-content:center;gap:7px;border:1px dashed #cfcfcf;border-radius:8px;color:var(--muted);background:#fff;text-align:center}.dropzone--active{border-color:#555;background:#f4f4f4}.dropzone p{margin:0;font-size:12px}.dropzone button{padding:0;border:0;color:var(--ink);background:transparent;text-decoration:underline}.dropzone small{color:#999;font-size:10px}.reference-file{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff}.reference-file>div{min-width:0;flex:1}.reference-file strong,.reference-file span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reference-file strong{font-size:11px}.reference-file span{margin-top:3px;color:var(--muted);font-size:10px}.reference-file audio{width:185px;height:32px}.record-row{display:flex;align-items:center;justify-content:space-between;margin:12px 0;color:var(--muted);font-size:11px}.secondary-button,.outline-button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fff;font-size:12px;font-weight:600}.secondary-button:hover,.outline-button:hover{background:var(--soft)}.secondary-button.recording{color:var(--danger)}.field textarea{min-height:78px;resize:vertical;padding:10px;font-size:12px;line-height:1.5}.consent-check{display:flex;align-items:center;gap:8px;margin-top:12px;color:#555;font-size:11px}.consent-check input{width:15px;height:15px;accent-color:#181818}.library-layout{width:100%}.page-heading--library .outline-button{flex:none}.library-toolbar{display:flex;align-items:center;margin-bottom:16px}.filter-tabs{display:inline-flex;gap:4px;padding:3px;border-radius:8px;background:#f2f2f2}.filter-tab{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:0;border-radius:6px;color:var(--muted);background:transparent;font-size:11px}.filter-tab--active{color:var(--ink);background:#fff;box-shadow:0 1px 3px #00000014}.filter-tab b{min-width:17px;color:#888;font-size:9px}.job-list{display:grid;gap:10px}.job-card{padding:17px;border:1px solid var(--line);border-radius:10px;background:#fff}.job-card__top{display:flex;align-items:center;gap:14px}.job-card__identity{min-width:0;flex:1;display:flex;align-items:center;gap:11px}.job-card__identity h3{margin:0;font-size:13px}.job-card__identity span{display:block;margin-top:4px;color:var(--muted);font-size:10px}.job-wave{width:34px;height:34px;flex:none;display:flex;align-items:center;justify-content:center;gap:2px;border-radius:7px;background:#f0f0f0}.job-wave i{width:2px;height:8px;border-radius:2px;background:#777}.job-wave i:nth-child(2),.job-wave i:nth-child(4){height:14px}.job-wave--active i{animation:pulse .8s ease-in-out infinite alternate}@keyframes pulse{to{transform:scaleY(.55)}}.status-pill{flex:none;display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:12px;color:#555;background:#f2f2f2;font-size:10px;font-weight:650}.status-pill--success{color:#177245;background:#edf8f1}.status-pill--danger{color:var(--danger);background:#fff0ee}.status-pill--working{color:#345995;background:#eef4ff}.job-progress{display:flex;align-items:center;gap:10px;margin-top:15px;color:var(--muted);font-size:10px}.job-progress__bar{height:4px;flex:1;overflow:hidden;border-radius:3px;background:#eee}.job-progress__bar i{display:block;width:40%;height:100%;background:#555;animation:progress 1.4s ease-in-out infinite alternate}@keyframes progress{to{transform:translate(145%)}}.text-button{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;color:var(--muted);background:transparent;font-size:10px}.text-button--danger{color:var(--danger)}.job-error{display:flex;align-items:center;gap:7px;margin-top:13px;padding:9px;border-radius:7px;color:var(--danger);background:#fff4f2;font-size:11px}.output-list{display:grid;gap:7px;margin-top:14px}.output-row{display:flex;align-items:center;gap:10px;padding:9px;border:1px solid var(--line);border-radius:8px}.output-row__file{min-width:170px;flex:1;display:flex;align-items:center;gap:8px}.output-row__icon{width:29px;height:29px;display:grid;place-items:center;border-radius:6px;background:#f1f1f1}.output-row__file strong,.output-row__file span{display:block}.output-row__file strong{font-size:11px}.output-row__file span{margin-top:2px;color:var(--muted);font-size:9px}.audio-player{width:min(310px,45%);height:34px}.outline-button--small{min-height:32px;padding:0 10px;font-size:10px}.inline-error{color:var(--danger);font-size:10px}.job-card__bottom{display:flex;justify-content:space-between;gap:15px;margin-top:13px;padding-top:11px;border-top:1px solid var(--line);color:#929292;font-size:9px}.job-card__bottom span{display:inline-flex;align-items:center;gap:5px}.empty-library,.library-loading{min-height:320px;display:grid;place-items:center;align-content:center;color:var(--muted);text-align:center}.empty-library__icon{width:45px;height:45px;display:grid;place-items:center;border-radius:10px;background:#f1f1f1}.empty-library h2{margin:14px 0 7px;color:var(--ink);font-size:18px}.empty-library p,.library-loading p{max-width:360px;margin:0;font-size:12px;line-height:1.6}.loading-orb{width:22px;height:22px;border:2px solid #ddd;border-top-color:#333;border-radius:50%;animation:spin .8s linear infinite}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;right:22px;bottom:22px;z-index:60;max-width:min(430px,calc(100vw - 44px));display:flex;align-items:center;gap:10px;padding:12px 13px;border:1px solid var(--line);border-radius:9px;background:#fff;box-shadow:0 12px 35px #0000001f;font-size:12px}.toast span{flex:1}.toast button{display:grid;place-items:center;padding:2px;border:0;color:var(--muted);background:transparent}.toast--error{color:var(--danger)}@media (max-width: 960px){.studio-grid{grid-template-columns:1fr}.settings-panel{position:static}}@media (max-width: 760px){.auth-header{padding:0 22px}.sidebar{display:none}.sidebar.sidebar--mobile-open{display:flex;width:min(82vw,280px);box-shadow:14px 0 35px #0000001f}.mobile-nav-backdrop{position:fixed;inset:0;z-index:19;display:block;border:0;background:rgba(0,0,0,.25)}.workspace{margin-left:0}.topbar{padding:0 16px}.mobile-menu,.topbar .mobile-brand{display:inline-flex}.mobile-menu{align-items:center;justify-content:center;margin-right:10px;padding:5px;border:0;background:transparent}.topbar-user>span{display:none}.topbar-user .avatar{display:none}.workspace-content{padding:28px 16px 55px}.document-input{padding:16px}.document-input textarea{min-height:250px;font-size:15px}.reference-file{flex-wrap:wrap}.reference-file audio{width:calc(100% - 45px);order:3}.clone-panel__head{flex-direction:column;gap:5px}.job-card__top{align-items:flex-start}.job-card__identity span{line-height:1.5}.output-row{flex-wrap:wrap}.audio-player{width:100%}}@media (max-width: 460px){.auth-panel{padding-top:22px}.auth-card__heading h1{font-size:25px}.topbar-credit small,.topbar-divider{display:none}.topbar-credit{margin-right:10px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:23px}.filter-tabs{width:100%}.filter-tab{flex:1;justify-content:center}.job-card__top{flex-direction:column}.status-pill{margin-left:45px}.job-progress{flex-wrap:wrap}.job-progress__bar{flex-basis:100%}.job-card__bottom{flex-direction:column;gap:5px}}