@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary:#0b0d14;--bg-secondary:#151927;--bg-tertiary:#1c2133;--bg-glass:#1b1f2fd6;--bg-glass-hover:#23293feb;--border-glass:#adb9ff29;--border-glass-hover:#bec9ff4d;--accent-primary:#7c3aed;--accent-primary-light:#8b5cf6;--accent-secondary:#ec4899;--accent-tertiary:#06b6d4;--accent-gradient:linear-gradient(135deg, #7c3aed 0%, #ec4899 50%, #f97316 100%);--accent-gradient-subtle:linear-gradient(135deg, #7c3aed42, #ec48992e);--accent-glow:0 0 24px #7c3aed47, 0 0 46px #7c3aed1f;--text-primary:#edf2ff;--text-secondary:#c3cee8;--text-muted:#94a0c1;--danger:#ef4444;--danger-bg:#ef44442e;--success:#22c55e;--success-bg:#22c55e2e;--warning:#f59e0b;--warning-bg:#f59e0b2e;--info:#3b82f6;--info-bg:#3b82f62e;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:0 2px 8px #0003;--shadow-md:0 4px 16px #0000004d;--shadow-lg:0 8px 32px #0006;--shadow-glow:0 0 30px #7c3aed26;--surface-soft:#ffffff17;--surface-soft-hover:#ffffff24;--surface-input:#080c18ad;--surface-tab:#090c189e;--surface-upload:#0a0e1a6b;--overlay-bg:#000000a6;--scrollbar-thumb:#ffffff14;--scrollbar-thumb-hover:#ffffff26;--nav-active-bg:#7c3aed1f;--nav-active-text:#c4b5fd;--nav-active-border:#7c3aed26;--brand-box-bg:#7c3aed1f;--brand-box-border:#7c3aed26;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease}:root[data-theme=light]{--bg-primary:#f5f7fb;--bg-secondary:#fff;--bg-tertiary:#eef2f8;--bg-glass:#ffffffeb;--bg-glass-hover:#fffffffa;--border-glass:#94a3b838;--border-glass-hover:#6373aa47;--accent-primary:#4f46e5;--accent-primary-light:#6366f1;--accent-secondary:#e11d48;--accent-tertiary:#0891b2;--accent-gradient:linear-gradient(135deg, #4f46e5 0%, #db2777 52%, #f97316 100%);--accent-gradient-subtle:linear-gradient(135deg, #4f46e51f, #db277714);--accent-glow:0 0 24px #4f46e51f;--text-primary:#182033;--text-secondary:#48556f;--text-muted:#6b7892;--danger-bg:#ef44441a;--success-bg:#22c55e1f;--warning-bg:#f59e0b24;--info-bg:#3b82f61f;--shadow-sm:0 2px 8px #0f172a0f;--shadow-md:0 8px 24px #0f172a14;--shadow-lg:0 16px 42px #0f172a1a;--shadow-glow:0 0 22px #4f46e514;--surface-soft:#f0f4fceb;--surface-soft-hover:#e7eef9;--surface-input:#fffffff5;--surface-tab:#eff4fbf2;--surface-upload:#f8fafff5;--overlay-bg:#11182747;--scrollbar-thumb:#94a3b85c;--scrollbar-thumb-hover:#64748b80;--nav-active-bg:#4f46e51a;--nav-active-text:#3730a3;--nav-active-border:#4f46e524;--brand-box-bg:#4f46e514;--brand-box-border:#4f46e51f}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#4c5fbd2e,#0000 32%),radial-gradient(circle at 100% 100%,#ec48991f,#0000 28%),linear-gradient(#0a0d15 0%,#0d1120 100%);font-family:Inter,-apple-system,system-ui,sans-serif;overflow-x:hidden}:root[data-theme=light] body{background:radial-gradient(circle at 0 0,#6366f11a,#0000 28%),radial-gradient(circle at 100% 100%,#f472b614,#0000 24%),linear-gradient(#f8fafc 0%,#eef4fb 100%)}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(#7c3aed14 0%,#0000 70%);width:60%;height:60%;position:fixed;top:-30%;left:-20%}:root[data-theme=light] body:before{background:radial-gradient(#4f46e50f 0%,#0000 70%)}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(#ec48990f 0%,#0000 70%);width:60%;height:60%;position:fixed;bottom:-30%;right:-20%}:root[data-theme=light] body:after{background:radial-gradient(#ec48990a 0%,#0000 70%)}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);transition:border-color var(--transition-normal), box-shadow var(--transition-normal);box-shadow:0 16px 38px #0306126b}.glass-panel:hover{border-color:var(--border-glass-hover);box-shadow:0 18px 42px #060a187a}.glass-panel-inner{background:color-mix(in srgb, var(--surface-soft) 55%, transparent);border:1px solid var(--border-glass);border-radius:var(--radius-md);transition:all var(--transition-normal)}.glass-panel-inner:hover{background:color-mix(in srgb, var(--surface-soft-hover) 70%, transparent);border-color:var(--border-glass-hover)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.animate-fade-in-scale{animation:.3s ease-out forwards fadeInScale}.animate-slide-right{animation:.4s ease-out forwards slideInRight}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-spin{animation:1s linear infinite spin}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.app-container{z-index:1;width:100vw;height:100vh;display:flex;position:relative}.btn-primary{background:var(--accent-gradient);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal);background-size:200% 200%;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-family:inherit;font-size:.9rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 2px 12px #7c3aed40}.btn-primary:before{content:"";opacity:0;transition:opacity var(--transition-normal);background:linear-gradient(135deg,#ffffff26,#0000);position:absolute;inset:0}.btn-primary:hover:before{opacity:1}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px #7c3aed59}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{background:var(--surface-soft);color:var(--text-primary);border:1px solid var(--border-glass);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal);align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:.9rem;font-weight:500;display:inline-flex}.btn-secondary:hover{background:var(--surface-soft-hover);border-color:var(--border-glass-hover)}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.btn-danger{background:var(--danger-bg);color:var(--danger);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal);border:1px solid #ef44444d;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:.9rem;font-weight:500;display:inline-flex}.btn-danger:hover{background:#ef444433;border-color:#ef444480}.btn-danger:disabled{opacity:.4;cursor:not-allowed}.btn-sm{padding:6px 14px;font-size:.8rem}.btn-icon{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:inline-flex}.btn-icon:hover{background:var(--surface-soft);color:var(--text-primary)}input,textarea,select{background:var(--surface-input);border:1px solid var(--border-glass);width:100%;color:var(--text-primary);border-radius:var(--radius-sm);transition:all var(--transition-normal);outline:none;padding:11px 14px;font-family:inherit;font-size:.9rem}input:focus,textarea:focus,select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #7c3aed2e}input::placeholder,textarea::placeholder{color:var(--text-muted)}textarea{resize:vertical;min-height:80px;line-height:1.6}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%238b8ba0' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 6.646a.5.5 0 0 1 .708 0L8 9.293l2.646-2.647a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}select option{background:var(--bg-secondary);color:var(--text-primary)}label{color:var(--text-secondary);margin-bottom:6px;font-size:.85rem;font-weight:500;display:block}.badge{text-transform:uppercase;letter-spacing:.3px;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{background:var(--success-bg);color:var(--success);border:1px solid #22c55e33}.badge-danger{background:var(--danger-bg);color:var(--danger);border:1px solid #ef444433}.badge-warning{background:var(--warning-bg);color:var(--warning);border:1px solid #f59e0b33}.badge-info{background:var(--info-bg);color:var(--info);border:1px solid #3b82f633}.badge-processing{color:var(--accent-primary-light);background:#7c3aed1f;border:1px solid #7c3aed33}.tab-group{background:var(--surface-tab);border-radius:var(--radius-md);border:1px solid var(--border-glass);gap:4px;padding:4px;display:flex}.tab-item{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);text-align:center;background:0 0;border:none;flex:1;padding:8px 16px;font-family:inherit;font-size:.85rem;font-weight:500}.tab-item:hover{color:var(--text-primary);background:var(--surface-soft)}.tab-item.active{background:var(--accent-gradient-subtle);color:var(--text-primary);font-weight:600;box-shadow:inset 0 0 0 1px #7c3aed33}.upload-zone{border-radius:var(--radius-md);text-align:center;transition:all var(--transition-normal);cursor:pointer;background:var(--surface-upload);border:2px dashed #adb9ff33;padding:32px;position:relative;overflow:hidden}.upload-zone:hover{border-color:var(--accent-primary);background:#7c3aed14}.upload-zone.drag-over{border-color:var(--accent-primary);box-shadow:var(--accent-glow);background:#7c3aed1f}.upload-zone input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.overlay{background:var(--overlay-bg);-webkit-backdrop-filter:blur(8px);z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.text-gradient{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.divider{background:#adb9ff2e;height:1px;margin:16px 0}.preview-modal-content{max-width:90vw;max-height:90vh}.preview-modal-content video,.preview-modal-content img{border-radius:var(--radius-md);object-fit:contain;max-width:100%;max-height:80vh}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.status-dot.processing{background:var(--accent-primary-light);animation:1.5s ease-in-out infinite pulse}.status-dot.success{background:var(--success)}.status-dot.failed{background:var(--danger)}.empty-state{color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px;display:flex}.empty-state svg{opacity:.3}.theme-switch{border-radius:var(--radius-md);border:1px solid var(--border-glass);background:var(--surface-tab);grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:4px;display:grid}.theme-switch-btn{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);background:0 0;border:none;justify-content:center;align-items:center;gap:6px;padding:9px 10px;font-family:inherit;font-size:.8rem;font-weight:600;display:inline-flex}.theme-switch-btn:hover{background:var(--surface-soft);color:var(--text-primary)}.theme-switch-btn.active{background:var(--accent-gradient-subtle);color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--nav-active-border)}