:root{color-scheme:light;--ink:#202a38;--muted:#768190;--line:#e1e6ec;--blue:#315cca;--paper:#f4f6f9;--nav:#172130;--navmuted:#91a0b3;--green:#227655}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button,a,input,select,textarea,summary{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #527be0}button{transition:background .15s,border-color .15s}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}[hidden]{display:none!important}.sidebar{position:fixed;inset:0 auto 0 0;width:220px;background:var(--nav);padding:30px 16px 20px;display:flex;flex-direction:column;color:#f3f6fc}.brand{display:flex;gap:11px;align-items:center;margin:0 14px 46px;color:white;font-size:28px;font-weight:720;letter-spacing:-1px}.brand:hover{text-decoration:none}.brand-mark{display:grid;place-items:center;width:34px;height:40px;background:#e9eef9;color:var(--nav);border-radius:10px;font-size:29px;font-style:italic}.brand-sub{display:block;font-size:13px;font-weight:450;letter-spacing:3px;color:#a0aebe;margin-top:-4px}.side-label{font-size:13px;letter-spacing:1px;color:var(--navmuted);padding:0 12px 10px;display:flex;justify-content:space-between}.side-label span{letter-spacing:0}#profiles{overflow-y:auto;max-height:55vh}.profile-button{border:0;background:none;color:#c0cbd9;width:100%;text-align:left;padding:12px 10px;display:flex;align-items:center;gap:10px;border-radius:7px;margin:3px 0}.profile-button:hover{background:#202f42}.profile-button.active{background:#2c3d55;color:#fff}.avatar{width:32px;height:32px;border:1px solid #526073;border-radius:50%;display:grid;place-items:center;font-size:13px;flex:none}.profile-text{min-width:0}.profile-title{display:block;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:125px}.profile-sub{display:block;font-size:13px;color:#98aac2;margin-top:2px}.new-profile{color:#b7c5d8;background:none;border:1px dashed #445064;border-radius:7px;padding:10px;margin-top:15px}.new-profile:hover{background:#243246}.side-bottom{margin-top:auto;padding:32px 10px 0;font-size:13px;color:#c1cbd9}.side-bottom p{color:#8e9db0;font-size:13px;line-height:1.9;margin:9px 0 20px}.local-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#80b49d;margin-right:6px}.tiny{font-size:13px;letter-spacing:1.5px;color:#77899f}main{margin-left:220px}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 36px;font-size:13px}.breadcrumb{color:var(--muted)}.breadcrumb span{margin-left:12px}#current-name{color:var(--ink)}.system-status{font-size:13px;letter-spacing:.1px;color:#647182;border:1px solid var(--line);border-radius:20px;padding:5px 10px}.system-status:before{content:"";display:inline-block;width:5px;height:5px;border-radius:100%;background:#6d9b82;margin-right:7px}.workspace{padding:30px 36px 18px;max-width:1600px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.eyebrow{font-size:13px;letter-spacing:2px;color:#8591a1;margin-bottom:6px}h1{font-size:25px;letter-spacing:-.8px;line-height:1.4;font-weight:620;margin:0}h2{font-size:15px;font-weight:630;margin:0}h3{font-size:15px;margin:0}.page-heading p{font-size:13px;color:var(--muted);margin:7px 0 0}.save-area{display:flex;align-items:center;gap:12px;flex:none}#save-status{font-size:13px;color:#89929e}.button{border-radius:6px;padding:9px 16px;font-size:14px;font-weight:560;border:1px solid transparent;white-space:nowrap;min-height:38px}.button.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.button.primary:hover:not(:disabled){background:#234db7}.button.secondary{background:#fff;border-color:#d6dde6;color:#3d4c60}.button.secondary:hover:not(:disabled){border-color:#9cabbe;background:#fafbfe}.button.small{font-size:13px;min-height:30px;padding:5px 10px}.button.selected{color:#227655;background:#edf6f0;border-color:#cbdfd1}.button span{margin-left:14px}.tabbar{display:flex;border-bottom:1px solid #d8dfe8;align-items:center;margin-bottom:24px;gap:25px}.tab{border:0;background:none;border-bottom:2px solid transparent;padding:12px 0;color:#8c97a5;font-size:13px;display:flex;gap:9px;align-items:center;white-space:nowrap}.tab span{font-size:13px;color:#6c7787}.tab.active{border-color:var(--blue);color:var(--blue)}.tab.active span{color:var(--ink);font-weight:600}.queue-status{font-size:13px;color:var(--muted);margin-left:auto;white-space:nowrap}.studio-grid{display:grid;grid-template-columns:minmax(350px,1.12fr) minmax(310px,1fr);gap:26px;align-items:start}.card{background:#fff;border:1px solid var(--line);border-radius:9px;margin-bottom:16px;box-shadow:0 1px 2px #1d2b4510}.settings-card{padding:22px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.section-hint{font-size:13px;color:#8d97a5}.field-row{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}label{display:block;font-size:13px;color:#526173;margin-bottom:15px}label:last-child{margin-bottom:0}input,select,textarea{display:block;width:100%;border:1px solid #dce2e9;border-radius:5px;background:#fcfdff;color:#253348;font-size:14px;padding:9px 10px;line-height:1.6;margin-top:6px}select{height:39px}input::placeholder,textarea::placeholder{color:#a0a8b4}textarea{resize:vertical;min-height:70px}input:hover,select:hover,textarea:hover{border-color:#bdc8d7}input:focus,select:focus,textarea:focus{background:#fff;border-color:#7390cf}.traits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 13px}.field-note{font-size:13px;color:#8a94a2;margin:12px 0 0;line-height:1.8}.advanced summary{padding:16px 21px;font-size:13px;cursor:pointer}.advanced summary span{font-size:13px;color:#8f99a6;margin-left:10px}.advanced-body{padding:3px 22px 19px}.generation-bar{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:5px 0 16px}.generation-bar>span{color:#8994a1;font-size:13px}.generation-bar>div{display:flex;gap:8px}.history-heading{display:flex;align-items:center;justify-content:space-between;margin:1px 0 17px}.history-heading p{font-size:13px;color:#8b95a2;margin:5px 0 0}.count-pill{border:1px solid #d8e0ea;color:#6e7d90;background:#fff;border-radius:20px;font-size:13px;padding:2px 9px}.job-card{border:1px solid var(--line);background:#fff;border-radius:9px;padding:18px;margin-bottom:13px}.job-card.locked{border-color:#afc3b6;box-shadow:inset 3px 0 #729d84}.job-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.job-head h3{font-size:13px}.job-time{color:#919baa;font-size:13px}.job-topline{display:flex;align-items:center;gap:7px}.badge{font-size:13px;line-height:1.5;border-radius:3px;background:#eef2f7;color:#718299;padding:2px 5px}.badge.green{background:#edf5ef;color:#518469}.badge.blue{background:#eef2fb;color:#5575b4}.job-description{font-size:13px;color:#717d8e;line-height:1.8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:13px 0}.job-card audio{width:100%;height:36px;margin:3px 0 9px}.job-metrics{display:flex;flex-wrap:wrap;gap:12px;color:#909aa7;font-size:13px;margin:4px 0 14px}.job-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid #edf0f5;padding-top:12px}.download-links{display:flex;gap:13px;font-size:13px}.job-error{color:#a43d43;background:#fff4f4;border-radius:4px;font-size:13px;padding:10px;white-space:pre-wrap;overflow-wrap:anywhere}.job-progress{margin-top:13px;color:#768397;font-size:13px;display:flex;justify-content:space-between}.running-line{height:3px;background:#ecf0f6;margin:12px 0 4px;overflow:hidden;border-radius:10px}.running-line:after{content:"";height:100%;width:28%;background:#8196c6;display:block;animation:loading 1.8s ease-in-out infinite}@keyframes loading{0%{transform:translateX(-100%)}100%{transform:translateX(450%)}}.locked-voice{background:#f3f7f4;border:1px solid #dae7dd;padding:16px;border-radius:5px;font-size:13px;color:#427151}.locked-voice strong{display:block;margin-bottom:4px}.locked-voice small{color:#758b7f;font-size:13px}.text-bottom{display:flex;justify-content:space-between;font-size:13px;color:#8994a3;margin-top:10px}.empty-state{text-align:center;padding:72px 24px;background:#f9fafc;border:1px dashed #d5dee9;border-radius:9px}.empty-state h3{font-size:13px;font-weight:500;margin-top:20px}.empty-state p{font-size:13px;color:#8b96a6;line-height:1.9}.wave-icon{display:flex;justify-content:center;align-items:center;height:28px;gap:4px}.wave-icon i{display:block;width:3px;height:12px;background:#b0bdcf;border-radius:3px}.wave-icon i:nth-child(2),.wave-icon i:nth-child(4){height:22px}.wave-icon i:nth-child(3){height:30px}.history-footnote{text-align:center;font-size:13px;color:#a0a8b4;margin:21px 0}footer{border-top:1px solid #e1e6ed;padding-top:18px;margin-top:20px;color:#98a2b0;font-size:13px}.notice{border-radius:6px;padding:12px;font-size:13px;margin-bottom:15px}.notice.error{background:#fff0f0;color:#a23e3e;border:1px solid #f0d4d4}dialog{border:1px solid #dce2ea;border-radius:10px;box-shadow:0 24px 100px #121c3340;width:420px;padding:26px;color:var(--ink)}dialog::backdrop{background:#17213066;backdrop-filter:blur(2px)}dialog p{color:var(--muted);font-size:13px;margin:0 0 20px}.icon-button{border:0;background:transparent;color:#758191;font-size:23px;line-height:1}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:25px}#toast{position:fixed;bottom:25px;left:calc(50% + 110px);transform:translateX(-50%);padding:12px 20px;max-width:min(600px,85vw);background:#273548;color:white;border-radius:7px;box-shadow:0 7px 30px #13203a30;font-size:13px;z-index:20}#toast.error{background:#8e3f45}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1500px){.studio-grid{gap:35px;grid-template-columns:minmax(440px,1fr) minmax(390px,1fr)}.settings-card{padding:25px}.job-card{padding:22px}.workspace{padding-top:35px}}@media(max-width:1100px){.sidebar{width:185px;padding-left:10px;padding-right:10px}main{margin-left:185px}.workspace{padding:25px 22px}.topbar{padding:0 22px}.studio-grid{gap:18px;grid-template-columns:minmax(330px,1fr) minmax(290px,.9fr)}.settings-card{padding:17px}.section-hint{font-size:13px}.generation-bar{align-items:flex-start;flex-direction:column;gap:8px}.generation-bar>div{align-self:flex-end}h1{font-size:22px}.profile-title{max-width:108px}#toast{left:calc(50% + 92px)}}@media(max-width:900px){.studio-grid{grid-template-columns:1fr}.audition-column{border-top:1px solid var(--line);padding-top:20px}.page-heading{align-items:flex-start}.save-area{flex-direction:column-reverse;gap:5px;align-items:flex-end}.system-status{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.generation-bar{flex-direction:row;align-items:center}.generation-bar>div{align-self:auto}}@media(max-width:600px){.sidebar{position:relative;width:auto;padding:17px 15px 13px}.brand{margin:0 0 15px;font-size:24px}.brand-sub{font-size:13px}.brand-mark{width:29px;height:33px}.side-label,.side-bottom{display:none}#profiles{display:flex;overflow-x:auto;gap:7px;max-height:none}.profile-button{min-width:130px;width:auto;padding:8px}.profile-title{max-width:115px}.profile-sub{font-size:13px}.avatar{width:24px;height:24px}.new-profile{position:absolute;right:17px;top:17px;margin:0;font-size:13px;padding:7px 10px}main{margin:0}.topbar{height:48px;padding:0 18px}.system-status{max-width:140px;font-size:13px;padding:4px 7px}.breadcrumb{font-size:13px}.workspace{padding:24px 16px}.page-heading{gap:10px}.page-heading h1{font-size:19px}.page-heading p{font-size:13px;max-width:210px}.eyebrow{font-size:13px}.save-area .button{padding:7px 10px;font-size:13px}.save-area span{font-size:13px!important}.tabbar{gap:19px}.queue-status{font-size:13px;max-width:96px;white-space:normal;text-align:right}.traits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field-row{gap:12px;grid-template-columns:1fr 1fr}.section-hint{max-width:48%;text-align:right}.generation-bar>span{font-size:13px;max-width:83px}.generation-bar .button{padding:8px 11px;font-size:13px}.text-bottom{gap:15px;font-size:13px}#toast{left:50%}.advanced summary span{font-size:13px}footer{font-size:13px}}
@media (min-width:780px) and (max-width:1100px){
  .sidebar{width:150px;padding-left:9px;padding-right:9px}
  main{margin-left:150px}
  .brand{margin-left:5px;margin-right:0;gap:7px;font-size:25px}
  .profile-title{max-width:74px}
  .profile-button{padding-left:5px;padding-right:5px;gap:7px}
  .avatar{width:27px;height:27px}
  .side-bottom{padding-left:4px;padding-right:4px}
  .workspace{padding-left:20px;padding-right:20px}
  .topbar{padding-left:20px;padding-right:20px}
  .studio-grid{grid-template-columns:minmax(280px,1.08fr) minmax(250px,1fr);gap:18px}
  .audition-column{border-top:0;padding-top:0}
  .traits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .section-heading{align-items:flex-start;flex-wrap:wrap;gap:5px}
  .section-hint{max-width:none;text-align:left}
  .generation-bar{align-items:flex-start;flex-direction:column;gap:8px}
  .generation-bar>div{align-self:flex-start;flex-wrap:wrap}
  .generation-bar .button{padding-left:11px;padding-right:11px}
  .job-head,.job-actions{align-items:flex-start;flex-wrap:wrap}
  .download-links{gap:9px;flex-wrap:wrap}
  #toast{left:calc(50% + 75px)}
}
.auth-screen{min-height:100vh;display:grid;place-items:center;padding:35px 20px;background:radial-gradient(ellipse at 25% 5%,#e7edf7,transparent 65%),var(--paper)}
.auth-card{width:min(430px,100%);padding:35px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 60px #1721300d}
.auth-card .brand{margin:0 0 35px;color:var(--nav)}
.auth-card .brand-mark{background:var(--nav);color:#fff}
.auth-card .brand-sub{color:#718198;font-size:12px;letter-spacing:2px}
.auth-card h1{margin-bottom:10px}.auth-card p{color:var(--muted)}
.auth-card form{margin-top:24px}.auth-card form>.button{width:100%;margin-top:20px}
.auth-card .field-note{font-size:12px}.auth-card .text-button{margin-top:15px}
.text-button{border:0;background:none;color:var(--blue);padding:5px 2px;font-size:13px;white-space:nowrap}
.text-button:hover:not(:disabled){text-decoration:underline}
.account-controls{display:flex;gap:16px;align-items:center;min-width:0}
#account-name{font-size:13px;color:#66758a;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.system-status.is-offline:before{background:#bc9145}.system-status.is-offline{background:#fffaf0;border-color:#eadcbf;color:#92753b}
.notice.warning{background:#fffbf1;color:#8c6c2b;border:1px solid #eadfbf;line-height:1.8}
#revision-notice{display:flex;gap:14px;align-items:center;justify-content:space-between}
.profile-author{font-size:12px;color:#8591a1;margin:-2px 0 12px}
.profile-owner{display:block;font-size:11px;color:#8a9eb9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:125px}
.job-author{font-size:12px;color:#8794a6;margin-top:6px}.job-time{white-space:nowrap}
#team-dialog{width:560px;max-width:calc(100vw - 30px);max-height:85vh;overflow:auto}
.members-list{margin:15px 0 25px;border-top:1px solid var(--line)}
.member-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:14px 0}
.member-info{min-width:0;flex:1}.member-info strong,.member-info small{display:block;overflow-wrap:anywhere}
.member-info small{font-size:12px;color:var(--muted)}
.member-row .badge{flex:none}.member-row.is-disabled{opacity:.65}
.button.danger{border-color:#e1c9c9;color:#a04343}.button.danger:hover:not(:disabled){border-color:#b96969;background:#fff5f5}
#invite-form{border-top:1px solid var(--line);padding-top:20px}
.invite-result{padding:16px;border:1px solid #ccdccc;border-radius:7px;background:#f5faf5;margin-top:20px}
.invite-result label{margin:0}.invite-result input{font-size:12px}.invite-result-actions{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:10px}
.invite-result .field-note{margin:0;font-size:12px}.invite-result>p{margin-top:12px}
body.authenticated #toast{z-index:30}body:not(.authenticated) #toast{left:50%}
@media(max-width:1100px){.topbar{gap:14px}.account-controls{gap:10px}.account-controls .system-status{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumb{min-width:100px}}
@media(max-width:780px){.topbar{height:auto;min-height:62px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px;gap:8px}.account-controls{margin-left:auto;flex-wrap:wrap;justify-content:flex-end}.account-controls .system-status{max-width:170px}#account-name{max-width:75px}.profile-owner{max-width:100px}#revision-notice{align-items:flex-start}.member-row{gap:8px;flex-wrap:wrap}.member-info{min-width:130px}}
@media(max-width:600px){.account-controls{width:100%;justify-content:flex-start;gap:13px}.account-controls .system-status{max-width:175px}.account-controls #logout{margin-left:auto}.auth-card{padding:26px}.auth-card .brand{margin-bottom:26px}.profile-owner{max-width:110px}.job-head{flex-wrap:wrap}.invite-result-actions{align-items:flex-start;flex-direction:column}.topbar .breadcrumb{display:none}}
@media(prefers-reduced-motion:reduce){.running-line:after{animation:none}button{transition:none}}
.job-actions{flex-wrap:wrap}.job-actions .download-links{margin-left:auto;flex-wrap:wrap}.delete-note{margin:10px 0 0;color:#8d7180;font-size:12px;line-height:1.7}
.reference-label{margin-top:18px}.reference-preview{padding:14px;background:#f7f9fc;border:1px solid #e3e8ef;border-radius:6px}.reference-preview strong{display:block;color:#465d79;font-size:13px;font-weight:550;line-height:1.7}.reference-preview audio{display:block;width:100%;height:36px;margin:10px 0}.reference-preview small{display:block;color:#8793a4;font-size:12px}.reference-text{margin:9px 0 0;color:#788597;font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;max-height:110px;overflow:auto}
#delete-dialog .delete-item-text{padding:12px;background:#f5f7fa;border-radius:5px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:150px;overflow:auto;margin-top:12px}#delete-item-name{font-size:13px;color:#56657a;overflow-wrap:anywhere}#delete-dialog .button.danger{background:#a04343;border-color:#a04343;color:#fff}#delete-dialog .button.danger:hover{background:#893535}