:root{--ink:#19211e;--muted:#69736f;--line:#dfe4e1;--soft:#f4f6f4;--paper:#fff;--dark:#17201d;--green:#1b7f5a;--green-soft:#e6f4ee;--coral:#e7684a;--shadow:0 16px 40px rgba(24,33,30,.12)}*{box-sizing:border-box}body{margin:0;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);background:#f5f7f5;letter-spacing:0}button,input,textarea,select{font:inherit;color:inherit;letter-spacing:0}button{cursor:pointer}.hidden{display:none!important}.eyebrow{margin:0 0 7px;font-size:11px;font-weight:750;letter-spacing:1.5px;color:#7a8681}.brand-mark{width:46px;height:46px;display:grid;place-items:center;background:var(--coral);color:#fff;border-radius:7px}.brand-mark.small{width:34px;height:34px}.brand-mark svg{width:23px}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,44%) 1fr;background:#eef1ef}.login-panel{background:#fff;padding:clamp(42px,8vw,110px);display:flex;flex-direction:column;justify-content:center}.login-panel h1{font-size:44px;margin:14px 0 10px}.login-copy{color:var(--muted);line-height:1.7;max-width:420px;margin:0 0 34px}.login-panel form{max-width:420px}.login-panel label,.drawer label,.work-form label{display:grid;gap:8px;font-size:13px;font-weight:650}.login-panel input,.drawer input,.work-form input,.work-form textarea,.work-form select{width:100%;border:1px solid var(--line);background:#fff;border-radius:6px;padding:12px 13px;outline:none;transition:.2s}.login-panel input:focus,.drawer input:focus,.work-form input:focus,.work-form textarea:focus,.work-form select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(27,127,90,.1)}.btn{height:42px;border:0;border-radius:6px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700}.btn svg{width:17px}.btn.primary{background:var(--green);color:#fff}.btn.primary:hover{background:#146b4b}.btn.secondary{background:#fff;border:1px solid var(--line)}.btn.light{background:#fff;color:var(--ink)}.btn.wide{width:100%;margin-top:14px}.form-error{height:18px;color:#b73939;font-size:12px}.secure-note{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:12px;margin-top:25px}.secure-note svg{width:16px}.login-visual{position:relative;background:var(--dark);overflow:hidden;color:#fff;min-height:100vh}.signal-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:52px 52px}.signal-grid:after{content:"";position:absolute;width:56%;aspect-ratio:1;left:22%;top:21%;border:1px solid rgba(255,255,255,.2);transform:rotate(45deg);box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.02)}.visual-copy{position:absolute;left:10%;bottom:12%;font-size:13px}.visual-copy h2{font-size:38px;line-height:1.25;margin:18px 0}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#33c789;box-shadow:0 0 0 4px rgba(51,199,137,.13);margin-right:8px}.app-shell{min-height:100vh;display:grid;grid-template-columns:230px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:var(--dark);color:#fff;padding:24px 15px 18px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;padding:0 9px 28px}.brand strong{font-size:18px}.sidebar nav{display:grid;gap:5px}.nav-item{height:43px;border:0;border-radius:6px;background:transparent;color:#aeb8b4;padding:0 12px;display:flex;align-items:center;gap:12px;text-align:left}.nav-item svg{width:18px}.nav-item span{flex:1}.nav-item b{font-size:11px;background:#313c38;padding:2px 7px;border-radius:9px}.nav-item.active,.nav-item:hover{background:#28332f;color:#fff}.sidebar-foot{margin-top:auto;border-top:1px solid #303a36;padding:18px 5px 0;display:flex;align-items:center;gap:8px}.server-state{display:flex;align-items:center;flex:1}.server-state div{display:grid}.server-state strong{font-size:12px}.server-state small{font-size:10px;color:#8f9a96;margin-top:2px}.icon-btn{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:inherit}.icon-btn:hover{background:rgba(127,127,127,.12)}.icon-btn svg{width:18px}main{grid-column:2;min-width:0;padding:0 34px 48px}.topbar{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:28px}.topbar h1{font-size:24px;margin:0}.top-actions{display:flex;align-items:center;gap:8px}.active-chip{height:34px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:0 13px;display:flex;align-items:center;font-size:12px}.view{display:none;max-width:1280px;margin:auto}.view.active{display:block}.hero-status{background:var(--green);color:#fff;min-height:205px;padding:36px 40px;display:flex;align-items:center;justify-content:space-between;border-radius:7px;margin-bottom:20px}.status-label{font-size:11px;font-weight:800;letter-spacing:1.2px;display:flex;gap:7px}.status-label svg{width:15px}.hero-status h2{font-size:29px;margin:26px 0 8px}.hero-status p{margin:0;color:#d6eee5}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.metric-grid article,.panel{background:#fff;border:1px solid var(--line);border-radius:7px}.metric-grid article{padding:20px;display:grid;grid-template-columns:40px 1fr}.metric-grid article p{font-size:12px;color:var(--muted);margin:1px 0}.metric-grid article strong{font-size:29px;grid-column:2}.metric-grid article small{grid-column:2;color:#8a938f}.metric-icon{width:34px;height:34px;border-radius:6px;display:grid;place-items:center}.metric-icon svg{width:17px}.metric-icon.green{background:#e4f2ec;color:#177755}.metric-icon.orange{background:#fff0e6;color:#c75d29}.metric-icon.blue{background:#e7f0f6;color:#327293}.metric-icon.rose{background:#f8e9e9;color:#a94b53}.overview-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:14px}.panel{padding:22px}.panel-head,.section-tools,.result-head{display:flex;justify-content:space-between;align-items:center}.panel-head h3{margin:0;font-size:16px}.text-btn{border:0;background:transparent;color:var(--green);font-weight:700;display:flex;align-items:center;gap:4px}.text-btn svg{width:15px}.empty-inline{height:150px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted)}.empty-inline svg{width:22px}.active-detail{margin-top:25px;display:grid;grid-template-columns:1.3fr 1fr;gap:18px}.active-detail h4{margin:0 0 6px;font-size:19px}.active-detail p{margin:0;color:var(--muted);font-size:12px;overflow-wrap:anywhere}.capabilities{display:flex;flex-wrap:wrap;gap:7px;align-content:start}.capabilities span{font-size:11px;padding:6px 8px;background:var(--soft);border-radius:4px}.check-list{display:grid;margin-top:17px}.check-list>div{display:flex;gap:12px;padding:12px 0;border-top:1px solid #edf0ee}.check-list>div>span{width:26px;height:26px;background:var(--soft);display:grid;place-items:center;border-radius:50%;font-weight:750;font-size:12px}.check-list p{display:grid;margin:0}.check-list strong{font-size:13px}.check-list small{color:var(--muted);margin-top:3px}.section-tools{margin-bottom:22px}.section-tools h2{margin:0 0 6px;font-size:21px}.section-tools p{margin:0;color:var(--muted);font-size:13px}.provider-list{display:grid;gap:12px}.provider-card{background:#fff;border:1px solid var(--line);border-radius:7px;padding:20px;display:grid;grid-template-columns:1.2fr 1.4fr auto;gap:22px;align-items:center}.provider-card.active{border-left:4px solid var(--green)}.provider-main{display:flex;align-items:center;gap:13px;min-width:0}.provider-logo{width:42px;height:42px;border-radius:7px;background:#222c28;color:#fff;display:grid;place-items:center}.provider-logo svg{width:20px}.provider-main h3{font-size:15px;margin:0 0 6px}.provider-main p{font-size:11px;color:var(--muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag{font-size:10px;padding:3px 6px;border-radius:4px;background:var(--green-soft);color:var(--green);margin-left:6px}.provider-models{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.model-line{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-line b{color:var(--ink);font-weight:650}.provider-actions{display:flex;align-items:center;gap:4px}.status-dot{width:8px;height:8px;border-radius:50%;background:#aeb6b2}.status-dot.online{background:#33b982}.status-dot.error{background:#d95d5d}.empty-state{background:#fff;border:1px dashed #cbd2ce;min-height:290px;display:grid;place-items:center;text-align:center;border-radius:7px}.empty-state svg{width:33px;color:#87928d}.empty-state h3{margin:14px 0 6px}.empty-state p{color:var(--muted);margin:0 0 18px}.playground{background:#fff;border:1px solid var(--line);border-radius:7px;overflow:hidden}.tabbar{height:58px;border-bottom:1px solid var(--line);display:flex;padding:0 18px;gap:6px}.tab{border:0;background:transparent;padding:0 16px;display:flex;align-items:center;gap:8px;color:var(--muted);font-weight:650;border-bottom:2px solid transparent}.tab svg{width:17px}.tab.active{color:var(--green);border-color:var(--green)}.tab-content{display:none;grid-template-columns:minmax(340px,.9fr) 1.1fr;min-height:570px}.tab-content.active{display:grid}.work-form{padding:27px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:18px}.work-form textarea{resize:vertical;line-height:1.55}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.action-row{display:flex;justify-content:space-between;gap:10px}.file-btn input,.dropzone input{display:none}.result-pane{padding:26px;background:#fafbfa;min-width:0}.result-head{font-size:12px;font-weight:750;margin-bottom:18px}.result{min-height:430px;background:#fff;border:1px solid var(--line);border-radius:6px;padding:22px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.empty-result{display:grid;place-items:center;align-content:center;color:#919b97;text-align:center}.empty-result svg{width:32px}.empty-result p{margin:12px}.result img{max-width:100%;display:block;margin:auto}.result audio{width:100%;margin-top:40%}.previews{display:flex;gap:8px}.previews img{width:62px;height:62px;object-fit:cover;border-radius:5px}.dropzone{min-height:230px!important;border:1px dashed #bfc8c3;border-radius:7px;display:grid!important;place-items:center;align-content:center!important;text-align:center;background:#fafbfa;cursor:pointer}.dropzone svg{width:34px;color:var(--green);margin-bottom:15px}.dropzone span{font-size:12px;color:var(--muted);margin-top:7px}.drawer-wrap{position:fixed;inset:0;z-index:30}.drawer-backdrop{position:absolute;inset:0;background:rgba(16,22,20,.48)}.drawer{position:absolute;right:0;top:0;bottom:0;width:min(560px,100%);background:#fff;box-shadow:var(--shadow);overflow:auto}.drawer header{height:88px;padding:0 28px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.drawer h2{margin:0;font-size:21px}.drawer form{padding:24px 28px;display:grid;gap:17px}.drawer label small{color:var(--muted);font-weight:400}.password-field{display:flex;border:1px solid var(--line);border-radius:6px}.password-field input{border:0}.divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px;font-weight:750}.divider:after{content:"";height:1px;background:var(--line);flex:1}.switch-row{display:flex!important;align-items:center;justify-content:space-between;background:var(--soft);padding:13px;border-radius:6px}.switch-row span{display:grid}.switch-row input{display:none}.switch-row i{width:38px;height:22px;border-radius:12px;background:#b5bdb9;position:relative}.switch-row i:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;left:3px;top:3px;transition:.2s}.switch-row input:checked+i{background:var(--green)}.switch-row input:checked+i:after{left:19px}.drawer footer{position:sticky;bottom:-24px;background:#fff;border-top:1px solid var(--line);padding:16px 0 24px;display:flex;justify-content:flex-end;gap:9px}.toast-stack{position:fixed;right:20px;bottom:20px;display:grid;gap:9px;z-index:50}.toast{background:#202925;color:#fff;border-radius:6px;padding:13px 16px;box-shadow:var(--shadow);font-size:13px;max-width:360px}.toast.error{background:#9e3e3e}.loading{opacity:.65;pointer-events:none}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.login-shell{grid-template-columns:1fr}.login-visual{display:none}.app-shell{display:block;padding-bottom:66px}.sidebar{position:fixed;top:auto;right:0;width:auto;height:64px;padding:6px 12px;flex-direction:row}.brand,.sidebar-foot{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.nav-item{height:52px;justify-content:center;flex-direction:column;gap:3px;font-size:10px}.nav-item b{display:none}main{padding:0 18px 28px}.topbar{height:78px}.active-chip{display:none}.metric-grid{grid-template-columns:1fr 1fr}.overview-grid{grid-template-columns:1fr}.provider-card{grid-template-columns:1fr}.tabbar{overflow:auto;padding:0 8px}.tab{padding:0 10px;white-space:nowrap}.tab-content.active{grid-template-columns:1fr}.work-form{border-right:0;border-bottom:1px solid var(--line)}.hero-status{padding:28px 24px;align-items:flex-start;gap:20px;flex-direction:column}.hero-status h2{font-size:24px}.result{min-height:300px}.login-panel{padding:36px 25px}.form-row{grid-template-columns:1fr}.provider-models{grid-template-columns:1fr}.topbar h1{font-size:20px}}

/* Independent capability routing */
.drawer select{width:100%;border:1px solid var(--line);background:#fff;border-radius:6px;padding:12px 13px;outline:none}.drawer select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(27,127,90,.1)}
.provider-list{gap:22px}.capability-group{display:grid;gap:10px}.capability-head{display:flex;justify-content:space-between;align-items:center;padding:0 4px}.capability-head>span{display:flex;align-items:center;gap:9px}.capability-head svg{width:18px;color:var(--green)}.capability-head small{color:var(--muted);margin-left:4px}.capability-empty{padding:26px;background:#fff;border:1px dashed #cbd2ce;border-radius:7px;color:var(--muted);text-align:center}.route-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}.route-item{display:flex;align-items:center;gap:10px;padding:12px;background:var(--soft);border-radius:6px;color:#8a938f}.route-item.ready{color:var(--ink);background:var(--green-soft)}.route-item>svg{width:18px}.route-item span{display:grid;min-width:0}.route-item b{font-size:12px}.route-item small{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:900px){.route-grid{grid-template-columns:1fr}}
.dropzone.compact{min-height:132px!important}.dropzone.compact svg{width:26px;margin-bottom:8px}.voice-result{min-height:20px;color:var(--muted);font-size:12px;line-height:1.6;white-space:pre-wrap}
.voice-result.error{color:#b73939}#speechTab{grid-template-columns:minmax(320px,.9fr) 1.1fr}.voice-upload-form{background:#f8faf8}.form-section-head{display:flex;align-items:center;gap:12px}.form-section-head h3{margin:0 0 4px;font-size:15px}.form-section-head p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.voice-clone-fields{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:18px;min-width:0}.voice-clone-fields:disabled{opacity:.55}.voice-upload-form.unavailable .dropzone{cursor:not-allowed}.speech-result-pane .result{min-height:500px}
.security-note{display:flex;gap:13px;padding:15px;background:var(--green-soft);border-radius:7px}.security-note>svg{width:22px;flex:0 0 auto;color:var(--green)}.security-note strong{font-size:13px}.security-note p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.6}.drawer #securityForm label small{color:var(--muted);font-weight:400}
@media(max-width:900px){.sidebar nav{grid-template-columns:repeat(5,1fr)}}
@media(max-width:1180px){.speech-result-pane .result{min-height:300px}.speech-result-pane .result audio{margin-top:80px}}
@media(max-width:900px){#speechTab{grid-template-columns:1fr}.speech-result-pane{grid-column:auto}.voice-upload-form{border-bottom:1px solid var(--line)}}
.voice-manager{grid-template-columns:minmax(340px,.9fr) 1.1fr}.voice-list{display:grid;gap:10px}.voice-item{background:#fff;border:1px solid var(--line);border-radius:6px;padding:14px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.voice-item.default{border-left:4px solid var(--green)}.voice-item>div{display:grid;gap:5px;min-width:0}.voice-item small{color:var(--muted);overflow-wrap:anywhere}.voice-item .btn{flex:0 0 auto}.voice-actions{display:flex!important;align-items:center;justify-content:flex-end;gap:8px}.voice-preview{grid-column:1/-1}.voice-preview:empty{display:none}.voice-preview audio{width:100%}.icon-btn.danger{color:#b42318}.icon-btn.danger:hover{background:#fff0ee}.compact-empty{min-height:180px}.check-row{display:flex!important;align-items:center;gap:10px;background:var(--soft);padding:12px;border-radius:6px}.check-row input{width:18px!important}.check-row span{display:grid;gap:2px}.check-row small{color:var(--muted);font-weight:400}.chat-audio-result audio{width:100%;margin-top:14px}@media(max-width:900px){.voice-manager{grid-template-columns:1fr}.voice-item{grid-template-columns:1fr}.voice-actions{justify-content:flex-start}.voice-preview{grid-column:1}}
.access-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.access-panel{min-width:0}.inline-admin-form{display:grid;gap:14px;padding:18px 0 22px;border-bottom:1px solid var(--line)}.inline-admin-form label{display:grid;gap:7px;font-size:12px;font-weight:650}.inline-admin-form input,.inline-admin-form textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:6px;padding:11px 12px;outline:none;resize:vertical}.inline-admin-form input:focus,.inline-admin-form textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(27,127,90,.1)}.inline-admin-form>.btn{justify-self:start}.admin-list{display:grid;gap:8px;margin-top:18px}.admin-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px;background:var(--soft);border-radius:6px}.admin-row>div:first-child{display:grid;gap:5px;min-width:0}.admin-row strong{font-size:13px;overflow-wrap:anywhere}.admin-row small{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.admin-row-actions{display:flex;align-items:center;gap:3px}.tag.muted{background:#e7e9e8;color:#68716d}@media(max-width:1050px){.access-grid{grid-template-columns:1fr}}@media(max-width:900px){.admin-row{grid-template-columns:1fr}.admin-row-actions{justify-content:flex-start}.sidebar{overflow-x:auto}.nav-item{padding:0 4px}.nav-item span{font-size:9px}}