:root{--bg-primary: #faf9f5;--bg-card: #ffffff;--bg-soft: #fbfaf7;--bg-field: #fffdf8;--text-primary: #141413;--text-secondary: #747168;--text-muted: #aaa79d;--border-light: #e8e6dc;--border-strong: #d8d3c7;--accent-orange: #d97757;--accent-orange-dark: #bd6548;--accent-blue: #5c8fba;--accent-blue-dark: #3f719d;--accent-green: #788c5d;--accent-green-dark: #5f7544;--accent-red: #b65f55;--shadow-soft: 0 10px 28px rgba(20, 20, 19, .055);--shadow-hover: 0 16px 38px rgba(20, 20, 19, .085);--font-sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;color:var(--text-primary);background:var(--bg-primary);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{background:var(--bg-primary)}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;overflow:hidden;background:linear-gradient(90deg,rgba(232,230,220,.42) 1px,transparent 1px),linear-gradient(180deg,rgba(232,230,220,.34) 1px,transparent 1px),var(--bg-primary);background-size:42px 42px}body,button,input,textarea,select{font:inherit}button,a{min-height:32px}button,a,select,input,textarea{transition:border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}button{border:1px solid var(--border-light);border-radius:8px;background:var(--bg-card);color:var(--text-primary);cursor:pointer}button:hover:not(:disabled),a:hover{border-color:color-mix(in srgb,var(--accent-orange) 42%,var(--border-light));transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.55}a{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-light);border-radius:8px;padding:0 12px;background:var(--bg-card);color:var(--text-primary);font-size:.82rem;font-weight:800;text-decoration:none}::selection{background:#d9775733;color:var(--text-primary)}.app-shell{display:flex;flex-direction:column;width:min(1480px,calc(100% - 36px));height:100vh;height:100dvh;margin:0 auto;overflow:hidden;padding:12px 0}.app-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,auto);align-items:end;gap:16px;margin-bottom:8px}.app-header-single{grid-template-columns:1fr}.app-title-block{min-width:0}.app-header p{margin:0 0 3px;color:var(--accent-orange);font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.app-header h1{margin:0;color:var(--text-primary);font-size:clamp(1.22rem,1.9vw,1.64rem);font-weight:850;letter-spacing:0;line-height:1.18}.model-picker{min-width:186px;border:1px solid var(--border-light);border-radius:8px;background:var(--bg-field);color:var(--text-primary);font-size:.82rem;font-weight:800;height:34px;outline:none;padding:0 11px;box-shadow:inset 0 0 0 1px #ffffff61}.field-block textarea,.field-block input{width:100%;border:1px solid var(--border-light);border-radius:8px;background:var(--bg-field);color:var(--text-primary);outline:none}.model-picker:focus,.field-block textarea:focus,.field-block input:focus{border-color:color-mix(in srgb,var(--accent-orange) 58%,var(--border-light));box-shadow:0 0 0 3px #d977571f}.notice{position:relative;margin-bottom:8px;border:1px solid var(--border-light);border-left:4px solid var(--accent-blue);border-radius:8px;padding:7px 10px;background:#ffffffd1;color:var(--text-secondary);font-size:.84rem;font-weight:700;box-shadow:0 8px 20px #14141309}.notice-error{border-left-color:var(--accent-red);background:#b65f5514;color:var(--accent-red)}.notice-success{border-left-color:var(--accent-green);background:#788c5d1a;color:var(--accent-green-dark)}.workbench-grid{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(340px,1fr) minmax(420px,1.22fr);flex:1;gap:10px;align-items:stretch;min-height:0}.panel{min-width:0;min-height:0;height:100%;overflow:hidden;border:1px solid var(--border-light);border-radius:8px;background:#fffffff0;box-shadow:var(--shadow-soft)}.input-panel,.queue-panel,.result-panel{padding:11px}.input-panel{background:#fffffff5;overflow:auto;scrollbar-width:thin;scrollbar-color:#d9d6cb var(--bg-primary)}.queue-panel,.result-panel{display:flex;flex-direction:column}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:9px;border-bottom:1px solid var(--border-light);padding-bottom:8px}.panel-heading h2{margin:0;color:var(--text-primary);font-size:.98rem;font-weight:850;line-height:1.25}.field-block{display:grid;gap:6px;margin-top:8px;color:var(--text-secondary);font-size:.84rem;font-weight:800}.field-block textarea{min-height:130px;resize:vertical;padding:9px;line-height:1.52}.compact-field textarea{min-height:52px}.field-block input{min-height:34px;padding:8px 10px}.import-preview{min-height:32px;margin-top:7px;border:1px solid var(--border-light);border-radius:8px;padding:6px 9px;background:var(--bg-soft);color:var(--text-secondary);font-size:.82rem;line-height:1.45}.batch-actions{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:8px;margin-top:8px}.primary-button,.secondary-button,.ghost-button,.preview-tools button,.task-actions button{padding:0 12px;font-size:.84rem;font-weight:850}.primary-button{width:100%;margin-top:8px;border-color:var(--accent-orange);background:var(--accent-orange);color:#fffaf4;box-shadow:0 8px 18px #d9775733}.primary-button:hover:not(:disabled){border-color:var(--accent-orange-dark);background:var(--accent-orange-dark);box-shadow:0 12px 26px #d9775742}.secondary-button{width:100%;margin-top:8px;border-color:#788c5d75;background:#788c5d1f;color:var(--accent-green-dark)}.secondary-button:hover:not(:disabled){background:#788c5d2e}.batch-actions .primary-button,.batch-actions .secondary-button{margin-top:0}.file-button{display:inline-flex;align-items:center;justify-content:center;min-height:32px;cursor:pointer}.file-button input{display:none}.ghost-button{min-height:30px;background:var(--bg-soft);color:var(--text-secondary)}.danger-button{border-color:#b65f5540;background:#b65f5514;color:var(--accent-red)}.divider{height:1px;margin:9px 0 1px;background:var(--border-light)}.hint,.empty-state,.action-hint{color:var(--text-secondary);font-size:.82rem;line-height:1.5}.hint{margin:6px 0 0;border:1px solid rgba(217,119,87,.18);border-radius:8px;padding:8px 10px;background:#d977570f}.empty-state{display:grid;place-items:center;min-height:118px;margin:0;border:1px dashed var(--border-light);border-radius:8px;background:var(--bg-soft);text-align:center}.task-list{display:grid;align-content:start;flex:1;gap:8px;min-height:0;max-height:none;overflow:auto;padding-right:3px;scrollbar-width:thin;scrollbar-color:#d9d6cb var(--bg-primary)}.input-panel::-webkit-scrollbar,.task-list::-webkit-scrollbar,.preview-block pre::-webkit-scrollbar{width:8px;height:8px}.input-panel::-webkit-scrollbar-track,.task-list::-webkit-scrollbar-track,.preview-block pre::-webkit-scrollbar-track{background:var(--bg-primary)}.input-panel::-webkit-scrollbar-thumb,.task-list::-webkit-scrollbar-thumb,.preview-block pre::-webkit-scrollbar-thumb{border-radius:999px;background:#d9d6cb}.task-card{position:relative;overflow:hidden;border:1px solid var(--border-light);border-radius:8px;padding:8px;background:#ffffffd6}.task-card:before{position:absolute;inset:0 auto 0 0;width:3px;background:transparent;content:""}.task-card:hover{border-color:color-mix(in srgb,var(--accent-blue) 26%,var(--border-light));box-shadow:0 8px 20px #1414130a}.task-card-selected{border-color:#5c8fba85;background:linear-gradient(90deg,#5c8fba17,#fffffff0)}.task-card-selected:before{background:var(--accent-blue)}.task-main{display:grid;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:34px;border:0;padding:0;background:transparent;text-align:left}.task-main:hover:not(:disabled){transform:none}.task-main strong{overflow:hidden;color:var(--text-primary);font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.task-platform{color:var(--text-secondary);font-size:.78rem;font-weight:800}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:24px;border:1px solid transparent;border-radius:999px;padding:0 8px;background:#7471681f;color:var(--text-secondary);font-size:.72rem;font-weight:850;white-space:nowrap}.status-done{border-color:#788c5d3d;background:#788c5d1f;color:var(--accent-green-dark)}.status-failed_recoverable,.status-failed_blocked{border-color:#b65f553b;background:#b65f551a;color:var(--accent-red)}.status-checking_subtitles,.status-downloading,.status-transcribing,.status-exporting,.status-normalizing{border-color:#5c8fba3d;background:#5c8fba1f;color:var(--accent-blue-dark)}.task-error{margin:7px 0 0;border-radius:8px;padding:7px 8px;background:#b65f5514;color:var(--accent-red);font-size:.8rem;line-height:1.45}.task-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.task-actions button{min-height:30px;background:var(--bg-card)}.result-stack{display:grid;align-content:start;gap:10px;min-height:0;overflow:auto;padding-right:2px}.task-meta{display:grid;gap:0;margin:0;overflow:hidden;border:1px solid var(--border-light);border-radius:8px;background:var(--bg-soft)}.task-meta div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;border-bottom:1px solid var(--border-light);padding:6px 9px}.task-meta div:last-child{border-bottom:0}.task-meta dt{color:var(--text-muted);font-size:.78rem;font-weight:800}.task-meta dd{margin:0;overflow-wrap:anywhere;color:var(--text-primary);font-size:.78rem;line-height:1.45}.download-row,.preview-tools{display:flex;flex-wrap:wrap;gap:8px}.download-row a{min-width:72px;border-color:#5c8fba4d;background:#5c8fba17;color:var(--accent-blue-dark)}.preview-tools button{min-height:30px;background:var(--bg-card)}.preview-block{display:grid;gap:8px}.preview-block h3{margin:0;color:var(--text-primary);font-size:.92rem;font-weight:850}.preview-block pre{min-height:132px;max-height:212px;margin:0;overflow:auto;border:1px solid var(--border-light);border-radius:8px;padding:10px;background:linear-gradient(180deg,#ffffffe0,#fbfaf7f2),var(--bg-field);color:var(--text-primary);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;line-height:1.62;white-space:pre-wrap}@media(max-width:1180px){body{overflow:auto}.app-shell{height:auto;min-height:100vh;min-height:100dvh;overflow:visible}.workbench-grid{grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);flex:initial}.result-panel{grid-column:1 / -1;height:auto;min-height:auto}.preview-block pre{max-height:260px}}@media(max-width:860px){.workbench-grid{grid-template-columns:1fr}.panel{height:auto;min-height:auto}.task-list{max-height:none}}@media(max-width:640px){.app-shell{width:min(100% - 20px,1480px);padding:16px 0 18px}.app-header{grid-template-columns:1fr;align-items:stretch;gap:12px}.app-header h1{font-size:1.5rem}.model-picker{min-width:0}.dependency-list,.batch-actions,.task-main,.task-meta div{grid-template-columns:1fr}.panel-heading{align-items:stretch;flex-direction:column}.panel-heading .ghost-button{width:100%}.status-pill{justify-self:start}}
