:root{--status-idle:#6B7280;--status-idle-bg:#F3F4F6;--status-pending:#F59E0B;--status-pending-bg:#FEF3C7;--status-processing:#3B82F6;--status-processing-bg:#DBEAFE;--status-success:#10B981;--status-success-bg:#D1FAE5;--status-error:#EF4444;--status-error-bg:#FEE2E2;--status-warning:#F59E0B;--status-warning-bg:#FEF3C7;--progress-bar-bg:rgba(0,0,0,0.1);--progress-bar-shimmer:#93C5FD;--feedback-border-color:rgba(0,0,0,0.05);--feedback-text-primary:#111827;--feedback-text-secondary:#6B7280;--feedback-bg-subtle:#F9FAFB;--feedback-border-subtle:#E5E7EB;--feedback-text-tertiary:#374151;--feedback-link-hover:#2563EB;--feedback-success-text:#065F46;--skeleton-bg:#E5E7EB;--skeleton-shimmer:rgba(255,255,255,0.4);--estimate-bg:#F3F4F6}[data-theme=dark]{--status-idle:#9CA3AF;--status-idle-bg:#374151;--status-pending:#FBBF24;--status-pending-bg:#451A03;--status-processing:#60A5FA;--status-processing-bg:#1E3A5F;--status-success:#34D399;--status-success-bg:#064E3B;--status-error:#F87171;--status-error-bg:#7F1D1D;--status-warning:#FBBF24;--status-warning-bg:#451A03;--progress-bar-bg:rgba(255,255,255,0.15);--progress-bar-shimmer:#93C5FD;--feedback-border-color:rgba(255,255,255,0.1);--feedback-text-primary:#F9FAFB;--feedback-text-secondary:#9CA3AF;--feedback-bg-subtle:#1F2937;--feedback-border-subtle:#374151;--feedback-text-tertiary:#D1D5DB;--feedback-link-hover:#93C5FD;--feedback-success-text:#34D399;--skeleton-bg:#374151;--skeleton-shimmer:rgba(255,255,255,0.1);--estimate-bg:#1F2937}@media (prefers-color-scheme:dark){:root:not([data-theme]){--status-idle:#9CA3AF;--status-idle-bg:#374151;--status-pending:#FBBF24;--status-pending-bg:#451A03;--status-processing:#60A5FA;--status-processing-bg:#1E3A5F;--status-success:#34D399;--status-success-bg:#064E3B;--status-error:#F87171;--status-error-bg:#7F1D1D;--status-warning:#FBBF24;--status-warning-bg:#451A03;--progress-bar-bg:rgba(255,255,255,0.15);--progress-bar-shimmer:#93C5FD;--feedback-border-color:rgba(255,255,255,0.1);--feedback-text-primary:#F9FAFB;--feedback-text-secondary:#9CA3AF;--feedback-bg-subtle:#1F2937;--feedback-border-subtle:#374151;--feedback-text-tertiary:#D1D5DB;--feedback-link-hover:#93C5FD;--feedback-success-text:#34D399;--skeleton-bg:#374151;--skeleton-shimmer:rgba(255,255,255,0.1);--estimate-bg:#1F2937}}@keyframes pulse-pending{0%,to{opacity:1}50%{opacity:.6}}@keyframes progress-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes check-bounce{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes fade-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-slide-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}@keyframes skeleton-shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes countdown-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.status-indicator{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:12px;background:var(--status-idle-bg);border:1px solid var(--feedback-border-color);transition:background-color .3s ease,border-color .3s ease}.status-indicator--pending{background:var(--status-pending-bg);border-color:var(--status-pending)}.status-indicator--processing{background:var(--status-processing-bg);border-color:var(--status-processing)}.status-indicator--success{background:var(--status-success-bg);border-color:var(--status-success)}.status-indicator--error{background:var(--status-error-bg);border-color:var(--status-error)}.status-indicator__header{display:flex;align-items:center;gap:8px}.status-indicator__icon{width:20px;height:20px;flex-shrink:0}.status-indicator__icon--pending{color:var(--status-pending);animation:pulse-pending 1.5s ease-in-out infinite}.status-indicator__icon--processing{color:var(--status-processing);animation:spin 1s linear infinite}.status-indicator__icon--success{color:var(--status-success);animation:check-bounce .4s ease-out}.status-indicator__icon--error{color:var(--status-error)}.status-indicator__title{font-weight:600;font-size:14px;color:inherit}.status-indicator__message{font-size:13px;color:var(--feedback-text-secondary);margin:0}.progress-bar{width:100%;height:6px;background:var(--progress-bar-bg);border-radius:3px;overflow:hidden}.progress-bar__fill{height:100%;background:var(--status-processing);border-radius:3px;transition:width .3s ease;position:relative}.progress-bar__fill--animated{background:linear-gradient(90deg,var(--status-processing) 0,var(--progress-bar-shimmer) 50%,var(--status-processing) 100%);background-size:200% 100%;animation:progress-shimmer 1.5s ease-in-out infinite}.progress-bar__fill--success{background:var(--status-success)}.progress-bar__fill--error{background:var(--status-error)}.step-indicator,.step-indicator__step{display:flex;align-items:center;gap:4px}.step-indicator__dot{width:8px;height:8px;border-radius:50%;background:var(--status-idle);transition:background-color .3s ease,transform .3s ease}.step-indicator__dot--active{background:var(--status-processing);transform:scale(1.25)}.step-indicator__dot--completed{background:var(--status-success)}.step-indicator__dot--error{background:var(--status-error)}.step-indicator__line{width:24px;height:2px;background:var(--status-idle);transition:background-color .3s ease}.step-indicator__line--completed{background:var(--status-success)}.step-indicator__label{font-size:11px;color:var(--status-idle);white-space:nowrap}.step-indicator__label--active{color:var(--status-processing);font-weight:500}.step-indicator__label--completed{color:var(--status-success)}.preflight-check{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--feedback-bg-subtle);border-radius:8px;border:1px solid var(--feedback-border-subtle)}.preflight-check__item{display:flex;align-items:center;gap:8px;font-size:13px}.preflight-check__icon{width:16px;height:16px;flex-shrink:0}.preflight-check__icon--checking{color:var(--status-idle);animation:spin 1s linear infinite}.preflight-check__icon--passed{color:var(--status-success)}.preflight-check__icon--failed{color:var(--status-error)}.preflight-check__icon--warning{color:var(--status-warning)}.preflight-check__label{flex:1;color:var(--feedback-text-tertiary)}.preflight-check__label--failed{color:var(--status-error)}.preflight-check__action{font-size:12px;color:var(--status-processing);cursor:pointer;text-decoration:underline}.preflight-check__action:hover{color:var(--feedback-link-hover)}.preflight-check--ready{background:var(--status-success-bg);border-color:var(--status-success)}.preflight-check__ready-message{display:flex;align-items:center;gap:8px;color:var(--feedback-success-text);font-weight:500}.quick-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none}.quick-action-btn--primary{background:var(--status-processing);color:white}.quick-action-btn--primary:hover{background:#2563EB}.quick-action-btn--secondary{background:transparent;color:var(--status-processing);border:1px solid var(--status-processing)}.quick-action-btn--secondary:hover{background:var(--status-processing-bg)}.quick-action-btn--upgrade{background:linear-gradient(135deg,#8B5CF6,#6366F1);color:white}.quick-action-btn--upgrade:hover{background:linear-gradient(135deg,#7C3AED,#4F46E5)}.quick-action-btn--disabled{opacity:.5;cursor:not-allowed}.quick-action-btn__countdown{font-variant-numeric:tabular-nums;animation:countdown-pulse 1s ease-in-out infinite}.loading-skeleton{position:relative;overflow:hidden;background:var(--skeleton-bg);border-radius:8px}.loading-skeleton:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0,var(--skeleton-shimmer) 50%,transparent 100%);animation:skeleton-shimmer 1.5s ease-in-out infinite}.loading-skeleton--video{aspect-ratio:16/9}.loading-skeleton--image{aspect-ratio:1/1}.loading-skeleton--text{height:16px;border-radius:4px}.loading-skeleton__container{display:flex;flex-direction:column;gap:12px;padding:16px}.loading-skeleton__time{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.7);color:white;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500;z-index:1}.loading-skeleton__tip{text-align:center;font-size:12px;color:var(--feedback-text-secondary);padding:8px;animation:fade-slide-in .5s ease-out}.field-valid{border-color:var(--status-success)!important}.field-invalid{border-color:var(--status-error)!important}.field-warning{border-color:var(--status-warning)!important}.validation-message{display:flex;align-items:center;gap:4px;font-size:12px;margin-top:4px;animation:fade-slide-in .2s ease-out}.validation-message--error{color:var(--status-error)}.validation-message--success{color:var(--status-success)}.validation-message--warning{color:var(--status-warning)}.estimate-display{display:flex;align-items:center;gap:16px;padding:8px 12px;background:var(--estimate-bg);border-radius:6px;font-size:13px}.estimate-display__item{display:flex;align-items:center;gap:4px}.estimate-display__icon{width:14px;height:14px;color:var(--feedback-text-secondary)}.estimate-display__value{font-weight:500;color:var(--feedback-text-tertiary)}.estimate-display__label{color:var(--feedback-text-secondary)}@media (max-width:768px){.status-indicator{padding:12px}.step-indicator{flex-wrap:wrap;justify-content:center}.step-indicator__label{display:none}.preflight-check{padding:10px}.estimate-display{flex-direction:column;align-items:flex-start;gap:8px}}@media (prefers-reduced-motion:reduce){.loading-skeleton:after,.preflight-check__icon--checking,.progress-bar__fill--animated,.quick-action-btn__countdown,.status-indicator__icon--pending,.status-indicator__icon--processing{animation:none}.progress-bar__fill,.status-indicator__icon--success,.step-indicator__dot{transition:none}}