*{box-sizing:border-box}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.45;color:#172033;background:#eef2f7}body{min-height:100vh;margin:0;background:linear-gradient(180deg,#ffffffd9,#eef2f7b8),radial-gradient(circle at top left,rgba(38,132,255,.16),transparent 32rem),#eef2f7}#root{min-height:100vh}.si-root{min-height:100vh;height:100vh;overflow:hidden;display:flex;flex-direction:column;padding:18px 22px 22px}.si-topbar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 4px 18px}.si-topbar-left{display:flex;align-items:baseline;gap:14px;min-width:0}.si-brand{margin:0;color:#101828;font-size:22px;font-weight:760;letter-spacing:0}.si-brand-sub{color:#667085;font-size:13px;font-weight:500;white-space:nowrap}.si-topbar-right{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px}.si-pill-btn,.si-logout-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:0 14px;border:1px solid #d5dde8;border-radius:8px;background:#fff;color:#344054;font-size:13px;font-weight:650;cursor:pointer;box-shadow:0 1px 2px #1018280a;transition:border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.si-pill-btn:hover,.si-logout-btn:hover{border-color:#9db7d8;color:#1457a8;box-shadow:0 8px 20px #10182814;transform:translateY(-1px)}.si-main{flex:1;min-height:0;display:flex}.si-trilingual{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:#ffffffeb;border:1px solid rgba(203,213,225,.9);border-radius:8px;box-shadow:0 18px 50px #0f172a14}.si-tri-host-layout{flex:1;min-height:0;display:flex;flex-direction:column}.si-tri-toolbar{flex:0 0 auto;display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid #e6edf5;background:#fff}.si-tri-title{color:#101828;font-size:16px;font-weight:740}.si-tri-title:before{content:"";display:inline-block;width:8px;height:8px;margin-right:9px;border-radius:999px;background:#98a2b3;vertical-align:1px}.si-tri-detected-lang{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border:1px solid #dbe7f5;border-radius:999px;background:#f3f8ff;color:#175cd3;font-size:12px;font-weight:700}.si-tri-transcript-dock{flex:1;min-height:0;display:flex;flex-direction:column;background:#f7f9fc}.si-tri-transcript-dock-inner{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:18px 22px;scroll-behavior:smooth}.si-tri-transcript-dock-inner::-webkit-scrollbar{width:10px}.si-tri-transcript-dock-inner::-webkit-scrollbar-thumb{border:3px solid #f7f9fc;border-radius:999px;background:#c8d3e1}.si-tri-empty{display:flex;min-height:260px;align-items:center;justify-content:center;padding:34px 20px;text-align:center;color:#667085;font-size:15px;line-height:1.8}.si-tri-empty--capture-wait{display:block;min-height:0;max-width:720px;margin:0 auto;text-align:left}.si-tri-capture-warn{margin-top:16px;padding:12px 14px;border:1px solid #fedf89;border-radius:8px;background:#fffbeb;color:#92400e;font-size:13px;line-height:1.65}.si-tri-block{width:100%;max-width:1480px;margin:0 auto 12px;padding:15px 16px;border:1px solid #e4ebf3;border-radius:8px;background:#fff;box-shadow:0 1px 2px #1018280a}.si-tri-block--partial{border-color:#a8c7fa;background:#fbfdff;box-shadow:0 10px 26px #2563eb14}.si-tri-block-latency{display:flex;align-items:center;gap:7px;margin-bottom:10px;color:#475467;font-size:12px;font-weight:700}.si-tri-block-latency--streaming{color:#175cd3}.si-tri-block-line{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:start;gap:14px;padding:7px 0;color:#1d2939;font-size:15px;line-height:1.65;word-break:break-word}.si-tri-block-line+.si-tri-block-line{margin-top:4px;padding-top:12px;border-top:1px solid #edf2f7}.si-tri-block-line-body{min-width:0}.si-tri-line-lang-badge{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-width:62px;min-height:24px;padding:0 8px;border-radius:999px;background:#eef4ff;color:#175cd3;font-size:12px;font-weight:760;line-height:1}.si-tri-line-lang-badge--zh{background:#fff1f3;color:#c01048}.si-tri-line-lang-badge--en{background:#f4f3ff;color:#5925dc}.si-tri-line-lang-badge--id{background:#ecfdf3;color:#027a48}.si-tri-line-lang-badge--partial{border:1px solid rgba(23,92,211,.16)}.si-tri-line-plain,.si-tri-partial-live-text{color:#1d2939}.si-tri-partial-live-text{font-size:17px;font-weight:660}.si-tri-seg-pending{color:#667085;font-size:14px}.si-tri-footer{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:14px;padding:16px 18px;border-top:1px solid #e6edf5;background:#fff}.si-tri-btn{min-width:168px;min-height:44px;padding:0 22px;border:0;border-radius:8px;background:#155eef;color:#fff;font-size:15px;font-weight:760;cursor:pointer;box-shadow:0 10px 22px #155eef38;transition:background .18s ease,box-shadow .18s ease,transform .18s ease}.si-tri-btn:hover:not(:disabled){background:#004eeb;box-shadow:0 14px 30px #155eef47;transform:translateY(-1px)}.si-tri-btn--stop{background:#d92d20;box-shadow:0 10px 22px #d92d202e}.si-tri-btn--stop:hover:not(:disabled){background:#b42318;box-shadow:0 14px 30px #d92d203b}.si-tri-btn:disabled{opacity:.58;cursor:not-allowed;box-shadow:none}.si-tri-err{margin:0;padding:10px 18px;border-bottom:1px solid #fecdca;background:#fffbfa;color:#b42318;font-size:13px;line-height:1.55}.si-voice-badge{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 11px;border:1px solid #abefc6;border-radius:999px;background:#ecfdf3;color:#027a48;font-size:12px;font-weight:760}@media (max-width: 768px){.si-root{height:auto;min-height:100vh;overflow:visible;padding:12px}.si-topbar{align-items:flex-start;flex-direction:column}.si-topbar-left{align-items:flex-start;flex-direction:column;gap:4px}.si-trilingual{min-height:calc(100vh - 132px)}.si-tri-transcript-dock-inner{padding:12px}.si-tri-block-line{grid-template-columns:1fr;gap:6px;font-size:14px}.si-tri-btn{width:100%}}.voice-clone-view{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(180deg,#ffffffe0,#eef2f7c7),radial-gradient(circle at top left,rgba(38,132,255,.14),transparent 34rem),#eef2f7}.voice-clone-view .header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 28px;border-bottom:1px solid rgba(203,213,225,.9);background:#ffffffeb}.voice-clone-view .app-title,.voice-clone-view .header__title{color:#101828;font-size:21px;font-weight:780}.voice-clone-view .btn-link{min-height:36px;padding:0 14px;border:1px solid #d5dde8;border-radius:8px;background:#fff;color:#344054;font-size:13px;font-weight:700;cursor:pointer}.voice-clone-view .main-content{flex:1;width:100%;max-width:980px;margin:0 auto;padding:28px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:18px}.clone-card,.voice-list-card{border:1px solid rgba(203,213,225,.9);border-radius:8px;background:#fffffff0;box-shadow:0 18px 50px #0f172a14}.clone-card{padding:28px}.voice-list-card{align-self:start;padding:22px}.card-title{margin:0 0 8px;color:#101828;font-size:18px;font-weight:760}.card-desc{margin:0 0 24px;color:#667085;font-size:13px;line-height:1.7}.clone-card .form-group,.voice-clone-view .form-group{margin-bottom:18px}.clone-card label,.voice-clone-view label{display:block;margin-bottom:8px;color:#344054;font-size:13px;font-weight:700}.clone-card input[type=text],.voice-clone-view input[type=text]{width:100%;min-height:44px;padding:0 13px;border:1px solid #d5dde8;border-radius:8px;outline:none;background:#fff;color:#172033;font-size:15px}.clone-card input[type=text]:focus,.voice-clone-view input[type=text]:focus{border-color:#155eef;box-shadow:0 0 0 4px #155eef1a}.lang-options{display:flex;flex-wrap:wrap;gap:8px}.lang-option{min-height:36px;padding:0 14px;border:1px solid #d5dde8;border-radius:8px;background:#fff;color:#344054;font-size:13px;font-weight:700;cursor:pointer}.lang-option--active{border-color:#84adff;background:#eff4ff;color:#155eef}.btn-upload{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border:1px dashed #9db7d8;border-radius:8px;background:#f8fbff;color:#175cd3;font-size:14px;font-weight:700;cursor:pointer}.file-name{display:inline-block;margin-left:12px;color:#475467;font-size:13px;vertical-align:middle}.audio-preview{margin-bottom:18px}.audio-preview audio{width:100%;height:42px}.btn-clone{width:100%;min-height:44px;border:0;border-radius:8px;background:#155eef;color:#fff;font-size:15px;font-weight:760;cursor:pointer;box-shadow:0 10px 22px #155eef38}.btn-clone:disabled{opacity:.58;cursor:not-allowed;box-shadow:none}.error-banner,.success-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px;padding:10px 12px;border-radius:8px;font-size:13px}.error-banner{border:1px solid #fecdca;background:#fffbfa;color:#b42318}.success-banner{margin-top:16px;margin-bottom:0;border:1px solid #abefc6;background:#ecfdf3;color:#027a48;flex-wrap:wrap}.error-banner__message,.success-banner__message{flex:1;font-weight:650}.error-banner__close{border:0;background:transparent;color:#b42318;font-size:18px;cursor:pointer}.voice-id-display{max-width:100%;padding:4px 7px;border-radius:6px;background:#027a4814;color:#05603a;font-size:12px;word-break:break-all}.voice-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid #e4ebf3;border-radius:8px;background:#f8fbff}.voice-info{min-width:0}.voice-name{margin-bottom:5px;color:#101828;font-size:15px;font-weight:720}.voice-id{color:#667085;font-size:11px;word-break:break-all}.btn-delete{flex:0 0 auto;min-height:34px;padding:0 12px;border:1px solid #fecdca;border-radius:8px;background:#fffbfa;color:#b42318;font-size:13px;font-weight:700;cursor:pointer}.empty-state{padding:28px 14px;border:1px dashed #cbd5e1;border-radius:8px;color:#667085;text-align:center;font-size:14px}@media (max-width: 860px){.voice-clone-view .main-content{grid-template-columns:1fr;padding:18px 12px}.clone-card,.voice-list-card{padding:20px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background-color:#f5f5f7;color:#1a1a1a;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}.header{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #e0e0e4;position:sticky;top:0;z-index:100}.header__title{font-size:20px;font-weight:700;color:#1a1a1a}.header__actions{display:flex;gap:20px;align-items:center}.btn-link{background:none;border:none;color:#636366;font-size:14px;cursor:pointer;transition:color .2s}.btn-link:hover{color:#1a1a1a}.main-content{flex:1;padding:48px 64px;width:100%}