@import url('/video-to-audio.css');
:root{--accent:#a9c8ff;--accent-ink:#10213d}
.wrap,.top{max-width:1420px}.top{flex-wrap:wrap;padding-top:18px;padding-bottom:18px}.top nav{gap:12px 20px}h1{text-wrap:balance}.lede{max-width:740px}
.batch-settings{display:grid;grid-template-columns:1fr 260px;gap:18px 30px;margin-top:26px;padding:22px 24px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
#fields{display:flex;gap:8px 24px;flex-wrap:wrap}#fields label{display:flex;align-items:center;gap:8px;min-height:44px;font-size:14px;cursor:pointer}input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}#questionBox{grid-column:1/-1}#question{width:100%;padding:11px 14px;background:var(--bg);border:1px solid var(--line);border-radius:7px;color:var(--ink)}.settings-note{grid-column:1/-1;margin:0}
.batch{margin-top:20px;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--panel);min-width:0}.drop{min-height:205px}.drop small{text-align:center}.upload-mark{font:42px/1.1 ui-monospace;color:var(--accent);margin-bottom:16px}.batch.dragging{outline:2px solid var(--accent)}.batch.dragging .drop{border-color:var(--accent)}
.toolbar,.queue-actions,.run-actions,.export-bar,.export-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.toolbar{justify-content:space-between;margin:18px 0}.toolbar .primary,.toolbar .secondary,.export-bar .secondary{width:auto;margin:0;min-height:44px}.primary:hover:not(:disabled){background:#c7daff}.primary:active:not(:disabled),.secondary:active:not(:disabled){transform:scale(.96)}.secondary:disabled{opacity:.45}.status{margin:18px 0}.error{margin:14px 0}.export-bar{justify-content:space-between;margin-top:16px}.export-bar p{margin:0;font-size:12px}.export-actions{gap:8px}.setup-note{max-width:900px}#count,#percent{font-variant-numeric:tabular-nums}
.sheet-scroll{max-height:660px;overflow:auto;border:1px solid var(--line);border-radius:8px;scrollbar-color:#46556b var(--bg)}table{border-collapse:separate;border-spacing:0;width:100%;table-layout:fixed;font-size:13px}th{position:sticky;top:0;background:#202837;color:#c8d3e2;z-index:1;text-align:left;font-size:12px;font-weight:500}th,td{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px;vertical-align:top}th:first-child{width:46px}th:nth-child(2){width:200px}th:nth-child(3){width:135px}th:nth-child(n+4){width:240px}th:last-child{width:108px;border-right:0}td:last-child{border-right:0}tr:last-child td{border-bottom:0}tbody tr:nth-child(even){background:#11161e}tbody tr[data-state=running]{background:#19263a}.row-number{color:var(--muted);font-variant-numeric:tabular-nums}.file-cell img{width:52px;height:52px;object-fit:contain;border-radius:4px;background:var(--bg);outline:1px solid rgba(255,255,255,.1);float:left;margin:0 9px 6px 0}.file-cell strong{font-size:12px;font-weight:500;overflow-wrap:anywhere}.file-cell small{display:block;color:var(--muted);font-size:11px}.row-status{font-size:12px;overflow-wrap:anywhere;color:var(--muted)}tr[data-state=done] .row-status{color:#86e1c1}tr[data-state=error] .row-status{color:var(--error)}
.cell-input{display:block;width:100%;min-height:100px;resize:vertical;background:transparent;border:1px solid transparent;border-radius:4px;padding:4px;color:var(--ink);font:13px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.cell-input:hover:not(:disabled){border-color:#42516a}.cell-input:focus{outline:2px solid var(--accent);outline-offset:0;background:var(--bg)}.cell-input:disabled{opacity:.7}.cell-input::placeholder{color:#67768d}.row-actions button{display:block;min-height:40px;width:100%;padding:3px;background:transparent;border:0;color:var(--accent);font-size:11px}.row-actions button:disabled{color:var(--muted);opacity:.5}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:720px){.batch-settings{grid-template-columns:1fr;padding:18px;gap:14px}.batch{padding:14px}.drop{min-height:210px}.toolbar{align-items:stretch}.run-actions,.run-actions .primary,.run-actions .secondary{width:100%}.queue-actions{gap:8px}.queue-actions #count{width:100%}.export-bar{align-items:flex-start;gap:14px}.export-actions{width:100%}.export-actions .secondary{flex:1}.sheet-scroll{max-height:580px}.top nav{width:100%;margin:0}.top nav a:last-child{display:block}}