*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#00d9ff,#06f);min-height:100vh}.app{min-height:100vh;color:#333;display:flex;flex-direction:row}.sidebar{position:fixed;top:0;left:0;bottom:0;width:220px;background:#fffffff7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:2px 0 16px #00000014;display:flex;flex-direction:column;z-index:200;transition:width .22s cubic-bezier(.4,0,.2,1);overflow:hidden}.sidebar-collapsed .sidebar{width:56px}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:18px 14px 14px;border-bottom:1px solid rgba(0,0,0,.06);flex-shrink:0;min-height:62px}.sidebar-logo{flex-shrink:0}.sidebar-brand-text{font-size:1.05rem;font-weight:800;background:linear-gradient(135deg,#00d9ff,#06f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;flex:1;overflow:hidden}.sidebar-collapse-btn{margin-left:auto;flex-shrink:0;width:24px;height:24px;border:none;background:#6366f11a;border-radius:6px;cursor:pointer;font-size:.95rem;color:#6366f1;display:flex;align-items:center;justify-content:center;transition:background .15s}.sidebar-collapse-btn:hover{background:#6366f133}.sidebar-collapsed .sidebar-collapse-btn{margin-left:0}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 0;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.12) transparent}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:#0000001f;border-radius:2px}.sidebar-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 14px;border:none;background:transparent;cursor:pointer;text-align:left;color:#555;font-size:.875rem;font-weight:500;border-radius:0;transition:background .15s,color .15s;white-space:nowrap;position:relative}.sidebar-item:hover:not(.active){background:#6366f112;color:#374151}.sidebar-item.active{background:linear-gradient(135deg,#6366f11f,#4f46e51f);color:#4f46e5;font-weight:700}.sidebar-item.active:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0 3px 3px 0}.sidebar-item-icon{flex-shrink:0;width:22px;display:flex;align-items:center;justify-content:center;font-size:1rem}.sidebar-item-label{flex:1;overflow:hidden;text-overflow:ellipsis}.sidebar-badge{flex-shrink:0;padding:1px 6px;border-radius:10px;font-size:10px;font-weight:700;color:#fff;line-height:16px}.sidebar-badge--purple{background:#6366f1}.sidebar-badge--amber{background:#f59e0b}.sidebar-badge--red{background:#ef4444}.sidebar-divider{height:1px;background:#00000012;margin:6px 12px}.sidebar-footer{padding:10px 10px 14px;border-top:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;gap:8px;flex-shrink:0}.sidebar-footer-row{display:flex;align-items:center;gap:8px}.sidebar-signout-btn{background:transparent;border:1px solid rgba(128,128,128,.3);border-radius:6px;padding:3px 10px;font-size:11.5px;cursor:pointer;color:inherit;opacity:.75;white-space:nowrap;transition:opacity .15s}.sidebar-signout-btn:hover{opacity:1}.sidebar-connection{font-size:11px;padding:3px 6px;border-radius:6px;white-space:nowrap;overflow:hidden}.content-area{margin-left:220px;min-height:100vh;display:flex;flex-direction:column;flex:1;transition:margin-left .22s cubic-bezier(.4,0,.2,1)}.sidebar-collapsed .content-area{margin-left:56px}.header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;box-shadow:0 2px 20px #0000001a}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.header-text{text-align:left;flex:1;display:flex;align-items:center;gap:1rem}.header-logo{width:60px;height:60px;flex-shrink:0}.header-title-group{display:flex;flex-direction:column}.header h1{font-size:2.5rem;margin-bottom:.5rem;background:linear-gradient(135deg,#00d9ff,#06f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;letter-spacing:-.5px}.header p{color:#666;font-size:1.1rem}.connection-status{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;transition:all .3s ease}.connection-status.connected{background:#4caf501a;color:#4caf50}.connection-status.connecting{background:#ff98001a;color:#ff9800}.connection-status.disconnected{background:#f443361a;color:#f44336}.connection-status .status-indicator{font-size:1.2rem;animation:pulse 2s ease-in-out infinite}.connection-status.connected .status-indicator{animation:none}.connection-status .status-text{white-space:nowrap}.tabs{display:none}.main{padding:2rem;max-width:1400px;margin:0 auto;width:100%}.card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:2rem;margin-bottom:2rem;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2)}.card h2{margin-bottom:1.5rem;color:#333;font-size:1.5rem}.file-input{margin-bottom:1rem}.file-input input[type=file]{display:none}.file-label{display:inline-block;padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:10px;cursor:pointer;transition:all .3s ease;font-size:1rem;text-align:center;min-width:300px}.file-label:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.file-select-hint{display:block;margin-top:8px;font-size:.82rem;font-weight:500;line-height:1.4;padding:5px 10px;border-radius:6px}.file-select-hint--error{background:#fff1f2;color:#991b1b;border:1px solid #fca5a5}.file-select-hint--warning{background:#fffbeb;color:#92400e;border:1px solid #fcd34d}[data-theme=dark] .file-select-hint--error{background:#2d0a0a;color:#fca5a5;border-color:#7f1d1d}[data-theme=dark] .file-select-hint--warning{background:#1c1200;color:#fcd34d;border-color:#78350f}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#333}.label-hint{display:inline-block;margin-left:.3rem;font-size:.85rem;color:#667eea;cursor:help;font-weight:400;opacity:.7;transition:opacity .2s ease}.label-hint:hover{opacity:1}.form-hint{padding:.5rem .75rem;background:#667eea0d;border-left:3px solid #667eea;border-radius:4px;font-size:.85rem;color:#555;line-height:1.4}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.checkbox-label{display:flex!important;align-items:center;gap:.5rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:auto!important}.ai-thumbnail-info{background:linear-gradient(135deg,#667eea0d,#764ba20d);border:2px solid rgba(102,126,234,.2);border-radius:12px;padding:1.25rem;margin-bottom:1rem}.ai-thumbnail-info .info-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.ai-thumbnail-info .info-icon{font-size:1.5rem}.ai-thumbnail-info .info-title{font-weight:600;font-size:1.1rem;color:#333;flex:1}.ai-thumbnail-info .info-badge{padding:.35rem .85rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.ai-thumbnail-info .info-badge.enabled{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;box-shadow:0 2px 8px #4caf504d}.ai-thumbnail-info .info-description{color:#666;font-size:.95rem;line-height:1.5;margin-bottom:1rem}.ai-thumbnail-info .provider-selector{display:flex;align-items:center;gap:.75rem;padding-top:.75rem;border-top:1px solid rgba(102,126,234,.15)}.ai-thumbnail-info .provider-selector label{font-weight:600;color:#555;margin-bottom:0}.ai-thumbnail-info .provider-select{flex:1;padding:.6rem;border:2px solid rgba(102,126,234,.2);border-radius:8px;font-size:.95rem;background:#fff;cursor:pointer;transition:all .3s ease}.ai-thumbnail-info .provider-select:hover{border-color:#667eea66}.ai-thumbnail-info .provider-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.process-btn,.optimize-btn,.download-btn{background:linear-gradient(135deg,#00d9ff,#06f);color:#fff;border:none;padding:1rem 2rem;border-radius:10px;font-size:1rem;cursor:pointer;transition:all .3s ease;font-weight:600}.process-btn:hover,.optimize-btn:hover,.download-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.process-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.clips-grid{display:flex;gap:1rem;margin-top:1rem;overflow-x:auto;overflow-y:hidden;padding-bottom:1rem;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--accent-primary-solid) var(--bg-tertiary)}.clips-grid::-webkit-scrollbar{height:8px}.clips-grid::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.clips-grid::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:4px}.clips-grid::-webkit-scrollbar-thumb:hover{background:var(--accent-primary-solid)}.clip-item-enhanced{background:#fff;border:2px solid rgba(102,126,234,.15);border-radius:16px;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;flex:0 0 320px;min-width:320px;max-width:320px}.clip-item-enhanced:hover{transform:translateY(-4px);box-shadow:0 12px 32px #667eea40;border-color:#667eea66}.clip-thumbnail-container{position:relative;width:100%;height:400px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;overflow:hidden}.clip-thumbnail-img{width:100%;height:100%;object-fit:contain;display:block}.clip-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:5rem;color:#ffffff80;background:linear-gradient(135deg,#667eea,#764ba2);position:absolute;top:0;left:0}.clip-video-preview{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;z-index:10;background:#000;display:none;cursor:pointer;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;transform:translateZ(0);will-change:transform;backface-visibility:hidden}.clip-volume-control{position:absolute;top:12px;left:12px;background:#000000b3;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;z-index:12;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.clip-volume-control:hover{background:#667eeae6;transform:scale(1.1)}.clip-duration-overlay{position:absolute;bottom:12px;right:12px;background:#000c;color:#fff;padding:.4rem .7rem;border-radius:6px;font-size:.85rem;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:11}.clip-item-enhanced:hover .clip-duration-overlay{background:#667eeae6}.clip-item-enhanced:hover .clip-volume-control{display:flex!important}.clip-info-section{padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;flex:1}.clip-title{margin:0;font-size:1.1rem;font-weight:700;color:#111827;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;position:relative;cursor:help;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease}.clip-title:hover{background:#667eea1a;color:#667eea;transform:translate(2px)}.clip-title:hover:after{content:attr(title);position:absolute;left:0;top:100%;z-index:1000;background:#111827f2;color:#fff;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;line-height:1.4;white-space:normal;max-width:350px;box-shadow:0 4px 12px #0000004d;margin-top:.5rem;animation:tooltipFadeIn .2s ease;font-weight:500}.clip-description{margin:0;font-size:.85rem;color:#6b7280;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.clip-metadata{display:flex;gap:.5rem;flex-wrap:wrap}.clip-meta-badge{background:#f3f4f6;color:#6b7280;padding:.3rem .6rem;border-radius:6px;font-size:.75rem;font-family:monospace}.clip-actions{display:flex;gap:.75rem;padding:0 1.25rem 1.25rem}.clip-action-btn{flex:1;padding:.75rem 1rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.clip-action-btn.primary{background:linear-gradient(135deg,#00d9ff,#06f);color:#fff;box-shadow:0 2px 8px #0066ff4d}.clip-action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #06f6}.clip-action-btn.secondary{background:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb}.clip-action-btn.secondary:hover{background:#e5e7eb;transform:translateY(-2px)}.clip-item{background:#667eea0d;padding:1.5rem;border-radius:10px;border:1px solid rgba(102,126,234,.1)}.clip-item h4{margin-bottom:1rem;color:#333}.clip-preview{width:100%;margin-bottom:1rem;border-radius:8px;overflow:hidden;background:#000;position:relative}.clip-video{width:100%;max-height:500px;display:block;object-fit:contain;background:#000}.clip-item:has(.clip-video[src*=vertical]) .clip-video,.clip-item:has(.clip-video) .clip-video{max-width:280px;margin:0 auto;aspect-ratio:9/16}.clip-item p{margin-bottom:.5rem;color:#666}.download-btn{margin-right:.5rem;margin-top:1rem;padding:.5rem 1rem;font-size:.9rem}.upload-section,.results-section,.optimizer-section{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.input-mode-selector{display:flex;gap:1rem;margin-bottom:1.5rem;justify-content:center}.mode-btn{padding:.75rem 1.5rem;border:2px solid #e1e5e9;background:#fff;border-radius:10px;cursor:pointer;font-size:1rem;transition:all .3s ease;color:#666}.mode-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;box-shadow:0 4px 15px #667eea66}.mode-btn:hover:not(.active){border-color:#667eea;background:#667eea0d}.youtube-input{margin-top:1rem}.info-btn{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem;margin-left:.5rem;transition:all .3s ease}.info-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #48bb7866}.info-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.youtube-info{background:#48bb780d;border:1px solid rgba(72,187,120,.2);border-radius:10px;padding:1rem;margin-top:1rem}.youtube-info h4{margin-bottom:.5rem;color:#2d3748}.youtube-info p{margin-bottom:.5rem;color:#4a5568;font-size:.9rem}.job-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.job-status{display:flex;align-items:center;gap:.5rem}.status-badge{padding:.25rem .75rem;border-radius:15px;font-size:.8rem;font-weight:600;text-transform:uppercase}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.downloading{background:#dbeafe;color:#1e40af}.status-badge.processing{background:#e0e7ff;color:#3730a3}.status-badge.completed{background:#d1fae5;color:#065f46}.status-badge.failed{background:#fee2e2;color:#991b1b}.status-badge.cancelled{background:#f3f4f6;color:#374151}.cancel-btn{background:#ef4444;color:#fff;border:none;padding:.25rem .5rem;border-radius:5px;cursor:pointer;font-size:.8rem;transition:all .3s ease}.cancel-btn:hover{background:#dc2626;transform:translateY(-1px)}.progress-section{background:#667eea0d;border:1px solid rgba(102,126,234,.1);border-radius:15px;padding:1.5rem;margin-bottom:1rem;box-shadow:0 4px 12px #667eea1a}.progress-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.progress-main-info h4{margin:0 0 .5rem;color:#2d3748;font-size:1.1rem}.progress-stats{display:flex;gap:1rem;align-items:center}.progress-percentage{font-size:1.4rem;font-weight:700;color:#667eea;background:#fff;padding:.25rem .75rem;border-radius:20px;box-shadow:0 2px 8px #667eea33}.progress-step{font-size:.9rem;color:#718096;background:#667eea1a;padding:.25rem .5rem;border-radius:12px}.time-estimate{background:#48bb781a;color:#38a169;padding:.5rem .75rem;border-radius:20px;font-size:.9rem;font-weight:600}.progress-bar{width:100%;height:28px;background:#e2e8f0;border-radius:14px;overflow:hidden;margin-bottom:1rem;position:relative;box-shadow:inset 0 2px 4px #0000001a;border:2px solid rgba(102,126,234,.1)}.progress-fill{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;transition:width .3s cubic-bezier(.4,0,.2,1);position:relative;display:flex;align-items:center;justify-content:center;min-width:60px}.progress-text{color:#fff;font-size:.9rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.progress-details{display:flex;flex-direction:column;gap:.75rem}.progress-message{color:#4a5568;font-size:.95rem;margin:0;font-style:italic}.segments-progress{background:#667eea1a;padding:.5rem;border-radius:8px;text-align:center;font-weight:600;color:#667eea}.performance-info{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-around;background:#48bb780d;padding:.75rem;border-radius:10px;border:1px solid rgba(72,187,120,.1)}.performance-info span{font-size:.85rem;color:#2d3748;background:#fff;padding:.25rem .5rem;border-radius:15px;box-shadow:0 1px 3px #0000001a}.performance-metrics{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;background:#8b5cf60d;padding:.75rem;border-radius:10px;border:1px solid rgba(139,92,246,.1)}.performance-metrics span{font-size:.85rem;color:#553c9a;background:#fff;padding:.25rem .5rem;border-radius:15px;box-shadow:0 1px 3px #0000001a;font-weight:600}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.error-message{background:#fee2e2;border:1px solid #fecaca;border-radius:5px;padding:.75rem;margin-top:.5rem}.error-message p{color:#991b1b;margin:0;font-size:.9rem}@media(max-width:768px){.main{padding:1rem}.form-row{grid-template-columns:1fr}.clip-item-enhanced{flex:0 0 280px;min-width:280px;max-width:280px}.tabs{justify-content:flex-start;padding:.35rem .5rem}.input-mode-selector{flex-direction:column}.mode-btn{width:100%}.job-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.global-progress-section{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid rgba(102,126,234,.2);border-radius:15px;padding:1.5rem;margin-top:1.5rem;animation:slideIn .3s ease;box-shadow:0 8px 32px #667eea26}.global-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.global-progress-header h4{margin:0;color:#2d3748;font-size:1.1rem;font-weight:600}.global-progress-percentage{font-size:1.4rem;font-weight:700;color:#667eea;background:#fff;padding:.25rem .75rem;border-radius:20px;box-shadow:0 2px 8px #667eea33}.global-progress-bar{width:100%;height:28px;background:#e2e8f0;border-radius:14px;overflow:hidden;margin-bottom:1rem;position:relative;box-shadow:inset 0 2px 4px #0000001a}.global-progress-fill{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;transition:width .3s cubic-bezier(.4,0,.2,1);position:relative;display:flex;align-items:center;justify-content:center;min-width:60px}.global-progress-text{color:#fff;font-size:.9rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}.global-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 1.5s infinite}.global-progress-message{color:#4a5568;font-size:.95rem;margin:0;text-align:center;font-style:italic;background:#ffffffb3;padding:.75rem;border-radius:10px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{box-shadow:0 0 #667eea66}50%{box-shadow:0 0 0 10px #667eea00}}.global-progress-bar{animation:pulse 2s infinite}@media(max-width:768px){.global-progress-header{flex-direction:column;align-items:flex-start;gap:.5rem}.global-progress-percentage{align-self:flex-end}}.progress-fill.downloading{background:linear-gradient(135deg,#3182ce,#2c5282)}.progress-fill.processing{background:linear-gradient(135deg,#667eea,#764ba2)}.progress-fill.default{background:linear-gradient(135deg,#48bb78,#38a169)}.progress-fill.completed{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 0 15px #10b98180;animation:completionPulse .6s ease-out}.global-progress-fill.downloading{background:linear-gradient(135deg,#3182ce,#2c5282)}.global-progress-fill.processing{background:linear-gradient(135deg,#667eea,#764ba2)}.global-progress-fill.uploading{background:linear-gradient(135deg,#48bb78,#38a169)}@keyframes completionPulse{0%{box-shadow:0 0 #10b981cc}50%{box-shadow:0 0 20px #10b98199}to{box-shadow:0 0 15px #10b98180}}.scheduler-section{animation:fadeIn .5s ease}.scheduler-status{background:#48bb780d;border:1px solid rgba(72,187,120,.2);border-radius:10px;padding:1.5rem;margin-bottom:2rem}.status-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.status-indicator{font-size:1.1rem;font-weight:600;padding:.5rem 1rem;border-radius:20px;background:#fff;box-shadow:0 2px 8px #0000001a}.status-indicator.running{color:#065f46;border:2px solid #10b981}.status-indicator.stopped{color:#991b1b;border:2px solid #ef4444}.scheduler-controls{display:flex;gap:.5rem}.start-btn,.stop-btn,.refresh-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.stop-btn{background:linear-gradient(135deg,#ef4444,#dc2626)}.refresh-btn{background:linear-gradient(135deg,#3b82f6,#2563eb)}.start-btn:hover,.stop-btn:hover,.refresh-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003}.scheduled-jobs{background:#3b82f60d;border:1px solid rgba(59,130,246,.2);border-radius:10px;padding:1.5rem;margin-bottom:2rem}.jobs-list{display:flex;flex-direction:column;gap:1rem}.job-item{background:#fff;padding:1rem;border-radius:8px;border:1px solid rgba(59,130,246,.1);box-shadow:0 2px 4px #0000000d}.job-info{display:flex;justify-content:space-between;align-items:center}.next-run{color:#6b7280;font-size:.9rem}.schedule-config{background:#8b5cf60d;border:1px solid rgba(139,92,246,.2);border-radius:10px;padding:1.5rem;margin-bottom:2rem}.platforms-schedule{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.platform-schedule{background:#fff;padding:1rem;border-radius:8px;border:1px solid rgba(139,92,246,.1);box-shadow:0 2px 4px #0000000d}.platform-schedule h4{margin:0 0 .5rem;color:#7c3aed;font-size:1rem}.upload-queues{background:#f59e0b0d;border:1px solid rgba(245,158,11,.2);border-radius:10px;padding:1.5rem;margin-bottom:2rem}.queues-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.queue-item{background:#fff;padding:1rem;border-radius:8px;border:1px solid rgba(245,158,11,.1);box-shadow:0 2px 4px #0000000d}.queue-item h4{margin:0 0 .5rem;color:#d97706;font-size:1rem}.queue-preview{margin-top:.5rem;padding:.5rem;background:#f59e0b1a;border-radius:5px;font-size:.9rem}.scheduler-actions{display:flex;justify-content:center;margin-top:2rem}@media(max-width:768px){.status-row{flex-direction:column;align-items:flex-start;gap:1rem}.platforms-schedule,.queues-list{grid-template-columns:1fr}.job-info{flex-direction:column;align-items:flex-start;gap:.5rem}}.schedule-creator{background:#10b9810d;border:1px solid rgba(16,185,129,.2);border-radius:10px;padding:1.5rem;margin-bottom:2rem}.schedule-form{display:flex;flex-direction:column;gap:1.5rem}.publish-mode-toggle{display:flex;gap:.5rem;margin-bottom:1rem;background:#f3f4f6;padding:.25rem;border-radius:10px}.publish-mode-toggle .mode-btn{flex:1;padding:.75rem 1rem;border:none;background:transparent;color:#6b7280;font-size:.95rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease}.publish-mode-toggle .mode-btn:hover{color:#374151}.publish-mode-toggle .mode-btn.active{background:#fff;color:#667eea;box-shadow:0 2px 8px #0000001a;font-weight:600}.days-selector{display:flex;flex-wrap:wrap;gap:1rem}.day-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:5px;background:#fff;border:1px solid #e5e7eb;transition:all .3s ease}.day-checkbox:hover{background:#10b9811a;border-color:#10b981}.day-checkbox input[type=checkbox]{width:auto!important}.create-schedule-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:1rem 2rem;border-radius:10px;font-size:1rem;cursor:pointer;transition:all .3s ease;font-weight:600}.create-schedule-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.schedule-form small{color:#6b7280;font-size:.8rem;margin-top:.25rem}@media(max-width:768px){.days-selector{grid-template-columns:repeat(2,1fr)}.day-checkbox{justify-content:center}.calendar-container{grid-template-columns:1fr}.videos-sidebar{max-height:500px;order:2}.calendar-grid{order:1}}.scheduler-section{animation:fadeIn .5s ease;padding:1rem;display:flex;flex-direction:column;gap:1rem;max-width:100%;overflow-x:hidden}.scheduler-section .calendar-container{display:grid!important;grid-template-columns:1fr 400px!important;grid-template-rows:auto 1fr!important;gap:1.5rem!important;min-height:600px!important;width:100%!important;max-width:100%!important;flex-shrink:0!important}.scheduler-section .calendar-container .calendar-header{grid-column:1 / -1!important;grid-row:1!important}.scheduler-section .calendar-container .calendar-grid{grid-column:1!important;grid-row:2!important;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.scheduler-section .calendar-container .videos-sidebar{grid-column:2!important;grid-row:2!important;width:400px!important;max-width:400px!important;min-width:400px!important}.calendar-container{display:grid;grid-template-columns:1fr 300px;gap:1rem;min-height:600px;max-width:100%;width:100%}.calendar-header{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem 1rem;border-radius:12px;box-shadow:0 8px 32px #0000001a;margin-bottom:.5rem}.calendar-nav{display:flex;align-items:center;gap:2rem}.nav-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:8px;cursor:pointer;font-size:.85rem;transition:all .3s ease}.nav-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.month-title{margin:0;font-size:1.3rem;color:#333;min-width:180px;text-align:center}.calendar-grid{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:1.5rem;box-shadow:0 8px 32px #0000001a}.day-headers{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;margin-bottom:1rem;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.day-header{text-align:center;font-weight:600;color:#666;padding:.5rem;background:#667eea1a;border-radius:6px;font-size:.8rem;min-width:0!important}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:#e5e7eb;border-radius:8px;overflow:hidden;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.calendar-day{background:#fff;aspect-ratio:1 / 1;padding:.5rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;position:relative;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden}.calendar-day:hover{background:#667eea0d;transform:scale(1.02)}.calendar-day.today{background:#10b9811a;border:2px solid #10b981}.calendar-day.selected{background:#667eea26;border:2px solid #667eea}.calendar-day.empty{background:#f9fafb;cursor:default}.calendar-day.empty:hover{transform:none;background:#f9fafb}.day-number{font-weight:600;color:#333;margin-bottom:.5rem}.day-events{flex:1;display:flex;flex-direction:column;gap:4px;overflow:hidden}.event-dot{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 8px;border-radius:8px;font-size:.7rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;justify-content:space-between;gap:4px;box-shadow:0 2px 4px #0000001a}.event-count-badge{background:#ffffff4d;color:#fff;font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center;box-shadow:0 1px 3px #0003}.event-dot.youtube_shorts{background:linear-gradient(135deg,red,#c00)}.event-dot.instagram_reels{background:linear-gradient(135deg,#e4405f,#c13584)}.event-dot.tiktok{background:linear-gradient(135deg,#000,#333)}.event-dot.x{background:linear-gradient(135deg,#1da1f2,#0d8bd9)}.event-dot.facebook{background:linear-gradient(135deg,#1877f2,#166fe5)}.event-time{font-size:.6rem;font-weight:600}.more-events{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;padding:4px 8px;border-radius:8px;font-size:.65rem;font-weight:600;text-align:center;box-shadow:0 2px 4px #00000026;cursor:pointer;transition:all .2s ease}.more-events:hover{background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-1px);box-shadow:0 3px 6px #0003}.videos-sidebar{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:1.5rem;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;max-height:800px;min-height:400px;height:auto;overflow:hidden;position:relative}.videos-sidebar h3{margin:0 0 1rem;color:#333;flex-shrink:0}.videos-list{flex:1;overflow-y:auto;overflow-x:hidden;padding-right:.5rem;margin-right:-.5rem;-webkit-overflow-scrolling:touch;will-change:scroll-position;contain:layout style paint}.videos-list::-webkit-scrollbar{width:8px}.videos-list::-webkit-scrollbar-track{background:#667eea1a;border-radius:10px}.videos-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.videos-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}.videos-list{scrollbar-width:thin;scrollbar-color:#667eea rgba(102,126,234,.1)}.videos-sidebar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to top,rgba(255,255,255,.95),transparent);pointer-events:none;border-radius:0 0 15px 15px;opacity:0;transition:opacity .3s ease}.videos-sidebar.has-scroll:after{opacity:1}.no-videos-message{display:flex;align-items:center;justify-content:center;padding:2rem;text-align:center;color:#666;font-style:italic}@media(max-width:1400px){.calendar-container{grid-template-columns:minmax(600px,2fr) minmax(220px,1fr)}}@media(max-width:1200px){.calendar-container{grid-template-columns:1fr;gap:1rem}.videos-sidebar{max-height:400px}.calendar-header{flex-direction:column;gap:1rem}.month-title{min-width:auto}}@media(max-width:768px){.calendar-day{aspect-ratio:1 / 1;padding:.25rem;font-size:.75rem}.day-header{padding:.4rem;font-size:.75rem}.event-dot{font-size:.6rem;padding:2px 4px}.event-count-badge{font-size:.55rem;padding:1px 4px;min-width:16px}.more-events{font-size:.55rem;padding:2px 4px}}.job-selector{margin-bottom:1rem;flex-shrink:0}.job-selector select{width:100%;padding:.75rem;border:2px solid rgba(102,126,234,.3);border-radius:8px;font-size:.9rem;background:#fff;color:#333;cursor:pointer;transition:all .2s ease}.job-selector select:hover{border-color:#667eea80}.job-selector select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.job-selector-enhanced{margin-bottom:1.5rem;flex-shrink:0;background:linear-gradient(135deg,#667eea0d,#764ba20d);border-radius:12px;padding:1rem;border:2px solid rgba(102,126,234,.1)}.job-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.selector-label{font-weight:600;font-size:.95rem;color:#667eea}.selector-stats{font-size:.85rem;color:#666;background:#fffc;padding:.25rem .75rem;border-radius:12px;font-weight:500}.job-selector-dropdown{width:100%;padding:.875rem 1rem;border:2px solid rgba(102,126,234,.3);border-radius:10px;font-size:.95rem;background:#fff;color:#333;cursor:pointer;transition:all .3s ease;font-weight:500;box-shadow:0 2px 8px #0000000d}.job-selector-dropdown:hover{border-color:#667eea99;box-shadow:0 4px 12px #667eea26;transform:translateY(-1px)}.job-selector-dropdown:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea26}.job-selector-dropdown optgroup{font-weight:400;font-style:normal;color:#999}.job-selector-dropdown option{padding:.5rem;font-weight:500}.job-quick-stats{display:flex;gap:.5rem;margin-top:.6rem;flex-wrap:wrap;align-items:center}.stat-card{flex:1;min-width:60px;background:#fff;border-radius:6px;padding:.4rem;text-align:center;border:1px solid rgba(102,126,234,.2);transition:all .3s ease}.stat-card:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.stat-card .stat-value{font-size:1.1rem;font-weight:700;color:#667eea;margin-bottom:.15rem}.stat-card .stat-label{font-size:.65rem;color:#666;text-transform:uppercase;letter-spacing:.3px;font-weight:600}.stat-card.stat-success{border-color:#4caf504d;background:linear-gradient(135deg,#4caf500d,#4caf5005)}.stat-card.stat-success .stat-value{color:#4caf50}.stat-card.stat-pending{border-color:#ff98004d;background:linear-gradient(135deg,#ff98000d,#ff980005)}.stat-card.stat-pending .stat-value{color:#ff9800}.stat-card.stat-progress{border-color:#2196f34d;background:linear-gradient(135deg,#2196f30d,#2196f305)}.stat-card.stat-progress .stat-value{color:#2196f3}.clear-filter-btn{padding:.5rem .75rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 2px 8px #667eea4d}.clear-filter-btn:hover{transform:translateY(-1px);box-shadow:0 3px 10px #667eea66}.clear-filter-btn:active{transform:translateY(0)}.videos-list{display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;flex:1;min-height:0;padding:.25rem}.video-item-enhanced{background:#fff;border:1px solid rgba(102,126,234,.2);border-radius:10px;overflow:visible;cursor:grab;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;box-shadow:0 2px 6px #0000000f;margin-bottom:.75rem;display:flex;flex-direction:row;align-items:stretch;min-height:130px;max-height:none;height:auto;will-change:transform;contain:layout style paint}.video-item-enhanced:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea33;border-color:#667eea66}.video-item-enhanced:active{cursor:grabbing;transform:translateY(0)}.video-thumbnail-large{width:110px;min-width:110px;height:100%;position:relative;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.video-thumbnail-large img,.video-thumbnail-img{width:100%;height:100%;object-fit:cover;display:block!important;position:relative;z-index:1}.video-preview{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:10;background:#000;display:none;cursor:pointer;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;transform:translateZ(0);will-change:transform;backface-visibility:hidden}.volume-control,.video-volume-control{position:absolute;top:4px;left:4px;background:#000000b3;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;z-index:12;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.volume-control:hover,.video-volume-control:hover{background:#667eeae6;transform:scale(1.1)}.volume-control:active,.video-volume-control:active{transform:scale(.95)}.placeholder-thumb-large{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(135deg,#667eea33,#764ba233);position:relative;z-index:0}.placeholder-content{text-align:center;padding:.5rem;display:flex;flex-direction:column;align-items:center}.placeholder-icon{font-size:2.5rem;opacity:.5;line-height:1}.placeholder-text{font-size:.6rem;font-weight:600;color:#6b7280;margin-top:.25rem;display:none}.placeholder-hint{display:none}.duration-overlay{position:absolute;bottom:4px;right:4px;background:#000c;color:#fff;padding:.15rem .35rem;border-radius:4px;font-size:.65rem;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);line-height:1;z-index:11;pointer-events:none}.video-item-enhanced:hover .duration-overlay{background:#667eeae6}.video-info-enhanced{padding:.5rem .75rem;background:#fff;flex:1;display:flex;flex-direction:column;justify-content:flex-start;min-width:0;gap:.3rem;overflow:visible}.video-title-enhanced{margin:0 0 .2rem;font-size:.8rem;font-weight:600;color:#111827;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;position:relative;cursor:help;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease}.video-title-enhanced:hover{background:#667eea1a;color:#667eea;transform:translate(2px)}.video-title-enhanced:hover:after{content:attr(title);position:absolute;left:0;top:100%;z-index:1000;background:#111827f2;color:#fff;padding:.75rem 1rem;border-radius:8px;font-size:.85rem;line-height:1.4;white-space:normal;max-width:300px;box-shadow:0 4px 12px #0000004d;margin-top:.5rem;animation:tooltipFadeIn .2s ease}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.video-item-enhanced:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 16px #667eea33;border-color:#667eea66;z-index:10}.video-description{margin:0 0 .2rem;font-size:.65rem;color:#6b7280;line-height:1.2;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.video-meta-enhanced{display:flex;gap:.35rem;flex-wrap:wrap;align-items:center;margin-top:.3rem;flex-shrink:0}.filename-badge{display:inline-block;background:#f3f4f6;color:#6b7280;padding:.15rem .35rem;border-radius:4px;font-size:.65rem;font-family:monospace;margin-right:.25rem}.duration-badge{display:inline-block;background:#dbeafe;color:#1e40af;padding:.15rem .35rem;border-radius:4px;font-size:.65rem;font-weight:600}.video-item{background:#667eea0d;border:1px solid rgba(102,126,234,.2);border-radius:10px;padding:1rem;cursor:grab;transition:all .3s ease}.video-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea33}.video-item:active{cursor:grabbing}.video-thumbnail{width:100%;height:80px;border-radius:8px;overflow:hidden;margin-bottom:.5rem;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.video-thumbnail img{width:100%;height:100%;object-fit:cover}.placeholder-thumb{font-size:2rem;color:#9ca3af}.video-info h4{margin:0 0 .25rem;font-size:.9rem;color:#333}.video-info p{margin:0 0 .5rem;color:#666;font-size:.8rem}.platforms{display:flex!important;flex-wrap:wrap;gap:.25rem;margin-top:.3rem;flex-shrink:0;min-height:1.5rem;visibility:visible!important;opacity:1!important}.platform-tag{background:#e5e7eb;color:#374151;padding:4px 8px;border-radius:8px;font-size:.7rem;text-transform:capitalize;font-weight:700;line-height:1;flex-shrink:0;white-space:nowrap;display:inline-block!important;visibility:visible!important;opacity:1!important}.platform-tag.youtube_shorts{background:#fee2e2;color:#991b1b}.platform-tag.instagram_reels{background:#fce7f3;color:#be185d}.platform-tag.tiktok{background:#f3f4f6;color:#374151}.platform-tag.x,.platform-tag.facebook{background:#dbeafe;color:#1e40af}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.schedule-modal{background:#fff;border-radius:15px;padding:2rem;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.modal-header h3{margin:0;color:#333}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:.5rem;border-radius:50%;transition:all .3s ease}.close-btn:hover{background:#f3f4f6;color:#333}.existing-events{margin-bottom:2rem}.existing-events h4{margin:0 0 1rem;color:#333}.scheduled-event{display:flex;justify-content:space-between;align-items:center;background:#667eea0d;padding:1rem;border-radius:8px;margin-bottom:.5rem}.event-info{display:flex;align-items:center;gap:1rem}.platform-badge{background:#667eea;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;text-transform:capitalize}.platform-badge.youtube_shorts{background:red}.platform-badge.instagram_reels{background:#e4405f}.platform-badge.tiktok{background:#000}.platform-badge.x{background:#1da1f2}.platform-badge.facebook{background:#1877f2}.remove-btn{background:#ef4444;color:#fff;border:none;padding:.5rem;border-radius:50%;cursor:pointer;transition:all .3s ease}.remove-btn:hover{background:#dc2626;transform:scale(1.1)}.schedule-new h4{margin:0 0 1rem;color:#333}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.schedule-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:1rem 2rem;border-radius:10px;font-size:1rem;cursor:pointer;transition:all .3s ease;font-weight:600;width:100%;margin-top:1rem}.schedule-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}@media(max-width:1024px){.calendar-container{grid-template-columns:1fr;grid-template-rows:auto auto;gap:1rem}.calendar-header{margin-bottom:0}.videos-sidebar{max-height:400px;min-height:200px}.videos-list{flex-direction:row;overflow-x:auto;padding-bottom:1rem}.video-item{min-width:200px}}@media(max-width:768px){.calendar-header,.calendar-nav{flex-direction:column;gap:1rem}.month-title{min-width:auto}.calendar-day{min-height:80px}.day-header{padding:.5rem;font-size:.8rem}.form-row{grid-template-columns:1fr}.schedule-modal{width:95%;padding:1rem}}.youtube-error{background:#fee2e2;border:1px solid #fecaca;border-radius:10px;padding:1.5rem;margin-top:1rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.error-content{flex:1}.youtube-error p{color:#991b1b;margin:0 0 1rem;font-size:.9rem}.error-suggestion{background:#ffffffb3;border-radius:8px;padding:1rem;margin-top:1rem}.error-suggestion p{color:#374151;margin:0 0 .5rem}.error-suggestion ol{color:#374151;margin:.5rem 0 1rem 1.5rem;padding:0}.error-suggestion li{margin-bottom:.25rem;font-size:.85rem}.switch-mode-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.85rem;transition:all .3s ease;font-weight:600;margin-top:.5rem}.switch-mode-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.dismiss-error-btn{background:#ef4444;color:#fff;border:none;padding:.25rem .75rem;border-radius:5px;cursor:pointer;font-size:.8rem;transition:all .3s ease}.dismiss-error-btn:hover{background:#dc2626;transform:translateY(-1px)}.info-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.info-btn:disabled:hover{transform:none;box-shadow:none}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.results-header h2{margin:0}.refresh-jobs-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;cursor:pointer;font-size:.9rem;transition:all .3s ease;font-weight:600}.refresh-jobs-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.check-jobs-actions{display:flex;gap:12px;justify-content:center;margin:20px 0;flex-wrap:wrap}.check-jobs-btn{border:none;padding:.75rem 1.5rem;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease;min-width:180px}.check-jobs-btn.primary{background:linear-gradient(135deg,#00d9ff,#06f);color:#fff;box-shadow:0 4px 15px #0066ff4d}.check-jobs-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #06f6}.check-jobs-btn.secondary{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;box-shadow:0 4px 15px #f5576c4d}.check-jobs-btn.secondary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f5576c66}.help-text{font-size:14px;color:#666;margin-top:15px;font-style:italic}.no-jobs-message{text-align:center;padding:3rem;background:#3b82f60d;border:2px dashed rgba(59,130,246,.2);border-radius:15px}.no-jobs-message p{margin-bottom:1.5rem;color:#6b7280;font-size:1.1rem}.job-header{position:relative}.job-refresh-btn{background:#10b981;color:#fff;border:none;padding:.25rem .5rem;border-radius:5px;cursor:pointer;font-size:.7rem;margin-left:.5rem;transition:all .3s ease}.job-refresh-btn:hover{background:#059669;transform:scale(1.05)}.state-restored-banner{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.75rem 1.5rem;border-radius:10px;margin-bottom:1rem;text-align:center;font-size:.9rem;animation:slideDown .5s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.job-card{position:relative;overflow:hidden}.job-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#e5e7eb}.job-card.processing:before{background:linear-gradient(135deg,#3b82f6,#2563eb);animation:pulse 2s infinite}.job-card.completed:before{background:linear-gradient(135deg,#10b981,#059669)}.job-card.failed:before{background:linear-gradient(135deg,#ef4444,#dc2626)}.job-card.downloading:before{background:linear-gradient(135deg,#f59e0b,#d97706);animation:pulse 2s infinite}@media(max-width:768px){.results-header{flex-direction:column;gap:1rem;align-items:flex-start}.refresh-jobs-btn{width:100%}}.job-title-section{display:flex;align-items:center;gap:.5rem}.job-title-section h3{margin:0;flex:1}.youtube-notice{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:8px;padding:.75rem;margin-bottom:1rem}.youtube-notice p{color:#1e40af;margin:0;font-size:.85rem}@media(max-width:768px){.youtube-error{flex-direction:column;align-items:stretch}.dismiss-error-btn{align-self:flex-end;margin-top:1rem}.error-suggestion ol{margin-left:1rem}}.platform-selection{border:1px solid #ddd;border-radius:8px;padding:1rem;background:#f9f9f9}.platform-controls{display:flex;gap:.5rem;margin-bottom:1rem}.platform-control-btn{padding:.5rem 1rem;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;font-size:.9rem;transition:all .2s ease}.platform-control-btn:hover{background:#f0f0f0;border-color:#bbb}.platform-checkboxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-bottom:1rem}.platform-checkbox{display:flex;align-items:center;cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .2s ease;position:relative}.platform-checkbox:hover{background:#667eea1a}.platform-checkbox input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.checkmark{height:20px;width:20px;background-color:#fff;border:2px solid #ddd;border-radius:4px;margin-right:.75rem;position:relative;transition:all .2s ease}.platform-checkbox input:checked~.checkmark{background-color:#667eea;border-color:#667eea}.platform-checkbox input:checked~.checkmark:after{content:"";position:absolute;display:block;left:6px;top:2px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.selected-count{font-size:.9rem;color:#667eea;font-weight:500;text-align:center;padding:.5rem;background:#667eea1a;border-radius:4px}.schedule-btn:disabled{opacity:.5;cursor:not-allowed}.schedule-btn:disabled:hover{background:#06f;transform:none}.platform-badge{font-size:.75rem;padding:.2rem .4rem;border-radius:10px;font-weight:500;text-transform:capitalize;margin-left:.4rem}.platform-badge.youtube_shorts{background:red;color:#fff}.platform-badge.instagram_reels{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}.platform-badge.tiktok{background:#000;color:#fff}.platform-badge.x{background:#1da1f2;color:#fff}.platform-badge.facebook{background:#1877f2;color:#fff}.event-dot.youtube_shorts{background:red}.event-dot.instagram_reels{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.event-dot.tiktok{background:#000}.event-dot.x{background:#1da1f2}.event-dot.facebook{background:#1877f2}.scheduled-event{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#fff;border-radius:8px;margin-bottom:.5rem;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.scheduled-event.uploading{background:#fff3cd;border-left:4px solid #ffc107}.scheduled-event.completed{background:#d4edda;border-left:4px solid #28a745}.scheduled-event.failed{background:#f8d7da;border-left:4px solid #dc3545}.event-info{display:flex;flex-direction:column;align-items:flex-start;flex-grow:1;gap:.5rem}.event-main{display:flex;align-items:center;gap:.5rem}.event-status{font-size:.85rem}.status-badge{padding:.25rem .5rem;border-radius:4px;font-size:.85rem;font-weight:500}.status-badge.scheduled{background:#e3f2fd;color:#1976d2}.status-badge.uploading{background:#fff3cd;color:#856404;animation:pulse 1.5s ease-in-out infinite}.status-badge.completed{background:#d4edda;color:#155724}.status-badge.failed{background:#f8d7da;color:#721c24}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.event-dot{position:relative}.event-dot .status-icon{position:absolute;top:-4px;right:-4px;font-size:.7rem;background:#fff;border-radius:50%;width:14px;height:14px;display:flex;align-items:center;justify-content:center}.event-dot.uploading{animation:pulse 1.5s ease-in-out infinite}.event-dot.completed{opacity:.7}.event-dot.failed{opacity:.5;filter:grayscale(50%)}.remove-btn{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:.25rem;border-radius:4px;transition:background-color .2s ease}.remove-btn:hover{background:#ff00001a}.header-actions{display:flex;gap:.5rem}.health-check-btn{padding:.5rem 1rem;background:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s ease}.health-check-btn:hover{background:#218838}.job-health-section{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:1.5rem;margin-bottom:2rem}.job-health-section h3{margin-bottom:1rem;color:#495057}.health-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}.health-stat{display:flex;flex-direction:column;align-items:center;padding:1rem;background:#fff;border-radius:6px;box-shadow:0 2px 4px #0000001a}.stat-label{font-size:.9rem;color:#6c757d;margin-bottom:.5rem}.stat-value{font-size:1.5rem;font-weight:700;color:#495057}.stuck-jobs-alert{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;padding:1rem;margin-top:1rem}.stuck-jobs-alert h4{color:#856404;margin-bottom:1rem}.stuck-jobs-list{margin-bottom:1rem}.stuck-job-item{display:grid;grid-template-columns:100px 80px 1fr;gap:1rem;padding:.5rem;background:#fff;border-radius:4px;margin-bottom:.5rem;font-size:.9rem}.stuck-job-id{font-family:monospace;font-weight:700;color:#495057}.stuck-job-time{color:#dc3545;font-weight:500}.stuck-job-message{color:#6c757d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stuck-jobs-actions{display:flex;gap:.5rem}.cleanup-stuck-btn,.cleanup-old-btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.cleanup-stuck-btn{background:#ffc107;color:#212529}.cleanup-stuck-btn:hover{background:#e0a800}.cleanup-old-btn{background:#dc3545;color:#fff}.cleanup-old-btn:hover{background:#c82333}.health-check-btn.loading,.refresh-jobs-btn.loading,.cleanup-stuck-btn.loading,.cleanup-old-btn.loading{opacity:.7;cursor:not-allowed;position:relative}.health-check-btn:disabled,.refresh-jobs-btn:disabled,.cleanup-stuck-btn:disabled,.cleanup-old-btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.health-check-btn:disabled:hover,.refresh-jobs-btn:disabled:hover,.cleanup-stuck-btn:disabled:hover,.cleanup-old-btn:disabled:hover{transform:none;background:inherit}.loading:after{content:"";position:absolute;top:50%;right:8px;width:12px;height:12px;margin-top:-6px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:button-spin 1s linear infinite}@keyframes button-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.health-check-btn,.refresh-jobs-btn,.cleanup-stuck-btn,.cleanup-old-btn{transition:all .2s ease;position:relative}.health-check-btn:hover:not(:disabled),.refresh-jobs-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #0003}.cleanup-stuck-btn:hover:not(:disabled),.cleanup-old-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 4px #0003}.notification{position:fixed;top:20px;right:20px;background:#28a745;color:#fff;padding:1rem 1.5rem;border-radius:8px;box-shadow:0 4px 12px #0003;z-index:1000;font-weight:500;animation:slideInRight .3s ease-out,fadeOut .3s ease-in 2.7s forwards}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.manage-failed-btn{padding:.5rem 1rem;background:#fd7e14;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s ease}.manage-failed-btn:hover{background:#e8590c}.remove-cancelled-btn{padding:.5rem 1rem;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.remove-cancelled-btn:hover{background:#c82333;transform:translateY(-1px)}.failed-jobs-modal{background:#fff;border-radius:12px;width:90%;max-width:800px;max-height:80vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.failed-jobs-content{padding:1rem}.failed-jobs-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem;padding:1rem;background:#f8f9fa;border-radius:8px}.summary-stat{display:flex;flex-direction:column;align-items:center;text-align:center}.summary-stat .stat-label{font-size:.9rem;color:#6c757d;margin-bottom:.5rem}.summary-stat .stat-value{font-size:1.5rem;font-weight:700}.summary-stat .stat-value.recoverable{color:#28a745}.summary-stat .stat-value.non-recoverable{color:#dc3545}.bulk-actions{margin-bottom:2rem;padding:1rem;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px}.bulk-actions h4{margin-bottom:1rem;color:#856404}.bulk-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.bulk-btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.bulk-btn.remove-non-recoverable{background:#dc3545;color:#fff}.bulk-btn.remove-non-recoverable:hover{background:#c82333}.bulk-btn.remove-recoverable{background:#ffc107;color:#212529}.bulk-btn.remove-recoverable:hover{background:#e0a800}.bulk-btn.remove-all{background:#6c757d;color:#fff}.bulk-btn.remove-all:hover{background:#5a6268}.job-category{margin-bottom:2rem}.job-category h4{margin-bottom:.5rem;color:#495057}.category-description{color:#6c757d;font-size:.9rem;margin-bottom:1rem}.job-list{display:flex;flex-direction:column;gap:.5rem}.failed-job-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-radius:8px;border:1px solid #dee2e6}.failed-job-item.recoverable{background:#d4edda;border-color:#c3e6cb}.failed-job-item.non-recoverable{background:#f8d7da;border-color:#f5c6cb}.job-info{display:flex;flex-direction:column;gap:.25rem;flex-grow:1}.job-id{font-family:monospace;font-weight:700;color:#495057}.job-message{color:#6c757d;font-size:.9rem}.job-time{color:#6c757d;font-size:.8rem}.job-actions{display:flex;gap:.5rem}.retry-btn{padding:.25rem .75rem;background:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;transition:background-color .2s ease}.retry-btn:hover{background:#218838}.failed-job-item .remove-btn{padding:.25rem .75rem;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;transition:background-color .2s ease}.failed-job-item .remove-btn:hover{background:#c82333}.no-failed-jobs{text-align:center;padding:2rem;color:#28a745;font-size:1.1rem}.loading-failed-jobs{text-align:center;padding:2rem;color:#6c757d}@media(max-width:768px){.failed-jobs-modal{width:95%;max-height:90vh}.bulk-buttons{flex-direction:column}.failed-job-item{flex-direction:column;align-items:flex-start;gap:1rem}.job-actions{align-self:flex-end}}.failed-job-actions{display:flex;gap:.5rem}.retry-job-btn{padding:.25rem .75rem;background:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .2s ease}.retry-job-btn:hover{background:#218838;transform:translateY(-1px)}.remove-job-btn{padding:.25rem .75rem;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .2s ease}.remove-job-btn:hover{background:#c82333;transform:translateY(-1px)}.bulk-btn.auto-retry{background:#17a2b8;color:#fff}.bulk-btn.auto-retry:hover{background:#138496}.error-details{background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;padding:.75rem;margin-top:.5rem;font-size:.9rem;color:#721c24}.retry-info{background:#d1ecf1;border:1px solid #bee5eb;border-radius:4px;padding:.5rem;margin-top:.5rem;font-size:.8rem;color:#0c5460}.retry-count{font-weight:700;color:#17a2b8}.youtube-blocking-warning{background:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;padding:.75rem;margin:1rem 0;color:#856404}.youtube-blocking-warning h5{margin-bottom:.5rem;color:#856404}.youtube-blocking-warning ul{margin:.5rem 0 0 1rem}.youtube-blocking-warning li{margin-bottom:.25rem}.requeue-pending-btn{padding:.5rem 1rem;background:#6f42c1;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s ease}.requeue-pending-btn:hover{background:#5a32a3}.thumbnail-progress-section{margin-top:1.5rem;padding:1.5rem;background:#fffffff2;border-radius:12px;box-shadow:0 4px 15px #0000001a;border:2px solid #e3f2fd}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.progress-header h4{color:#1976d2;font-size:1.2rem;margin:0}.progress-percentage{font-size:1.5rem;font-weight:700;color:#2e7d32;background:linear-gradient(135deg,#4caf50,#2e7d32);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.progress-bar-container{margin-bottom:1rem}.progress-bar{width:100%;height:12px;background:#e0e0e0;border-radius:6px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#2e7d32,#4caf50);background-size:200% 100%;border-radius:6px;transition:width .3s ease;animation:progressShimmer 2s infinite}@keyframes progressShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.current-step{text-align:center;margin-bottom:1.5rem}.step-text{font-size:1.1rem;color:#1976d2;font-weight:500;padding:.5rem 1rem;background:#1976d21a;border-radius:20px;display:inline-block}.progress-steps{display:flex;flex-direction:column;gap:.75rem}.progress-step{display:flex;align-items:center;gap:1rem;padding:.75rem;border-radius:8px;transition:all .3s ease}.progress-step.pending{background:#9e9e9e1a;color:#757575}.progress-step.active{background:#1976d21a;color:#1976d2;border-left:4px solid #1976d2;transform:translate(4px)}.progress-step.completed{background:#2e7d321a;color:#2e7d32;border-left:4px solid #4caf50}.progress-step.failed{background:#d32f2f1a;color:#d32f2f;border-left:4px solid #f44336}.step-indicator{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#fffc;box-shadow:0 2px 4px #0000001a}.step-icon{font-size:1.2rem}.step-icon.spinning{animation:spin 1s linear infinite}.step-label{font-weight:500;flex:1}.generate-single-btn,.generate-multiple-btn{position:relative;overflow:hidden}.generate-single-btn:disabled,.generate-multiple-btn:disabled{background:linear-gradient(135deg,#bdbdbd,#9e9e9e);cursor:not-allowed}.generate-single-btn:disabled:after,.generate-multiple-btn:disabled:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:buttonShimmer 1.5s infinite}@keyframes buttonShimmer{0%{left:-100%}to{left:100%}}@media(max-width:768px){.progress-header{flex-direction:column;gap:.5rem;text-align:center}.progress-steps{gap:.5rem}.progress-step{padding:.5rem;gap:.75rem}.step-indicator{width:28px;height:28px}.step-icon{font-size:1rem}}.progress-step.completed .step-icon{animation:successPulse .6s ease-out}@keyframes successPulse{0%{transform:scale(.8)}50%{transform:scale(1.2)}to{transform:scale(1)}}.progress-step.failed .step-icon{animation:errorShake .6s ease-out}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.remove-btn{background:#dc3545;color:#fff;border:none;padding:.4rem .8rem;border-radius:4px;cursor:pointer;font-size:.85rem;transition:background-color .2s}.remove-btn:hover{background:#c82333}.bulk-btn.remove-all{background:#dc3545;color:#fff}.bulk-btn.remove-all:hover{background:#c82333}.failed-job-item .job-actions{display:flex;gap:.5rem;align-items:center}.failed-job-item .job-actions .job-status{color:#6c757d;font-size:.85rem;font-style:italic}.modal-overlay{z-index:9999!important;background:#00000080!important;display:flex!important;align-items:center!important;justify-content:center!important}.failed-jobs-modal{z-index:10000!important;display:block!important;position:relative!important}.modal-content,.failed-jobs-content{display:block!important;visibility:visible!important}.thumbnail-error-section{background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;padding:1rem;margin:1rem 0}.error-header h4{color:#e53e3e;margin:0 0 1rem}.error-details{display:flex;flex-direction:column;gap:1rem}.error-item{background:#fff;padding:.75rem;border-radius:6px;border-left:4px solid #e53e3e}.error-step{display:flex;align-items:center;gap:.5rem;font-weight:500}.error-icon{font-size:1.1rem}.error-message{margin-top:.5rem;padding:.5rem;background:#fed7d7;border-radius:4px;font-family:monospace;font-size:.9rem;color:#742a2a}.error-suggestions{background:#f7fafc;padding:1rem;border-radius:6px;border-left:4px solid #4299e1}.error-suggestions h5{color:#2b6cb0;margin:0 0 .5rem}.error-suggestions ul{margin:0;padding-left:1.5rem}.error-suggestions li{margin-bottom:.25rem;color:#4a5568}.remove-cancelled-btn{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #dc35454d;display:flex;align-items:center;gap:.5rem}.remove-cancelled-btn:hover{background:linear-gradient(135deg,#c82333,#b21e2f);transform:translateY(-2px);box-shadow:0 6px 20px #dc354566}.remove-cancelled-btn:disabled{background:linear-gradient(135deg,#bdbdbd,#9e9e9e);cursor:not-allowed;transform:none;box-shadow:0 2px 8px #bdbdbd4d;opacity:.6}.remove-cancelled-btn:disabled:hover{background:linear-gradient(135deg,#bdbdbd,#9e9e9e);transform:none;box-shadow:0 2px 8px #bdbdbd4d}.job-card.cancelled .remove-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .3s ease;box-shadow:0 2px 8px #e74c3c4d;display:flex;align-items:center;gap:.5rem}.job-card.cancelled .remove-btn:hover{background:linear-gradient(135deg,#c0392b,#a93226);transform:translateY(-1px);box-shadow:0 4px 12px #e74c3c66}.job-card.cancelled .remove-btn:focus{outline:none;box-shadow:0 0 0 3px #e74c3c33}.job-card.cancelled .remove-btn:active{transform:translateY(0);box-shadow:0 2px 6px #e74c3c4d}.remove-btn{background:#dc3545;color:#fff;border:none;padding:.4rem .8rem;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:.25rem}.remove-btn:hover{background:#c82333;transform:translateY(-1px)}.remove-btn:focus{outline:none;box-shadow:0 0 0 2px #dc354533}.remove-btn:active{transform:translateY(0)}.innovate-section{animation:fadeIn .5s ease;padding:2rem}.innovate-section .card{margin-bottom:2rem}.innovate-section h2{color:#333;margin-bottom:1rem;font-size:1.8rem}.innovate-section h3{color:#555;margin-bottom:.8rem;font-size:1.3rem}.innovate-section p{color:#666;line-height:1.6;margin-bottom:1rem}.innovate-container{max-width:1000px;margin:0 auto}.innovate-header{text-align:center;margin-bottom:2rem}.innovate-header h2{font-size:2rem;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.innovation-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2rem;padding:1rem;background:#ffffffe6;border-radius:15px;box-shadow:0 4px 20px #0000001a}.innovation-tabs button{padding:.5rem 1rem;border:2px solid transparent;background:#fffc;border-radius:25px;cursor:pointer;transition:all .3s ease;color:#666;font-size:.9rem;font-weight:500}.innovation-tabs button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea66}.innovation-tabs button:hover:not(.active){background:#667eea1a;border-color:#667eea}.innovation-content{margin-bottom:2rem}.innovation-content .card{max-width:600px;margin:0 auto}.innovation-content textarea{width:100%;min-height:80px;padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:1rem;resize:vertical;transition:border-color .3s ease}.innovation-content textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.results-display{margin-top:2rem}.results-display .card{max-width:800px;margin:0 auto}.json-display{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;overflow-x:auto;white-space:pre-wrap;color:#2d3748;max-height:400px;overflow-y:auto}@media(max-width:768px){.innovation-tabs{flex-direction:column;align-items:center}.innovation-tabs button{width:200px;text-align:center}.innovate-header h2{font-size:1.5rem}}.v81-features{background:linear-gradient(135deg,#667eea0d,#764ba20d);border:2px solid rgba(102,126,234,.2);border-radius:12px;padding:1.5rem;margin-top:1rem}.v81-features h3{color:#667eea;margin-bottom:1rem;font-size:1.2rem;display:flex;align-items:center;gap:.5rem}.v81-features-grid{display:flex;flex-direction:column;gap:1rem}.v81-sub-features{margin-left:1.5rem;padding-left:1rem;border-left:2px solid rgba(102,126,234,.3);display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.checkbox-label.sub-feature{font-size:.95rem}.feature-label{display:flex;flex-direction:column;gap:.25rem}.feature-label small{color:#666;font-size:.8rem;font-weight:400;opacity:.8}.v81-features .checkbox-label input[type=checkbox]{transform:scale(1.1);accent-color:#667eea}.v81-features .checkbox-label:hover{background:#667eea0d;border-radius:6px;padding:.25rem;margin:-.25rem;transition:all .2s ease}.process-btn.v81-enhanced{background:linear-gradient(135deg,#00d9ff,#06f);position:relative;overflow:hidden}.process-btn.v81-enhanced:before{content:"⚡";position:absolute;top:50%;left:10px;transform:translateY(-50%);font-size:1.2rem;animation:sparkle 2s infinite}@keyframes sparkle{0%,to{opacity:.5;transform:translateY(-50%) scale(1)}50%{opacity:1;transform:translateY(-50%) scale(1.2)}}.v81-enhanced-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;gap:.25rem;margin-left:.5rem}.v81-features-summary{background:#667eea1a;border-radius:8px;padding:1rem;margin-top:1rem}.v81-features-summary h4{color:#667eea;margin-bottom:.5rem;font-size:1rem}.v81-feature-item{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;border-bottom:1px solid rgba(102,126,234,.1)}.v81-feature-item:last-child{border-bottom:none}.v81-feature-status{font-size:.8rem;padding:.2rem .5rem;border-radius:10px;font-weight:600}.v81-feature-status.enabled{background:#48bb7833;color:#38a169}.v81-feature-status.disabled{background:#a0aec033;color:#718096}.error-actions{display:flex;gap:.5rem;margin-top:1rem}.retry-btn{background:#48bb78;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.retry-btn:hover:not(:disabled){background:#38a169;transform:translateY(-1px)}.retry-btn:disabled{background:#a0aec0;cursor:not-allowed;transform:none}.dismiss-error-btn{background:#e53e3e;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.dismiss-error-btn:hover{background:#c53030;transform:translateY(-1px)}.youtube-error{background:#feb2b21a;border:1px solid rgba(254,178,178,.3);border-radius:8px;padding:1rem;margin-top:1rem}.error-content{margin-bottom:1rem}.error-suggestion{background:#3182ce1a;border-left:4px solid #3182ce;padding:1rem;margin-top:1rem;border-radius:0 6px 6px 0}.switch-mode-btn{background:#3182ce;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;margin-top:.5rem;transition:all .2s ease}.switch-mode-btn:hover{background:#2c5282;transform:translateY(-1px)}.upload-activity-summary{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1rem 1.5rem;margin-bottom:0;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;gap:2rem;flex-shrink:0}.upload-activity-summary.compact{padding:.75rem 1.5rem}.upload-activity-summary .summary-title{font-weight:600;color:#333;font-size:1rem;white-space:nowrap}.activity-stats-inline{display:flex;gap:2rem;flex-wrap:wrap}.stat-inline{display:flex;align-items:center;gap:.5rem}.stat-inline .stat-value{font-size:1.5rem;font-weight:700;color:#667eea;min-width:30px;text-align:center}.stat-inline .stat-label{font-size:.85rem;color:#666;white-space:nowrap}.stat-inline:nth-child(1) .stat-value{color:#1976d2}.stat-inline:nth-child(2) .stat-value{color:#ffc107}.stat-inline:nth-child(3) .stat-value{color:#28a745}.stat-inline:nth-child(4) .stat-value{color:#dc3545}.activity-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.activity-stats .stat{display:flex;flex-direction:column;align-items:center;padding:1rem;background:#f8f9fa;border-radius:8px;transition:transform .2s ease}.activity-stats .stat:hover{transform:translateY(-2px)}.activity-stats .stat-value{font-size:2rem;font-weight:700;color:#667eea;margin-bottom:.25rem}.activity-stats .stat-label{font-size:.85rem;color:#666;text-transform:uppercase;letter-spacing:.5px}.activity-stats .stat:nth-child(1) .stat-value{color:#1976d2}.activity-stats .stat:nth-child(2) .stat-value{color:#ffc107}.activity-stats .stat:nth-child(3) .stat-value{color:#28a745}.activity-stats .stat:nth-child(4) .stat-value{color:#dc3545}@media(max-width:768px){.upload-activity-summary{flex-direction:column;align-items:flex-start;gap:1rem}.activity-stats-inline{gap:1rem;width:100%}.stat-inline{flex:1;min-width:80px}.stat-inline .stat-value{font-size:1.25rem}.stat-inline .stat-label{font-size:.75rem}}.notification{position:fixed;top:20px;right:20px;padding:.875rem 1.25rem;border-radius:12px;border-left:4px solid transparent;box-shadow:0 4px 20px #00000026;z-index:10000;animation:slideInRight .25s cubic-bezier(.34,1.56,.64,1);max-width:420px;font-weight:500;font-size:.9rem;display:flex;align-items:flex-start;gap:10px;line-height:1.4}.notification--success{background:#ecfdf5;border-left-color:#22c55e;color:#14532d}.notification--error{background:#fff1f2;border-left-color:#ef4444;color:#7f1d1d}.notification--warning{background:#fffbeb;border-left-color:#f59e0b;color:#78350f}.notification--info{background:#eff6ff;border-left-color:#3b82f6;color:#1e3a5f}[data-theme=dark] .notification--success{background:#22c55e26;color:#86efac}[data-theme=dark] .notification--error{background:#ef444426;color:#fca5a5}[data-theme=dark] .notification--warning{background:#f59e0b26;color:#fcd34d}[data-theme=dark] .notification--info{background:#3b82f626;color:#93c5fd}.notification__icon{font-size:1rem;flex-shrink:0;margin-top:1px;font-weight:700}.notification__text{flex:1;min-width:0;word-break:break-word}.notification__close{background:none;border:none;font-size:1.2rem;line-height:1;cursor:pointer;opacity:.5;color:inherit;padding:0 2px;flex-shrink:0;transition:opacity .15s}.notification__close:hover{opacity:1}.notification-close{background:none;border:none;font-size:1.3rem;cursor:pointer;opacity:.6;color:inherit;margin-left:8px;padding:0}.notification-close:hover{opacity:1}@keyframes slideInRight{0%{transform:translate(calc(100% + 24px));opacity:0}to{transform:translate(0);opacity:1}}.persistent-status-banner{background:linear-gradient(135deg,gold,#ffed4e);border:2px solid #f0c000;border-radius:12px;padding:1rem 1.5rem;margin-bottom:0;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 12px #ffd7004d;animation:fadeIn .5s ease-out;flex-shrink:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.banner-content{display:flex;align-items:center;gap:1rem}.banner-icon{font-size:2rem;animation:pulse 2s ease-in-out infinite}.banner-text{display:flex;flex-direction:column;gap:.25rem}.banner-text strong{font-size:1.1rem;color:#333}.banner-detail{font-size:.9rem;color:#666}.banner-action-btn{background:#4caf50;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #4caf504d}.banner-action-btn:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 4px 12px #4caf5066}.banner-action-btn:active{transform:translateY(0)}@media(max-width:768px){.persistent-status-banner{flex-direction:column;gap:1rem;align-items:stretch}.banner-action-btn{width:100%}.notification{right:10px;left:10px;max-width:none}}.upload-history-panel{background:#fff;border-radius:12px;padding:2rem;margin-top:2rem;box-shadow:0 2px 8px #0000001a}.history-header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.upload-history-panel h3{margin:0;color:#333;font-size:1.5rem}.history-actions{display:flex;gap:.5rem}.fix-stuck-btn{padding:.5rem 1rem;background:linear-gradient(135deg,#ff9800,#ff5722);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #ff98004d}.fix-stuck-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff980066;background:linear-gradient(135deg,#fb8c00,#f4511e)}.fix-stuck-btn:active{transform:translateY(0);box-shadow:0 2px 6px #ff98004d}.clear-failed-btn{padding:.5rem 1rem;background:linear-gradient(135deg,#f44336,#e91e63);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #f443364d}.clear-failed-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f4433666;background:linear-gradient(135deg,#e53935,#d81b60)}.clear-failed-btn:active{transform:translateY(0);box-shadow:0 2px 6px #f443364d}.history-info{background:#e3f2fd;border-left:4px solid #2196f3;padding:1rem;margin-bottom:1.5rem;border-radius:4px}.history-info p{margin:0;color:#1976d2;font-size:.95rem}.history-list{display:flex;flex-direction:column;gap:1rem}.history-item{border:2px solid #e0e0e0;border-radius:8px;padding:1rem;transition:all .3s ease}.history-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.history-item.completed{border-color:#4caf50;background:#f1f8f4}.history-item.failed{border-color:#f44336;background:#ffebee}.history-item.uploading{border-color:#ff9800;background:#fff3e0}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid rgba(0,0,0,.1)}.history-time{font-size:.85rem;color:#666;font-weight:500}.history-details{display:flex;flex-direction:column;gap:.5rem}.history-video{display:flex;flex-direction:column;gap:.25rem}.history-video strong{color:#333;font-size:1rem}.history-file{font-size:.85rem;color:#666;font-family:monospace}.history-status{display:flex;align-items:center;gap:.5rem}.warning-note{font-size:.85rem;color:#ff9800;font-weight:400}.history-error{background:#fff;border:1px solid #f44336;border-radius:4px;padding:.75rem;font-size:.9rem;color:#d32f2f;margin-top:.5rem}.history-error strong{color:#b71c1c}.history-empty{text-align:center;padding:3rem;color:#999}.history-empty p{font-size:1.1rem}@media(max-width:768px){.upload-history-panel{padding:1rem}.history-header{flex-direction:column;align-items:flex-start;gap:.5rem}.history-time{font-size:.8rem}}.no-videos-message{text-align:center;padding:2rem 1rem;color:#666;font-style:italic}.no-videos-message p{margin:0}.videos-list .video-item{display:flex;gap:.75rem;align-items:center;padding:.75rem;background:#667eea08;border:1px solid rgba(102,126,234,.1);border-radius:8px;cursor:grab;transition:all .3s ease;margin-bottom:.5rem}.videos-list .video-item:hover{transform:translate(4px);box-shadow:0 4px 12px #667eea26;background:#667eea14}.videos-list .video-item:active{cursor:grabbing}.videos-list .video-thumbnail{width:80px;height:60px;flex-shrink:0;border-radius:6px;overflow:hidden;background:#f3f4f6;display:flex;align-items:center;justify-content:center;position:relative}.videos-list .video-thumbnail img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.videos-list .placeholder-thumb{font-size:1.5rem;color:#9ca3af;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.videos-list .video-info{flex:1;min-width:0}.videos-list .video-info h4{margin:0 0 .5rem;font-size:.9rem;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-meta{display:flex;flex-direction:column;gap:.25rem}.video-meta span{font-size:.7rem;color:#666}.duration{color:#667eea;font-weight:600}.filename{color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deployment-status{display:flex;gap:.35rem;flex-wrap:nowrap;overflow-x:auto;padding-top:.5rem;border-top:1px solid #f3f4f6;min-height:40px;align-items:center}.deployment-status .platform-badge{padding:.3rem .4rem;border:1.5px solid #e5e7eb;border-radius:6px;background:#f9fafb;cursor:pointer;font-size:.85rem;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:28px;line-height:1}.deployment-status .platform-badge:hover{background:#f3f4f6;transform:translateY(-2px) scale(1.05);box-shadow:0 3px 8px #0000001f;border-color:#d1d5db}.deployment-status .platform-badge.deployed{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;box-shadow:0 2px 6px #10b98166}.deployment-status .platform-badge.deployed:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b98180;transform:translateY(-2px) scale(1.1)}.deployment-status .platform-badge.too-long{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;box-shadow:0 2px 8px #ef444466;cursor:not-allowed;opacity:.9}.deployment-status .platform-badge.too-long:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef444499;transform:translateY(-2px) scale(1.05)}[data-theme=dark] .deployment-status .platform-badge.too-long{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 2px 8px #f8717180}[data-theme=dark] .deployment-status .platform-badge.too-long:hover{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #f87171b3}.event-card{display:flex;gap:.5rem;align-items:center;padding:.75rem;border-radius:10px;margin-bottom:.5rem;background:#fff;border:2px solid rgba(102,126,234,.15);transition:all .3s ease;cursor:pointer;box-shadow:0 2px 8px #00000014;position:relative;overflow:hidden}.event-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #667eea40;border-color:#667eea66}.event-card.youtube_shorts{border-left:4px solid #ff0000;background:linear-gradient(to right,#ff000014,#fff 15%)}.event-card.instagram_reels{border-left:4px solid #e4405f;background:linear-gradient(to right,#e4405f14,#fff 15%)}.event-card.tiktok{border-left:4px solid #000000;background:linear-gradient(to right,#00000014,#fff 15%)}.event-card.x{border-left:4px solid #1da1f2;background:linear-gradient(to right,#1da1f214,#fff 15%)}.event-card.facebook{border-left:4px solid #1877f2;background:linear-gradient(to right,#1877f214,#fff 15%)}.event-card.scheduled{background:linear-gradient(135deg,#3b82f61f,#3b82f60d);border-color:#3b82f64d}.event-card.uploading{background:linear-gradient(135deg,#f59e0b26,#f59e0b14);border-color:#f59e0b66;animation:pulse-event 2s infinite;box-shadow:0 2px 12px #f59e0b33}.event-card.completed{background:linear-gradient(135deg,#10b9811f,#10b9810d);border-color:#10b9814d}.event-card.failed{background:linear-gradient(135deg,#ef44441f,#ef44440d);border-color:#ef444466}[data-theme=dark] .event-card{background:linear-gradient(135deg,#1e1e2ef2,#282838f2);border-color:#7c8ef540;box-shadow:0 2px 8px #0006}[data-theme=dark] .event-card:hover{background:linear-gradient(135deg,#282838fa,#323242fa);border-color:#7c8ef580;box-shadow:0 6px 20px #7c8ef54d}[data-theme=dark] .event-card.youtube_shorts{border-left:4px solid #ff3333;background:linear-gradient(to right,#ff333326,#1e1e2ef2 15%)}[data-theme=dark] .event-card.instagram_reels{border-left:4px solid #ff5577;background:linear-gradient(to right,#ff557726,#1e1e2ef2 15%)}[data-theme=dark] .event-card.tiktok{border-left:4px solid #ffffff;background:linear-gradient(to right,#ffffff1f,#1e1e2ef2 15%)}[data-theme=dark] .event-card.x{border-left:4px solid #1da1f2;background:linear-gradient(to right,#1da1f226,#1e1e2ef2 15%)}[data-theme=dark] .event-card.facebook{border-left:4px solid #4a9eff;background:linear-gradient(to right,#4a9eff26,#1e1e2ef2 15%)}[data-theme=dark] .event-card.scheduled{background:linear-gradient(135deg,#42a5f533,#42a5f514);border-color:#42a5f566}[data-theme=dark] .event-card.uploading{background:linear-gradient(135deg,#ffa72640,#ffa7261f);border-color:#ffa72680;box-shadow:0 2px 12px #ffa7264d}[data-theme=dark] .event-card.completed{background:linear-gradient(135deg,#66bb6a33,#66bb6a14);border-color:#66bb6a66}[data-theme=dark] .event-card.failed{background:linear-gradient(135deg,#ef535033,#ef535014);border-color:#ef535080}@keyframes pulse-event{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.01)}}.event-card.uploading:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}[data-theme=dark] .event-card.uploading:before{background:linear-gradient(90deg,transparent,rgba(255,167,38,.2),transparent)}.event-thumbnail{width:48px;height:36px;flex-shrink:0;border-radius:6px;overflow:hidden;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);display:flex;align-items:center;justify-content:center;border:2px solid rgba(102,126,234,.15);box-shadow:0 2px 4px #00000014}.event-thumbnail img{width:100%;height:100%;object-fit:cover}.placeholder-thumb-mini{font-size:1.1rem;color:#9ca3af}[data-theme=dark] .event-thumbnail{background:linear-gradient(135deg,#7c8ef533,#8b6bc233);border-color:#7c8ef54d}[data-theme=dark] .placeholder-thumb-mini{color:#b0b0b0}.event-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.event-time{font-size:.7rem;font-weight:800;color:#667eea;text-shadow:0 1px 2px rgba(0,0,0,.1);letter-spacing:.02em}.event-title{font-size:.75rem;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;cursor:help;line-height:1.3}[data-theme=dark] .event-time{color:#8b9aee;text-shadow:0 1px 3px rgba(0,0,0,.5)}[data-theme=dark] .event-title{color:#e0e0e0;font-weight:600}.event-title:hover:after{content:attr(title);position:absolute;left:0;top:100%;z-index:1000;background:#111827f2;color:#fff;padding:.5rem .75rem;border-radius:6px;font-size:.75rem;line-height:1.4;white-space:normal;max-width:250px;box-shadow:0 4px 12px #0000004d;margin-top:.25rem;animation:tooltipFadeIn .2s ease;font-weight:400}.event-status-row{display:flex;align-items:center;gap:.25rem}.platform-mini{background:#e5e7eb;color:#374151;padding:2px 6px;border-radius:5px;font-size:.65rem;text-transform:uppercase;font-weight:700;letter-spacing:.03em;box-shadow:0 1px 3px #0000001a}.platform-mini.youtube_shorts{background:linear-gradient(135deg,red,#c00);color:#fff;box-shadow:0 2px 4px #ff00004d}.platform-mini.instagram_reels{background:linear-gradient(135deg,#e4405f,#c13584);color:#fff;box-shadow:0 2px 4px #e4405f4d}.platform-mini.tiktok{background:linear-gradient(135deg,#000,#333);color:#fff;box-shadow:0 2px 4px #0006}.platform-mini.x{background:linear-gradient(135deg,#1da1f2,#0c85d0);color:#fff;box-shadow:0 2px 4px #1da1f24d}.platform-mini.facebook{background:linear-gradient(135deg,#1877f2,#0e5fc7);color:#fff;box-shadow:0 2px 4px #1877f24d}[data-theme=dark] .platform-mini.youtube_shorts{background:linear-gradient(135deg,#f33,red);box-shadow:0 2px 6px #f336}[data-theme=dark] .platform-mini.instagram_reels{background:linear-gradient(135deg,#f57,#e4405f);box-shadow:0 2px 6px #f576}[data-theme=dark] .platform-mini.tiktok{background:linear-gradient(135deg,#fff,#e0e0e0);color:#1a1a2e;box-shadow:0 2px 6px #ffffff4d}[data-theme=dark] .platform-mini.x{background:linear-gradient(135deg,#1da1f2,#42a5f5);box-shadow:0 2px 6px #1da1f266}[data-theme=dark] .platform-mini.facebook{background:linear-gradient(135deg,#4a9eff,#1877f2);box-shadow:0 2px 6px #4a9eff66}.status-icon{font-size:.75rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.event-thumbnail-preview{width:80px;height:60px;flex-shrink:0;border-radius:8px;overflow:hidden;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.event-thumbnail-preview img{width:100%;height:100%;object-fit:cover}.placeholder-thumb-preview{font-size:1.5rem;color:#9ca3af}.scheduled-event{display:flex;gap:1rem;align-items:flex-start;background:#667eea0d;padding:1rem;border-radius:10px;margin-bottom:.75rem;border:1px solid rgba(102,126,234,.1);transition:all .3s ease}.scheduled-event:hover{box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.scheduled-event.scheduled{border-left:4px solid #3b82f6}.scheduled-event.uploading{border-left:4px solid #f59e0b;animation:pulse-event 2s infinite}.scheduled-event.completed{border-left:4px solid #10b981;background:#10b9810d}.scheduled-event.failed{border-left:4px solid #ef4444;background:#ef44440d}.event-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.event-title-row{display:flex;align-items:center;gap:.5rem}.event-title-row strong{color:#667eea;font-size:1rem}.event-video-title{color:#333;font-size:.9rem;font-weight:500;position:relative;cursor:help;display:inline-block;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-video-title:hover:after{content:attr(title);position:absolute;left:0;top:100%;z-index:1000;background:#111827f2;color:#fff;padding:.75rem 1rem;border-radius:8px;font-size:.85rem;line-height:1.4;white-space:normal;max-width:350px;box-shadow:0 4px 12px #0000004d;margin-top:.5rem;animation:tooltipFadeIn .2s ease;font-weight:400}.event-metadata{display:flex;gap:1rem;flex-wrap:wrap}.metadata-item{font-size:.75rem;color:#666;background:#667eea1a;padding:.25rem .5rem;border-radius:6px}.event-main{display:flex;flex-direction:column;gap:.5rem}.event-status{display:flex;align-items:center;gap:.5rem}.platform-selection{display:flex;flex-direction:column;gap:1rem}.platform-controls{display:flex;gap:.5rem}.platform-control-btn{background:#667eea1a;color:#667eea;border:1px solid rgba(102,126,234,.2);padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.85rem;transition:all .3s ease;font-weight:600}.platform-control-btn:hover{background:#667eea33;transform:translateY(-1px)}.platform-checkboxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.platform-checkbox{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .3s ease}.platform-checkbox:hover{border-color:#667eea;background:#667eea0d}.platform-checkbox input[type=checkbox]{width:auto!important;cursor:pointer}.platform-checkbox input[type=checkbox]:checked+.checkmark{background:#667eea}.selected-count{text-align:center;color:#667eea;font-weight:600;font-size:.9rem;padding:.5rem;background:#667eea1a;border-radius:8px}.facebook-page-selection{border:1px solid #ddd;border-radius:8px;padding:1rem;background:#f9fafb}.loading-pages{text-align:center;padding:1rem}.fetch-pages-btn{background:#1877f2;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #1877f24d}.fetch-pages-btn:hover{background:#166fe5;transform:translateY(-2px);box-shadow:0 4px 12px #1877f266}.fetch-pages-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.fetch-pages-btn:disabled:hover{background:#9ca3af;transform:none;box-shadow:none}.help-text{margin-top:.5rem;color:#666;font-size:.9rem}.instagram-account-selection{border:1px solid #ddd;border-radius:8px;padding:1rem;background:#f9fafb}.account-page-name{font-size:.85rem;color:#666;font-weight:400}.youtube-channel-info{border:1px solid #ddd;border-radius:8px;padding:1rem;background:#f9fafb}.channel-info-display{display:flex;flex-direction:column;gap:.75rem}.info-message{color:#4a5568;font-weight:500;font-size:.95rem}.channel-item{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#fff;border:2px solid #e5e7eb;border-radius:8px}.channel-icon{font-size:1.2rem}.channel-name{font-weight:600;color:#1a202c}.channel-url{font-size:.85rem;color:#666;font-weight:400}.channel-selector{width:100%}.channel-select{width:100%;padding:.75rem;font-size:1rem;border:2px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s}.channel-select:hover{border-color:#667eea}.channel-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}@media(max-width:768px){.job-videos .video-item{flex-direction:column;align-items:flex-start}.job-videos .video-thumbnail{width:100%;height:80px}.event-card{flex-direction:column}.event-thumbnail{width:100%;height:60px}.scheduled-event{flex-direction:column}.event-thumbnail-preview{width:100%;height:100px}.platform-checkboxes{grid-template-columns:1fr}}.video-item-enhanced[draggable=true]{cursor:grab;transition:opacity .2s ease,transform .2s ease}.video-item-enhanced[draggable=true]:active{cursor:grabbing}.video-item-enhanced.dragging{opacity:.5;transform:scale(.95)}.calendar-day{transition:all .3s ease}.calendar-day.drag-over{background:#667eea33!important;border:3px dashed #667eea!important;transform:scale(1.05);box-shadow:0 8px 24px #667eea4d}.calendar-day.drag-over:after{content:"📹 Drop video here to schedule";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#667eeaf2;color:#fff;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;font-weight:600;white-space:nowrap;z-index:10;pointer-events:none;box-shadow:0 4px 12px #0003}.video-item-enhanced:before{content:"🖱️ Drag to calendar";position:absolute;top:10px;right:10px;background:#000000b3;color:#fff;padding:.4rem .7rem;border-radius:6px;font-size:.75rem;font-weight:600;opacity:0;transition:opacity .3s ease;z-index:5;pointer-events:none}.video-item-enhanced:hover:before{opacity:1}.calendar-day.drag-over .day-events,.calendar-day.drag-over .day-number{opacity:.3}.calendar-days,.video-item-enhanced{position:relative}@media(max-width:768px){.video-item-enhanced:before{content:"👆 Tap to schedule"}}.video-select-enhanced{width:100%;padding:.875rem 1rem;border:2px solid rgba(102,126,234,.3);border-radius:10px;font-size:.95rem;background:#fff;color:#333;cursor:pointer;transition:all .3s ease;font-weight:500;box-shadow:0 2px 8px #0000000d;max-height:400px}.video-select-enhanced:hover{border-color:#667eea99;box-shadow:0 4px 12px #667eea26}.video-select-enhanced:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea26}.video-select-enhanced optgroup{font-weight:600;font-style:normal;color:#667eea;background:#667eea0d;padding:.5rem;margin-top:.25rem}.video-select-enhanced option{padding:.75rem 1rem;font-weight:500;color:#333;background:#fff}.video-select-enhanced option:hover{background:#667eea1a}.video-select-enhanced option[value^=✅]{color:#059669}.video-select-enhanced option[value^=🆕]{color:#667eea;font-weight:600}.event-delete-btn{position:absolute;top:2px;right:2px;width:20px;height:20px;border:none;background:#ef4444e6;color:#fff;border-radius:50%;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease;z-index:10;padding:0;font-weight:700}.event-card:hover .event-delete-btn{opacity:1}.event-delete-btn:hover{background:#dc2626;transform:scale(1.1)}.event-delete-btn:active{transform:scale(.95)}.event-card{position:relative}.event-card .event-details{padding-right:24px}.cartoonize-feature{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:12px;padding:1rem;margin:1rem 0}.cartoonize-feature .checkbox-label{color:#fff;font-weight:600}.cartoonize-feature .feature-label{display:flex;flex-direction:column;gap:.25rem}.cartoonize-feature .feature-label small{font-size:.85rem;opacity:.9;font-weight:400}.cartoonize-settings{margin-top:1rem;padding:1rem;background:#fff3;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.slider-group{margin-bottom:.75rem}.slider-group:last-child{margin-bottom:0}.slider-group label{display:flex;flex-direction:column;gap:.5rem;color:#fff;font-size:.9rem;font-weight:500}.slider-group input[type=range]{width:100%;height:6px;border-radius:3px;background:#ffffff4d;outline:none;-webkit-appearance:none}.slider-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 2px 4px #0003}.slider-group input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;cursor:pointer;border:none;box-shadow:0 2px 4px #0003}.job-title-section h3{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.job-number{color:#667eea;font-weight:700;font-size:.9em}.job-title{color:#333;font-weight:600;font-size:1em;flex:1;min-width:200px;position:relative;cursor:help;display:inline-block;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-title:hover:after{content:attr(title);position:absolute;left:0;top:100%;z-index:1000;background:#111827f2;color:#fff;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;line-height:1.4;white-space:normal;max-width:400px;box-shadow:0 4px 12px #0000004d;margin-top:.5rem;animation:tooltipFadeIn .2s ease;font-weight:500}.job-id-small{color:#999;font-size:.75em;font-weight:400;font-family:Courier New,monospace;background:#f5f5f5;padding:2px 8px;border-radius:4px}.delete-job-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;border:none;padding:.4rem .75rem;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:600;transition:all .3s ease;box-shadow:0 2px 8px #ff6b6b4d;margin-top:.4rem;width:100%}.delete-job-btn:hover{background:linear-gradient(135deg,#ff5252,#e63946);box-shadow:0 3px 10px #ff6b6b66;transform:translateY(-1px)}.delete-job-btn:active{transform:translateY(0);box-shadow:0 2px 6px #ff6b6b4d}.remove-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;border:none;padding:.4rem .8rem;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .3s ease;box-shadow:0 2px 6px #ff6b6b33}.remove-btn:hover{background:linear-gradient(135deg,#ff5252,#e63946);box-shadow:0 3px 10px #ff6b6b4d;transform:translateY(-1px)}.remove-btn:active{transform:translateY(0);box-shadow:0 2px 4px #ff6b6b33}.job-quick-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:1rem;margin-bottom:.5rem}.job-quick-stats .clear-filter-btn,.job-quick-stats .delete-job-btn{grid-column:span 2}@media(max-width:768px){.job-title-section h3{flex-direction:column;align-items:flex-start;gap:.5rem}.job-title{min-width:100%}.job-quick-stats{grid-template-columns:repeat(2,1fr)}.job-quick-stats .clear-filter-btn,.job-quick-stats .delete-job-btn{grid-column:span 1}}.job-count-badge{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.85em;font-weight:600;margin-left:.5rem;vertical-align:middle}.show-archived-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;border-radius:8px;cursor:pointer;transition:all .2s ease}.show-archived-toggle:hover{background:#fff3}.show-archived-toggle input[type=checkbox]{cursor:pointer;width:18px;height:18px}.show-archived-toggle span{font-size:.9rem;font-weight:500;color:#333}.job-actions{display:flex;gap:.5rem;align-items:center}.archive-btn{padding:.5rem 1rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.25rem}.archive-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.archive-btn:active{transform:translateY(0)}.unarchive-btn{padding:.5rem 1rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.25rem}.unarchive-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.unarchive-btn:active{transform:translateY(0)}.job-card[data-archived=true]{opacity:.7;border-left:4px solid #f59e0b}.job-card[data-archived=true]:before{content:"📦 ARCHIVED";position:absolute;top:10px;right:10px;background:#f59e0b;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.failed-upload-actions{display:flex;align-items:center;gap:12px}.retry-upload-btn{padding:6px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.85em;font-weight:600;transition:all .2s ease;display:flex;align-items:center;gap:4px}.retry-upload-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.retry-upload-btn:active{transform:translateY(0)}.retry-upload-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.event-thumbnail{width:40px;height:40px;border-radius:4px;overflow:hidden;flex-shrink:0;background:#2a2a3e}.event-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.event-thumbnail-preview{width:80px;height:80px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#2a2a3e}.event-thumbnail-preview img{width:100%;height:100%;object-fit:cover;display:block}.placeholder-thumb-mini{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;font-size:20px}.placeholder-thumb-preview{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;font-size:32px}.auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-primary, #f5f5f5);color:var(--text-primary, #333)}.auth-loading-spinner{width:40px;height:40px;border:3px solid var(--border-color, #e0e0e0);border-top-color:var(--accent-color, #3b82f6);border-radius:50%;animation:auth-spin .8s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-loading p{margin-top:1rem;font-size:1rem;color:var(--text-secondary, #666)}[data-theme=dark] .auth-loading{background:var(--bg-primary, #1a1a2e);color:var(--text-primary, #e0e0e0)}[data-theme=dark] .auth-loading-spinner{border-color:var(--border-color, #333);border-top-color:var(--accent-color, #60a5fa)}[data-theme=dark] .auth-loading p{color:var(--text-secondary, #a0a0a0)}[data-theme=dark] .sidebar{background:#0f172afa;box-shadow:2px 0 16px #0000004d}[data-theme=dark] .sidebar-brand{border-bottom-color:#ffffff12}[data-theme=dark] .sidebar-brand-text{background:linear-gradient(135deg,#38bdf8,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .sidebar-collapse-btn{background:#818cf826;color:#818cf8}[data-theme=dark] .sidebar-collapse-btn:hover{background:#818cf847}[data-theme=dark] .sidebar-item{color:#94a3b8}[data-theme=dark] .sidebar-item:hover:not(.active){background:#818cf81a;color:#cbd5e1}[data-theme=dark] .sidebar-item.active{background:#818cf826;color:#a5b4fc}[data-theme=dark] .sidebar-item.active:before{background:linear-gradient(135deg,#818cf8,#6366f1)}[data-theme=dark] .sidebar-divider{background:#ffffff12}[data-theme=dark] .sidebar-footer{border-top-color:#ffffff12}[data-theme=dark] .sidebar-signout-btn{border-color:#fff3;color:#94a3b8}[data-theme=dark] .sidebar-signout-btn:hover{color:#cbd5e1}@media(max-width:768px){.sidebar{width:56px}.sidebar-brand-text,.sidebar-item-label,.sidebar-signout-btn,.sidebar-connection,.sidebar-collapse-btn{display:none}.content-area{margin-left:56px}}:root{--chop-cyan: #00D9FF;--chop-blue: #0066FF;--chop-dark: #1a1a2e;--bg-primary: linear-gradient(135deg, #00D9FF 0%, #0066FF 100%);--bg-card: rgba(255, 255, 255, .95);--bg-card-hover: rgba(255, 255, 255, 1);--bg-secondary: rgba(255, 255, 255, .9);--bg-tertiary: #f9fafb;--bg-input: white;--bg-modal: white;--text-primary: #333;--text-secondary: #666;--text-tertiary: #999;--text-inverse: white;--text-heading: #111827;--border-primary: rgba(0, 217, 255, .15);--border-secondary: #e1e5e9;--border-hover: rgba(0, 102, 255, .4);--border-focus: #0066FF;--accent-primary: linear-gradient(135deg, #00D9FF, #0066FF);--accent-primary-solid: #0066FF;--accent-secondary: #00D9FF;--accent-hover: rgba(0, 102, 255, .1);--status-success: #4caf50;--status-success-bg: rgba(76, 175, 80, .1);--status-warning: #ff9800;--status-warning-bg: rgba(255, 152, 0, .1);--status-error: #f44336;--status-error-bg: rgba(244, 67, 54, .1);--status-info: #2196f3;--status-info-bg: rgba(33, 150, 243, .1);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .3);--overlay-light: rgba(255, 255, 255, .7);--overlay-dark: rgba(0, 0, 0, .5);--overlay-gradient: linear-gradient(to top, rgba(255, 255, 255, .95), transparent);--platform-youtube: #ff0000;--platform-instagram: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);--platform-tiktok: #000000;--platform-x: #1da1f2;--platform-facebook: #1877f2}[data-theme=dark]{--chop-cyan: #00D9FF;--chop-blue: #0066FF;--chop-dark: #1a1a2e;--bg-primary: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);--bg-card: rgba(30, 30, 46, .95);--bg-card-hover: rgba(40, 40, 56, .98);--bg-secondary: rgba(25, 25, 40, .9);--bg-tertiary: #1a1a2e;--bg-input: rgba(40, 40, 56, .8);--bg-modal: #1e1e2e;--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--text-tertiary: #808080;--text-inverse: #1a1a2e;--text-heading: #f0f0f0;--border-primary: rgba(0, 217, 255, .3);--border-secondary: rgba(255, 255, 255, .1);--border-hover: rgba(0, 102, 255, .6);--border-focus: #00D9FF;--accent-primary: linear-gradient(135deg, #00D9FF, #0066FF);--accent-primary-solid: #0066FF;--accent-secondary: #00D9FF;--accent-hover: rgba(0, 217, 255, .15);--status-success: #66bb6a;--status-success-bg: rgba(102, 187, 106, .15);--status-warning: #ffa726;--status-warning-bg: rgba(255, 167, 38, .15);--status-error: #ef5350;--status-error-bg: rgba(239, 83, 80, .15);--status-info: #42a5f5;--status-info-bg: rgba(66, 165, 245, .15);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .7);--overlay-light: rgba(0, 0, 0, .3);--overlay-dark: rgba(0, 0, 0, .7);--overlay-gradient: linear-gradient(to top, rgba(30, 30, 46, .95), transparent);--platform-tiktok: #ffffff}body{background:var(--bg-primary);color:var(--text-primary);transition:background .3s ease,color .3s ease}.app{color:var(--text-primary)}.header{background:var(--bg-card);color:var(--text-primary)}.header h1{background:var(--accent-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header p{color:var(--text-secondary)}.tabs{background:var(--bg-secondary)}.tabs button{color:var(--text-secondary)}.tabs button.active{background:var(--accent-primary);color:var(--text-inverse)}.tabs button:hover:not(.active){background:var(--accent-hover)}.card{background:var(--bg-card);border-color:var(--border-primary);box-shadow:var(--shadow-lg)}.card h2{color:var(--text-heading)}.form-group label{color:var(--text-primary)}.form-group input,.form-group select,.form-group textarea{background:var(--bg-input);border-color:var(--border-secondary);color:var(--text-primary)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-hover)}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea{color:var(--text-primary)}[data-theme=dark] .form-group input::placeholder,[data-theme=dark] .form-group textarea::placeholder{color:var(--text-tertiary)}.process-btn,.optimize-btn,.download-btn,.schedule-btn,.create-schedule-btn{background:var(--accent-primary)}.mode-btn.active{background:var(--accent-primary);border-color:var(--accent-primary-solid)}.mode-btn{background:var(--bg-input);border-color:var(--border-secondary);color:var(--text-secondary)}.mode-btn:hover:not(.active){border-color:var(--border-focus);background:var(--accent-hover)}.clip-item-enhanced{background:var(--bg-card);border-color:var(--border-primary);box-shadow:var(--shadow-md)}.clip-item-enhanced:hover{box-shadow:var(--shadow-lg);border-color:var(--border-hover)}.clip-title{color:var(--text-heading)}.clip-description{color:var(--text-secondary)}.clip-meta-badge,.filename-badge{background:var(--bg-tertiary);color:var(--text-secondary)}.calendar-grid,.videos-sidebar{background:var(--bg-card);box-shadow:var(--shadow-lg)}[data-theme=dark] .videos-sidebar{background:linear-gradient(180deg,#1e1e2ef2,#191928f2);border:1px solid rgba(0,217,255,.2);box-shadow:0 8px 32px #00000080,inset 0 1px #00d9ff1a}.calendar-header{background:var(--bg-card);box-shadow:var(--shadow-lg)}.month-title{color:var(--text-heading)}.day-header{color:var(--text-secondary);background:var(--accent-hover)}.calendar-day{background:var(--bg-input)}.calendar-day:hover{background:var(--accent-hover)}.calendar-day.empty,.calendar-day.empty:hover{background:var(--bg-tertiary)}.day-number{color:var(--text-primary)}[data-theme=dark] .event-dot{box-shadow:0 2px 6px #0006}[data-theme=dark] .event-count-badge{background:#ffffff40;box-shadow:0 1px 3px #0006}[data-theme=dark] .more-events{background:linear-gradient(135deg,#4b5563,#374151);box-shadow:0 2px 6px #0006}[data-theme=dark] .more-events:hover{background:linear-gradient(135deg,#374151,#1f2937);box-shadow:0 3px 8px #00000080}.video-item-enhanced{background:var(--bg-card);border-color:var(--border-primary);box-shadow:var(--shadow-sm)}.video-item-enhanced:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover)}[data-theme=dark] .video-item-enhanced{background:linear-gradient(135deg,#1e1e2ef2,#282838f2);border-color:#00d9ff40;box-shadow:0 2px 8px #0000004d,0 0 0 1px #00d9ff1a}[data-theme=dark] .video-item-enhanced:hover{background:linear-gradient(135deg,#282838fa,#323242fa);border-color:#00d9ff80;box-shadow:0 6px 20px #00d9ff40,0 0 0 1px #00d9ff4d}.video-title-enhanced{color:var(--text-heading)}.video-description{color:var(--text-secondary)}.modal-overlay{background:var(--overlay-dark)}.schedule-modal{background:var(--bg-modal);box-shadow:var(--shadow-xl)}.modal-header{border-bottom-color:var(--border-secondary)}.modal-header h3{color:var(--text-heading)}.close-btn{color:var(--text-secondary)}.close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.scheduled-event{background:var(--bg-card);box-shadow:var(--shadow-sm)}.progress-section,.global-progress-section{background:var(--accent-hover);border-color:var(--border-primary);box-shadow:var(--shadow-md)}.progress-main-info h4,.global-progress-header h4{color:var(--text-heading)}.progress-percentage,.global-progress-percentage{color:var(--accent-primary-solid);background:var(--bg-input)}.progress-bar,.global-progress-bar{background:var(--bg-tertiary);border-color:var(--border-primary)}.progress-message,.global-progress-message{color:var(--text-secondary);background:var(--overlay-light)}.job-selector-enhanced{background:var(--accent-hover);border-color:var(--border-primary)}.selector-label{color:var(--accent-primary-solid)}.selector-stats{color:var(--text-secondary);background:var(--overlay-light)}.job-selector-dropdown{background:var(--bg-input);border-color:var(--border-primary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.job-selector-dropdown:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.job-selector-dropdown:focus{border-color:var(--border-focus)}.stat-card{background:var(--bg-input);border-color:var(--border-primary)}.stat-card:hover{box-shadow:var(--shadow-sm)}.stat-card .stat-value{color:var(--accent-primary-solid)}.stat-card .stat-label{color:var(--text-secondary)}.scheduler-status,.scheduled-jobs,.schedule-config,.upload-queues{background:var(--accent-hover);border-color:var(--border-primary)}.status-indicator{background:var(--bg-input);box-shadow:var(--shadow-sm)}.job-item,.platform-schedule,.queue-item{background:var(--bg-input);border-color:var(--border-primary);box-shadow:var(--shadow-sm)}.youtube-info{background:var(--status-success-bg);border-color:var(--status-success)}.youtube-info h4{color:var(--text-heading)}.youtube-info p{color:var(--text-secondary)}.youtube-error,.error-message{background:var(--status-error-bg);border-color:var(--status-error)}.youtube-error p,.error-message p{color:var(--status-error)}.error-suggestion{background:var(--overlay-light)}.error-suggestion p,.error-suggestion ol,.error-suggestion li{color:var(--text-primary)}.job-health-section{background:var(--bg-tertiary);border-color:var(--border-secondary)}.job-health-section h3{color:var(--text-heading)}.health-stat{background:var(--bg-input);box-shadow:var(--shadow-sm)}.stat-label{color:var(--text-secondary)}.stat-value{color:var(--text-heading)}[data-theme=dark] .videos-list::-webkit-scrollbar-track{background:#00d9ff1a}[data-theme=dark] .videos-list::-webkit-scrollbar-thumb{background:var(--accent-primary)}[data-theme=dark] .videos-list{scrollbar-color:var(--accent-primary-solid) rgba(0,217,255,.1)}[data-theme=dark] .videos-sidebar:after{background:var(--overlay-gradient)}.platform-selection{background:var(--bg-tertiary);border-color:var(--border-secondary)}.platform-control-btn{background:var(--bg-input);border-color:var(--border-secondary);color:var(--text-primary)}.platform-control-btn:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}.checkmark{background-color:var(--bg-input);border-color:var(--border-secondary)}.selected-count{color:var(--accent-primary-solid);background:var(--accent-hover)}*{transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}.clip-item-enhanced,.video-item-enhanced,.calendar-day,button,.nav-btn,.mode-btn{transition:all .3s ease}[data-theme=dark] .clip-placeholder,[data-theme=dark] .placeholder-thumb-large{background:linear-gradient(135deg,#00d9ff33,#06f3)}[data-theme=dark] .clip-thumbnail-container,[data-theme=dark] .video-thumbnail-large{background:linear-gradient(135deg,#00d9ff,#06f)}[data-theme=dark] .status-badge.pending{background:#ffc10733;color:#ffc107}[data-theme=dark] .status-badge.downloading{background:#00d9ff33;color:#00d9ff}[data-theme=dark] .status-badge.processing{background:#06f3;color:#06f}[data-theme=dark] .status-badge.completed{background:#4caf5033;color:#66bb6a}[data-theme=dark] .status-badge.failed{background:#f4433633;color:#ef5350}[data-theme=dark] .status-badge.cancelled{background:#9e9e9e33;color:#9e9e9e}[data-theme=dark] .video-title-enhanced{color:var(--text-primary)}[data-theme=dark] .video-title-enhanced:hover{background:#00d9ff33;color:#00d9ff}[data-theme=dark] .clip-title{color:var(--text-primary)}[data-theme=dark] .clip-title:hover{background:#00d9ff33;color:#00d9ff}[data-theme=dark] code,[data-theme=dark] pre,[data-theme=dark] .filename-badge,[data-theme=dark] .clip-meta-badge{background:#7c8ef51a;color:#a0aef5;border:1px solid rgba(124,142,245,.2)}[data-theme=dark] *:focus-visible{outline:2px solid var(--accent-primary-solid);outline-offset:2px}[data-theme=dark] .clip-thumbnail-container,[data-theme=dark] .video-thumbnail-large{box-shadow:inset 0 0 0 1px #ffffff1a;background:linear-gradient(135deg,#7c8ef526,#8b6bc226)}[data-theme=dark] .video-info-enhanced{background:linear-gradient(180deg,#1e1e2e80,#28283880)}[data-theme=dark] .video-item-enhanced:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#7c8ef50d,#8b6bc20d);border-radius:10px;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:0}[data-theme=dark] .video-item-enhanced:hover:before{opacity:1}[data-theme=dark] .video-item-enhanced>*{position:relative;z-index:1}[data-theme=dark] .video-meta-enhanced .filename-badge{background:#7c8ef526;color:#a0aef5;border:1px solid rgba(124,142,245,.25)}[data-theme=dark] .video-meta-enhanced .duration-badge{background:#42a5f533;color:#64b5f6;border:1px solid rgba(66,165,245,.3)}[data-theme=dark] .video-title-enhanced{color:#f5f5f5;text-shadow:0 1px 2px rgba(0,0,0,.3)}[data-theme=dark] .video-description{color:#b8b8b8}[data-theme=dark] .platforms{margin-top:.35rem;flex-shrink:0;min-height:1.4rem}[data-theme=dark] .video-info-enhanced{display:flex!important;flex-direction:column!important;justify-content:space-between!important}[data-theme=dark] .video-meta-enhanced{margin-top:auto!important;flex-shrink:0!important}[data-theme=dark] .platform-tag{font-weight:600;box-shadow:0 1px 3px #0000004d}[data-theme=dark] .platform-tag.youtube_shorts{background:#f003;color:#ff6b6b;border:1px solid rgba(255,0,0,.3)}[data-theme=dark] .platform-tag.instagram_reels{background:#e4405f33;color:#ff8fab;border:1px solid rgba(228,64,95,.3)}[data-theme=dark] .platform-tag.tiktok{background:#ffffff26;color:#e0e0e0;border:1px solid rgba(255,255,255,.25)}[data-theme=dark] .platform-tag.x{background:#1da1f233;color:#64b5f6;border:1px solid rgba(29,161,242,.3)}[data-theme=dark] .platform-tag.facebook{background:#1877f233;color:#64b5f6;border:1px solid rgba(24,119,242,.3)}[data-theme=dark] .videos-sidebar h3{color:#f0f0f0;text-shadow:0 2px 4px rgba(0,0,0,.3);padding-bottom:.75rem;border-bottom:2px solid rgba(124,142,245,.3);margin-bottom:1rem}[data-theme=dark] .videos-list::-webkit-scrollbar{width:10px}[data-theme=dark] .videos-list::-webkit-scrollbar-track{background:#1e1e2e80;border-radius:10px}[data-theme=dark] .videos-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#7c8ef599,#8b6bc299);border-radius:10px;border:2px solid rgba(30,30,46,.5)}[data-theme=dark] .videos-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#7c8ef5cc,#8b6bc2cc)}@keyframes darkCardPulse{0%,to{box-shadow:0 2px 8px #0000004d,0 0 0 1px #7c8ef51a}50%{box-shadow:0 2px 8px #0000004d,0 0 0 1px #7c8ef533}}[data-theme=dark] .video-item-enhanced{animation:darkCardPulse 3s ease-in-out infinite}[data-theme=dark] .video-item-enhanced:hover{animation:none}[data-theme=dark] .no-videos-message{background:linear-gradient(135deg,#7c8ef51a,#8b6bc21a);border:2px dashed rgba(124,142,245,.3);color:#b0b0b0;padding:2rem;border-radius:12px}[data-theme=dark] .notification{background:#1e1e2efa;border:1px solid rgba(124,142,245,.3);box-shadow:0 8px 32px #0009}[data-theme=dark] ::-webkit-scrollbar{width:10px;height:10px}[data-theme=dark] ::-webkit-scrollbar-track{background:#1e1e2e80}[data-theme=dark] ::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#7c8ef5,#8b6bc2);border-radius:5px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#8b9aee,#9a7bd1)}[data-theme=dark] .event-dot{box-shadow:0 2px 4px #0006}[data-theme=dark] .modal-overlay{background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}[data-theme=dark] .process-btn,[data-theme=dark] .optimize-btn,[data-theme=dark] .download-btn,[data-theme=dark] .schedule-btn{box-shadow:0 4px 12px #7c8ef54d}[data-theme=dark] .process-btn:hover,[data-theme=dark] .optimize-btn:hover,[data-theme=dark] .download-btn:hover,[data-theme=dark] .schedule-btn:hover{box-shadow:0 6px 20px #7c8ef580}[data-theme=dark] .tabs button.active{box-shadow:0 4px 15px #7c8ef580}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#b0b0b099}[data-theme=dark] select option{background:#1e1e2e;color:#e0e0e0}[data-theme=dark] .progress-fill,[data-theme=dark] .global-progress-fill{box-shadow:0 0 20px #7c8ef566}[data-theme=dark] .status-badge{font-weight:600;border:1px solid currentColor}[data-theme=dark] .card:hover,[data-theme=dark] .clip-item-enhanced:hover{box-shadow:0 12px 40px #7c8ef54d;border-color:#7c8ef599}[data-theme=dark] .video-item-enhanced:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 8px 24px #7c8ef559,0 0 0 1px #7c8ef566}[data-theme=dark] .connection-status{background:#1e1e2e99;border:1px solid rgba(255,255,255,.1)}[data-theme=dark] .connection-status.connected{background:#66bb6a26;border-color:#66bb6a4d}[data-theme=dark] .connection-status.connecting{background:#ffa72626;border-color:#ffa7264d}[data-theme=dark] .connection-status.disconnected{background:#ef535026;border-color:#ef53504d}[data-theme=dark] .clip-title:hover:after,[data-theme=dark] .video-title-enhanced:hover:after{background:#f0f0f0fa;color:#1a1a2e;box-shadow:0 4px 12px #00000080}[data-theme=dark] .theme-toggle{box-shadow:0 0 20px #7c8ef54d}[data-theme=dark]{animation:darkModeActivate .3s ease}@keyframes darkModeActivate{0%{opacity:.95}to{opacity:1}}[data-theme=dark] .clip-thumbnail-container:after,[data-theme=dark] .video-thumbnail-large:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.2) 100%);pointer-events:none}[data-theme=dark] button:disabled,[data-theme=dark] input:disabled,[data-theme=dark] select:disabled{opacity:.4;cursor:not-allowed}[data-theme=dark] .error-message,[data-theme=dark] .youtube-error{background:#ef535033;border-color:#ef535066}[data-theme=dark] .error-message p,[data-theme=dark] .youtube-error p{color:#ef9a9a}[data-theme=dark] .youtube-info,[data-theme=dark] .success-message{background:#66bb6a33;border-color:#66bb6a66}[data-theme=dark] .youtube-info p,[data-theme=dark] .success-message p{color:#a5d6a7}[data-theme=dark] .loading:after{border-top-color:#fffc}[data-theme=dark] .platform-badge{box-shadow:0 2px 8px #0000004d}[data-theme=dark] .job-health-section{background:#1e1e2e99;border-color:#7c8ef533}[data-theme=dark] .health-stat{background:#282838cc;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .stuck-jobs-alert{background:#ffa72633;border-color:#ffa72666}[data-theme=dark] .stuck-jobs-alert h4{color:#ffb74d}[data-theme=dark] .checkmark{background-color:#282838cc;border-color:#fff3}[data-theme=dark] .platform-checkbox input:checked~.checkmark{background-color:var(--accent-primary-solid);border-color:var(--accent-primary-solid)}[data-theme=dark] .day-checkbox{background:#282838cc;border-color:#ffffff1a}[data-theme=dark] .day-checkbox:hover{background:#7c8ef526;border-color:#7c8ef54d}[data-theme=dark] .time-estimate{background:#66bb6a33;color:#a5d6a7}[data-theme=dark] .segments-progress{background:#7c8ef533;color:#a0aef5}[data-theme=dark] .performance-metrics{background:#8b5cf626;border-color:#8b5cf64d}[data-theme=dark] .performance-metrics span{background:#282838cc;color:#b794f6}[data-theme=dark] .queue-preview{background:#f59e0b33;color:#ffd54f}[data-theme=dark] .no-videos-message,[data-theme=dark] .no-jobs-message{color:var(--text-secondary);background:#1e1e2e66;border-color:#7c8ef533}[data-theme=dark] .calendar-day.drag-over{background:#7c8ef54d;border-color:#7c8ef599;box-shadow:inset 0 0 20px #7c8ef533}[data-theme=dark] .file-label{box-shadow:0 4px 15px #7c8ef566}[data-theme=dark] .file-label:hover{box-shadow:0 8px 25px #7c8ef580}.results-section-compact{padding:1rem;max-width:1600px;margin:0 auto}.jobs-grid-compact{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1rem;margin-top:1rem}.job-card-compact{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:var(--shadow-md)}.job-card-compact:hover{transform:translateY(-4px);box-shadow:var(--shadow-glow);border-color:var(--border-hover)}.job-card-compact:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-primary);box-shadow:0 0 10px #00f5ff80}.job-card-compact.processing:before{background:var(--accent-primary);animation:progressFlow 2s ease-in-out infinite;box-shadow:0 0 20px #00f5ffcc}.job-card-compact.completed:before{background:var(--status-success);box-shadow:0 0 10px #4caf5080}.job-card-compact.failed:before{background:var(--status-error);box-shadow:0 0 10px #f4433680}.job-card-compact.downloading:before{background:linear-gradient(90deg,#00f5ff,#06f);animation:progressFlow 2s ease-in-out infinite;box-shadow:0 0 20px #00f5ffcc}@keyframes progressFlow{0%,to{opacity:1;transform:scaleX(1)}50%{opacity:.7;transform:scaleX(.95)}}.job-header-compact{padding:.75rem 1rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-secondary)}.job-title-compact{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.job-title-compact h4{font-size:.95rem;font-weight:600;color:var(--text-heading);margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-number-badge{background:var(--accent-primary);color:#fff;font-size:.75rem;font-weight:700;padding:.15rem .5rem;border-radius:12px;min-width:28px;text-align:center}.job-id-badge{font-size:.7rem;color:var(--text-tertiary);font-family:monospace;background:var(--bg-input);padding:.15rem .4rem;border-radius:4px}.job-meta-compact{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;font-size:.8rem}.status-badge-compact{padding:.25rem .6rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge-compact.processing{background:#00d9ff26;color:#00d9ff}.status-badge-compact.completed{background:var(--status-success-bg);color:var(--status-success)}.status-badge-compact.failed{background:var(--status-error-bg);color:var(--status-error)}.status-badge-compact.downloading{background:var(--status-warning-bg);color:var(--status-warning)}.status-badge-compact.cancelled{background:#9e9e9e26;color:#9e9e9e}.job-stats-compact{display:flex;gap:.75rem;color:var(--text-secondary);font-size:.75rem}.job-stat-item{display:flex;align-items:center;gap:.25rem}.progress-compact{padding:.75rem 1rem;background:var(--bg-input)}.progress-bar-compact{height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden;margin-bottom:.5rem}.progress-fill-compact{height:100%;background:var(--accent-primary);transition:width .3s ease;border-radius:3px}.progress-info-compact{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-secondary)}.progress-percentage-compact{font-weight:600;color:var(--accent-primary-solid)}.clips-preview-compact{padding:.75rem 1rem;background:var(--bg-card);max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--accent-primary-solid) var(--bg-tertiary)}.clips-preview-compact::-webkit-scrollbar{width:6px}.clips-preview-compact::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.clips-preview-compact::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:3px}.clips-scroll-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.clip-card-compact{display:flex;flex-direction:column;background:var(--bg-input);border:1px solid var(--border-secondary);border-radius:12px;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative}.clip-card-compact:before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:var(--accent-primary);opacity:0;transition:opacity .2s ease;z-index:10}.clip-card-compact:hover{transform:translateY(-4px);border-color:var(--border-hover);box-shadow:var(--shadow-lg)}.clip-card-compact:hover:before{opacity:1}.clip-thumbnail-compact{width:100%;height:300px;object-fit:cover;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:3rem;position:relative;overflow:hidden}.fallback-icon{display:flex;align-items:center;justify-content:center;font-size:2rem;width:100%;height:100%;background:var(--bg-tertiary)}.clip-thumbnail-compact img{width:100%;height:100%;object-fit:cover;display:block!important;position:relative;z-index:1}.clip-video-preview{width:100%;height:100%;object-fit:contain;position:absolute;top:0;left:0;z-index:15;background:#000;display:none;cursor:pointer;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;transform:translateZ(0);will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-perspective:1000;perspective:1000;pointer-events:none}.clip-volume-control{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,#667eeae6,#4caf50cc);border:2px solid rgba(255,255,255,.3);border-radius:50%;width:40px;height:40px;display:flex!important;align-items:center;justify-content:center;cursor:pointer;font-size:1.3rem;z-index:25;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:0;pointer-events:auto;box-shadow:0 4px 12px #667eea66;opacity:.85}.clip-volume-control:hover{background:linear-gradient(135deg,#667eea,#4caf50);transform:scale(1.15);box-shadow:0 6px 16px #667eea99;opacity:1;border-color:#fff9}.clip-card-compact .clip-volume-control{display:flex!important}.clip-card-compact:hover .clip-video-preview{display:block!important}.clip-duration-badge{position:absolute;bottom:12px;right:12px;background:#000c;color:#fff;font-size:.85rem;padding:.4rem .7rem;border-radius:6px;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:11}.video-error-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#f44336e6;color:#fff;font-size:.8rem;padding:.5rem 1rem;border-radius:6px;z-index:15;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.clip-info-compact{padding:1rem;flex:1;display:flex;flex-direction:column;gap:.5rem;min-width:0}.clip-title-compact{font-size:.85rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}.clip-size-compact{font-size:.7rem;color:var(--text-tertiary);margin-top:.25rem}.clip-captions-compact{display:flex;gap:.375rem;margin-top:.5rem}.caption-download-btn{flex:1;padding:.25rem .5rem;font-size:.65rem;font-weight:600;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-primary);border-radius:6px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.caption-download-btn:hover{background:var(--accent-primary);color:var(--bg-primary);border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:0 2px 8px #00f5ff4d}.caption-download-btn:active{transform:translateY(0)}.job-actions-compact{padding:.75rem 1rem;background:var(--bg-tertiary);border-top:1px solid var(--border-secondary);display:flex;gap:.5rem;flex-wrap:wrap}.job-action-btn-compact{flex:1;min-width:80px;padding:.5rem .875rem;font-size:.75rem;border:none;border-radius:8px;cursor:pointer;font-weight:700;letter-spacing:.3px;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.35rem;position:relative;overflow:hidden}.job-action-btn-compact:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .4s,height .4s}.job-action-btn-compact:hover:before{width:200px;height:200px}.job-action-btn-compact.primary{background:var(--accent-primary);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.job-action-btn-compact.primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.job-action-btn-compact.secondary{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-secondary)}.job-action-btn-compact.secondary:hover{background:var(--bg-tertiary);border-color:var(--border-hover);transform:translateY(-1px)}.job-action-btn-compact.danger{background:var(--status-error);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.job-action-btn-compact.danger:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 0 20px #f4433680}.clips-count-badge{background:var(--accent-hover);color:var(--accent-primary-solid);padding:.25rem .6rem;border-radius:12px;font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;gap:.25rem}.view-toggle{display:flex;gap:.5rem;background:var(--bg-card);padding:.5rem;border-radius:8px;border:1px solid var(--border-secondary)}.view-toggle-btn{padding:.5rem 1rem;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:6px;font-size:.85rem;font-weight:600;transition:all .2s ease}.view-toggle-btn.active{background:var(--accent-primary);color:#fff}.view-toggle-btn:hover:not(.active){background:var(--accent-hover);color:var(--accent-primary-solid)}@media(max-width:768px){.jobs-grid-compact{grid-template-columns:1fr}.clip-thumbnail-compact{width:100px;min-width:100px;height:70px}.clip-info-compact{padding:.5rem}.clip-title-compact{font-size:.75rem}}[data-theme=dark] .job-card-compact{background:linear-gradient(135deg,#1e1e2ef2,#282838f2);border-color:#00d9ff40}[data-theme=dark] .job-card-compact:hover{border-color:#00d9ff80;box-shadow:0 8px 32px #00d9ff33}[data-theme=dark] .clip-card-compact{background:#282838cc;border-color:#00d9ff33}[data-theme=dark] .clip-card-compact:hover{border-color:#00d9ff66;box-shadow:0 4px 16px #00d9ff26}.no-jobs-compact{text-align:center;padding:3rem 2rem;background:var(--bg-card);border-radius:12px;border:2px dashed var(--border-secondary)}.no-jobs-compact h3{color:var(--text-heading);margin-bottom:.5rem}.no-jobs-compact p{color:var(--text-secondary);margin-bottom:1.5rem}.job-details-toggle{padding:.5rem 1rem;background:var(--bg-tertiary);border:none;border-top:1px solid var(--border-secondary);width:100%;text-align:center;cursor:pointer;color:var(--text-secondary);font-size:.75rem;font-weight:600;transition:all .2s ease}.job-details-toggle:hover{background:var(--accent-hover);color:var(--accent-primary-solid)}.job-details-expanded{padding:1rem;background:var(--bg-input);border-top:1px solid var(--border-secondary);font-size:.8rem;color:var(--text-secondary)}.job-details-expanded .detail-row{display:flex;justify-content:space-between;padding:.25rem 0;border-bottom:1px solid var(--border-secondary)}.job-details-expanded .detail-row:last-child{border-bottom:none}.detail-label{font-weight:600;color:var(--text-primary)}.detail-value{color:var(--text-secondary);font-family:monospace;font-size:.75rem}.pa-root{padding:28px 24px;max-width:900px;margin:0 auto}.pa-header{margin-bottom:28px}.pa-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:6px}.pa-title{font-size:1.6rem;font-weight:700;color:#111;margin:0}.pa-subtitle{font-size:.95rem;color:#666;margin:0}.pa-btn-refresh{display:flex;align-items:center;gap:6px;padding:7px 12px;border:1.5px solid #e5e7eb;border-radius:8px;background:transparent;color:#6b7280;font-size:.82rem;font-weight:500;cursor:pointer;transition:border-color .15s,color .15s,background .15s;flex-shrink:0;margin-top:2px}.pa-btn-refresh:hover:not(:disabled){border-color:#6366f1;color:#6366f1;background:#6366f10d}.pa-btn-refresh:disabled{opacity:.5;cursor:not-allowed}.pa-btn-refresh-icon{font-size:.95rem;display:inline-block;transition:transform .3s ease}.pa-refresh-spin .pa-btn-refresh-icon{animation:pa-spin .65s linear infinite}.pa-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:10px;margin-bottom:20px;font-size:.9rem;font-weight:500}.pa-banner--success{background:#ecfdf5;border:1px solid #6ee7b7;color:#065f46}.pa-banner--error{background:#fff1f2;border:1px solid #fca5a5;color:#991b1b}.pa-banner--warning{background:#fffbeb;border:1px solid #fcd34d;color:#92400e}.pa-banner-close{background:none;border:none;font-size:1rem;cursor:pointer;opacity:.6;color:inherit;flex-shrink:0}.pa-banner-close:hover{opacity:1}.pa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-bottom:32px}.pa-card{background:#fff;border:2px solid #e8e8e8;border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:14px;transition:box-shadow .2s,border-color .2s}.pa-card:hover{box-shadow:0 4px 16px #00000014}.pa-card--connected{border-width:2px}.pa-card-header{display:flex;align-items:center;gap:12px}.pa-platform-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;flex-shrink:0;letter-spacing:-1px}.pa-platform-info{flex:1;min-width:0}.pa-platform-name{display:block;font-weight:600;font-size:.95rem;color:#111}.pa-platform-tagline{display:block;font-size:.78rem;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pa-status-dot{width:10px;height:10px;border-radius:50%;background:#d1d5db;flex-shrink:0;transition:background .2s}.pa-status-dot--on{background:#22c55e;box-shadow:0 0 0 3px #22c55e33}.pa-accounts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.pa-account-row{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#00000008;border-radius:8px}.pa-account-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8rem;font-weight:700;flex-shrink:0;opacity:.85}.pa-account-text{flex:1;min-width:0}.pa-account-name{display:block;font-size:.85rem;font-weight:600;color:#222;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pa-account-sub{display:block;font-size:.75rem;color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pa-btn-unlink{background:none;border:none;font-size:.75rem;color:#aaa;cursor:pointer;padding:2px 4px;border-radius:4px;flex-shrink:0;transition:color .15s,background .15s}.pa-btn-unlink:hover{color:#e11d48;background:#fff0f3}.pa-btn-unlink:disabled{opacity:.4;cursor:not-allowed}.pa-connected-simple{display:flex;align-items:center;gap:6px;color:#15803d;font-size:.85rem;font-weight:500}.pa-connected-check{font-size:1rem}.pa-card-footer{display:flex;flex-direction:column;gap:6px;margin-top:auto}.pa-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:9px 16px;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:opacity .15s,filter .15s;border:2px solid transparent}.pa-btn:disabled{opacity:.55;cursor:not-allowed}.pa-btn--connect{color:#fff;border-color:transparent}.pa-btn--connect:hover:not(:disabled){filter:brightness(.9)}.pa-btn--add{background:transparent}.pa-btn--add:hover:not(:disabled){background:#0000000d}.pa-btn--disconnect{background:none;border-color:#e5e7eb;color:#6b7280}.pa-btn--disconnect:hover:not(:disabled){border-color:#ef4444;color:#ef4444}.pa-btn-spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:pa-spin .65s linear infinite}.pa-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:60px 0;color:#888;font-size:.95rem}.pa-spinner{width:22px;height:22px;border:3px solid #e5e7eb;border-top-color:#6366f1;border-radius:50%;animation:pa-spin .65s linear infinite;flex-shrink:0}@keyframes pa-spin{to{transform:rotate(360deg)}}.pa-footer-note{font-size:.8rem;color:#9ca3af;text-align:center;margin:0;padding:0 16px;line-height:1.5}.pa-meta-note{display:flex;align-items:center;gap:6px;font-size:.78rem;color:#6366f1;background:#6366f112;border:1px solid rgba(99,102,241,.18);border-radius:6px;padding:5px 9px;line-height:1.4}.pa-meta-note-icon{font-size:.9rem;flex-shrink:0}.pa-spinner--sm{display:inline-block;width:14px;height:14px;border:2px solid #e5e7eb;border-top-color:#6366f1;border-radius:50%;animation:pa-spin .65s linear infinite;flex-shrink:0}.pa-confirm-btn{flex:1;padding:7px 10px;border-radius:7px;font-size:.82rem;font-weight:600;cursor:pointer;border:1.5px solid #e5e7eb;background:transparent;color:#374151;transition:background .15s,border-color .15s,color .15s}.pa-confirm-btn:hover{background:#0000000a}.pa-confirm-btn--danger{background:#ef4444;border-color:#ef4444;color:#fff}.pa-confirm-btn--danger:hover{background:#dc2626;border-color:#dc2626}@media(max-width:600px){.pa-root{padding:16px}.pa-grid{grid-template-columns:1fr}.pa-title{font-size:1.3rem}}[data-theme=dark] .pa-title{color:#f1f5f9}[data-theme=dark] .pa-subtitle{color:#94a3b8}[data-theme=dark] .pa-btn-refresh{border-color:#334155;color:#94a3b8}[data-theme=dark] .pa-btn-refresh:hover:not(:disabled){border-color:#818cf8;color:#818cf8;background:#818cf814}[data-theme=dark] .pa-banner--success{background:#052e16;border-color:#166534;color:#86efac}[data-theme=dark] .pa-banner--error{background:#2d0a0a;border-color:#7f1d1d;color:#fca5a5}[data-theme=dark] .pa-banner--warning{background:#1c1200;border-color:#78350f;color:#fcd34d}[data-theme=dark] .pa-card{background:#1e293b;border-color:#334155}[data-theme=dark] .pa-card:hover{box-shadow:0 4px 16px #0006}[data-theme=dark] .pa-platform-name{color:#f1f5f9}[data-theme=dark] .pa-platform-tagline{color:#64748b}[data-theme=dark] .pa-account-row{background:#ffffff0a}[data-theme=dark] .pa-account-name{color:#e2e8f0}[data-theme=dark] .pa-account-sub,[data-theme=dark] .pa-btn-unlink{color:#64748b}[data-theme=dark] .pa-btn-unlink:hover{color:#f87171;background:#f871711a}[data-theme=dark] .pa-connected-simple{color:#4ade80}[data-theme=dark] .pa-btn--add{color:#94a3b8;border-color:#334155}[data-theme=dark] .pa-btn--add:hover:not(:disabled){background:#ffffff0d}[data-theme=dark] .pa-btn--disconnect{border-color:#334155;color:#64748b}[data-theme=dark] .pa-btn--disconnect:hover:not(:disabled){border-color:#f87171;color:#f87171}[data-theme=dark] .pa-meta-note{color:#818cf8;background:#818cf814;border-color:#818cf833}[data-theme=dark] .pa-spinner,[data-theme=dark] .pa-spinner--sm{border-color:#334155;border-top-color:#818cf8}[data-theme=dark] .pa-loading{color:#64748b}[data-theme=dark] .pa-confirm-btn{border-color:#334155;color:#cbd5e1}[data-theme=dark] .pa-confirm-btn:hover{background:#ffffff0f}[data-theme=dark] .pa-confirm-btn--danger{background:#dc2626;border-color:#dc2626;color:#fff}[data-theme=dark] .pa-confirm-btn--danger:hover{background:#b91c1c;border-color:#b91c1c}[data-theme=dark] .pa-footer-note{color:#475569}.theme-toggle{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:25px;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:600;color:inherit;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.theme-toggle:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;background:#ffffff26}.theme-toggle:active{transform:translateY(0)}.theme-icon{font-size:1.2rem;line-height:1;transition:transform .3s ease}.theme-toggle:hover .theme-icon{transform:rotate(20deg) scale(1.1)}.theme-label{font-size:.9rem;white-space:nowrap}[data-theme=dark] .theme-toggle{background:#0003;border-color:#ffffff1a}[data-theme=dark] .theme-toggle:hover{background:#0000004d}@media(max-width:768px){.theme-toggle{padding:.5rem 1rem}.theme-label{display:none}.theme-icon{font-size:1.4rem}}.metadata-validation-tool{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;padding:20px;margin:15px 0;box-shadow:0 4px 6px #0000001a;border-left:4px solid #3498db}.metadata-validation-tool.dark-mode{background:linear-gradient(135deg,#2c3e50,#34495e);border-left-color:#3498db}.validation-header{margin-bottom:20px}.validation-header h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#2c3e50}.metadata-validation-tool.dark-mode .validation-header h3{color:#ecf0f1}.validation-description{margin:0;font-size:14px;color:#7f8c8d}.metadata-validation-tool.dark-mode .validation-description{color:#bdc3c7}.validation-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.btn-validate,.btn-regenerate,.btn-regenerate-titles{padding:10px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px}.btn-validate{background:#3498db;color:#fff}.btn-validate:hover:not(:disabled){background:#2980b9;transform:translateY(-2px);box-shadow:0 4px 8px #3498db4d}.btn-regenerate{background:#27ae60;color:#fff}.btn-regenerate:hover:not(:disabled){background:#229954;transform:translateY(-2px);box-shadow:0 4px 8px #27ae604d}.btn-regenerate-titles{background:#e74c3c;color:#fff}.btn-regenerate-titles:hover:not(:disabled){background:#c0392b;transform:translateY(-2px);box-shadow:0 4px 8px #e74c3c4d}.btn-validate:disabled,.btn-regenerate:disabled,.btn-regenerate-titles:disabled{opacity:.6;cursor:not-allowed}.force-regenerate-label{display:flex;align-items:center;gap:8px;font-size:14px;color:#2c3e50;cursor:pointer;-webkit-user-select:none;user-select:none}.metadata-validation-tool.dark-mode .force-regenerate-label{color:#ecf0f1}.force-regenerate-label input[type=checkbox]{cursor:pointer;width:18px;height:18px}.validation-error{background:#fadbd8;border:1px solid #f5b7b1;border-radius:6px;padding:12px;margin-bottom:15px;color:#c0392b;font-size:14px;display:flex;align-items:center;gap:8px}.metadata-validation-tool.dark-mode .validation-error{background:#5d4037;border-color:#795548;color:#ffcdd2}.validation-result{background:#fff;border-radius:8px;padding:16px;border-left:4px solid #3498db}.metadata-validation-tool.dark-mode .validation-result{background:#34495e;border-left-color:#3498db}.validation-result.validation-complete{border-left-color:#27ae60}.validation-result.validation-partial{border-left-color:#f39c12}.validation-result.validation-incomplete{border-left-color:#e74c3c}.result-header{margin-bottom:16px}.result-header h4{margin:0 0 4px;font-size:16px;font-weight:600;color:#2c3e50}.metadata-validation-tool.dark-mode .result-header h4{color:#ecf0f1}.result-summary{margin:0;font-size:13px;color:#7f8c8d}.metadata-validation-tool.dark-mode .result-summary{color:#bdc3c7}.feature-coverage{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.coverage-item{display:flex;flex-direction:column;gap:6px}.coverage-label{font-size:13px;font-weight:600;color:#2c3e50}.metadata-validation-tool.dark-mode .coverage-label{color:#ecf0f1}.coverage-bar{height:24px;background:#ecf0f1;border-radius:4px;overflow:hidden;border:1px solid #bdc3c7}.metadata-validation-tool.dark-mode .coverage-bar{background:#2c3e50;border-color:#7f8c8d}.coverage-fill{height:100%;background:linear-gradient(90deg,#27ae60,#2ecc71);transition:width .3s ease;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#fff}.coverage-percent{font-size:12px;font-weight:600;color:#27ae60}.metadata-validation-tool.dark-mode .coverage-percent{color:#2ecc71}.issues-list{background:#fef5e7;border:1px solid #f9e79f;border-radius:6px;padding:12px;margin-bottom:12px}.metadata-validation-tool.dark-mode .issues-list{background:#5d4037;border-color:#795548}.issues-list h5{margin:0 0 8px;font-size:13px;font-weight:600;color:#d68910}.metadata-validation-tool.dark-mode .issues-list h5{color:#ffb74d}.issues-list ul{margin:0;padding-left:20px;list-style:none}.issues-list li{font-size:13px;color:#7d6608;margin-bottom:4px;padding-left:8px}.metadata-validation-tool.dark-mode .issues-list li{color:#ffe0b2}.regenerate-suggestion{background:#d5f4e6;border:1px solid #a9dfbf;border-radius:6px;padding:12px;margin-top:12px}.metadata-validation-tool.dark-mode .regenerate-suggestion{background:#1b5e20;border-color:#2e7d32}.regenerate-suggestion p{margin:0;font-size:13px;color:#0b5345;font-weight:500}.metadata-validation-tool.dark-mode .regenerate-suggestion p{color:#c8e6c9}@media(max-width:768px){.metadata-validation-tool{padding:16px}.validation-controls{flex-direction:column;align-items:stretch}.btn-validate,.btn-regenerate{width:100%;justify-content:center}.feature-coverage{grid-template-columns:1fr}}.system-health-banner{position:fixed;top:0;left:0;right:0;z-index:9999;background:var(--bg-card);border-bottom:2px solid var(--border-primary);box-shadow:var(--shadow-lg);animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.system-health-banner.error{background:linear-gradient(135deg,#ef44441a,#dc26260d);border-bottom-color:var(--status-error)}.system-health-banner.warning{background:linear-gradient(135deg,#fbbf241a,#f59e0b0d);border-bottom-color:var(--status-warning)}.system-health-banner.info{background:linear-gradient(135deg,#3b82f61a,#2563eb0d);border-bottom-color:var(--accent-primary)}.system-health-banner.loading{background:var(--bg-tertiary);padding:.5rem 1rem;text-align:center;font-size:.85rem;color:var(--text-secondary)}.health-summary{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;cursor:pointer;transition:background .2s ease}.health-summary:hover{background:#0000000d}[data-theme=dark] .health-summary:hover{background:#ffffff0d}.health-icon{font-size:1.25rem}.health-message{flex:1;font-weight:600;font-size:.9rem;color:var(--text-primary)}.health-toggle{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.75rem;padding:.25rem .5rem;transition:transform .2s ease}.health-details{padding:1rem 1.5rem;border-top:1px solid var(--border-secondary);background:var(--bg-input);max-height:70vh;overflow-y:auto}.health-section{margin-bottom:1.5rem}.health-section:last-child{margin-bottom:0}.health-section h4{font-size:.9rem;font-weight:600;margin:0 0 .75rem;color:var(--text-heading)}.health-section ul{list-style:none;padding:0;margin:0}.health-section li{padding:.5rem;margin-bottom:.5rem;background:var(--bg-card);border-left:3px solid var(--border-secondary);border-radius:4px;font-size:.85rem;color:var(--text-secondary)}.health-section.errors li{border-left-color:var(--status-error);background:#ef44440d}.health-section.warnings li{border-left-color:var(--status-warning);background:#fbbf240d}.component-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.75rem}.component-item{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:6px;font-size:.85rem}.component-item.success{border-left:3px solid var(--status-success)}.component-item.failure{border-left:3px solid var(--status-error);background:#ef44440d}.component-icon{font-size:1rem}.component-name{font-weight:600;color:var(--text-primary);min-width:80px}.component-message{color:var(--text-secondary);font-size:.8rem;flex:1}.resource-grid{display:flex;flex-direction:column;gap:.75rem}.resource-item{display:flex;align-items:center;gap:.75rem}.resource-label{font-weight:600;color:var(--text-primary);min-width:80px;font-size:.85rem}.resource-bar{flex:1;height:20px;background:var(--bg-tertiary);border-radius:10px;overflow:hidden;border:1px solid var(--border-secondary)}.resource-fill{height:100%;background:linear-gradient(90deg,var(--status-success),var(--status-success));transition:width .3s ease,background .3s ease}.resource-fill.high{background:linear-gradient(90deg,var(--status-warning),var(--status-error))}.resource-value{font-size:.85rem;font-weight:600;color:var(--text-secondary);min-width:80px;text-align:right}.health-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-secondary)}.refresh-btn{padding:.5rem 1rem;background:var(--accent-primary);color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.refresh-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0066ff4d}@media(max-width:768px){.health-summary{padding:.5rem 1rem}.health-details{padding:.75rem 1rem}.component-grid{grid-template-columns:1fr}.resource-label,.resource-value{min-width:60px;font-size:.8rem}}[data-theme=dark] .system-health-banner.error{background:linear-gradient(135deg,#ef444426,#dc262614)}[data-theme=dark] .system-health-banner.warning{background:linear-gradient(135deg,#fbbf2426,#f59e0b14)}[data-theme=dark] .component-item.failure,[data-theme=dark] .health-section.errors li{background:#ef44441a}[data-theme=dark] .health-section.warnings li{background:#fbbf241a}.job-recovery{padding:20px;max-width:1200px;margin:0 auto}.recovery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.recovery-header h2{margin:0;font-size:24px;font-weight:600}.refresh-btn{padding:8px 16px;background:#f0f0f0;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.refresh-btn:hover:not(:disabled){background:#e0e0e0}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.message{padding:12px 16px;border-radius:6px;margin-bottom:20px;font-size:14px}.message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.recovery-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.summary-card{background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:20px;text-align:center}.summary-card.complete{border-color:#28a745;background:#f0fff4}.summary-card.incomplete{border-color:#ffc107;background:#fffbf0}.summary-label{font-size:14px;color:#666;margin-bottom:8px}.summary-value{font-size:32px;font-weight:700;color:#333}.recovery-actions{margin-bottom:24px;text-align:center}.recover-all-btn{padding:12px 24px;background:#007bff;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.recover-all-btn:hover:not(:disabled){background:#0056b3;transform:translateY(-1px);box-shadow:0 4px 8px #007bff4d}.recover-all-btn:disabled{opacity:.6;cursor:not-allowed}.incomplete-jobs h3{margin-bottom:16px;font-size:18px;font-weight:600}.jobs-list{display:grid;gap:16px}.job-card{background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:16px;transition:all .2s}.job-card.incomplete{border-color:#ffc107}.job-card:hover{box-shadow:0 4px 12px #0000001a}.job-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.job-id{font-size:16px;font-weight:600;color:#333}.recover-btn{padding:6px 12px;background:#28a745;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s}.recover-btn:hover:not(:disabled){background:#218838}.recover-btn:disabled{opacity:.6;cursor:not-allowed}.job-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:12px}.stat{display:flex;justify-content:space-between;align-items:center;padding:8px;background:#f8f9fa;border-radius:4px}.stat-label{font-size:14px;color:#666}.stat-value{font-size:14px;font-weight:600}.stat-value.ok{color:#28a745}.stat-value.error{color:#dc3545}.recovery-actions-needed{margin-top:12px;padding-top:12px;border-top:1px solid #e0e0e0}.actions-label{font-size:12px;color:#666;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.actions-list{display:flex;flex-wrap:wrap;gap:6px}.action-tag{display:inline-block;padding:4px 8px;background:#fff3cd;color:#856404;border:1px solid #ffeaa7;border-radius:4px;font-size:12px;text-transform:capitalize}.no-incomplete-jobs{text-align:center;padding:60px 20px;background:#fff;border:2px solid #28a745;border-radius:8px;margin-bottom:24px}.success-icon{font-size:64px;margin-bottom:16px}.no-incomplete-jobs h3{margin:0 0 8px;font-size:24px;color:#28a745}.no-incomplete-jobs p{margin:0;color:#666;font-size:16px}.complete-jobs-summary{background:#f0fff4;border:2px solid #28a745;border-radius:8px;padding:20px;text-align:center}.complete-jobs-summary h3{margin:0 0 8px;font-size:18px;color:#28a745}.complete-jobs-summary p{margin:0;color:#666;font-size:14px}.loading{text-align:center;padding:40px;font-size:16px;color:#666}[data-theme=dark] .job-recovery{color:#e0e0e0}[data-theme=dark] .summary-card,[data-theme=dark] .job-card,[data-theme=dark] .no-incomplete-jobs,[data-theme=dark] .complete-jobs-summary{background:#2a2a2a;border-color:#444}[data-theme=dark] .summary-card.complete{background:#1a3a1a;border-color:#28a745}[data-theme=dark] .summary-card.incomplete{background:#3a3a1a;border-color:#ffc107}[data-theme=dark] .job-card.incomplete{border-color:#ffc107}[data-theme=dark] .stat{background:#333}[data-theme=dark] .refresh-btn{background:#333;border-color:#555;color:#e0e0e0}[data-theme=dark] .refresh-btn:hover:not(:disabled){background:#444}[data-theme=dark] .job-id,[data-theme=dark] .summary-value{color:#e0e0e0}[data-theme=dark] .no-incomplete-jobs,[data-theme=dark] .complete-jobs-summary{background:#1a3a1a}.missed-uploads-manager{max-width:1400px;margin:0 auto;padding:2rem}.manager-header{margin-bottom:2rem}.manager-header h1{font-size:2rem;margin-bottom:.5rem;color:#333}.manager-header .subtitle{color:#666;font-size:1rem}.alert-summary-card{display:flex;gap:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#ff9800,#ff5722);color:#fff;border-radius:12px;margin-bottom:2rem;box-shadow:0 4px 12px #ff57224d}.alert-icon{font-size:3rem;animation:pulse 2s ease-in-out infinite}.alert-content h3{margin:0 0 .5rem;font-size:1.3rem}.alert-content p{margin:0 0 1rem;opacity:.95}.platform-stats{display:flex;gap:1rem;flex-wrap:wrap}.platform-stat{background:#fff3;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.manager-controls{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem}.filters{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-group label{font-weight:600;color:#555}.filter-group select{padding:.5rem 1rem;border:2px solid #e0e0e0;border-radius:6px;font-size:.95rem;cursor:pointer;transition:border-color .2s}.filter-group select:hover{border-color:#2196f3}.filter-group select:focus{outline:none;border-color:#2196f3}.btn-refresh{padding:.5rem 1.5rem;background:#2196f3;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.95rem;transition:all .2s}.btn-refresh:hover:not(:disabled){background:#1976d2;transform:translateY(-1px)}.btn-refresh:disabled{background:#ccc;cursor:not-allowed}.bulk-actions{border-top:1px solid #e0e0e0;padding-top:1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.selection-controls{display:flex;gap:.5rem;align-items:center}.btn-select{padding:.4rem .8rem;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.85rem;transition:all .2s}.btn-select:hover{background:#e0e0e0}.selection-count{margin-left:.5rem;color:#666;font-weight:600}.action-buttons{display:flex;gap:.5rem}.btn-publish-bulk,.btn-dismiss-bulk,.btn-dismiss-all{padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s}.btn-publish-bulk{background:#4caf50;color:#fff}.btn-publish-bulk:hover:not(:disabled){background:#45a049;transform:translateY(-1px)}.btn-dismiss-bulk,.btn-dismiss-all{background:#f44336;color:#fff}.btn-dismiss-bulk:hover:not(:disabled),.btn-dismiss-all:hover{background:#d32f2f;transform:translateY(-1px)}.btn-publish-bulk:disabled,.btn-dismiss-bulk:disabled{background:#ccc;cursor:not-allowed;transform:none}.loading-state{text-align:center;padding:4rem 2rem}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #2196f3;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{color:#333;margin-bottom:.5rem}.empty-state p{color:#666}.uploads-list{display:grid;gap:1.5rem}.upload-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem;transition:all .3s;position:relative}.upload-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.upload-card.selected{border:2px solid #2196f3;box-shadow:0 4px 16px #2196f34d}.selection-checkbox{position:absolute;top:1rem;left:1rem}.selection-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer}.upload-card.selected .upload-content,.upload-card.selected .upload-header{margin-left:2rem}.upload-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.platform-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f5f5f5;border-radius:20px}.platform-icon{font-size:1.5rem}.platform-name{font-weight:600;color:#555;text-transform:capitalize}.status-badge{padding:.5rem 1rem;border-radius:20px;color:#fff;font-weight:600;font-size:.85rem}.upload-content{margin-bottom:1rem}.upload-title{font-size:1.2rem;color:#333;margin-bottom:.5rem}.upload-description{color:#666;margin-bottom:1rem;line-height:1.5}.upload-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.75rem;margin-bottom:1rem}.meta-item{display:flex;flex-direction:column;gap:.25rem}.meta-label{font-size:.85rem;color:#999;font-weight:600}.meta-value{color:#555;font-size:.95rem}.upload-reason{padding:.75rem;background:#fff3e0;border-left:4px solid #ff9800;border-radius:4px;margin-bottom:.5rem;font-size:.9rem;color:#e65100}.upload-error{padding:.75rem;background:#ffebee;border-left:4px solid #f44336;border-radius:4px;margin-bottom:.5rem;font-size:.9rem;color:#c62828}.upload-hashtags{color:#2196f3;font-size:.9rem;margin-top:.5rem}.upload-actions{display:flex;gap:.75rem;padding-top:1rem;border-top:1px solid #e0e0e0}.btn-publish,.btn-dismiss{flex:1;padding:.75rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .2s}.btn-publish:hover:not(:disabled){background:#45a049;transform:translateY(-1px);box-shadow:0 2px 8px #4caf504d}.btn-dismiss{background:#f5f5f5;color:#666;border:1px solid #ddd}.btn-dismiss:hover:not(:disabled){background:#e0e0e0}.upload-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid #e0e0e0;font-size:.85rem;color:#999}@media(max-width:768px){.missed-uploads-manager{padding:1rem}.manager-header h1{font-size:1.5rem}.alert-summary-card{flex-direction:column;gap:1rem}.filters,.filter-group,.bulk-actions{flex-direction:column;align-items:stretch}.selection-controls,.action-buttons{flex-direction:column}.upload-meta{grid-template-columns:1fr}.upload-actions{flex-direction:column}}.missed-uploads-alert{margin:1rem 0;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.alert-banner{display:flex;align-items:center;gap:1rem;padding:1rem;background:linear-gradient(135deg,#ff9800,#ff5722);color:#fff;cursor:pointer;transition:all .3s ease}.alert-banner:hover{background:linear-gradient(135deg,#ff9800,#f44336);transform:translateY(-2px);box-shadow:0 4px 12px #ff57224d}.alert-icon{font-size:2rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.alert-content{flex:1}.alert-title{font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.alert-message{font-size:.9rem;opacity:.95}.alert-time{font-size:.85rem;opacity:.8}.alert-platforms{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.platform-badge{background:#fff3;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.alert-toggle{font-size:1.5rem;opacity:.8}.alert-details{background:#fff;border-top:2px solid #ff9800}.details-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e0e0e0}.details-header h3{margin:0;font-size:1.1rem;color:#333}.btn-dismiss-all{padding:.5rem 1rem;background:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .2s}.btn-dismiss-all:hover{background:#d32f2f}.loading{padding:2rem;text-align:center;color:#666}.missed-uploads-list{max-height:500px;overflow-y:auto}.missed-upload-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e0e0e0;transition:background .2s}.missed-upload-item:hover{background:#f5f5f5}.missed-upload-item:last-child{border-bottom:none}.upload-header{display:flex;gap:1rem;flex:1}.platform-icon{font-size:2rem}.upload-info{flex:1}.upload-title{font-weight:600;color:#333;margin-bottom:.25rem}.upload-meta{display:flex;gap:1rem;font-size:.85rem;color:#666;margin-bottom:.25rem}.upload-reason{font-size:.85rem;color:#ff9800;font-style:italic}.upload-error{font-size:.85rem;color:#f44336;margin-top:.25rem}.upload-actions{display:flex;gap:.5rem}.btn-publish,.btn-dismiss{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s}.btn-publish{background:#4caf50;color:#fff}.btn-publish:hover:not(:disabled){background:#45a049;transform:translateY(-1px);box-shadow:0 2px 4px #4caf504d}.btn-publish:disabled{background:#ccc;cursor:not-allowed}.btn-dismiss{background:#e0e0e0;color:#666}.btn-dismiss:hover:not(:disabled){background:#d0d0d0}.btn-dismiss:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.missed-upload-item{flex-direction:column;align-items:flex-start;gap:1rem}.upload-actions{width:100%}.btn-publish,.btn-dismiss{flex:1}.upload-meta{flex-direction:column;gap:.25rem}}.ws-connection-status{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:6px;font-size:.875rem;font-weight:500;transition:all .3s ease;cursor:help}.ws-status-indicator{font-size:.75rem;animation:pulse 2s ease-in-out infinite}.ws-status-text{white-space:nowrap}.ws-connected{background-color:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.ws-connected .ws-status-indicator{color:#22c55e;animation:none}.ws-connecting{background-color:#eab3081a;color:#eab308;border:1px solid rgba(234,179,8,.3)}.ws-connecting .ws-status-indicator{color:#eab308}.ws-disconnected{background-color:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.ws-disconnected .ws-status-indicator{color:#ef4444;animation:none}.ws-fallback{background-color:#f973161a;color:#f97316;border:1px solid rgba(249,115,22,.3)}.ws-fallback .ws-status-indicator{color:#f97316}[data-theme=dark] .ws-connected{background-color:#22c55e26;border-color:#22c55e66}[data-theme=dark] .ws-connecting{background-color:#eab30826;border-color:#eab30866}[data-theme=dark] .ws-disconnected{background-color:#ef444426;border-color:#ef444466}[data-theme=dark] .ws-fallback{background-color:#f9731626;border-color:#f9731666}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:768px){.ws-status-text{display:none}.ws-connection-status{padding:.5rem}}.polling-diagnostics{position:relative}.diagnostics-toggle{background:#6464641a;border:1px solid rgba(100,100,100,.3);padding:.5rem .75rem;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s ease;color:inherit}.diagnostics-toggle:hover{background:#64646433;border-color:#64646480}.diagnostics-panel{position:fixed;bottom:20px;right:20px;width:500px;max-height:600px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;z-index:10000;overflow:hidden}[data-theme=dark] .diagnostics-panel{background:#1e1e1e;border-color:#444;box-shadow:0 4px 12px #00000080}.diagnostics-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #eee;background:#f9f9f9}[data-theme=dark] .diagnostics-header{background:#2a2a2a;border-bottom-color:#444}.diagnostics-header h3{margin:0;font-size:1rem;font-weight:600}.close-button{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:0;color:#666;transition:color .2s ease}.close-button:hover{color:#000}[data-theme=dark] .close-button{color:#aaa}[data-theme=dark] .close-button:hover{color:#fff}.run-diagnostics-button{margin:1rem;padding:.75rem 1rem;background:#06c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background .2s ease}.run-diagnostics-button:hover:not(:disabled){background:#0052a3}.run-diagnostics-button:disabled{background:#ccc;cursor:not-allowed}.diagnostics-results{flex:1;overflow-y:auto;padding:0 1rem}.no-results{padding:2rem 1rem;text-align:center;color:#999;font-size:.875rem}.diagnostic-item{padding:.75rem;margin:.5rem 0;border-radius:4px;border-left:4px solid #ddd}.diagnostic-item.status-ok{background:#22c55e1a;border-left-color:#22c55e}.diagnostic-item.status-warning{background:#f973161a;border-left-color:#f97316}.diagnostic-item.status-error{background:#ef44441a;border-left-color:#ef4444}.diagnostic-item.status-checking{background:#eab3081a;border-left-color:#eab308}[data-theme=dark] .diagnostic-item{border-left-color:#555}[data-theme=dark] .diagnostic-item.status-ok{background:#22c55e26;border-left-color:#22c55e}[data-theme=dark] .diagnostic-item.status-warning{background:#f9731626;border-left-color:#f97316}[data-theme=dark] .diagnostic-item.status-error{background:#ef444426;border-left-color:#ef4444}[data-theme=dark] .diagnostic-item.status-checking{background:#eab30826;border-left-color:#eab308}.diagnostic-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.diagnostic-name{font-weight:600;font-size:.9rem}.diagnostic-status{font-size:1rem;font-weight:700}.diagnostic-status.status-ok{color:#22c55e}.diagnostic-status.status-warning{color:#f97316}.diagnostic-status.status-error{color:#ef4444}.diagnostic-status.status-checking{color:#eab308;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.diagnostic-message{margin:.25rem 0;font-size:.875rem;color:#333}[data-theme=dark] .diagnostic-message{color:#ccc}.diagnostic-details{margin-top:.5rem;font-size:.75rem}.diagnostic-details summary{cursor:pointer;color:#06c;font-weight:500;padding:.25rem 0}.diagnostic-details summary:hover{text-decoration:underline}.diagnostic-details pre{background:#f5f5f5;padding:.5rem;border-radius:3px;overflow-x:auto;margin:.5rem 0 0;font-size:.7rem;max-height:150px;overflow-y:auto}[data-theme=dark] .diagnostic-details pre{background:#2a2a2a;color:#ccc}.diagnostics-tips{padding:1rem;border-top:1px solid #eee;background:#f9f9f9;font-size:.8rem}[data-theme=dark] .diagnostics-tips{background:#2a2a2a;border-top-color:#444}.diagnostics-tips h4{margin:0 0 .5rem;font-size:.875rem;font-weight:600}.diagnostics-tips ul{margin:0;padding-left:1.25rem}.diagnostics-tips li{margin:.25rem 0;line-height:1.4}.diagnostics-tips strong{color:#06c}[data-theme=dark] .diagnostics-tips strong{color:#66b3ff}@media(max-width:768px){.diagnostics-panel{width:calc(100vw - 40px);max-height:70vh;bottom:10px;right:10px;left:10px}}.transcript-editor{display:flex;flex-direction:column;gap:24px;padding:24px;max-width:1200px;margin:0 auto}.transcript-header{border-bottom:2px solid var(--border-color, #e0e0e0);padding-bottom:16px}.transcript-header h2{margin:0 0 8px;font-size:24px;color:var(--text-primary, #333)}.transcript-header p{margin:0;color:var(--text-secondary, #666);font-size:14px}.transcript-controls{display:flex;gap:16px;flex-wrap:wrap;align-items:center;background:var(--bg-secondary, #f9f9f9);padding:16px;border-radius:8px}.job-selector{display:flex;align-items:center;gap:8px;flex:1;min-width:250px}.job-selector label{font-weight:600;color:var(--text-primary, #333);white-space:nowrap}.job-selector select{flex:1;padding:8px 12px;border:1px solid var(--border-color, #ddd);border-radius:4px;font-size:14px;background:#fff;cursor:pointer}.transcript-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.export-controls{display:flex;gap:8px;align-items:center}.export-controls select{padding:8px 12px;border:1px solid var(--border-color, #ddd);border-radius:4px;font-size:14px;background:#fff;cursor:pointer}.transcript-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;background:var(--bg-secondary, #f9f9f9);padding:16px;border-radius:8px}.stat{display:flex;flex-direction:column;gap:4px;padding:12px;background:#fff;border-radius:6px;border-left:4px solid var(--primary-color, #007bff)}.stat .label{font-size:12px;color:var(--text-secondary, #666);font-weight:600;text-transform:uppercase}.stat .value{font-size:24px;font-weight:700;color:var(--text-primary, #333)}.stat .value.approved{color:#28a745}.stat .value.edited{color:#ffc107}.bulk-actions-panel{background:var(--bg-secondary, #f9f9f9);padding:16px;border-radius:8px;border-left:4px solid #007bff}.bulk-actions-panel h3{margin:0 0 12px;font-size:16px;color:var(--text-primary, #333)}.bulk-controls{display:flex;gap:12px;flex-wrap:wrap}.segments-container{display:flex;flex-direction:column;gap:12px}.segment{background:#fff;border:1px solid var(--border-color, #ddd);border-radius:8px;overflow:hidden;transition:all .2s ease}.segment:hover{border-color:var(--primary-color, #007bff);box-shadow:0 2px 8px #007bff1a}.segment.approved{border-left:4px solid #28a745;background:#28a74505}.segment.edited{border-left:4px solid #ffc107;background:#ffc10705}.segment.playing{border-color:#007bff;box-shadow:0 0 0 3px #007bff33}.segment-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-secondary, #f9f9f9);border-bottom:1px solid var(--border-color, #ddd)}.segment-info{display:flex;align-items:center;gap:12px;flex:1}.segment-info input[type=checkbox]{cursor:pointer;width:18px;height:18px}.segment-number{font-weight:600;color:var(--text-primary, #333);min-width:40px}.segment-time{font-size:12px;color:var(--text-secondary, #666);font-family:Courier New,monospace;background:#fff;padding:2px 6px;border-radius:3px}.segment-duration{font-size:12px;color:var(--text-secondary, #999)}.segment-badges{display:flex;gap:8px}.badge{font-size:11px;padding:4px 8px;border-radius:12px;font-weight:600;text-transform:uppercase}.badge.edited{background:#fff3cd;color:#856404}.badge.approved{background:#d4edda;color:#155724}.segment-content{padding:16px}.segment-text{margin:0;font-size:15px;line-height:1.6;color:var(--text-primary, #333);word-break:break-word}.segment-textarea{width:100%;min-height:80px;padding:12px;border:1px solid var(--primary-color, #007bff);border-radius:4px;font-size:15px;font-family:inherit;line-height:1.6;resize:vertical}.segment-actions{display:flex;gap:8px;padding:12px 16px;background:var(--bg-secondary, #f9f9f9);border-top:1px solid var(--border-color, #ddd);flex-wrap:wrap}.btn-icon{padding:6px 10px;background:#fff;border:1px solid var(--border-color, #ddd);border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease}.btn-icon:hover{background:var(--bg-secondary, #f9f9f9);border-color:var(--primary-color, #007bff)}.btn-primary{padding:8px 16px;background:var(--primary-color, #007bff);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease}.btn-primary:hover:not(:disabled){background:#0056b3;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:8px 16px;background:#fff;color:var(--text-primary, #333);border:1px solid var(--border-color, #ddd);border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease}.btn-secondary:hover{background:var(--bg-secondary, #f9f9f9);border-color:var(--primary-color, #007bff)}.btn-disabled{padding:8px 16px;background:#e9ecef;color:#6c757d;border:1px solid #dee2e6;border-radius:4px;cursor:not-allowed;font-size:14px;font-weight:600}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 20px;color:var(--text-secondary, #666)}.spinner{width:40px;height:40px;border:4px solid var(--border-color, #ddd);border-top-color:var(--primary-color, #007bff);border-radius:50%;animation:spin .8s linear infinite}.empty-state{display:flex;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary, #666);font-size:16px}@media(prefers-color-scheme:dark){.transcript-editor{--bg-secondary: #2a2a2a;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--border-color: #404040}.segment{background:#1e1e1e;border-color:#404040}.segment-header{background:#2a2a2a}.segment-textarea{background:#1e1e1e;color:#e0e0e0;border-color:#007bff}.job-selector select,.export-controls select{background:#1e1e1e;color:#e0e0e0;border-color:#404040}.btn-secondary{background:#2a2a2a;color:#e0e0e0;border-color:#404040}.btn-secondary:hover{background:#333;border-color:#007bff}}@media(max-width:768px){.transcript-editor{padding:16px;gap:16px}.transcript-controls{flex-direction:column;align-items:stretch}.job-selector{flex-direction:column;align-items:flex-start}.transcript-actions{flex-direction:column;align-items:stretch}.export-controls{flex-direction:column}.segment-header{flex-direction:column;align-items:flex-start;gap:12px}.segment-info,.segment-badges{width:100%}.segment-actions{flex-direction:column}.btn-primary,.btn-secondary,.btn-icon{width:100%}}.metadata-editor{display:flex;flex-direction:column;gap:24px;padding:24px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.editor-header{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.editor-header h2{margin:0 0 8px;font-size:28px;color:#2c3e50}.editor-header p{margin:0;color:#7f8c8d;font-size:14px}.editor-controls{display:flex;gap:16px;background:#fff;padding:16px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.job-selector{display:flex;align-items:center;gap:12px;flex:1}.job-selector label{font-weight:600;color:#2c3e50;white-space:nowrap}.job-selector select{flex:1;padding:10px 12px;border:2px solid #e0e6ed;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;transition:border-color .2s}.job-selector select:hover{border-color:#3498db}.job-selector select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.editor-container{display:flex;flex-direction:column;gap:16px;background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.clip-navigator{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:2px solid #ecf0f1}.clip-info h3{margin:0 0 8px;font-size:18px;color:#2c3e50}.clip-filename{margin:4px 0;font-size:13px;color:#7f8c8d;font-family:Monaco,Courier New,monospace}.clip-duration{margin:4px 0;font-size:13px;color:#7f8c8d}.clip-edited{margin:8px 0 0;font-size:13px;color:#f39c12;font-weight:600}.caption-info{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.caption-badge{display:inline-block;padding:4px 10px;background:#27ae60;color:#fff;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.caption-badge.no-captions{background:#e74c3c}.clip-navigation{display:flex;gap:12px}.btn-nav{padding:10px 16px;background:#3498db;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-nav:hover:not(:disabled){background:#2980b9;transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}.btn-nav:disabled{background:#bdc3c7;cursor:not-allowed;opacity:.6}.editor-tabs{display:flex;gap:8px;border-bottom:2px solid #ecf0f1;margin-bottom:16px}.tab-button{padding:12px 16px;background:transparent;border:none;border-bottom:3px solid transparent;color:#7f8c8d;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.tab-button:hover{color:#3498db}.tab-button.active{color:#3498db;border-bottom-color:#3498db}.metadata-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#2c3e50;font-size:14px}.form-input,.form-textarea{padding:12px;border:2px solid #e0e6ed;border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .2s}.form-input:focus,.form-textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.form-textarea{resize:vertical;min-height:100px}.char-count{font-size:12px;color:#95a5a6;text-align:right}.form-actions{display:flex;gap:12px;margin-top:8px}.btn-save{padding:12px 24px;background:#27ae60;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-save:hover:not(:disabled){background:#229954;transform:translateY(-2px);box-shadow:0 4px 12px #27ae604d}.btn-save:disabled{background:#bdc3c7;cursor:not-allowed;opacity:.6}.captions-editor{display:flex;flex-direction:column;gap:16px}.captions-controls{display:flex;gap:12px}.format-select{padding:10px 12px;border:2px solid #e0e6ed;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;transition:border-color .2s}.format-select:hover{border-color:#3498db}.format-select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.captions-textarea{padding:12px;border:2px solid #e0e6ed;border-radius:8px;font-size:13px;font-family:Monaco,Courier New,monospace;resize:vertical;min-height:300px;transition:border-color .2s}.captions-textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 24px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.spinner{width:40px;height:40px;border:4px solid #ecf0f1;border-top-color:#3498db;border-radius:50%;animation:spin .8s linear infinite}.loading p{color:#7f8c8d;font-size:14px}.empty-state{display:flex;align-items:center;justify-content:center;padding:60px 24px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.empty-state p{color:#7f8c8d;font-size:16px}@media(max-width:768px){.metadata-editor{padding:16px;gap:16px}.editor-controls{flex-direction:column}.job-selector{flex-direction:column;align-items:flex-start}.clip-navigator{flex-direction:column;align-items:flex-start;gap:16px}.clip-navigation{width:100%}.btn-nav{flex:1}.form-input,.form-textarea{font-size:16px}}.caption-editor{display:flex;flex-direction:column;gap:20px}.caption-editor-header{display:flex;flex-direction:column;gap:12px}.caption-info-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.caption-count{padding:6px 12px;background:#3498db;color:#fff;border-radius:16px;font-size:12px;font-weight:600}.caption-version{padding:6px 12px;background:#f39c12;color:#fff;border-radius:16px;font-size:12px;font-weight:600}.caption-backup{padding:6px 12px;background:#27ae60;color:#fff;border-radius:16px;font-size:12px;font-weight:600}.reburn-progress{display:flex;flex-direction:column;gap:8px;padding:16px;background:#ecf0f1;border-radius:8px;border-left:4px solid #3498db}.progress-bar-container{width:100%;height:8px;background:#bdc3c7;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#3498db,#2ecc71);transition:width .3s ease;border-radius:4px}.progress-message{font-size:13px;color:#2c3e50;font-weight:500}.progress-percent{font-size:12px;color:#7f8c8d;font-weight:600}.caption-list{display:flex;flex-direction:column;gap:16px;max-height:500px;overflow-y:auto;padding:16px;background:#f8f9fa;border-radius:8px;border:2px solid #e0e6ed}.caption-item{display:flex;gap:12px;padding:16px;background:#fff;border-radius:8px;border:2px solid #e0e6ed;transition:all .2s}.caption-item:hover{border-color:#3498db;box-shadow:0 2px 8px #3498db1a}.caption-number{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;background:#3498db;color:#fff;border-radius:50%;font-size:13px;font-weight:600}.caption-content{flex:1;display:flex;flex-direction:column;gap:12px}.caption-text-input{width:100%;padding:10px;border:2px solid #e0e6ed;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical;min-height:50px;transition:border-color .2s}.caption-text-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.caption-text-input:disabled{background:#f8f9fa;cursor:not-allowed}.caption-timing{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.timing-input{display:flex;align-items:center;gap:6px}.timing-input label{font-size:12px;color:#7f8c8d;font-weight:600}.timing-input input{width:80px;padding:6px 8px;border:2px solid #e0e6ed;border-radius:6px;font-size:13px;text-align:center;transition:border-color .2s}.timing-input input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db1a}.timing-input input:disabled{background:#f8f9fa;cursor:not-allowed}.timing-input span{font-size:12px;color:#7f8c8d}.timing-arrow{color:#bdc3c7;font-size:16px;font-weight:700}.caption-duration{font-size:12px;color:#95a5a6;font-weight:500;margin-left:auto}.caption-editor-actions{display:flex;gap:12px;flex-wrap:wrap}.btn-reburn{padding:12px 24px;background:#9b59b6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-reburn:hover:not(:disabled){background:#8e44ad;transform:translateY(-2px);box-shadow:0 4px 12px #9b59b64d}.btn-reburn:disabled{background:#bdc3c7;cursor:not-allowed;opacity:.6}.btn-restore{padding:12px 24px;background:#e74c3c;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-restore:hover:not(:disabled){background:#c0392b;transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c4d}.btn-restore:disabled{background:#bdc3c7;cursor:not-allowed;opacity:.6}.caption-editor-help{padding:16px;background:#e8f4f8;border-radius:8px;border-left:4px solid #3498db}.caption-editor-help p{margin:0 0 8px;color:#2c3e50;font-size:14px;font-weight:600}.caption-editor-help ul{margin:0;padding-left:20px}.caption-editor-help li{color:#34495e;font-size:13px;line-height:1.6;margin-bottom:4px}@media(max-width:768px){.caption-item{flex-direction:column}.caption-number{align-self:flex-start}.caption-timing{flex-direction:column;align-items:flex-start}.timing-input input{width:100px}.caption-duration{margin-left:0}.caption-editor-actions{flex-direction:column}.caption-editor-actions button{width:100%}}.video-editor{padding:20px;max-width:1400px;margin:0 auto}.video-editor .editor-breadcrumb{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#667eea15,#764ba215);border:1px solid var(--primary-color, #667eea);border-radius:8px;margin-bottom:16px;font-size:.9rem}.video-editor .breadcrumb-item{color:var(--text-secondary, #666)}.video-editor .breadcrumb-item.active{color:var(--primary-color, #667eea);font-weight:600}.video-editor .breadcrumb-separator{color:var(--text-secondary, #999);font-weight:300}.video-editor .nav-hint{margin-top:8px;padding:8px 12px;background:linear-gradient(135deg,#4caf5015,#8bc34a15);border-left:3px solid #4caf50;border-radius:0 6px 6px 0;font-size:.85rem;color:var(--text-secondary, #666)}.dark .video-editor .editor-breadcrumb{background:linear-gradient(135deg,#667eea25,#764ba225);border-color:var(--primary-light, #64b5f6)}.dark .video-editor .breadcrumb-item.active{color:var(--primary-light, #64b5f6)}.dark .video-editor .nav-hint{background:linear-gradient(135deg,#4caf5025,#8bc34a25)}.video-editor .editor-header{margin-bottom:16px}.video-editor .editor-header h2{margin:0 0 6px;font-size:1.3rem;color:var(--text-primary, #1a1a2e)}.video-editor .editor-header p{margin:0;color:var(--text-secondary, #666);font-size:.85rem}.video-editor .editor-controls{margin-bottom:20px}.video-editor .job-selector{display:flex;align-items:center;gap:12px}.video-editor .job-selector label{font-weight:500;color:var(--text-primary, #333)}.video-editor .job-selector select{flex:1;max-width:400px;padding:10px 12px;border:1px solid var(--border-color, #ddd);border-radius:8px;font-size:.95rem;background:var(--bg-primary, #fff);color:var(--text-primary, #333)}.video-editor .loading,.video-editor .empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary, #666)}.video-editor .spinner{width:40px;height:40px;border:3px solid var(--border-color, #e0e0e0);border-top-color:var(--primary-color, #4a90d9);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}.video-editor .editor-layout{display:grid;grid-template-columns:400px 1fr;gap:24px}@media(max-width:1024px){.video-editor .editor-layout{grid-template-columns:1fr}}.video-editor .preview-panel{background:var(--bg-secondary, #f8f9fa);border-radius:12px;padding:16px;border:1px solid var(--border-color, #e0e0e0)}.video-editor .video-preview{background:#000;border-radius:8px;overflow:hidden;aspect-ratio:9/16;max-height:450px;display:flex;align-items:center;justify-content:center}.video-editor .video-preview video{width:100%;height:100%;object-fit:contain}.video-editor .preview-placeholder{color:#666;font-size:2rem}.video-editor .clip-navigator{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding:12px 0;border-bottom:1px solid var(--border-color, #e0e0e0)}.video-editor .clip-counter{font-weight:500;color:var(--text-primary, #333)}.video-editor .btn-nav{padding:8px 16px;border:1px solid var(--border-color, #ddd);border-radius:6px;background:var(--bg-primary, #fff);color:var(--text-primary, #333);cursor:pointer;transition:all .2s}.video-editor .btn-nav:hover:not(:disabled){background:var(--bg-hover, #f0f0f0)}.video-editor .btn-nav:disabled{opacity:.5;cursor:not-allowed}.video-editor .clip-info{margin-top:12px}.video-editor .clip-filename{font-size:.85rem;color:var(--text-secondary, #666);word-break:break-all;margin:0 0 4px}.video-editor .clip-duration{font-size:.9rem;color:var(--text-primary, #333);margin:0 0 8px}.video-editor .clip-badges{display:flex;flex-wrap:wrap;gap:6px}.video-editor .badge{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.video-editor .badge.cartoon{background:#e8f5e9;color:#2e7d32}.video-editor .badge.captions{background:#e3f2fd;color:#1565c0}.video-editor .badge.edited{background:#fff3e0;color:#e65100}.video-editor .badge.srt{background:#f3e5f5;color:#7b1fa2}.video-editor .editor-panel{background:var(--bg-primary, #fff);border-radius:12px;border:1px solid var(--border-color, #e0e0e0);overflow:hidden;display:flex;flex-direction:column}.video-editor .editor-tabs-header{padding:10px 16px 0;background:var(--bg-secondary, #f8f9fa);position:sticky;top:0;z-index:10}.video-editor .tabs-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary, #888)}.video-editor .editor-tabs{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--border-color, #e0e0e0);background:var(--bg-secondary, #f8f9fa);position:sticky;top:38px;z-index:10}.video-editor .tab-button{flex:1;padding:14px 16px;border:none;background:transparent;color:var(--text-secondary, #666);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent}.video-editor .tab-button:hover{background:var(--bg-hover, rgba(0,0,0,.05));color:var(--text-primary, #333)}.video-editor .tab-button.active{color:var(--primary-color, #4a90d9);border-bottom-color:var(--primary-color, #4a90d9);background:var(--bg-primary, #fff)}.video-editor .tab-content{padding:20px;min-height:400px;overflow-y:auto;flex:1}.video-editor .tab-content h3{margin:0 0 16px;font-size:1.1rem;color:var(--text-primary, #333)}.video-editor .effect-section{background:var(--bg-secondary, #f8f9fa);border-radius:8px;padding:16px;margin-bottom:16px}.video-editor .effect-section h4{margin:0 0 8px;font-size:1rem;color:var(--text-primary, #333)}.video-editor .effect-description{margin:0 0 16px;font-size:.85rem;color:var(--text-secondary, #666)}.video-editor .effect-controls{margin-bottom:16px}.video-editor .control-group{margin-bottom:12px}.video-editor .control-group label{display:block;margin-bottom:6px;font-size:.85rem;color:var(--text-secondary, #666)}.video-editor .control-group input[type=range]{width:100%;height:6px;border-radius:3px;background:var(--border-color, #ddd);appearance:none}.video-editor .control-group input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary-color, #4a90d9);cursor:pointer}.video-editor .status-message{margin:12px 0;padding:12px;border-radius:6px;font-size:.9rem}.video-editor .status-message.processing{background:#e3f2fd;color:#1565c0}.video-editor .status-message.completed{background:#e8f5e9;color:#2e7d32}.video-editor .status-message.failed{background:#ffebee;color:#c62828}.video-editor .progress-bar{height:6px;background:#0000001a;border-radius:3px;overflow:hidden;margin-bottom:8px}.video-editor .progress-fill{height:100%;background:currentColor;transition:width .3s ease}.video-editor .caption-list{max-height:300px;overflow-y:auto;margin-bottom:16px}.video-editor .caption-item{background:var(--bg-secondary, #f8f9fa);border-radius:6px;padding:12px;margin-bottom:8px}.video-editor .caption-timing{display:flex;align-items:center;gap:8px;margin-bottom:8px}.video-editor .timing-input{width:70px;padding:6px 8px;border:1px solid var(--border-color, #ddd);border-radius:4px;font-size:.85rem;text-align:center}.video-editor .caption-text{width:100%;padding:8px;border:1px solid var(--border-color, #ddd);border-radius:4px;font-size:.9rem;resize:vertical}.video-editor .caption-actions{display:flex;gap:8px;flex-wrap:wrap}.video-editor .empty-captions{text-align:center;padding:40px 20px;color:var(--text-secondary, #666)}.video-editor .loading-inline{display:flex;align-items:center;gap:8px;padding:20px;color:var(--text-secondary, #666)}.video-editor .spinner-small{width:20px;height:20px;border:2px solid var(--border-color, #e0e0e0);border-top-color:var(--primary-color, #4a90d9);border-radius:50%;animation:spin 1s linear infinite}.video-editor .audio-section{background:var(--bg-secondary, #f8f9fa);border-radius:8px;padding:16px}.video-editor .audio-section h4{margin:0 0 8px;font-size:1rem}.video-editor .section-description{margin:0 0 16px;font-size:.85rem;color:var(--text-secondary, #666)}.video-editor .voice-text-input{width:100%;padding:10px;border:1px solid var(--border-color, #ddd);border-radius:6px;font-size:.9rem;resize:vertical}.video-editor .voice-select{width:100%;padding:10px;border:1px solid var(--border-color, #ddd);border-radius:6px;font-size:.9rem;background:var(--bg-primary, #fff)}.video-editor .metadata-tab .form-group{margin-bottom:16px}.video-editor .metadata-tab label{display:block;margin-bottom:6px;font-weight:500;color:var(--text-primary, #333)}.video-editor .form-input,.video-editor .form-textarea{width:100%;padding:10px 12px;border:1px solid var(--border-color, #ddd);border-radius:6px;font-size:.95rem;background:var(--bg-primary, #fff);color:var(--text-primary, #333)}.video-editor .form-textarea{resize:vertical}.video-editor .char-count{display:block;text-align:right;font-size:.75rem;color:var(--text-secondary, #999);margin-top:4px}.video-editor .btn-primary,.video-editor .btn-secondary,.video-editor .btn-danger{padding:10px 20px;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.video-editor .btn-primary{background:var(--primary-color, #4a90d9);color:#fff}.video-editor .btn-primary:hover:not(:disabled){background:var(--primary-hover, #3a7bc8)}.video-editor .btn-secondary{background:var(--bg-secondary, #f0f0f0);color:var(--text-primary, #333);border:1px solid var(--border-color, #ddd)}.video-editor .btn-secondary:hover:not(:disabled){background:var(--bg-hover, #e0e0e0)}.video-editor .btn-danger{background:#ef5350;color:#fff}.video-editor .btn-danger:hover:not(:disabled){background:#e53935}.video-editor .btn-primary:disabled,.video-editor .btn-secondary:disabled,.video-editor .btn-danger:disabled{opacity:.6;cursor:not-allowed}.video-editor .form-group{margin-bottom:16px}.video-editor .form-group label{display:block;margin-bottom:6px;font-weight:500;font-size:.9rem;color:var(--text-primary, #333)}@media(prefers-color-scheme:dark){.video-editor .preview-panel,.video-editor .editor-panel{background:var(--bg-secondary, #1e1e2e);border-color:var(--border-color, #333)}.video-editor .effect-section,.video-editor .audio-section,.video-editor .caption-item{background:var(--bg-tertiary, #2a2a3e)}}.dark .video-editor .preview-panel,.dark .video-editor .editor-panel{background:var(--bg-secondary, #1e1e2e);border-color:var(--border-color, #333)}.dark .video-editor .effect-section,.dark .video-editor .audio-section,.dark .video-editor .caption-item,.dark .video-editor .editor-tabs,.dark .video-editor .editor-tabs-header{background:var(--bg-tertiary, #2a2a3e)}.dark .video-editor .tabs-label{color:var(--text-secondary, #aaa)}.dark .video-editor .tab-button.active{background:var(--bg-secondary, #1e1e2e)}.video-editor .export-tab .export-section{background:var(--bg-secondary, #f8f9fa);border-radius:8px;padding:16px;margin-bottom:16px}.video-editor .export-tab h4{margin:0 0 8px;font-size:1rem;color:var(--text-primary, #333)}.video-editor .export-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.video-editor .export-btn{min-width:140px}.video-editor .clip-details{background:var(--bg-primary, #fff);border-radius:6px;padding:12px;margin-top:12px}.video-editor .clip-details p{margin:0 0 8px;font-size:.9rem;color:var(--text-primary, #333)}.video-editor .clip-details p:last-child{margin-bottom:0}.video-editor .clip-details strong{color:var(--text-secondary, #666);font-weight:500;margin-right:8px}.dark .video-editor .export-tab .export-section{background:var(--bg-tertiary, #2a2a3e)}.dark .video-editor .clip-details{background:var(--bg-secondary, #1e1e2e)}.video-editor .trim-tab .trim-section,.video-editor .trim-tab .cut-section{background:var(--bg-secondary, #f8f9fa);border-radius:8px;padding:16px;margin-bottom:16px}.video-editor .trim-controls{margin-bottom:16px}.video-editor .trim-controls .control-group{display:flex;align-items:center;gap:12px;margin-bottom:12px}.video-editor .trim-controls .control-group label{min-width:100px}.video-editor .trim-controls .control-group input[type=range]{flex:1}.video-editor .time-input{width:70px;padding:6px 8px;border:1px solid var(--border-color, #ddd);border-radius:4px;font-size:.85rem;text-align:center}.video-editor .trim-info{font-size:.9rem;color:var(--text-secondary, #666);margin:8px 0;padding:8px;background:var(--bg-primary, #fff);border-radius:4px}.video-editor .segment-list{margin-bottom:12px}.video-editor .segment-item{display:flex;align-items:center;gap:8px;padding:10px;background:var(--bg-primary, #fff);border-radius:6px;margin-bottom:8px}.video-editor .segment-label{font-weight:500;min-width:80px}.video-editor .segment-duration{font-size:.85rem;color:var(--text-secondary, #666)}.video-editor .cut-actions{display:flex;gap:8px}.video-editor .restore-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color, #e0e0e0)}.video-editor .btn-icon{padding:6px 10px;border:none;background:transparent;cursor:pointer;font-size:1rem;border-radius:4px;transition:background .2s}.video-editor .btn-icon:hover{background:var(--bg-hover, rgba(0,0,0,.05))}.video-editor .overlays-tab .overlay-add-section{background:var(--bg-secondary, #f8f9fa);border-radius:8px;padding:16px;margin-bottom:16px}.video-editor .overlay-type-selector{display:flex;gap:8px;margin-bottom:16px}.video-editor .type-btn{flex:1;padding:10px 16px;border:2px solid var(--border-color, #ddd);border-radius:6px;background:var(--bg-primary, #fff);cursor:pointer;font-size:.9rem;transition:all .2s}.video-editor .type-btn:hover{border-color:var(--primary-color, #4a90d9)}.video-editor .type-btn.active{border-color:var(--primary-color, #4a90d9);background:var(--primary-light, #e3f2fd);color:var(--primary-color, #4a90d9)}.video-editor .text-input-group{display:flex;gap:8px}.video-editor .overlay-text-input{flex:1;padding:10px 12px;border:1px solid var(--border-color, #ddd);border-radius:6px;font-size:.95rem}.video-editor .emoji-picker{margin-top:8px}.video-editor .picker-label{font-size:.85rem;color:var(--text-secondary, #666);margin-bottom:8px}.video-editor .emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;margin-bottom:12px}.video-editor .emoji-btn{padding:8px;border:1px solid var(--border-color, #ddd);border-radius:6px;background:var(--bg-primary, #fff);font-size:1.5rem;cursor:pointer;transition:all .2s}.video-editor .emoji-btn:hover{background:var(--bg-hover, #f0f0f0);transform:scale(1.1)}.video-editor .custom-emoji-input{display:flex;gap:8px}.video-editor .overlay-list-section{background:var(--bg-secondary, #f8f9fa);border-radius:8px;padding:16px}.video-editor .overlay-list{margin-bottom:16px}.video-editor .overlay-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg-primary, #fff);border:2px solid transparent;border-radius:6px;margin-bottom:8px;cursor:pointer;transition:all .2s}.video-editor .overlay-item:hover{border-color:var(--border-color, #ddd)}.video-editor .overlay-item.selected{border-color:var(--primary-color, #4a90d9);background:var(--primary-light, #e3f2fd)}.video-editor .overlay-preview{flex:1}.video-editor .emoji-preview{font-size:1.5rem}.video-editor .text-preview{font-size:.9rem;color:var(--text-primary, #333)}.video-editor .overlay-timing{font-size:.8rem;color:var(--text-secondary, #666)}.video-editor .overlay-editor{background:var(--bg-primary, #fff);border-radius:6px;padding:16px;margin-bottom:16px}.video-editor .overlay-editor h5{margin:0 0 12px;font-size:.95rem}.video-editor .editor-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.video-editor .editor-row label{min-width:100px;font-size:.85rem;color:var(--text-secondary, #666)}.video-editor .editor-row input[type=range]{flex:1}.video-editor .editor-row select{padding:6px 10px;border:1px solid var(--border-color, #ddd);border-radius:4px;font-size:.9rem}.video-editor .apply-overlays-btn{width:100%;margin-top:8px}.dark .video-editor .trim-tab .trim-section,.dark .video-editor .trim-tab .cut-section,.dark .video-editor .overlays-tab .overlay-add-section,.dark .video-editor .overlay-list-section{background:var(--bg-tertiary, #2a2a3e)}.dark .video-editor .segment-item,.dark .video-editor .overlay-item,.dark .video-editor .overlay-editor,.dark .video-editor .trim-info{background:var(--bg-secondary, #1e1e2e)}.dark .video-editor .type-btn{background:var(--bg-secondary, #1e1e2e);border-color:var(--border-color, #444)}.dark .video-editor .type-btn.active{background:var(--primary-dark, #1a3a5c)}.dark .video-editor .emoji-btn{background:var(--bg-secondary, #1e1e2e);border-color:var(--border-color, #444)}.dark .video-editor .overlay-item.selected{background:var(--primary-dark, #1a3a5c)}.video-editor .restore-original-section{margin-top:12px;padding:12px;background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:1px solid #ffb74d;border-radius:8px}.video-editor .restore-info{margin:0 0 8px;font-size:.85rem;color:#e65100;font-weight:500}.video-editor .btn-restore{width:100%;padding:10px 16px;border:none;border-radius:6px;background:linear-gradient(135deg,#ff7043,#f4511e);color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.video-editor .btn-restore:hover:not(:disabled){background:linear-gradient(135deg,#ff5722,#e64a19);transform:translateY(-1px);box-shadow:0 2px 8px #f4511e4d}.video-editor .btn-restore:disabled{opacity:.6;cursor:not-allowed}.video-editor .badge.modified{background:#fff3e0;color:#e65100;border:1px solid #ffb74d}.dark .video-editor .restore-original-section{background:linear-gradient(135deg,#3e2723,#4e342e);border-color:#8d6e63}.dark .video-editor .restore-info{color:#ffab91}.dark .video-editor .badge.modified{background:#3e2723;color:#ffab91;border-color:#8d6e63}.video-editor .header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.video-editor .btn-back{padding:10px 20px;border:2px solid var(--primary-color, #4a90d9);border-radius:8px;background:transparent;color:var(--primary-color, #4a90d9);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.video-editor .btn-back:hover{background:var(--primary-color, #4a90d9);color:#fff}.dark .video-editor .btn-back{border-color:var(--primary-light, #64b5f6);color:var(--primary-light, #64b5f6)}.dark .video-editor .btn-back:hover{background:var(--primary-light, #64b5f6);color:var(--bg-primary, #1a1a2e)}.video-editor .btn-back-inline{padding:4px 10px;border:1px solid var(--primary-color, #4a90d9);border-radius:6px;background:transparent;color:var(--primary-color, #4a90d9);font-size:.82rem;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap;flex-shrink:0}.video-editor .btn-back-inline:hover{background:var(--primary-color, #4a90d9);color:#fff}.dark .video-editor .btn-back-inline{border-color:var(--primary-light, #64b5f6);color:var(--primary-light, #64b5f6)}.dark .video-editor .btn-back-inline:hover{background:var(--primary-light, #64b5f6);color:var(--bg-primary, #1a1a2e)}@media(max-width:768px){.video-editor .header-row{flex-direction:column}.video-editor .btn-back{align-self:flex-start}}.lp-root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:linear-gradient(135deg,#00d9ff,#06f)}.lp-card{background:#fff;border-radius:20px;padding:48px 40px 36px;width:100%;max-width:420px;box-shadow:0 24px 60px #0000002e;display:flex;flex-direction:column;align-items:stretch;gap:0}.lp-logo{display:flex;justify-content:center;margin-bottom:20px}.lp-title{font-size:1.55rem;font-weight:700;color:#111;margin:0 0 6px;text-align:center}.lp-subtitle{font-size:.9rem;color:#666;margin:0 0 24px;text-align:center}.lp-notice{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;border-radius:10px;font-size:.85rem;line-height:1.45;margin-bottom:20px}.lp-notice-icon{font-size:1rem;flex-shrink:0;margin-top:1px}.lp-notice--error{background:#fff1f2;border:1px solid #fca5a5;color:#991b1b}.lp-notice--info{background:#eff6ff;border:1px solid #93c5fd;color:#1e40af}.lp-notice--success{background:#f0fdf4;border:1px solid #86efac;color:#14532d}.lp-tabs{display:flex;border-radius:10px;background:#f3f4f6;padding:4px;margin-bottom:20px;gap:4px}.lp-tab{flex:1;padding:8px 0;border:none;border-radius:8px;background:transparent;font-size:.88rem;font-weight:600;color:#6b7280;cursor:pointer;transition:background .15s,color .15s}.lp-tab:hover:not(.lp-tab--active){background:#0000000a;color:#374151}.lp-tab--active{background:#fff;color:#4f46e5;box-shadow:0 1px 4px #0000001a}.lp-form{display:flex;flex-direction:column;gap:18px}.lp-field{display:flex;flex-direction:column;gap:6px}.lp-label{font-size:.85rem;font-weight:600;color:#374151;display:flex;align-items:baseline;gap:4px}.lp-label-hint{font-size:.75rem;font-weight:400;color:#9ca3af}.lp-input--code{letter-spacing:.3em;font-size:1.3rem;text-align:center;font-weight:700}.lp-link-btn{background:none;border:none;color:#6366f1;font-size:.85rem;cursor:pointer;padding:4px 0;text-align:center;text-decoration:underline;text-underline-offset:2px}.lp-link-btn:hover:not(:disabled){color:#4f46e5}.lp-link-btn:disabled{opacity:.5;cursor:not-allowed}.lp-input{width:100%;padding:11px 14px;border:1.5px solid #d1d5db;border-radius:10px;font-size:.95rem;color:#111;background:#fff;transition:border-color .15s,box-shadow .15s;outline:none;box-sizing:border-box}.lp-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.lp-input:disabled{opacity:.6;cursor:not-allowed}.lp-input-wrap{position:relative;display:flex;align-items:center}.lp-input--with-toggle{padding-right:44px}.lp-password-toggle{position:absolute;right:10px;background:none;border:none;cursor:pointer;font-size:1rem;line-height:1;padding:4px;opacity:.6;transition:opacity .15s}.lp-password-toggle:hover{opacity:1}.lp-btn-submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 20px;border:none;border-radius:10px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;transition:opacity .15s,transform .1s;margin-top:4px}.lp-btn-submit:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.lp-btn-submit:active:not(:disabled){transform:translateY(0)}.lp-btn-submit:disabled{opacity:.65;cursor:not-allowed}.lp-btn-spinner{display:inline-block;width:14px;height:14px;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:lp-spin .65s linear infinite;flex-shrink:0}@keyframes lp-spin{to{transform:rotate(360deg)}}.lp-footer{font-size:.78rem;color:#9ca3af;text-align:center;margin-top:24px;line-height:1.5}@media(max-width:480px){.lp-card{padding:36px 24px 28px;border-radius:16px}.lp-title{font-size:1.35rem}}[data-theme=dark] .lp-card{background:#1e293b;box-shadow:0 24px 60px #00000080}[data-theme=dark] .lp-title{color:#f1f5f9}[data-theme=dark] .lp-subtitle{color:#94a3b8}[data-theme=dark] .lp-label{color:#cbd5e1}[data-theme=dark] .lp-input{background:#0f172a;border-color:#334155;color:#f1f5f9}[data-theme=dark] .lp-input:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf826}[data-theme=dark] .lp-notice--error{background:#2d0a0a;border-color:#7f1d1d;color:#fca5a5}[data-theme=dark] .lp-notice--info{background:#0c1a2e;border-color:#1e3a5f;color:#93c5fd}[data-theme=dark] .lp-footer{color:#475569}[data-theme=dark] .lp-tabs{background:#0f172a}[data-theme=dark] .lp-tab{color:#64748b}[data-theme=dark] .lp-tab:hover:not(.lp-tab--active){background:#ffffff0a;color:#94a3b8}[data-theme=dark] .lp-tab--active{background:#1e293b;color:#818cf8}[data-theme=dark] .lp-notice--success{background:#052e16;border-color:#166534;color:#86efac}[data-theme=dark] .lp-label-hint{color:#475569}[data-theme=dark] .lp-link-btn{color:#818cf8}[data-theme=dark] .lp-link-btn:hover:not(:disabled){color:#a5b4fc}.ap-root{min-height:100vh;background:var(--color-bg, #f9fafb);display:flex;flex-direction:column}[data-theme=dark] .ap-root{background:var(--color-bg, #111827)}.ap-auth-gate{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg, #f9fafb)}[data-theme=dark] .ap-auth-gate{background:#111827}.ap-auth-box{background:var(--color-surface, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:16px;padding:40px 36px;width:100%;max-width:380px;box-shadow:0 8px 32px #00000014}[data-theme=dark] .ap-auth-box{background:#1f2937;border-color:#374151}.ap-auth-title{font-size:24px;font-weight:800;margin:0 0 6px;color:var(--color-text, #111827)}.ap-auth-sub{font-size:14px;color:var(--color-text-muted, #6b7280);margin:0 0 24px}.ap-auth-form{display:flex;flex-direction:column;gap:12px}.ap-auth-input{padding:10px 14px;border:1px solid var(--color-border, #d1d5db);border-radius:8px;font-size:14px;background:var(--color-bg, #f9fafb);color:var(--color-text, #111827);outline:none;transition:border-color .15s}.ap-auth-input:focus{border-color:#6366f1}[data-theme=dark] .ap-auth-input{background:#374151;border-color:#4b5563;color:#f9fafb}.ap-auth-error{font-size:13px;color:#dc2626;margin:0}.ap-header{display:flex;align-items:center;justify-content:space-between;padding:0 28px;height:56px;background:var(--color-surface, #ffffff);border-bottom:1px solid var(--color-border, #e5e7eb);position:sticky;top:0;z-index:100}[data-theme=dark] .ap-header{background:#1f2937;border-color:#374151}.ap-header__brand{display:flex;align-items:center;gap:10px}.ap-header__logo{font-size:20px}.ap-header__title{font-size:16px;font-weight:700;color:var(--color-text, #111827)}.ap-header__actions{display:flex;align-items:center;gap:14px}.ap-header__health{font-size:13px;font-weight:600}.ap-ok{color:#16a34a}.ap-fail{color:#dc2626}.ap-nav{display:flex;gap:4px;padding:0 28px;border-bottom:1px solid var(--color-border, #e5e7eb);background:var(--color-surface, #ffffff)}[data-theme=dark] .ap-nav{background:#1f2937;border-color:#374151}.ap-nav-tab{padding:12px 16px;background:none;border:none;cursor:pointer;font-size:14px;font-weight:500;color:var(--color-text-muted, #6b7280);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s}.ap-nav-tab:hover{color:var(--color-text, #111827)}.ap-nav-tab--active{color:#6366f1;border-bottom-color:#6366f1}.ap-main{flex:1;padding:28px;max-width:1200px;width:100%;margin:0 auto}.ap-tab-content{display:flex;flex-direction:column;gap:24px}.ap-stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.ap-stat-card{background:var(--color-surface, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-top:3px solid;border-radius:10px;padding:18px 20px}[data-theme=dark] .ap-stat-card{background:#1f2937;border-color:#374151}.ap-stat-value{font-size:28px;font-weight:800;color:var(--color-text, #111827);line-height:1}.ap-stat-label{font-size:13px;color:var(--color-text-muted, #6b7280);margin-top:6px;font-weight:500}.ap-stat-sub{font-size:12px;color:var(--color-text-muted, #9ca3af);margin-top:4px}.ap-two-col{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.ap-card{background:var(--color-surface, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:10px;padding:20px 24px}[data-theme=dark] .ap-card{background:#1f2937;border-color:#374151}.ap-card__title{font-size:15px;font-weight:600;color:var(--color-text, #111827);margin:0 0 16px}.ap-table-wrap{background:var(--color-surface, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:10px;overflow:auto}[data-theme=dark] .ap-table-wrap{background:#1f2937;border-color:#374151}.ap-table{width:100%;border-collapse:collapse;font-size:13px}.ap-table th{text-align:left;padding:10px 14px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted, #9ca3af);border-bottom:1px solid var(--color-border, #e5e7eb);white-space:nowrap}[data-theme=dark] .ap-table th{border-color:#374151}.ap-table td{padding:10px 14px;border-bottom:1px solid var(--color-border, #f3f4f6);color:var(--color-text, #374151);vertical-align:middle}[data-theme=dark] .ap-table td{border-color:#374151;color:#e5e7eb}.ap-table tbody tr:hover{background:var(--color-bg, #f9fafb)}.ap-table tbody tr:last-child td{border-bottom:none}[data-theme=dark] .ap-table tbody tr:hover{background:#374151}.ap-row--selected{background:#eef2ff!important}[data-theme=dark] .ap-row--selected{background:#312e81!important}.ap-table--compact th,.ap-table--compact td{padding:8px 12px}.ap-right{text-align:right}.ap-monospace{font-family:monospace;font-size:12px}.ap-muted{color:var(--color-text-muted, #6b7280)}.ap-small{font-size:12px}.ap-cap{text-transform:capitalize}.ap-empty-cell{text-align:center;color:var(--color-text-muted, #9ca3af);padding:32px!important}.ap-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:700;color:#fff;text-transform:capitalize;white-space:nowrap}.ap-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;vertical-align:middle}.ap-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ap-search{padding:7px 12px;border:1px solid var(--color-border, #d1d5db);border-radius:8px;font-size:13px;background:var(--color-surface, #ffffff);color:var(--color-text, #111827);width:220px;outline:none}.ap-search:focus{border-color:#6366f1}[data-theme=dark] .ap-search{background:#374151;border-color:#4b5563;color:#f9fafb}.ap-filter-group{display:flex;gap:4px;flex-wrap:wrap}.ap-filter-btn{padding:5px 10px;border:1px solid var(--color-border, #d1d5db);border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;background:var(--color-surface, #ffffff);color:var(--color-text-muted, #6b7280);text-transform:capitalize;transition:background .12s,color .12s,border-color .12s}.ap-filter-btn:hover{background:var(--color-bg, #f3f4f6)}.ap-filter-btn--active{background:#6366f1;color:#fff;border-color:#6366f1}[data-theme=dark] .ap-filter-btn{background:#374151;border-color:#4b5563;color:#d1d5db}[data-theme=dark] .ap-filter-btn--active{background:#6366f1;border-color:#6366f1;color:#fff}.ap-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:background .13s,opacity .13s;white-space:nowrap}.ap-btn:disabled{opacity:.5;cursor:not-allowed}.ap-btn--primary{background:#6366f1;color:#fff}.ap-btn--primary:hover:not(:disabled){background:#4f46e5}.ap-btn--ghost{background:transparent;border:1px solid var(--color-border, #d1d5db);color:var(--color-text-muted, #6b7280)}.ap-btn--ghost:hover:not(:disabled){background:var(--color-bg, #f3f4f6)}.ap-btn--danger-ghost{background:transparent;border:1px solid #fecaca;color:#dc2626}.ap-btn--danger-ghost:hover:not(:disabled){background:#fef2f2}.ap-btn--sm{padding:6px 12px;font-size:12px}.ap-btn--xs{padding:3px 8px;font-size:11px}[data-theme=dark] .ap-btn--ghost{border-color:#4b5563;color:#9ca3af}[data-theme=dark] .ap-btn--ghost:hover:not(:disabled){background:#374151}.ap-progress-cell{display:flex;align-items:center;gap:8px;justify-content:flex-end}.ap-progress-bar{width:60px;height:5px;background:var(--color-bg, #e5e7eb);border-radius:3px;overflow:hidden;flex-shrink:0}[data-theme=dark] .ap-progress-bar{background:#374151}.ap-progress-fill{height:100%;border-radius:3px;transition:width .3s ease}.ap-error-banner{padding:10px 14px;background:#fef2f2;color:#991b1b;border:1px solid #fecaca;border-radius:8px;font-size:13px}.ap-info-banner{padding:10px 14px;background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;border-radius:8px;font-size:13px}[data-theme=dark] .ap-error-banner{background:#2d0a0a;color:#fca5a5;border-color:#7f1d1d}[data-theme=dark] .ap-info-banner{background:#052e16;color:#86efac;border-color:#166534}.ap-error-tip{font-size:11px;color:#dc2626;cursor:help}.ap-loading{text-align:center;padding:40px;color:var(--color-text-muted, #9ca3af);font-size:14px}.ap-empty{color:var(--color-text-muted, #9ca3af);font-size:13px;margin:0}.ap-count,.ap-generated-at{font-size:12px;color:var(--color-text-muted, #9ca3af);margin:0}.ap-select{padding:6px 10px;border:1px solid var(--color-border, #d1d5db);border-radius:7px;font-size:13px;background:var(--color-surface, #ffffff);color:var(--color-text, #111827);outline:none;cursor:pointer}[data-theme=dark] .ap-select{background:#374151;border-color:#4b5563;color:#f9fafb}.ap-drawer-overlay{position:fixed;inset:0;background:#0006;z-index:200;display:flex;justify-content:flex-end}.ap-drawer{width:360px;max-width:100%;height:100%;background:var(--color-surface, #ffffff);box-shadow:-4px 0 32px #00000026;display:flex;flex-direction:column}[data-theme=dark] .ap-drawer{background:#1f2937}.ap-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-border, #e5e7eb)}[data-theme=dark] .ap-drawer__header{border-color:#374151}.ap-drawer__title{font-size:16px;font-weight:700;color:var(--color-text, #111827);margin:0}.ap-drawer__close{background:none;border:none;font-size:16px;cursor:pointer;color:var(--color-text-muted, #6b7280);padding:4px;line-height:1}.ap-drawer__close:hover{color:var(--color-text, #111827)}.ap-drawer__body{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:14px}.ap-drawer__row{display:flex;align-items:center;gap:12px}.ap-drawer__row--gap{gap:8px}.ap-drawer__label{font-size:12px;font-weight:600;color:var(--color-text-muted, #9ca3af);text-transform:uppercase;letter-spacing:.4px;min-width:100px}.ap-drawer__section{font-size:13px;font-weight:700;color:var(--color-text, #111827);border-top:1px solid var(--color-border, #e5e7eb);padding-top:14px;margin-top:4px}[data-theme=dark] .ap-drawer__section{border-color:#374151}.ap-drawer__msg{font-size:13px;margin:4px 0 0}.ap-drawer__msg--ok{color:#16a34a}.ap-drawer__msg--err{color:#dc2626}.ap-health-header{display:flex;align-items:center;gap:14px}.ap-health-badge{display:inline-block;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:700}.ap-health-badge--ok{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.ap-health-badge--fail{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}[data-theme=dark] .ap-health-badge--ok{background:#052e16;color:#86efac;border-color:#166534}[data-theme=dark] .ap-health-badge--fail{background:#2d0a0a;color:#fca5a5;border-color:#7f1d1d}.ap-check-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--color-border, #f3f4f6);font-size:13px}[data-theme=dark] .ap-check-row{border-color:#374151}.ap-check-row:last-child{border-bottom:none}.ap-check-icon{font-size:14px;font-weight:700;width:20px;flex-shrink:0}.ap-check-icon--ok{color:#16a34a}.ap-check-icon--fail{color:#dc2626}.ap-check-name{font-weight:600;color:var(--color-text, #374151);min-width:140px;text-transform:capitalize}.ap-check-msg{flex:1}@media(max-width:640px){.ap-main{padding:16px}.ap-header{padding:0 16px}.ap-nav{padding:0 16px;gap:0}.ap-stat-grid{grid-template-columns:1fr 1fr}.ap-search{width:160px}.ap-two-col{grid-template-columns:1fr}.ap-drawer{width:100%}}.bp-root{max-width:1100px;margin:0 auto;padding:32px 24px 64px}.bp-header{margin-bottom:32px}.bp-header__title{font-size:28px;font-weight:700;margin:0 0 6px;color:var(--color-text, #111827)}.bp-header__sub{font-size:15px;color:var(--color-text-muted, #6b7280);margin:0}.bp-banner{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:20px;font-weight:500}.bp-banner--success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.bp-banner--error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}[data-theme=dark] .bp-banner--success{background:#052e16;color:#86efac;border-color:#166534}[data-theme=dark] .bp-banner--error{background:#2d0a0a;color:#fca5a5;border-color:#991b1b}.bp-banner__close{background:none;border:none;cursor:pointer;font-size:16px;color:inherit;opacity:.6;padding:0 4px;line-height:1}.bp-banner__close:hover{opacity:1}.bp-current-card{display:flex;align-items:center;justify-content:space-between;background:var(--color-surface, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:12px;padding:20px 24px;margin-bottom:32px;gap:16px;flex-wrap:wrap}[data-theme=dark] .bp-current-card{background:var(--color-surface, #1f2937);border-color:var(--color-border, #374151)}.bp-current-card__plan{font-size:18px;font-weight:700;color:var(--color-text, #111827)}.bp-current-card__status{font-size:13px;margin-top:4px}.bp-status--active{color:#16a34a}.bp-status--trialing{color:#7c3aed}.bp-status--past_due{color:#dc2626}.bp-status--canceled{color:#6b7280}.bp-current-card__actions{display:flex;gap:10px;flex-wrap:wrap}.bp-section-title{font-size:18px;font-weight:600;margin:0 0 20px;color:var(--color-text, #111827)}.bp-usage-section{margin-bottom:40px}.bp-meters{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.bp-meter{background:var(--color-surface, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:10px;padding:16px}[data-theme=dark] .bp-meter{background:var(--color-surface, #1f2937);border-color:#374151}.bp-meter__header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.bp-meter__label{font-size:13px;color:var(--color-text-muted, #6b7280);font-weight:500}.bp-meter__value{font-size:14px;font-weight:600;color:var(--color-text, #111827)}.bp-meter__value--over{color:#dc2626}.bp-meter__bar{height:6px;background:var(--color-bg, #f3f4f6);border-radius:3px;overflow:hidden}[data-theme=dark] .bp-meter__bar{background:#374151}.bp-meter__fill{height:100%;background:#6366f1;border-radius:3px;transition:width .3s ease}.bp-meter__fill--warn{background:#f59e0b}.bp-meter__fill--over{background:#dc2626}.bp-usage-reset{font-size:12px;color:var(--color-text-muted, #9ca3af);margin:12px 0 0}.bp-plans-section{margin-bottom:40px}.bp-plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;align-items:start}.bp-plan{background:var(--color-surface, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:14px;padding:24px;position:relative;display:flex;flex-direction:column;gap:0;transition:box-shadow .15s}[data-theme=dark] .bp-plan{background:var(--color-surface, #1f2937);border-color:#374151}.bp-plan:hover{box-shadow:0 4px 20px #00000014}.bp-plan--highlight{border-color:#6366f1;box-shadow:0 0 0 1px #6366f1}.bp-plan--current{border-color:#22c55e}.bp-plan__badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#6366f1;color:#fff;font-size:11px;font-weight:700;padding:4px 12px;border-radius:20px;white-space:nowrap;letter-spacing:.4px;text-transform:uppercase}.bp-plan__current-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#22c55e;color:#fff;font-size:11px;font-weight:700;padding:4px 12px;border-radius:20px;white-space:nowrap}.bp-plan__header{margin-bottom:20px}.bp-plan__name{font-size:18px;font-weight:700;margin:0 0 6px;color:var(--color-text, #111827)}.bp-plan__price{margin-bottom:8px}.bp-plan__price-amount{font-size:32px;font-weight:800;color:var(--color-text, #111827);line-height:1}.bp-plan__price-period{font-size:14px;color:var(--color-text-muted, #6b7280);margin-left:2px}.bp-plan__desc{font-size:13px;color:var(--color-text-muted, #6b7280);margin:0;line-height:1.4}.bp-plan__features{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:8px}.bp-feature{display:flex;align-items:center;gap:8px;font-size:13px}.bp-feature--on{color:var(--color-text, #111827)}.bp-feature--off{color:var(--color-text-muted, #9ca3af);text-decoration:line-through}.bp-feature__icon{width:16px;flex-shrink:0;font-style:normal}.bp-feature--on .bp-feature__icon{color:#22c55e;font-weight:700}.bp-feature--off .bp-feature__icon{color:#ef4444}.bp-plan__action{margin-top:auto}.bp-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:background .15s,opacity .15s;text-decoration:none}.bp-btn:disabled{opacity:.55;cursor:not-allowed}.bp-btn--primary{background:#6366f1;color:#fff}.bp-btn--primary:hover:not(:disabled){background:#4f46e5}.bp-btn--secondary{background:var(--color-bg, #f3f4f6);color:var(--color-text, #111827);border:1px solid var(--color-border, #e5e7eb)}.bp-btn--secondary:hover:not(:disabled){background:var(--color-border, #e5e7eb)}.bp-btn--current{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0;cursor:default}.bp-btn--ghost{background:transparent;color:var(--color-text-muted, #6b7280);border:1px solid var(--color-border, #e5e7eb)}.bp-btn--ghost:hover:not(:disabled){background:var(--color-bg, #f9fafb)}.bp-btn--danger{background:#dc2626;color:#fff}.bp-btn--danger:hover:not(:disabled){background:#b91c1c}.bp-btn--danger-ghost{color:#dc2626;border-color:#fecaca}.bp-btn--danger-ghost:hover:not(:disabled){background:#fef2f2}.bp-btn--sm{padding:7px 14px;font-size:13px;width:auto}.bp-modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.bp-modal{background:var(--color-surface, #ffffff);border-radius:14px;padding:28px 32px;max-width:440px;width:100%;box-shadow:0 20px 60px #0003}[data-theme=dark] .bp-modal{background:#1f2937}.bp-modal__title{font-size:18px;font-weight:700;margin:0 0 12px;color:var(--color-text, #111827)}.bp-modal__body{font-size:14px;line-height:1.6;color:var(--color-text-muted, #4b5563);margin:0 0 24px}.bp-modal__actions{display:flex;gap:10px;justify-content:flex-end}.bp-modal__actions .bp-btn{width:auto}.bp-loading{padding:40px;text-align:center;color:var(--color-text-muted, #9ca3af);font-size:14px}@media(max-width:640px){.bp-root{padding:20px 16px 48px}.bp-plans-grid{grid-template-columns:1fr}.bp-current-card{flex-direction:column;align-items:flex-start}.bp-modal{padding:24px 20px}}.bp-credits-card{background:var(--color-surface, #1a1a2e);border:1px solid var(--color-border, #2d2d44);border-radius:12px;padding:24px 28px;margin-bottom:28px}.bp-credits-card__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;gap:12px}.bp-credits-card__title{font-size:16px;font-weight:600;margin:0 0 4px;color:var(--color-text, #f1f5f9)}.bp-credits-card__sub{font-size:12px;color:var(--color-text-muted, #9ca3af);margin:0}.bp-credits-card__badge{flex-shrink:0}.bp-credits-card__plan{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;background:var(--color-accent, #6366f1);color:#fff;text-transform:capitalize}.bp-credits-card__numbers{font-size:15px;margin-bottom:12px;color:var(--color-text, #f1f5f9)}.bp-credits-card__remaining{font-size:28px;font-weight:700;color:var(--color-text, #f1f5f9)}.bp-credits-card__separator,.bp-credits-card__total{color:var(--color-text-muted, #9ca3af);font-size:18px}.bp-credits-card__label{font-size:14px;color:var(--color-text-muted, #9ca3af);margin-left:4px}.bp-credits-card__bar-wrap{height:8px;border-radius:4px;background:var(--color-border, #2d2d44);overflow:hidden;margin-bottom:10px}.bp-credits-card__fill{height:100%;border-radius:4px;transition:width .4s ease}.bp-credits__fill--ok{background:#22c55e}.bp-credits__fill--warn{background:#f59e0b}.bp-credits__fill--low{background:#ef4444}.bp-credits__fill--unlimited{background:var(--color-accent, #6366f1)}.bp-credits-card__used{font-size:12px;color:var(--color-text-muted, #9ca3af);margin:0}.bp-credits-card__warning{margin-top:12px;padding:10px 14px;background:#f59e0b1f;border:1px solid rgba(245,158,11,.3);border-radius:8px;font-size:13px;color:#f59e0b}.bp-credits-card__empty{margin-top:12px;padding:10px 14px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;font-size:13px;color:#ef4444}.bp-credits-card__unlimited{font-size:15px;color:var(--color-accent, #6366f1);font-weight:500}.deb-root{display:flex;flex-direction:column;gap:16px;max-width:560px}.deb-header{display:flex;align-items:flex-start;gap:14px}.deb-header__icon{font-size:28px;flex-shrink:0;margin-top:2px}.deb-header__title{font-size:18px;font-weight:700;color:var(--text-heading, #111827);margin:0 0 4px}[data-theme=dark] .deb-header__title{color:#f9fafb}.deb-header__sub{font-size:13px;color:var(--text-secondary, #6b7280);margin:0;line-height:1.5}[data-theme=dark] .deb-header__sub{color:#9ca3af}.deb-last-export{font-size:12px;color:var(--text-secondary, #9ca3af);margin:0}.deb-notice{padding:10px 14px;border-radius:8px;font-size:13px;line-height:1.5}.deb-notice--ok{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.deb-notice--err{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.deb-notice--warn{background:#fffbeb;border:1px solid #fde68a;color:#92400e}[data-theme=dark] .deb-notice--ok{background:#052e16;border-color:#166534;color:#86efac}[data-theme=dark] .deb-notice--err{background:#2d0a0a;border-color:#7f1d1d;color:#fca5a5}[data-theme=dark] .deb-notice--warn{background:#1c1408;border-color:#92400e;color:#fcd34d}.deb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:9px;font-size:13px;font-weight:600;cursor:pointer;padding:9px 18px;transition:background .14s,opacity .14s,transform .1s;white-space:nowrap}.deb-btn:active:not(:disabled){transform:translateY(1px)}.deb-btn:disabled,.deb-btn--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.deb-btn--lg{padding:12px 24px;font-size:14px;border-radius:10px}.deb-btn--sm{padding:6px 12px;font-size:12px}.deb-btn--primary{background:linear-gradient(135deg,#00d9ff,#06f);color:#fff}.deb-btn--primary:hover:not(:disabled){opacity:.88}.deb-btn--ghost{background:transparent;border:1px solid var(--border-secondary, #d1d5db);color:var(--text-secondary, #6b7280)}.deb-btn--ghost:hover:not(:disabled){background:var(--bg-tertiary, #f3f4f6)}.deb-btn--danger{background:#dc2626;color:#fff}.deb-btn--danger:hover:not(:disabled){background:#b91c1c}.deb-btn--danger-ghost{background:transparent;border:1px solid #fecaca;color:#dc2626}.deb-btn--danger-ghost:hover:not(:disabled){background:#fef2f2}[data-theme=dark] .deb-btn--ghost{border-color:#4b5563;color:#9ca3af}[data-theme=dark] .deb-btn--ghost:hover:not(:disabled){background:#374151}[data-theme=dark] .deb-btn--danger-ghost{border-color:#7f1d1d;color:#fca5a5}.deb-btn__icon{font-size:14px}.deb-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:deb-spin .7s linear infinite;flex-shrink:0}@keyframes deb-spin{to{transform:rotate(360deg)}}.deb-expand{display:flex;flex-direction:column;gap:8px}.deb-expand__toggle{background:none;border:none;cursor:pointer;font-size:13px;color:#06f;padding:0;text-align:left;font-weight:500;transition:color .12s}.deb-expand__toggle:hover{color:#04c}[data-theme=dark] .deb-expand__toggle{color:#60a5fa}.deb-preview{background:var(--bg-tertiary, #f9fafb);border:1px solid var(--border-secondary, #e5e7eb);border-radius:10px;padding:14px 16px}[data-theme=dark] .deb-preview{background:#1f2937;border-color:#374151}.deb-preview__title{font-size:12px;font-weight:600;color:var(--text-secondary, #9ca3af);text-transform:uppercase;letter-spacing:.4px;margin:0 0 10px}.deb-preview__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.deb-preview__item{display:flex;align-items:flex-start;gap:10px;font-size:13px}.deb-preview__item--missing{opacity:.45}.deb-preview__icon{font-size:12px;color:#16a34a;font-weight:700;min-width:14px;margin-top:1px}.deb-preview__item--missing .deb-preview__icon{color:#9ca3af}.deb-preview__name{font-family:monospace;font-size:12px;font-weight:600;color:var(--text-primary, #374151);display:block}[data-theme=dark] .deb-preview__name{color:#e5e7eb}.deb-preview__desc{font-size:12px;color:var(--text-secondary, #6b7280);display:block;margin-top:1px}[data-theme=dark] .deb-preview__desc{color:#9ca3af}.deb-divider{border:none;border-top:1px solid var(--border-secondary, #e5e7eb);margin:4px 0}[data-theme=dark] .deb-divider{border-color:#374151}.deb-deletion{display:flex;flex-direction:column;gap:10px}.deb-deletion__title{font-size:15px;font-weight:700;color:var(--text-heading, #111827);margin:0}[data-theme=dark] .deb-deletion__title{color:#f9fafb}.deb-deletion__sub{font-size:13px;color:var(--text-secondary, #6b7280);margin:0;line-height:1.5}[data-theme=dark] .deb-deletion__sub{color:#9ca3af}.deb-confirm-box{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:12px}[data-theme=dark] .deb-confirm-box{background:#2d0a0a;border-color:#7f1d1d}.deb-confirm-box__text{font-size:13px;color:#7f1d1d;margin:0;line-height:1.5}[data-theme=dark] .deb-confirm-box__text{color:#fca5a5}.deb-confirm-box__actions{display:flex;gap:10px;flex-wrap:wrap}.deb-status{display:flex;align-items:flex-start;gap:10px;font-size:13px;padding:12px 14px;border-radius:8px}.deb-status--loading{color:var(--text-secondary, #6b7280)}.deb-status--ok{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.deb-status--err{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;flex-direction:column;gap:8px}[data-theme=dark] .deb-status--ok{background:#052e16;border-color:#166534;color:#86efac}[data-theme=dark] .deb-status--err{background:#2d0a0a;border-color:#7f1d1d;color:#fca5a5}.deb-status__icon{font-weight:700;flex-shrink:0}.deb-status__id{font-size:12px;margin:0 0 4px;opacity:.75}.deb-status__id code{font-family:monospace;background:#00000012;padding:1px 5px;border-radius:4px}.deb-unavailable{display:flex;align-items:flex-start;gap:14px;padding:16px;background:var(--bg-tertiary, #f9fafb);border:1px solid var(--border-secondary, #e5e7eb);border-radius:10px}[data-theme=dark] .deb-unavailable{background:#1f2937;border-color:#374151}.deb-unavailable__icon{font-size:24px;flex-shrink:0}.deb-unavailable__title{font-size:14px;font-weight:600;color:var(--text-heading, #111827);margin:0 0 4px}.deb-unavailable__sub{font-size:13px;color:var(--text-secondary, #6b7280);margin:0}[data-theme=dark] .deb-unavailable__title{color:#f9fafb}[data-theme=dark] .deb-unavailable__sub{color:#9ca3af}.deb-loading{font-size:13px;color:var(--text-secondary, #9ca3af);padding:8px 0}@media(max-width:480px){.deb-confirm-box__actions{flex-direction:column}.deb-btn--lg{width:100%}}.teb-container{display:flex;flex-direction:column;gap:0;width:100%}.teb-row{display:flex;align-items:center;gap:10px;padding:10px 16px;font-size:13px;line-height:1.4;border-bottom:1px solid transparent;animation:teb-slide-in .18s ease-out}@keyframes teb-slide-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.teb-row--warn{background:#fffbeb;border-color:#fde68a;color:#78350f}.teb-row--critical{background:#fff7ed;border-color:#fed7aa;color:#7c2d12}.teb-row--expired{background:#fef2f2;border-color:#fecaca;color:#7f1d1d}[data-theme=dark] .teb-row--warn{background:#1c1408;border-color:#92400e;color:#fcd34d}[data-theme=dark] .teb-row--critical{background:#1c0f06;border-color:#9a3412;color:#fdba74}[data-theme=dark] .teb-row--expired{background:#2d0a0a;border-color:#7f1d1d;color:#fca5a5}.teb-row__icon{font-size:16px;flex-shrink:0;line-height:1}.teb-row__msg{flex:1;margin:0;font-size:13px}.teb-row__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.teb-btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;padding:5px 12px;text-decoration:none;transition:background .12s,opacity .12s;white-space:nowrap;line-height:1}.teb-btn--reconnect{background:#0000001a;color:inherit;border:1px solid rgba(0,0,0,.18)}.teb-btn--reconnect:hover{background:#0000002e}[data-theme=dark] .teb-btn--reconnect{background:#ffffff14;border-color:#ffffff26;color:inherit}[data-theme=dark] .teb-btn--reconnect:hover{background:#ffffff24}.teb-row--expired .teb-btn--reconnect{background:#dc2626;color:#fff;border-color:transparent}.teb-row--expired .teb-btn--reconnect:hover{background:#b91c1c}[data-theme=dark] .teb-row--expired .teb-btn--reconnect{background:#dc2626;color:#fff;border-color:transparent}.teb-row--critical .teb-btn--reconnect{background:#ea580c;color:#fff;border-color:transparent}.teb-row--critical .teb-btn--reconnect:hover{background:#c2410c}[data-theme=dark] .teb-row--critical .teb-btn--reconnect{background:#ea580c;color:#fff;border-color:transparent}.teb-btn--dismiss{background:transparent;border:none;color:inherit;opacity:.5;padding:4px 6px;border-radius:4px;font-size:11px}.teb-btn--dismiss:hover{opacity:.85;background:#00000014}[data-theme=dark] .teb-btn--dismiss:hover{background:#ffffff14}@media(max-width:520px){.teb-row{flex-wrap:wrap;padding:10px 12px}.teb-row__msg{flex-basis:calc(100% - 26px);order:2}.teb-row__icon{order:1}.teb-row__actions{order:3;margin-left:26px;flex-shrink:1}}