@charset "UTF-8";
:root{--page:#f4f6f9;--surface:#fff;--ink:#1c3046;--muted:#64758a;--line:#dce3ed;--accent:#345a9b;--accent-hover:#294b85;--soft:#eaf0fa;--success:#34745b;--danger:#a43a42;--sidebar:#f8fafd;--radius:12px;--display:"Bahnschrift","Microsoft JhengHei",sans-serif;--body:"Microsoft JhengHei UI","PingFang TC",system-ui,sans-serif;color-scheme:light}
:root[data-theme=dark]{--page:#141d29;--surface:#1c2838;--ink:#e2eaf5;--muted:#a4b3c7;--line:#334255;--accent:#a4c0f2;--accent-hover:#c3d7fa;--soft:#283b57;--success:#8ac9ac;--danger:#f7a6af;--sidebar:#172230;color-scheme:dark}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--page:#141d29;--surface:#1c2838;--ink:#e2eaf5;--muted:#a4b3c7;--line:#334255;--accent:#a4c0f2;--accent-hover:#c3d7fa;--soft:#283b57;--success:#8ac9ac;--danger:#f7a6af;--sidebar:#172230;color-scheme:dark}}
*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--ink);font-family:var(--body);font-size:14px;line-height:1.7}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button,a{transition:background .15s,color .15s}a{color:var(--accent)}h1,h2,h3,p{margin-top:0}h1{font-family:var(--display);font-size:34px;letter-spacing:-1px;line-height:1.25;font-weight:650;margin-bottom:12px}h2{font-size:17px;line-height:1.5;font-weight:700;margin-bottom:16px}h3{font-size:15px;margin-bottom:6px}.muted,.caption,.footnote{color:var(--muted)}.caption{font-size:12px;line-height:1.8;margin:8px 0 16px;overflow-wrap:anywhere}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--accent);font-weight:700;margin-bottom:12px}.centered{text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.skip-link{position:fixed;top:-100px;left:20px;z-index:10;background:var(--surface);padding:10px}.skip-link:focus{top:10px}[hidden]{display:none!important}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;background:var(--sidebar);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:36px 20px 20px;z-index:3}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);padding:0 12px 38px;font-size:16px;line-height:1.3}.brand strong{font-weight:600}.brand small{display:block;font-size:10px;letter-spacing:2px;color:var(--muted);margin-top:9px}.voice-mark{font-family:Georgia,serif;font-size:39px;letter-spacing:-5px;line-height:1;color:var(--accent);transform:rotate(180deg);padding-right:6px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav button{padding:12px 16px;border-radius:8px;display:flex;align-items:center;gap:14px;background:transparent;color:var(--muted);text-align:left;font-weight:600}.sidebar nav button span{font-family:system-ui;font-size:20px;width:20px;text-align:center;line-height:1}.sidebar nav button:hover{background:var(--soft);color:var(--accent)}.sidebar nav button.active{background:var(--soft);color:var(--accent)}.sidebar-bottom{margin-top:auto}.identity{border-top:1px solid var(--line);padding:22px 6px 16px;display:flex;align-items:center;gap:10px;font-size:13px}.avatar{display:grid;place-items:center;background:var(--soft);color:var(--accent);width:34px;height:34px;border-radius:50%;font-family:var(--display)}.identity small{display:block;font-size:11px;color:var(--muted)}.private-label{margin-left:auto;font-size:10px;background:var(--surface);border:1px solid var(--line);padding:1px 7px;border-radius:4px}.bottom-actions{display:flex;justify-content:space-between}.quiet{background:transparent;color:var(--muted);font-size:11px;padding:8px}.workspace{margin-left:232px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 46px;font-size:12px;color:var(--muted)}.topbar #breadcrumb span{margin:0 14px;color:var(--line)}.badge{display:inline-flex;align-items:center;gap:7px;font-size:11px;border:1px solid var(--line);border-radius:20px;padding:5px 12px;color:var(--muted);white-space:nowrap}.badge:before{content:"";height:6px;width:6px;border-radius:50%;background:var(--muted)}.badge.ready{color:var(--success)}.badge.ready:before{background:var(--success)}main#main{width:100%;max-width:1420px;padding:44px 46px 24px;margin:0 auto;flex:1}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.page-heading .muted{margin-bottom:0;font-size:13px}.outline-tag{font-size:11px;border:1px solid var(--line);border-radius:6px;padding:6px 12px;color:var(--muted)}.studio-grid{display:grid;grid-template-columns:minmax(0,1fr) 306px;gap:24px;align-items:stretch}.editor-surface,.controls-surface,.result-surface,.section-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.surface-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.surface-title h2{margin:0}.editor-surface{padding:26px;display:flex;flex-direction:column}.text-button{font-size:12px;color:var(--accent);background:transparent;padding:4px 0;border-bottom:1px solid transparent}.text-button:hover{border-color:var(--accent)}textarea,input:not([type=range]):not([type=radio]):not([type=checkbox]):not([type=file]),select{width:100%;border:1px solid var(--line);border-radius:7px;padding:10px 12px;background:var(--surface);color:var(--ink)}textarea{resize:vertical;line-height:2;min-height:160px}textarea::placeholder,input::placeholder{color:var(--muted);opacity:.8}.editor-surface textarea{border:0;border-radius:0;background:transparent;padding:18px 0;resize:vertical;min-height:350px;flex:1;font-size:15px;line-height:2.2}.editor-surface textarea:focus{outline:0}.editor-surface:focus-within{border-color:var(--accent)}.editor-footer{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px}.editor-tip{display:flex;gap:12px;color:var(--muted);font-size:11px;margin-top:24px;align-items:center}.editor-tip>span:first-child{font-size:20px;color:var(--accent)}.controls-surface{padding:26px 24px}label,legend{display:block;font-size:12px;font-weight:650;margin-bottom:8px}label:not(:first-child){margin-top:18px}select{height:43px;font-size:12px}.control-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.control-row label{margin-top:0}.range-label{display:flex;align-items:center;justify-content:space-between;margin:24px 0 6px;font-size:12px}.range-label label{margin:0}input[type=range]{width:100%;accent-color:var(--accent)}fieldset{border:0;padding:0;margin:22px 0}legend{padding:0}.format-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.format-options label{margin:0;border:1px solid var(--line);border-radius:7px;padding:8px;font-size:12px;white-space:nowrap}.format-options small{font-size:10px;color:var(--muted);font-weight:400;margin-left:3px}input[type=radio],input[type=checkbox]{accent-color:var(--accent)}.primary,.secondary,.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:11px 18px;border-radius:7px;font-size:13px;font-weight:600;min-height:43px;text-decoration:none}.primary{background:var(--accent);color:var(--surface)}.primary:hover{background:var(--accent-hover)}.secondary{background:var(--soft);color:var(--accent)}.danger-button{color:var(--danger);background:transparent}.wide{width:100%;justify-content:space-between}.result-surface{margin-top:24px;padding:24px 26px}.empty-result{display:flex;align-items:center;gap:22px;min-height:74px}.sound-symbol{color:var(--accent);background:var(--soft);width:54px;height:54px;border-radius:50%;font-size:32px;display:grid;place-items:center;flex-shrink:0}.empty-result h3{font-size:13px}.empty-result p{color:var(--muted);font-size:12px;margin:0}.footnote{font-size:11px;margin-top:18px;line-height:1.8}.workspace-footer{font-size:10px;color:var(--muted);display:flex;justify-content:space-between;gap:12px;margin:20px 46px;padding:20px 0 0;border-top:1px solid var(--line)}.section-box{padding:26px;margin-bottom:22px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:26px}.upload-zone{border:1px dashed var(--line);border-radius:9px;text-align:center;padding:24px 12px;cursor:pointer}.upload-zone>span{font-size:28px;display:block;color:var(--accent)}.upload-zone strong{display:block;font-size:13px}.upload-zone small{display:block;font-size:11px;color:var(--muted);font-weight:400;margin:8px 0 14px}.upload-zone input{max-width:100%;font-size:11px}.check-label{display:flex;align-items:flex-start;gap:8px;font-size:12px;font-weight:400}.check-label input{margin-top:5px}.recording-guide{padding:18px 6px;font-size:12px;color:var(--muted)}.voice-item,.job-item{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:22px;margin-bottom:14px;overflow-wrap:anywhere}.item-header{display:flex;align-items:center;justify-content:space-between;gap:14px}.item-title{font-size:14px;font-weight:650}.item-meta{font-size:11px;color:var(--muted);margin:8px 0}.item-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:14px}.item-actions button,.item-actions a{font-size:12px}.item-actions a{padding:4px 0}.status-label{font-size:11px;color:var(--muted);background:var(--soft);border-radius:5px;padding:3px 8px}.status-label.completed,.status-label.ready{color:var(--success)}.status-label.failed{color:var(--danger)}audio{display:block;width:100%;height:40px;margin:14px 0}.job-script{white-space:pre-wrap;font-size:13px;color:var(--muted);max-height:130px;overflow:auto;margin:12px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:24px}.stat-value{font-family:var(--display);font-size:34px;line-height:1.4}.stat-name{font-size:12px;color:var(--muted)}.info-row{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0;font-size:12px;gap:18px}.info-row span:first-child{color:var(--muted)}.info-row span:last-child{text-align:right;overflow-wrap:anywhere;max-width:70%}.filters{display:flex;align-items:flex-end;flex-wrap:wrap;gap:14px;margin-bottom:24px}.filters>div{flex:1;min-width:130px}.filters input,.filters select{height:43px}.inline-form{display:flex;align-items:center;gap:10px;margin-bottom:16px}.inline-form input{min-width:0}.inline-form button{white-space:nowrap}.inline-form label{white-space:nowrap;margin:0}.pagination{display:flex;align-items:center;justify-content:center;gap:18px;padding-top:20px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);padding:14px 22px;border:1px solid var(--line);border-radius:9px;background:var(--ink);color:var(--surface);box-shadow:0 6px 28px #0002;z-index:8;font-size:13px;overflow-wrap:anywhere}.error-text{color:var(--danger);font-size:12px;min-height:24px}.login-body{display:grid;place-items:center;min-height:100vh}.login-layout{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:100px;width:min(1000px,100%);padding:60px 32px}.wordmark{display:flex;align-items:center;gap:14px;font-family:var(--display);font-size:19px;margin-bottom:70px}.login-intro h1{font-size:40px;line-height:1.5;font-weight:600;letter-spacing:-.8px}.login-intro .muted{font-size:14px;line-height:2}.login-note{margin-top:56px;font-size:11px;color:var(--muted);display:flex;align-items:center;gap:9px}.small-dot{height:6px;width:6px;border-radius:50%;background:var(--accent)}.login-card{border:1px solid var(--line);border-radius:16px;padding:40px;background:var(--surface);box-shadow:0 16px 40px #20314a06}.login-card h2{font-size:23px}.login-card .muted{font-size:12px}.login-card form{margin-top:30px}.login-card>.caption{margin-top:26px;margin-bottom:0}progress{width:100%;accent-color:var(--accent);height:8px;margin-top:20px}.segment-links{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;margin-top:14px}
@media(min-width:1500px){.editor-surface textarea{min-height:420px}}
@media(max-width:1100px){.sidebar{width:194px;padding-left:12px;padding-right:12px}.brand{padding-left:8px;font-size:14px;gap:9px}.workspace{margin-left:194px}.topbar{padding:0 26px}main#main{padding:30px 26px}.studio-grid{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.controls-surface{padding:22px 18px}.editor-surface{padding:22px}.workspace-footer{margin:20px 26px}.two-column{gap:18px}.section-box{padding:22px}.login-layout{gap:50px}.stats-grid{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.sidebar{position:relative;width:100%;padding:16px 20px 0;display:block;border-right:0;border-bottom:1px solid var(--line)}.brand{padding:0 0 16px;font-size:17px}.brand small{display:none}.sidebar nav{flex-direction:row;overflow:auto;gap:6px;margin:0 -20px;padding:0 16px 10px}.sidebar nav button{white-space:nowrap;padding:9px 12px;gap:7px;font-size:12px}.sidebar nav button span{font-size:16px}.sidebar-bottom{position:absolute;right:14px;top:15px}.identity{display:none}.bottom-actions{gap:0}.workspace{margin-left:0}.topbar{height:58px;padding:0 22px}.studio-grid{grid-template-columns:minmax(0,1fr) 268px}.outline-tag{display:none}.two-column{grid-template-columns:1fr}.login-layout{gap:40px}.login-intro h1{font-size:32px}.login-card{padding:30px}.wordmark{margin-bottom:40px}}
@media(max-width:600px){main#main{padding:28px 18px 18px}.topbar{padding:0 18px;font-size:10px}.badge{font-size:10px;padding:4px 9px}.page-heading{margin-bottom:24px}h1{font-size:29px}.eyebrow{font-size:10px}.studio-grid{grid-template-columns:1fr;gap:16px}.editor-surface{padding:21px}.editor-surface textarea{min-height:280px}.editor-footer{font-size:9px}.controls-surface{padding:22px}.controls-surface .control-row{margin-bottom:18px}.result-surface{padding:20px}.empty-result{gap:14px}.empty-result h3{font-size:12px}.empty-result p{font-size:11px}.sound-symbol{height:42px;width:42px;font-size:27px}.workspace-footer{margin:14px 18px;font-size:9px}.workspace-footer span:last-child{max-width:190px;text-align:right}.stats-grid{gap:12px}.stat{padding:18px}.login-layout{display:block;padding:36px 22px;max-width:460px}.login-intro h1{font-size:28px}.login-intro .muted,.login-note{display:none}.wordmark{margin-bottom:32px}.login-card{margin-top:28px;padding:28px}.login-card h2{font-size:21px}.login-card>.caption{font-size:10px}.filters{gap:12px}.filters>div{min-width:140px}.filters button{width:100%}.section-box{padding:22px}.item-header{align-items:flex-start}.inline-form{flex-wrap:wrap}.inline-form input{flex:1}.check-label{line-height:1.9}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.api-docs{max-width:1000px;margin:0 auto;padding:40px 20px}.api-docs pre{max-width:100%;overflow:auto;font-size:12px}.api-docs h2{overflow-wrap:anywhere}