*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f8fafc;--surface:#fff;--border:#e2e8f0;--text:#1e293b;--text-muted:#64748b;--primary:#3b82f6;--primary-hover:#2563eb;--success:#22c55e;--warning:#f59e0b;--error:#ef4444;--radius:8px;--shadow:0 1px 3px #00000014}body{background:#f8fafc;background:var(--bg);color:#1e293b;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;min-height:100vh}.app{margin:0 auto;max-width:1200px;padding:24px}.header{align-items:center;background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);display:flex;justify-content:space-between;margin-bottom:24px;padding:24px}.header h1{color:#1e293b;color:var(--text);font-size:20px;font-weight:600}.header p{color:#64748b;color:var(--text-muted);font-size:14px;margin-top:4px}.stats{display:flex;gap:24px}.stat{align-items:center;color:#64748b;color:var(--text-muted);display:flex;font-size:13px;gap:6px}.stat-num{color:#1e293b;color:var(--text);font-size:18px;font-weight:600}.stat.success .stat-num{color:#22c55e;color:var(--success)}.stat.warning .stat-num{color:#f59e0b;color:var(--warning)}.stat.error .stat-num{color:#ef4444;color:var(--error)}.main{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.panel{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);padding:24px}.panel h2{font-size:16px;font-weight:600;margin-bottom:20px}.panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.panel-header h2{margin-bottom:0}.platforms{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.platform-pill{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;color:#64748b;color:var(--text-muted);cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .15s ease}.platform-pill:hover{color:#3b82f6;color:var(--c,var(--primary))}.platform-pill.active,.platform-pill:hover{border-color:#3b82f6;border-color:var(--c,var(--primary))}.platform-pill.active{background:#3b82f6;background:var(--c,var(--primary));color:#fff}.dropzone{align-items:center;border:2px dashed #e2e8f0;border:2px dashed var(--border);border-radius:8px;border-radius:var(--radius);color:#64748b;color:var(--text-muted);cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:40px 24px;text-align:center;transition:all .15s ease}.dropzone.active,.dropzone:hover{background:#f0f9ff;border-color:#3b82f6;border-color:var(--primary);color:#3b82f6;color:var(--primary)}.dropzone svg{opacity:.6}.dropzone span{font-size:14px}.file-list{display:flex;flex-direction:column;gap:8px;margin-top:16px;max-height:200px;overflow-y:auto}.file-item{align-items:center;background:#f8fafc;background:var(--bg);border-radius:6px;display:flex;justify-content:space-between;padding:12px}.file-info{flex:1 1;min-width:0}.file-name{color:#1e293b;color:var(--text);display:block;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta{display:block;font-size:12px;margin-top:2px}.btn-remove,.file-meta{color:#64748b;color:var(--text-muted)}.btn-remove{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;transition:all .15s;width:24px}.btn-remove:hover{background:#ef4444;background:var(--error);color:#fff}.progress{background:#e2e8f0;background:var(--border);border-radius:2px;height:4px;margin-top:16px;overflow:hidden}.progress-bar{border-radius:2px;height:100%;transition:width .3s ease}.btn-submit,.progress-bar{background:#3b82f6;background:var(--primary)}.btn-submit{border:none;border-radius:8px;border-radius:var(--radius);color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:20px;padding:12px 20px;transition:background .15s ease;width:100%}.btn-submit:hover:not(:disabled){background:#2563eb;background:var(--primary-hover)}.btn-submit:disabled{cursor:not-allowed;opacity:.5}.btn-refresh{background:#f8fafc;background:var(--bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;color:#64748b;color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .15s}.btn-refresh:hover{background:#e2e8f0;background:var(--border);color:#1e293b;color:var(--text)}.job-list{display:flex;flex-direction:column;gap:8px;max-height:500px;overflow-y:auto}.job-item{align-items:center;background:#f8fafc;background:var(--bg);border-left:3px solid #e2e8f0;border-left:3px solid var(--border);border-radius:6px;display:flex;gap:12px;padding:12px}.job-item.completed{border-left-color:#22c55e;border-left-color:var(--success)}.job-item.pending,.job-item.processing{border-left-color:#f59e0b;border-left-color:var(--warning)}.job-item.failed{border-left-color:#ef4444;border-left-color:var(--error)}.job-status{flex-shrink:0}.status-badge{align-items:center;background:#e2e8f0;background:var(--border);border-radius:50%;color:#64748b;color:var(--text-muted);display:flex;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.status-badge.completed{background:#dcfce7;color:#22c55e;color:var(--success)}.status-badge.pending,.status-badge.processing{background:#fef3c7;color:#f59e0b;color:var(--warning)}.status-badge.failed{background:#fee2e2;color:#ef4444;color:var(--error)}.job-info{flex:1 1;min-width:0}.job-id{color:#1e293b;color:var(--text);display:block;font-size:13px;font-weight:600}.job-date{color:#64748b;color:var(--text-muted);display:block;font-size:12px;margin-top:2px}.job-action{flex-shrink:0}.btn-download{background:#22c55e;background:var(--success);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .15s}.btn-download:hover{background:#16a34a}.error-text{color:#ef4444;color:var(--error)}.error-text,.processing-text{font-size:12px;font-weight:500}.processing-text{color:#f59e0b;color:var(--warning)}.empty{color:#64748b;color:var(--text-muted);padding:48px 24px;text-align:center}.empty p,.toast{font-size:14px}.toast{animation:slideIn .2s ease;background:#1e293b;background:var(--text);border-radius:8px;border-radius:var(--radius);bottom:24px;box-shadow:0 4px 12px #00000026;color:#fff;padding:12px 20px;position:fixed;right:24px;z-index:1000}.toast.success{background:#22c55e;background:var(--success)}.toast.error{background:#ef4444;background:var(--error)}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.app{padding:16px}.header{align-items:flex-start;flex-direction:column;gap:16px}.stats{justify-content:space-between;width:100%}.main{grid-template-columns:1fr}.platforms{flex-wrap:wrap}.platform-pill{flex:1 1;min-width:calc(50% - 4px);text-align:center}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#cbd5e1}
/*# sourceMappingURL=main.a63fe16b.css.map*/