:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f6f7fb;--card-bg:#fff;--text:#1f2430;--muted:#6b7280;--accent:#4f46e5;--accent-hover:#4338ca;--border:#e5e7eb;--error:#dc2626}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Segoe UI,Microsoft JhengHei,system-ui,sans-serif}#root{min-height:100vh}.container{max-width:720px;margin:0 auto;padding:2.5rem 1.5rem 4rem}h1{margin-bottom:.25rem}.subtitle{color:var(--muted);margin-top:0;margin-bottom:2rem}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.engine-switch{gap:1.5rem;margin-bottom:1rem;font-size:.95rem;display:flex}.engine-switch label{cursor:pointer;align-items:center;gap:.4rem;display:flex}.field{color:var(--muted);flex-direction:column;gap:.25rem;font-size:.9rem;display:flex}.field input{border:1px solid var(--border);color:var(--text);background:var(--card-bg);border-radius:6px;padding:.5rem .6rem;font-size:1rem}.hint{color:var(--muted);margin:.5rem 0 0;font-size:.85rem}.dropzone{border:2px dashed var(--border);text-align:center;cursor:pointer;border-radius:10px;padding:3rem 1rem;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone.dragover{border-color:var(--accent);background:#4f46e50d}.dropzone.disabled{cursor:not-allowed;opacity:.6}.progress-bar{background:var(--border);border-radius:6px;width:100%;height:10px;margin-top:.5rem;overflow:hidden}.progress-fill{background:var(--accent);height:100%;transition:width .3s}.error{color:var(--error);font-weight:600}.notice{color:var(--accent);margin-top:.5rem;font-size:.9rem}.transcript{border:1px solid var(--border);border-radius:8px;max-height:420px;padding:.75rem 1rem;overflow-y:auto}.transcript p{margin:.4rem 0;line-height:1.6}.transcript .ts{color:var(--accent);font-variant-numeric:tabular-nums;margin-right:.5rem;font-weight:600}.export-form{flex-direction:column;gap:.75rem;display:flex}.export-buttons{gap:.75rem;margin-top:.25rem;display:flex}button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.6rem 1.2rem;font-size:1rem;transition:background .15s}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{background:var(--muted);cursor:not-allowed}