*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d0d0d;--surface: #1a1a1a;--surface2: #242424;--border: #2e2e2e;--text: #e8e8e8;--text-muted: #888;--accent: #7c6af7;--accent-hover: #9585ff;--danger: #e05252;--success: #4caf7d;--warning: #e0a950;--radius: 10px}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Arial,sans-serif;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--text);min-height:100vh;font-size:14px;line-height:1.5}button{cursor:pointer;border:none;font-family:inherit;font-size:14px;border-radius:var(--radius);transition:background .15s,opacity .15s}button:disabled{opacity:.45;cursor:not-allowed}input,textarea{font-family:inherit;font-size:14px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:10px 14px;width:100%;outline:none;transition:border-color .15s}input:focus,textarea:focus{border-color:var(--accent)}.btn-primary{background:var(--accent);color:#fff;padding:10px 22px;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-ghost{background:var(--surface2);color:var(--text);padding:8px 16px;border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:var(--border)}.btn-danger{background:transparent;color:var(--danger);padding:6px 12px;border:1px solid var(--danger);font-size:12px}.btn-danger:hover:not(:disabled){background:var(--danger);color:#fff}.badge{display:inline-block;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.badge-pending{background:#2a2a3a;color:#aaa}.badge-downloading{background:#1e2d3a;color:#5bc4f5}.badge-processing{background:#2a1e3a;color:#b87fff}.badge-uploading{background:#1e2a3a;color:#5b9fff}.badge-completed{background:#1a2e24;color:var(--success)}.badge-failed{background:#2e1a1a;color:var(--danger)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.error-msg{background:#2e1a1a;border:1px solid #5a2020;color:#ff8080;border-radius:var(--radius);padding:12px 16px;font-size:13px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:var(--border);outline:none;cursor:pointer;padding:0;border:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 0 0 3px #1e1a2e}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent);cursor:pointer;border:none}.success-msg{background:#1a2e24;border:1px solid #1e4d32;color:#6fe0a0;border-radius:var(--radius);padding:12px 16px;font-size:13px}