*,*:before,*:after{box-sizing:border-box}:root{--bg: #0f1219;--surface: #1a2130;--border: #2d3748;--text: #e8edf7;--muted: #8b9cb3;--accent: #63b3ed;--accent-dim: #4299e1;--success: #68d391;--danger: #fc8181}html,body,#root{height:100%;margin:0}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:radial-gradient(1200px 800px at 50% -20%,#1e293b 0%,var(--bg) 55%);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{max-width:640px;margin:0 auto;padding:2.5rem 1.25rem 3rem;min-height:100%;display:flex;flex-direction:column}.app-header{margin-bottom:1.5rem}.app-title{font-size:1.5rem;font-weight:650;letter-spacing:-.02em;margin:0 0 .35rem}.app-subtitle{margin:0;font-size:.9375rem;color:var(--muted)}.drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;min-height:140px;padding:1.25rem;border:2px dashed var(--border);border-radius:14px;background:var(--surface);color:inherit;cursor:pointer;font:inherit;width:100%;transition:border-color .15s ease,background .15s ease,transform .12s ease}.drop-zone:hover{border-color:var(--accent-dim);background:#1c2434}.drop-zone:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.drop-zone--active{border-color:var(--accent);background:#1e2a3d;transform:scale(1.01)}.drop-zone__icon{font-size:1.75rem;opacity:.85;line-height:1}.drop-zone__primary{font-weight:600;font-size:1rem}.drop-zone__secondary{font-size:.875rem;color:var(--muted)}.preset-fieldset{margin:0 0 1.25rem;padding:1rem 1rem 1.1rem;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.preset-legend{padding:0 .35rem;font-size:.8125rem;font-weight:650;letter-spacing:.02em;text-transform:uppercase;color:var(--muted)}.preset-hint{margin:0 0 .75rem;font-size:.8125rem;color:var(--muted);line-height:1.45}.preset-group-label{margin:.65rem 0 .35rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--accent)}.preset-group-label:first-of-type{margin-top:.35rem}.preset-radios{display:flex;flex-direction:column;gap:.35rem}.preset-option{display:flex;align-items:center;gap:.5rem;font-size:.875rem;cursor:pointer;padding:.25rem 0}.preset-option input{accent-color:var(--accent-dim);width:1rem;height:1rem;flex-shrink:0}.preset-option:has(input:disabled){opacity:.55;cursor:not-allowed}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:1.25rem;margin-bottom:.5rem}.toolbar__count{font-size:.8125rem;color:var(--muted)}.toolbar__actions{display:flex;gap:.35rem}.btn{border:1px solid var(--border);border-radius:8px;padding:.35rem .65rem;font-size:.8125rem;font-weight:500;cursor:pointer;background:var(--surface);color:var(--text);transition:background .12s ease,border-color .12s ease}.btn:hover{background:#222b3d;border-color:#4a5568}.btn--ghost{background:transparent}.btn--primary{background:var(--accent-dim);border-color:transparent;color:#0f1219}.btn--primary:hover{background:var(--accent)}.file-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.65rem}.file-row{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.85rem 1rem}.file-row__main{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.file-row__name{font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.badge{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:.2rem .45rem;border-radius:6px;flex-shrink:0}.badge--queued{background:#2d3748;color:#cbd5e0}.badge--converting{background:#2c5282;color:#bee3f8}.badge--done{background:#276749;color:#c6f6d5}.badge--error{background:#742a2a;color:#fed7d7}.file-row__error{margin:.5rem 0 0;font-size:.8125rem;color:var(--danger)}.file-row__downloads{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.65rem}