:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Microsoft YaHei,sans-serif;color:#171a23;background:#fff;font-synthesis:none;font-size:15px;line-height:1.6;font-weight:400;--accent: #3945df;--line: #e4e7ef;--muted: #717785}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,.button{border:1px solid #d5dae5;background:#fff;color:#454c5e;border-radius:6px;min-height:37px;padding:7px 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap}button:hover,.button:hover{background:#f3f4fc;border-color:#b8bfdf}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9ca3ff;outline-offset:3px}.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-size:14px;min-height:44px;padding:10px 22px}.primary:hover{background:#2e37bd;border-color:#2e37bd}.app-shell{display:grid;grid-template-columns:254px minmax(0,1fr);min-height:100vh}.sidebar{background:#f7f8fa;border-right:1px solid var(--line);padding:38px 20px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;min-height:600px}.brand strong{font-size:30px;letter-spacing:-1px;line-height:1.2}.brand p{margin:3px 0 23px;color:#555c6d;font-size:15px}.new-button{width:100%;flex-shrink:0}.history-label{font-size:16px;display:flex;justify-content:space-between;font-weight:600;margin:28px 2px 16px}.history-label span{font-size:12px;color:var(--muted)}.history{overflow:auto;margin:0 -9px;flex:1}.history-item{width:100%;display:block;text-align:left;background:transparent;border:1px solid transparent;white-space:normal;margin-bottom:4px;padding:11px 10px;border-radius:6px}.history-item.selected{background:#eceeff;border-color:#dfe2ff}.history-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;color:#2f3543;line-height:1.6}.history-meta{display:flex;align-items:center;gap:4px;font-size:11px;color:#777e8e;margin-top:5px}.history-meta time{margin-left:auto}.history-meta.failed,.history-meta.interrupted{color:#b14f37}.history-meta.completed{color:#487164}.history-empty{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#a8adb7;padding:35px 0 100px}.history-empty p{color:#555f70;font-size:14px;margin:17px 0 4px}.history-empty small{color:#878e9b;font-size:12px;line-height:1.8}.local-status{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);padding-top:15px;font-size:11px;color:#747b88}.dot{width:6px;height:6px;border-radius:50%;background:#bd8d53}.dot.ready{background:#56816c}main{padding:44px 38px 18px;max-width:1400px;width:100%;display:flex;flex-direction:column;min-width:0}header h1{font-size:34px;letter-spacing:-1px;line-height:1.4;font-weight:700;margin:0 0 5px}header>p{font-size:18px;color:var(--muted);margin:0 0 25px}.tabs{display:flex;gap:7px;border-bottom:1px solid var(--line);margin-bottom:18px}.tabs button{border:0;border-radius:0;background:transparent;min-height:43px;font-size:15px;padding:8px 18px;border-bottom:2px solid transparent;color:#232939}.tabs button[aria-selected=true]{border-bottom-color:var(--accent);color:var(--accent);font-weight:600}label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}.input-row{display:flex;gap:12px}.input-wrap{position:relative;flex:1;min-width:0}.input-wrap svg{position:absolute;left:15px;top:15px;color:#9097a6}.input-wrap input{width:100%;padding:12px 14px 12px 43px;border:1px solid #d5dae5;border-radius:6px;height:49px;font-size:14px;color:#202531}.input-wrap input::placeholder{color:#9399a5}.input-row .primary{min-width:111px}.hint{font-size:12px;color:#7c8290;margin:9px 0;line-height:1.8}.composer{padding-bottom:22px}.video-info{border-left:3px solid #dfe2fd;padding:0 0 0 16px;margin:22px 0 0}.video-info h2{font-size:17px;margin:0}.video-info select{width:100%}select{border:1px solid #d5dae5;border-radius:5px;min-height:40px;padding:7px 28px 7px 10px;max-width:100%;background:#fff;color:#394151;font-size:13px}.create-row{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin:16px 0 0}.create-row label{font-weight:400;color:#747b87;font-size:12px}.upload-area{padding:14px 0 4px}.upload-area label{display:flex;align-items:center;gap:10px;font-size:15px}.upload-area input{font-size:13px;max-width:100%}.upload-area input::file-selector-button{border:1px solid #d5dae5;padding:8px 13px;background:#fff;border-radius:5px;margin-right:12px;color:#394151;cursor:pointer}.transcript{border-top:1px solid var(--line);padding-top:16px;flex:1;min-width:0}.transcript-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.transcript-heading h2{font-size:19px;margin:0}.exports{display:flex;gap:8px}.empty{min-height:360px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:40px 10px 55px}.empty svg{color:#b2b7c0}.empty h3{font-size:19px;margin:18px 0 10px}.empty p{font-size:14px;line-height:1.9;color:#7b8392;margin:0}.job-title{margin:23px 0 14px}.job-title h3{font-size:18px;overflow-wrap:anywhere;margin:0;font-weight:600}.source{font-size:12px;color:#53614e;background:#f1f6ef;padding:9px 12px;border-radius:4px;display:inline-block;margin:5px 0}.segments{margin-top:14px}.segment{display:grid;grid-template-columns:70px minmax(0,1fr);gap:15px;padding:14px 0;border-bottom:1px solid #eff0f4}.timestamp{font-size:12px;color:#59639b;font-variant-numeric:tabular-nums;padding-top:3px}.timestamp small{display:block;font-size:10px;color:#a0a6b2}.segment p{margin:0;line-height:1.9;font-size:15px;white-space:pre-wrap;overflow-wrap:anywhere}.progress-region{margin:20px 0}.progress-region>div{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px}.progress-region progress{display:block;width:100%;height:6px;border:0;margin:18px 0 8px;accent-color:var(--accent)}progress::-webkit-progress-bar{background:#edf0f7;border-radius:5px}progress::-webkit-progress-value{background:var(--accent);border-radius:5px}.error{padding:13px 15px;background:#fff3ee;border-left:3px solid #d27e5e;font-size:13px;color:#954b35;margin:15px 0;overflow-wrap:anywhere;white-space:pre-wrap}.error p{margin:5px 0;font-size:12px}.error button{margin:10px}.notice{font-size:12px;color:#3b735e}.retry-row{display:flex;align-items:center;gap:18px;font-size:13px;color:#747b87;margin:22px 0}.delete-row{display:flex;gap:8px;align-items:center;margin-top:35px;font-size:12px;color:#818895;flex-wrap:wrap}.text-button{border:0;color:#969aa4;font-size:12px;background:transparent}.danger{color:#a74436;border-color:#dbb6af}footer{border-top:1px solid var(--line);padding-top:15px;margin-top:25px;display:flex;gap:12px;font-size:12px;color:#677083}.spin{animation:spin 1.3s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spin{animation:none}}@media(min-width:1500px){main{padding:50px 60px 24px}.app-shell{grid-template-columns:275px minmax(0,1fr)}}@media(max-width:850px){.app-shell{grid-template-columns:215px minmax(0,1fr)}.sidebar{padding:28px 15px}main{padding:30px 25px 18px}header h1{font-size:29px}header>p{font-size:15px}.input-row{flex-direction:column}.input-row .primary{align-self:flex-end}.exports{gap:5px}.exports button,.exports .button{font-size:11px;padding:6px 8px}}@media(max-width:620px){.app-shell{display:flex;flex-direction:column}.sidebar{position:static;height:auto;min-height:0;padding:20px;order:2;border-right:0;border-top:1px solid var(--line)}.sidebar .brand,.sidebar .new-button{display:none}.history-label{margin:0 0 12px}.history{max-height:290px}.history-empty{padding:15px}.history-empty svg,.history-empty small{display:none}.local-status{margin-top:12px}.history-item{padding:10px}.history-meta{max-width:250px}main{padding:26px 20px 20px;min-height:75vh}header h1{font-size:29px}header>p{font-size:14px;line-height:1.8}.tabs{margin-bottom:16px}.input-row{gap:10px}.input-row .primary{width:100%}.input-wrap input{font-size:12px}.transcript-heading{align-items:flex-start;flex-direction:column;gap:12px}.exports{width:100%;gap:7px}.exports button,.exports .button{font-size:12px;flex:1;padding:8px}.empty{min-height:280px}.empty h3{font-size:18px}.empty p{font-size:12px}.create-row .primary{padding:10px 13px;font-size:13px}.segment{grid-template-columns:48px minmax(0,1fr);gap:9px}.progress-region>div{font-size:12px}.progress-region button{padding:5px 8px;font-size:12px}footer{font-size:11px;gap:8px}.job-title h3{font-size:16px}}@media(min-width:1000px){.app-shell{grid-template-columns:minmax(254px,21.7%) minmax(0,1fr)}.sidebar{padding:52px 24px 24px}main{padding:56px 44px 24px}header h1{font-size:40px}header>p{font-size:20px;margin-bottom:28px}.tabs button{font-size:16px;min-height:48px}label{font-size:14px}.input-wrap input{height:54px;font-size:15px}.input-wrap svg{top:17px}.primary{font-size:15px}.hint{font-size:13px}.composer{padding-bottom:28px}.empty{min-height:450px}.empty h3{font-size:21px}.empty p{font-size:15px}}.browser-import h2{font-size:18px;margin:4px 0}.browser-steps{padding-left:22px;font-size:13px;color:#555f70;line-height:1.9}.browser-steps li{margin:8px 0}.browser-steps code{color:#3945df;background:#f1f2fc;padding:2px 4px}.script-source{display:inline-block;margin-left:14px;color:#3945df;font-size:13px}.script-details{margin-top:12px;font-size:12px}.script-details textarea{width:100%;height:110px;resize:vertical;border:1px solid #d5dae5;border-radius:5px;padding:8px;font-family:monospace}@media(max-width:620px){.tabs{gap:0}.tabs button{flex:1;padding:8px 9px;font-size:14px}}.login-shell{min-height:100vh;max-width:none;align-items:center;justify-content:center;background:#f7f8fa;padding:24px}.login-card{width:100%;max-width:440px;padding:32px;background:#fff;border:1px solid var(--line);border-radius:12px}.login-card>svg{color:var(--accent)}.login-card h1{font-size:25px;margin:12px 0 4px}.login-card input{width:100%;padding:10px 12px;border:1px solid #d5dae5;border-radius:6px;margin-bottom:18px}.login-card .primary{width:100%}.account-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 0 20px;color:#747b88;font-size:12px}@media(max-width:620px){.login-card{padding:24px}.account-bar{align-items:flex-start}.account-bar span{flex:1}}