:root{--bg: #0b0f16;--surface: #131a24;--surface-hover: #1a2330;--border: #26303f;--text: #e6ebf1;--text-muted: #8b97a8;--accent: #22d3ee;--accent-strong: #0891b2;--success: #34d399;--error: #f87171;--warning: #fbbf24;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select{font-family:inherit;font-size:14px}.app-shell{max-width:880px;margin:0 auto;padding:32px 20px 80px;display:flex;flex-direction:column;gap:24px}.app-header h1{margin:0 0 4px;font-size:28px}.app-header p{margin:0;color:var(--text-muted)}.app-header__privacy{margin-top:8px!important;font-size:13px;color:var(--success)!important}.dropzone{border:2px dashed var(--border);border-radius:12px;padding:40px 20px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone--active{border-color:var(--accent);background:#22d3ee0d}.dropzone__title{margin:0 0 4px;font-size:16px;font-weight:600}.dropzone__subtitle{margin:0;font-size:13px;color:var(--text-muted)}.settings-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px}.presets{display:flex;flex-wrap:wrap;gap:8px}.preset-chip{background:var(--surface-hover);border:1px solid var(--border);color:var(--text);padding:6px 12px;border-radius:999px;cursor:pointer}.preset-chip--active{border-color:var(--accent);color:var(--accent)}.settings-panel{display:flex;flex-direction:column;gap:14px}.settings-row{display:flex;gap:14px}.settings-field{display:flex;flex-direction:column;gap:6px;flex:1}.settings-field label{font-size:13px;color:var(--text-muted)}.settings-field input,.settings-field select{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px 10px;color:var(--text)}.batch-actions{display:flex;flex-wrap:wrap;gap:10px}.batch-actions button,.file-row__actions button{background:var(--surface-hover);border:1px solid var(--border);color:var(--text);padding:8px 14px;border-radius:8px;cursor:pointer}.batch-actions button:disabled,.file-row__actions button:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:var(--accent-strong)!important;border-color:var(--accent-strong)!important;color:#fff!important}.file-queue{display:flex;flex-direction:column;gap:8px}.file-queue__empty{color:var(--text-muted);text-align:center;padding:20px}.file-row{display:grid;grid-template-columns:1.5fr 1.2fr 1.3fr auto;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.file-row--selected{border-color:var(--accent)}.file-row__name{background:none;border:none;color:var(--text);text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0;font-size:14px}.file-row__name:hover{color:var(--accent)}.file-row__sizes{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted);white-space:nowrap}.file-row__arrow{color:var(--text-muted)}.file-row__saved{color:var(--success);font-weight:600}.file-row__status{display:flex;flex-direction:column;gap:4px;min-width:0}.status-badge{font-size:12px;padding:2px 8px;border-radius:999px;width:fit-content;background:var(--surface-hover);color:var(--text-muted)}.status-badge--done{color:var(--success)}.status-badge--error{color:var(--error)}.status-badge--processing{color:var(--accent)}.file-row__error{font-size:12px;color:var(--error)}.file-row__warning{font-size:12px;color:var(--warning)}.progress-bar{height:4px;background:var(--border);border-radius:999px;overflow:hidden;width:100%}.progress-bar__fill{height:100%;background:var(--accent);transition:width .2s ease}.file-row__actions{display:flex;gap:6px}.file-row__remove{color:var(--error)!important}.preview-panel{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px}.preview-panel__pane{display:flex;flex-direction:column;gap:8px}.preview-panel__label{font-size:13px;color:var(--text-muted)}.preview-panel__pane img{max-width:100%;border-radius:8px;border:1px solid var(--border)}.preview-panel__placeholder{color:var(--text-muted);font-size:13px;padding:20px;border:1px dashed var(--border);border-radius:8px;text-align:center}@media(max-width:640px){.file-row,.preview-panel{grid-template-columns:1fr}}