:root{color-scheme:dark;--bg:#0e1017;--sidebar:#151821;--panel:#171b25;--border:#282e3f;--text:#ecedf7;--muted:#858da5;--dim:#59637d;--accent:#a1adff;--green:#71d8a2;--yellow:#eac276;--red:#f28b98;font-family:"Segoe UI","Microsoft YaHei",system-ui,sans-serif;font-size:13px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}[hidden]{display:none!important}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent)}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}svg{vertical-align:middle;flex-shrink:0}h1,h2,h3,p{margin:0}h1{font-size:27px;letter-spacing:-.7px;font-weight:650;line-height:1.4}h2{font-size:14px;font-weight:600}h3{font-size:15px;font-weight:600}code,pre,.mono{font-family:"Cascadia Code",Consolas,monospace;font-size:12px}.muted{color:var(--muted)}.helper{font-size:12px;line-height:1.7;color:var(--muted);margin-top:8px}.eyebrow{font:10px Consolas,monospace;letter-spacing:2px;color:var(--dim);margin-bottom:7px}
.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:228px;background:var(--sidebar);border-right:1px solid var(--border);padding:28px 14px 16px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:11px;padding:0 10px;margin-bottom:43px}.brand strong{font-size:16px;font-weight:650;letter-spacing:-.3px}.brand small{display:block;font-size:10px;color:var(--muted);letter-spacing:1.5px;margin-top:4px}.brand-symbol{width:33px;height:35px;display:flex;gap:3px;align-items:center;justify-content:center;border-radius:9px;background:var(--accent);color:#161c32;flex-shrink:0}.brand-symbol i{display:block;width:3px;background:currentColor;border-radius:4px;height:12px}.brand-symbol i:nth-child(2){height:22px}.brand-symbol i:nth-child(3){height:16px}.brand-symbol i:nth-child(4){height:8px}.version{font-size:10px;color:var(--accent);border:1px solid #363f60;padding:2px 5px;border-radius:4px;margin-left:auto}.nav-label{font-size:10px;letter-spacing:1px;color:var(--dim);padding-left:14px;margin-bottom:12px}.nav-label.second{margin-top:31px}nav{display:flex;flex-direction:column;gap:5px}nav>a{display:flex;gap:12px;align-items:center;min-height:43px;border:1px solid transparent;border-radius:7px;padding:0 13px;color:#969fb9;transition:background .15s,color .15s}nav>a:hover{background:#1b2030;color:var(--text)}nav>a.active{color:#c2cbff;background:#242b43;border-color:#39466b}nav svg{width:17px;height:17px}.nav-count{margin-left:auto;font-size:10px;min-width:19px;text-align:center;background:#303a59;border-radius:4px;color:#bbc7ff;padding:2px 4px}.nav-arrow{margin-left:auto;color:var(--dim)}.sidebar-bottom{margin-top:auto;padding-top:40px}.connection{display:flex;gap:9px;padding:15px 12px 20px;font-size:11px;align-items:center}.connection small{display:block;color:var(--dim);font-size:10px;margin-top:6px;max-width:150px;overflow:hidden;text-overflow:ellipsis}.live-dot{width:6px;height:6px;display:inline-block;background:var(--green);border-radius:50%;box-shadow:0 0 0 3px #71d8a210;flex-shrink:0}.user-button{display:flex;align-items:center;gap:10px;background:none;border:0;border-top:1px solid var(--border);padding:19px 9px 0;width:100%;color:var(--text);text-align:left}.avatar{width:29px;height:29px;background:#2a3049;color:#b0bdff;border:1px solid #394263;border-radius:7px;display:grid;place-items:center;font-size:12px}.user-button strong{font-size:11px;font-weight:500}.user-button small{display:block;color:var(--dim);font-size:10px;margin-top:4px}.user-button>svg{margin-left:auto;width:15px;color:var(--muted)}.main{margin-left:228px;width:calc(100% - 228px);min-width:0}.topbar{height:65px;border-bottom:1px solid #202636;display:flex;align-items:center;justify-content:space-between;padding:0 32px;color:var(--muted);font-size:11px}.breadcrumb{display:flex;gap:13px;align-items:center}.breadcrumb span{color:#464e64}.breadcrumb strong{font-weight:500;color:#c0c5d7}.topbar-right{display:flex;align-items:center;gap:9px;font-size:10px}.topbar-line{width:1px;height:14px;background:var(--border);margin:0 8px}.page-area{padding:29px 32px 0;max-width:1880px;margin:auto}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:27px}.page-heading p{font-size:12px;color:var(--muted);margin-top:8px}.page-actions{display:flex;gap:9px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:35px;padding:8px 13px;border:1px solid #30374a;border-radius:6px;background:#1b2030;color:#c5cbdd;font-size:11px;white-space:nowrap;transition:background .15s,border-color .15s}.btn:hover{background:#252c40;border-color:#566080}.btn svg{width:14px;height:14px}.btn.primary{background:#a1adff;border-color:#a1adff;color:#141b37;font-weight:600}.btn.primary:hover{background:#b7bfff}.btn.ghost{border-color:transparent;background:transparent;color:var(--muted)}.btn.ghost:hover{color:var(--text);background:#23293a}.btn.danger{color:var(--red);border-color:#613340;background:#2b1c26}.btn.small{min-height:28px;padding:5px 9px;font-size:10px}.btn.wide{width:100%}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:19px 21px;gap:15px}.panel-head h2{display:flex;align-items:center;gap:9px}.panel-head h2 svg{width:16px;color:var(--muted)}.panel-head p{font-size:11px;color:var(--muted);margin-top:6px}.panel-body{padding:0 21px 20px}.metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;margin-bottom:22px}.metric{padding:17px 18px 15px;min-height:124px;position:relative}.metric-label{font-size:11px;color:#9da6bc;display:flex;align-items:center;justify-content:space-between}.metric-label svg{width:15px;height:15px;color:var(--dim)}.metric-value{font-size:29px;letter-spacing:-1px;font-weight:600;font-variant-numeric:tabular-nums;margin:9px 0 5px;line-height:1.2}.metric-value .denominator{font-size:16px;color:var(--dim);margin-left:3px;font-weight:400}.metric-value.accent{color:var(--accent)}.metric-value.green{color:var(--green)}.metric-sub{font-size:10px;color:var(--dim)}.metric-sub .green{color:var(--green)}.metric-sub .yellow{color:var(--yellow)}
.tag{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:500;padding:4px 7px;border-radius:4px;white-space:nowrap;color:var(--accent);background:#262d49;border:1px solid #3a4465}.tag.pro{color:#ccb2f6;background:#2a233e;border-color:#47375e}.tag.free{color:#9ba8c7;background:#232a3a;border-color:#333e54}.tag.green{color:var(--green);background:#192e29;border-color:#2c4a3c}.tag.yellow{color:var(--yellow);background:#342b1e;border-color:#58452a}.tag.red{color:var(--red);background:#35212c;border-color:#59313d}.tag.subtle{color:var(--muted);background:transparent;border-color:var(--border);font-size:9px;letter-spacing:.8px}.tag .dot{width:4px;height:4px;border-radius:50%;background:currentColor}.link{color:var(--accent);font-size:11px;cursor:pointer}.link:hover{color:#c8d1ff}.grid-two{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;margin-bottom:20px}.grid-equal{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid-top{display:grid;grid-template-columns:1.7fr 1fr;gap:20px;margin-bottom:20px}.pool-strip{display:flex;gap:0;padding:0 21px 18px}.pool-segment{flex:1;display:flex;gap:12px;align-items:center;padding:12px 0}.pool-segment+.pool-segment{border-left:1px solid var(--border);padding-left:22px}.pool-symbol{width:33px;height:34px;background:#262139;border:1px solid #433458;border-radius:7px;display:grid;place-items:center;color:#c0a4e7}.pool-symbol.free{color:#91a3c6;background:#212a3a;border-color:#323d54}.pool-symbol svg{width:16px}.pool-segment strong{font-size:17px;font-weight:550;display:block;margin-top:5px}.pool-segment strong small{font-size:10px;color:var(--dim);font-weight:400;margin-left:4px}.pool-segment .muted{font-size:10px}.pool-track{height:5px;display:flex;margin:0 21px 16px;border-radius:3px;overflow:hidden;background:#252c3b}.pool-track span{display:block;flex:1;background:#c0a4e7}.pool-track .free{background:#6e85b2}.chart{height:125px;display:block;width:100%;padding:0 21px}.chart .grid{stroke:#2b3141;stroke-dasharray:3 5}.chart .bar{fill:#7584da;opacity:.7}.chart .bar:hover{fill:#c1caff;opacity:1}.chart .baseline{stroke:#36415b}.chart-labels{display:flex;justify-content:space-between;color:var(--dim);font:9px Consolas,monospace;padding:12px 22px 17px}.chart-legend{font-size:10px;color:var(--muted);display:flex;gap:6px;align-items:center}.chart-legend i{width:6px;height:6px;display:inline-block;background:#8f9fe9;border-radius:2px}
.table-wrap{overflow:auto;padding:0 20px 10px}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left;font-size:11px}th{font-size:10px;letter-spacing:.2px;font-weight:500;color:var(--muted);padding:12px 10px;border-bottom:1px solid #30364a}td{padding:16px 10px;border-bottom:1px solid #252b3c;vertical-align:middle}tr:last-child td{border-bottom:0}tbody tr:hover{background:#1b2030}.table-name{display:block;font-weight:500;font-size:12px;max-width:235px;overflow:hidden;text-overflow:ellipsis}.sub{display:block;font-size:9px;color:var(--dim);font-family:Consolas,monospace;margin-top:6px;max-width:225px;text-overflow:ellipsis;overflow:hidden}.right{text-align:right}.actions{display:flex;gap:6px;align-items:center;justify-content:flex-end}.number{font-variant-numeric:tabular-nums}.toolbar{padding:17px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:14px}.tabs{display:flex;gap:5px;flex-wrap:wrap}.tab{background:none;border:1px solid transparent;color:var(--muted);padding:7px 11px;border-radius:5px;font-size:11px}.tab.active{color:#b7c2ff;background:#28314a;border-color:#374362}.tab:hover{color:var(--text)}.search{display:flex;align-items:center;gap:8px;max-width:310px;width:100%;border:1px solid #30374b;border-radius:5px;padding:0 10px;background:#111620}.search svg{width:14px;color:var(--dim)}.search input{background:none;border:0;min-height:33px;min-width:0;width:100%;font-size:11px}.search input:focus{outline:none}.empty{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:41px 20px;text-align:center;min-height:195px}.empty-symbol{width:43px;height:43px;display:grid;place-items:center;background:#21283a;border:1px solid #303b55;border-radius:11px;color:var(--muted);margin-bottom:14px}.empty-symbol svg{width:19px}.empty h3{font-size:12px;font-weight:500;margin-bottom:8px}.empty p{font-size:11px;color:var(--dim);max-width:360px;line-height:1.8}.empty .btn{margin-top:17px}.empty.compact{min-height:166px;padding:22px}.empty.compact .empty-symbol{height:35px;width:35px;margin-bottom:10px}.empty.compact h3{font-size:11px}.section-gap{margin-bottom:20px}.info-list{display:grid;grid-template-columns:120px 1fr;gap:15px;font-size:11px;padding-top:3px}.info-list dt{color:var(--muted)}.info-list dd{margin:0}.info-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px}.info-list .tag{margin-top:-4px}.notice{border:1px solid #3b476b;background:#1b2238;color:#b0bce6;border-radius:7px;padding:13px 16px;font-size:11px;line-height:1.8;display:flex;gap:10px;align-items:flex-start;margin-bottom:20px}.notice svg{width:16px;flex-shrink:0;margin-top:2px}.notice.warning{background:#30281b;border-color:#594b2e;color:#d2b989}.notice.error{background:#35212c;border-color:#613642;color:var(--red)}.notice p{margin-top:3px}.pagination{padding:14px 21px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);border-top:1px solid var(--border)}.pagination .actions{gap:10px}.ellipsis{max-width:210px;overflow:hidden;text-overflow:ellipsis}.error-text{font-size:11px;color:var(--red);line-height:1.6}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{min-width:0}.field.full{grid-column:1/-1}label{display:block;font-size:11px;color:#bbc2d6;margin-bottom:9px}input,select,textarea{border:1px solid #32394d;border-radius:6px;color:var(--text);background:#11151f;padding:10px 11px;width:100%;transition:border-color .15s}input::placeholder,textarea::placeholder{color:#555f79;font-size:11px}input:hover,select:hover,textarea:hover{border-color:#4a556f}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:0;box-shadow:0 0 0 2px #a1adff18}textarea{resize:vertical;min-height:110px;font-size:12px;line-height:1.7}input[type=checkbox]{width:14px;height:14px;accent-color:var(--accent);cursor:pointer}input[type=range]{padding:0;accent-color:var(--accent);box-shadow:none}.checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:11px;margin:0}.check-row{display:flex;flex-wrap:wrap;gap:15px;padding:9px 0}.form-divider{border:0;border-top:1px solid var(--border);margin:21px 0}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(ellipse at 50% 20%,#1e2440 0,transparent 57%)}.login-card{width:100%;max-width:400px;background:var(--panel);border:1px solid var(--border);border-radius:15px;padding:34px;box-shadow:0 30px 90px #0004}.brand-symbol.large{width:43px;height:44px;margin-bottom:27px}.login-card .eyebrow{font-size:9px}.login-card h1{font-size:24px}.login-card>p.muted{font-size:12px;margin:8px 0 30px}.login-card .helper{font-size:10px;margin-bottom:13px}.login-card .error-text{min-height:17px;margin-bottom:9px}.login-card .primary{justify-content:space-between}.login-foot{display:flex;align-items:center;gap:8px;color:var(--dim);font-size:9px;padding-top:25px;margin-top:25px;border-top:1px solid var(--border)}.login-foot>span:last-child{font-size:8px;letter-spacing:1px;margin-left:auto}dialog{background:var(--panel);color:var(--text);border:1px solid #3c4761;border-radius:13px;width:calc(100% - 32px);max-width:570px;padding:0;box-shadow:0 30px 100px #0008;max-height:90vh}dialog::backdrop{background:#080b13ba;backdrop-filter:blur(3px)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:22px 25px;border-bottom:1px solid var(--border)}.modal-head h2{font-size:16px}.modal-head .btn{padding:0;width:27px;min-height:27px;font-size:19px}.modal-body{padding:24px 25px}.token-box{word-break:break-all;border:1px solid #4a567b;border-radius:6px;background:#121829;padding:15px;color:#c4ceff;font:12px/1.8 Consolas,monospace;margin:16px 0}.toast-region{position:fixed;bottom:25px;right:25px;z-index:100;display:grid;gap:10px;max-width:400px}.toast{display:flex;align-items:flex-start;gap:10px;border:1px solid #38455d;border-radius:8px;padding:13px 17px;background:#20283a;box-shadow:0 8px 35px #0005;font-size:12px;line-height:1.6;animation:toast-in .2s ease-out}.toast svg{width:16px;flex-shrink:0;margin-top:2px;color:var(--green)}.toast.error{border-color:#693c49;background:#33212b}.toast.error svg{color:var(--red)}
.studio-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.studio-form{padding:23px}.studio-form textarea{min-height:145px}.studio-sliders{border:0;padding:0;margin:0;min-width:0}.studio-sliders:disabled{opacity:.45}.range-label{display:flex;justify-content:space-between}.range-label output{color:var(--accent)}.task-list{display:grid;gap:12px;padding:0 20px 20px}.task-card{border:1px solid var(--border);border-radius:7px;padding:16px}.task-title{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}.task-meta{display:flex;gap:8px;color:var(--dim);font-size:10px;margin-top:10px;flex-wrap:wrap}.task-card .error-text{margin-top:12px}.audio-row{display:flex;align-items:center;gap:11px;margin-top:17px;border-top:1px solid var(--border);padding-top:13px}.audio-cover{width:40px;height:40px;border-radius:6px;background:#2d3450;object-fit:cover}.audio-row>div{min-width:0;flex:1}.audio-row strong{display:block;font-size:11px;font-weight:500;margin-bottom:7px}.audio-row audio{width:100%;height:28px;max-width:350px}.docs pre{background:#10151f;border:1px solid #29334b;border-radius:7px;color:#b3bfdf;padding:18px;overflow:auto;font-size:11px;line-height:1.9;margin:15px 0}.docs h3{margin-top:22px;font-size:13px}.docs p{font-size:12px;color:var(--muted);line-height:1.9;margin-top:10px}.docs .endpoint{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--border);font-size:11px}.endpoint .tag{min-width:45px;justify-content:center}.endpoint .muted{margin-left:auto;font-size:10px}.model-table input[type=text]{font-size:11px;padding:8px;min-width:130px}.model-table .checkbox{display:inline-flex;margin-right:13px}.model-table td{padding:14px 7px}.model-table .mono{min-width:190px}.loading{padding:75px 20px;text-align:center;color:var(--muted);font-size:12px}.loading:before{content:"";display:block;width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;margin:0 auto 15px;animation:spin .8s linear infinite}.chart-empty{color:var(--dim);font-size:10px;text-align:center;margin-top:-75px;margin-bottom:61px;position:relative}.settings-layout{max-width:850px}.form-note{color:var(--dim);font-size:10px;line-height:1.8;margin-top:7px}.log-detail{white-space:pre-wrap;word-break:break-word;font:11px/1.9 Consolas,monospace;color:#b7c2db;max-height:55vh;overflow:auto}.group-summary{display:flex;gap:9px;align-items:center;margin-bottom:20px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:17px}.step{background:#151a25;border:1px solid #2b3348;border-radius:7px;padding:14px;font-size:11px;color:var(--muted);line-height:1.8}.step strong{display:block;color:#c2cae2;margin-bottom:5px;font-weight:500}.stat-inline{display:flex;gap:24px;flex-wrap:wrap;color:var(--muted);font-size:11px}.stat-inline strong{color:var(--text);margin-left:7px}.statusbar{padding:12px 20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted)}.badge-count{font:10px Consolas,monospace;color:var(--dim);padding:2px 5px;background:#202636;border-radius:4px}.danger-zone{margin-top:22px;border-top:1px solid var(--border);padding-top:16px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}
footer{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:9px;color:var(--dim);padding:25px 0 22px;letter-spacing:.2px}.footer-dot{color:#414e6c;margin:0 7px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toast-in{from{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}
.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}
.studio-layout{grid-template-columns:minmax(320px,460px) minmax(0,1fr);align-items:start}
.studio-composer{background:#171a22;min-width:0}.studio-composer>.panel-head{padding-bottom:18px}.studio-results{min-width:0}
.studio-results .task-list{grid-template-columns:minmax(0,1fr)}.studio-results .task-card{min-width:0;overflow-wrap:anywhere}.studio-results .task-title strong{min-width:0}.studio-results .error-text{overflow-wrap:anywhere}
.composer-form{display:flex;flex-direction:column;gap:14px;padding:0 20px 20px}
.studio-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:15px;margin-bottom:2px}
.studio-modes{display:inline-flex;background:#10131b;border:1px solid #2d3242;border-radius:24px;padding:4px;gap:3px}
.studio-modes button{background:transparent;border:0;color:var(--muted);border-radius:20px;padding:7px 15px;font-size:11px;min-height:32px;transition:background .15s,color .15s}
.studio-modes button[aria-pressed=true]{background:#353a4d;color:var(--text);box-shadow:0 2px 6px #0002}
.studio-modes button:hover{color:var(--text)}.studio-model{min-width:0}.studio-model select{border-radius:22px;background:#11151e;padding:10px 12px;font-size:11px;text-overflow:ellipsis}
.studio-editor{border:1px solid #292e3b;border-radius:17px;padding:17px;background:#20232d;min-width:0;margin:0;transition:border-color .15s}
.studio-editor:focus-within{border-color:#7380bc}.editor-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;min-height:19px}
.editor-heading label{font-size:13px;font-weight:600;color:var(--text);margin:0}.editor-heading label span{font-size:11px;font-weight:400;color:#9ba3b8;margin-left:7px}
.editor-heading>span{font:9px "Segoe UI",sans-serif;letter-spacing:.4px;color:#7f899f}.editor-heading>svg{width:15px;height:15px;color:#969eb2}
.studio-editor textarea{display:block;min-height:170px;width:100%;padding:0;border:0;border-radius:0;background:transparent;color:#e8eaf5;box-shadow:none;font-size:13px;line-height:1.9;resize:vertical}
.studio-editor textarea:focus{box-shadow:none;outline:0}.studio-editor textarea::placeholder{color:#8992a8;font-size:12px;line-height:1.9}
.studio-lyrics textarea{min-height:245px}.studio-editor textarea:disabled{opacity:.38;cursor:not-allowed}
.editor-footer{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:13px}.editor-hint{font-size:10px;color:#8b95ad;line-height:1.7}.editor-footer output{color:#78829a;font:10px Consolas,monospace;white-space:nowrap}
.studio-styles textarea{min-height:85px}.studio-styles>.editor-hint{margin-top:12px}
.style-suggestions{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.style-chip{border:1px solid #383e4f;border-radius:20px;background:#2b303e;display:inline-flex;align-items:center;gap:4px;color:#bac2d5;font-size:10px;line-height:1.4;padding:7px 10px;min-height:30px;transition:background .15s,border-color .15s}
.style-chip svg{width:11px;height:11px}.style-chip:hover{background:#383f51;border-color:#65718f}.style-chip[aria-pressed=true]{color:#d4daff;background:#343e60;border-color:#7e8cc2}
.studio-options{border:1px solid #292e3b;border-radius:14px;background:#20232d}.studio-options>summary{display:flex;align-items:center;gap:9px;padding:17px;cursor:pointer;list-style:none;font-size:12px;color:var(--text)}
.studio-options>summary::-webkit-details-marker{display:none}.studio-options>summary>svg{width:13px;height:13px;color:#a2acc4;transition:transform .15s}.studio-options[open]>summary>svg{transform:rotate(90deg)}
.studio-options summary small{font-size:10px;font-weight:400;color:#8b95ad;margin-left:7px}.studio-options summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:14px}
.studio-options-body{padding:4px 17px 18px}.studio-options .check-row{gap:14px;padding:0}.studio-options input,.studio-options select{font-size:11px}.studio-options .studio-sliders{margin-top:1px}
.studio-captcha{border-top:1px solid #333a4c;padding-top:13px}.studio-captcha>summary{cursor:pointer;font-size:11px;color:var(--muted)}.studio-captcha>.form-grid{margin-top:16px}
.studio-title-field{display:grid;grid-template-columns:17px minmax(0,1fr);align-items:center;column-gap:9px;row-gap:7px;padding:16px 17px;border:1px solid #292e3b;border-radius:14px;background:#20232d}
.studio-title-field:focus-within{border-color:#7380bc}.studio-title-field label{margin:0;color:#a6b0c8}.studio-title-field svg{width:16px;height:16px}.studio-title-field input{padding:0;border:0;background:transparent;box-shadow:none;font-size:12px;min-height:20px}.studio-title-field input::placeholder{color:#939cb1;font-size:11px}.studio-title-field p{grid-column:2;color:#7e89a2;font-size:10px}
.studio-create{padding-top:2px}.studio-create .btn{min-height:44px;border-radius:24px;font-size:13px}.studio-create p{text-align:center;color:#7e89a2;font-size:10px;margin-top:11px}
@media(min-width:1700px){.page-area{padding-top:35px}.metric{min-height:133px}.metric-value{font-size:32px}.chart{height:148px}.sidebar{width:240px}.main{margin-left:240px;width:calc(100% - 240px)}}
@media(max-width:1250px){.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-top{grid-template-columns:1.3fr 1fr}.sidebar{width:206px;padding-left:10px;padding-right:10px}.main{margin-left:206px;width:calc(100% - 206px)}.page-area{padding:25px 23px 0}.topbar{padding:0 23px}.brand{gap:8px;padding:0 8px}.brand strong{font-size:14px}.version{display:none}.grid-two{grid-template-columns:1fr}.info-columns{gap:20px}.studio-layout,.grid-equal{grid-template-columns:1fr}}
@media(max-width:900px){.grid-top{grid-template-columns:1fr}.page-heading{align-items:flex-start}.page-actions{padding-top:14px}.info-columns{grid-template-columns:1fr;gap:15px}.info-list{margin:0;gap:12px}.metrics{gap:10px}.metric{padding:14px;min-height:112px}.metric-value{font-size:25px}.steps{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.search{max-width:100%}.topbar-right .tag{display:none}}
@media(max-width:650px){.sidebar{position:sticky;top:0;left:0;width:100%;height:auto;padding:13px 15px 8px;border-right:0;border-bottom:1px solid var(--border);display:block}.app-shell{display:block}.brand{margin:0 0 15px;padding:0}.brand small{display:none}.brand strong{font-size:15px}.brand-symbol{width:28px;height:29px}.nav-label,.sidebar-bottom{display:none}.sidebar nav{display:contents}.sidebar nav>a{display:inline-flex;padding:7px 9px;min-height:33px;font-size:11px;margin-bottom:5px;gap:5px}.sidebar nav>a svg{width:13px;height:13px}.nav-count,.nav-arrow{display:none}.main{margin:0;width:100%}.topbar{height:41px;padding:0 17px}.page-area{padding:21px 16px 0}.page-heading{gap:10px;margin-bottom:21px;flex-wrap:wrap}.page-heading h1{font-size:24px}.page-actions{padding-top:0;width:100%;justify-content:flex-end}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-label{font-size:10px}.metric-value{font-size:26px}.grid-top,.grid-two{gap:15px;margin-bottom:15px}.panel-head{padding:16px}.panel-body{padding:0 16px 17px}.table-wrap{padding:0 9px 9px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.modal-body{padding:20px}.modal-head{padding:18px 20px}.toast-region{left:16px;right:16px;bottom:16px;max-width:none}footer{align-items:flex-start;flex-direction:column;font-size:8px;padding:20px 0}.endpoint{flex-wrap:wrap}.endpoint .muted{margin:0;width:100%}.studio-form{padding:17px}.toolbar{padding:13px}.tag{font-size:9px}.info-list{grid-template-columns:95px 1fr}.info-list dd{word-break:break-all}}
@media(max-width:650px){.studio-composer>.panel-head{padding:16px}.composer-form{padding:0 14px 16px;gap:12px}.studio-toolbar{gap:10px}.studio-modes button{padding:6px 11px}.studio-model select{font-size:10px;padding:10px}.studio-editor{padding:15px}.studio-lyrics textarea{min-height:230px}.editor-heading label span{font-size:10px;margin-left:5px}.studio-options-body{padding:2px 15px 17px}.editor-footer{gap:8px}.studio-results .task-list{padding:0 14px 16px}.studio-results .audio-row{flex-wrap:wrap}.studio-results .audio-row>div{flex-basis:calc(100% - 55px)}}
.docs .panel-head{flex-wrap:wrap}.docs .panel-body{min-width:0}.docs .table-wrap{padding:0}.docs table{white-space:normal;line-height:1.8}.docs th,.docs td{vertical-align:top}.docs p code,.docs td code,.docs .endpoint code{overflow-wrap:anywhere}.docs td:first-child{width:23%}.docs td:nth-child(2){width:15%}.docs strong{color:var(--text)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* Keep account protection rules readable on narrow screens. */
#account-policy-rules table{table-layout:fixed;min-width:0;width:100%}
#account-policy-rules th:first-child{width:30%}
#account-policy-rules th,#account-policy-rules td{white-space:normal;overflow-wrap:anywhere;line-height:1.8;vertical-align:top}