@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap);:root{--bg-base:#0b0d14;--bg-card:#11131a;--bg-elevated:#161922;--bg-hover:#1a1d26;--border-default:#1c1f27;--border-subtle:#15171e;--border-strong:#2a2e38;--text-primary:#e4e7ec;--text-secondary:#9ca3af;--text-muted:#6b7280;--text-inverse:#0b0d14;--accent:#6366f1;--accent-hover:#818cf8;--accent-muted:#6366f126;--accent-subtle:#6366f114;--success:#10b981;--success-muted:#10b98126;--warning:#f59e0b;--warning-muted:#f59e0b26;--error:#ef4444;--error-muted:#ef444426;--info:#3b82f6;--info-muted:#3b82f626;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 15px #00000080;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease}.bg-base{background-color:#0b0d14;background-color:var(--bg-base)}.bg-card{background-color:#11131a;background-color:var(--bg-card)}.bg-elevated{background-color:#161922;background-color:var(--bg-elevated)}.bg-hover{background-color:#1a1d26;background-color:var(--bg-hover)}.bg-accent{background-color:#6366f1;background-color:var(--accent)}.bg-accent-muted{background-color:#6366f126;background-color:var(--accent-muted)}.bg-accent-subtle{background-color:#6366f114;background-color:var(--accent-subtle)}.text-primary{color:#e4e7ec;color:var(--text-primary)}.text-secondary{color:#9ca3af}.text-muted{color:#6b7280}.text-accent{color:#6366f1;color:var(--accent)}.text-success{color:#10b981;color:var(--success)}.text-warning{color:#f59e0b;color:var(--warning)}.text-error{color:#ef4444;color:var(--error)}.border-default{border-color:#1c1f27;border-color:var(--border-default)}.border-subtle{border-color:#15171e;border-color:var(--border-subtle)}.border-strong{border-color:#2a2e38;border-color:var(--border-strong)}.border-accent{border-color:#6366f1;border-color:var(--accent)}.rounded-sm{border-radius:6px;border-radius:var(--radius-sm)}.rounded-md{border-radius:8px;border-radius:var(--radius-md)}.rounded-lg{border-radius:12px;border-radius:var(--radius-lg)}.rounded-xl{border-radius:16px;border-radius:var(--radius-xl)}.shadow-sm{box-shadow:0 1px 2px #0000004d;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 4px 6px #0006;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px #00000080;box-shadow:var(--shadow-lg)}.transition-fast{transition:all .15s ease;transition:all var(--transition-fast)}.transition-base{transition:all .2s ease;transition:all var(--transition-base)}.transition-slow{transition:all .3s ease;transition:all var(--transition-slow)}.card{background-color:#11131a;background-color:var(--bg-card);border:1px solid #1c1f27;border:1px solid var(--border-default);border-radius:12px;border-radius:var(--radius-lg);transition:border-color var(--transition-base)}.card:hover{border-color:#2a2e38;border-color:var(--border-strong)}.btn-primary{background-color:#6366f1;background-color:var(--accent);border:none;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;font-weight:500;padding:10px 18px;transition:all .2s ease;transition:all var(--transition-base)}.btn-primary:hover{background-color:#818cf8;background-color:var(--accent-hover)}.btn-secondary{background-color:#161922;background-color:var(--bg-elevated);border:1px solid #1c1f27;border:1px solid var(--border-default);border-radius:8px;border-radius:var(--radius-md);color:#e4e7ec;color:var(--text-primary);cursor:pointer;font-weight:500;padding:10px 18px;transition:all .2s ease;transition:all var(--transition-base)}.btn-secondary:hover{background-color:#1a1d26;background-color:var(--bg-hover);border-color:#2a2e38;border-color:var(--border-strong)}.btn-ghost{background-color:initial;border:none;border-radius:8px;border-radius:var(--radius-md);color:#9ca3af;cursor:pointer;font-weight:500;padding:10px 18px;transition:all .2s ease;transition:all var(--transition-base)}.btn-ghost:hover,.input{background-color:#161922;background-color:var(--bg-elevated);color:#e4e7ec}.input{border:1px solid #1c1f27;border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:14px;padding:10px 14px;transition:all .2s ease;transition:all var(--transition-base)}.input:focus{border-color:#6366f1;border-color:var(--accent);box-shadow:0 0 0 3px #6366f126;box-shadow:0 0 0 3px var(--accent-muted)}.input::placeholder{color:#6b7280}.badge{border-radius:9999px;font-size:12px}.badge-accent{background-color:#6366f126;background-color:var(--accent-muted);color:#6366f1;color:var(--accent)}.badge-success{background-color:#10b98126;background-color:var(--success-muted);color:#10b981}.badge-warning{background-color:#f59e0b26;background-color:var(--warning-muted);color:#f59e0b}.badge-error{background-color:#ef444426;background-color:var(--error-muted);color:#ef4444}.status-dot{display:inline-block}.status-dot-success{background-color:#10b981;background-color:var(--success)}.status-dot-warning{background-color:#f59e0b;background-color:var(--warning)}.status-dot-error{background-color:#ef4444;background-color:var(--error)}.status-dot-accent{background-color:#6366f1;background-color:var(--accent)}.divider{background-color:#1c1f27;background-color:var(--border-default);border:none;margin:16px 0}.hover-lift{transition:transform .2s ease,box-shadow .2s ease;transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{box-shadow:0 10px 15px #00000080;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.focus-ring:focus{box-shadow:0 0 0 3px #6366f126;box-shadow:0 0 0 3px var(--accent-muted);outline:none}.active-scale:active{transform:scale(.98)}:root,[data-theme=light]{--border-color:#e7e5e4;--danger:#ef4444;--danger-bg:#ef44441a;--accent-primary-light:#3b82f61a;--accent-secondary-light:#8b5cf61a}[data-theme=dark]{--text-tertiary:#737373;--border-color:#262626;--danger:#ef4444;--danger-bg:#ef44441a;--accent-primary-light:#3b82f626;--accent-secondary-light:#8b5cf626}:root{--container-padding:16px;--card-padding:22px;--card-radius:10px;--btn-radius:8px;--touch-target:44px;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.8125rem;--font-size-base:0.875rem;--font-size-lg:1rem;--font-size-xl:1.125rem;--font-size-2xl:1.375rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem}.ds-btn-primary{align-items:center;background:#292524;background:var(--btn-primary-bg);border:none;border-radius:8px;border-radius:var(--btn-radius);color:#fff;color:var(--btn-primary-text);cursor:pointer;display:inline-flex;font-size:.8125rem;font-size:var(--font-size-sm);font-weight:500;gap:8px;justify-content:center;min-height:44px;min-height:var(--touch-target);padding:12px 24px;transition:all .2s ease}.ds-btn-primary:hover{background:#1c1917;background:var(--btn-primary-hover);transform:translateY(-1px)}.ds-btn-secondary{align-items:center;background:#0000;border:1px solid #e7e5e4;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--btn-radius);color:#44403c;color:var(--btn-secondary-text);cursor:pointer;display:inline-flex;font-size:.8125rem;font-size:var(--font-size-sm);font-weight:500;gap:8px;justify-content:center;min-height:44px;min-height:var(--touch-target);padding:12px 24px;transition:all .2s ease}.ds-btn-secondary:hover{background:#fafaf9;background:var(--bg-card-hover);border-color:#d6d3d1;border-color:var(--border-medium)}.ds-card{background:#fff;background:var(--bg-card);border:1px solid #e7e5e4;border:1px solid var(--border-light);border-radius:10px;border-radius:var(--card-radius);padding:22px;padding:var(--card-padding);transition:border-color .2s ease}.ds-card:hover{border-color:#d6d3d1;border-color:var(--border-medium)}.ds-input{background:#fff;background:var(--bg-tertiary);border:1px solid #e7e5e4;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--btn-radius);color:#1c1917;color:var(--text-primary);font-family:inherit;font-size:.875rem;font-size:var(--font-size-base);padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.ds-input:focus{border-color:#292524;border-color:var(--accent-primary);box-shadow:0 0 0 3px #f5f5f4;box-shadow:0 0 0 3px var(--accent-soft);outline:none}.ds-input::placeholder{color:#a8a29e;color:var(--text-muted)}.ds-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;padding:4px 10px}.ds-badge-success{background:#ecfdf5;background:var(--success-bg);color:#047857;color:var(--success)}.ds-badge-warning{background:#fffbeb;background:var(--warning-bg);color:#b45309;color:var(--warning)}.ds-badge-error{background:#fef2f2;background:var(--error-bg);color:#b91c1c;color:var(--error)}.ds-badge-info{background:#f0f9ff;background:var(--info-bg);color:#0369a1;color:var(--info)}*{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=light]{--bg-primary:#faf9f7;--bg-secondary:#f5f5f4;--bg-tertiary:#fff;--bg-card:#fff;--bg-card-hover:#fafaf9;--bg-subtle:#f7f7f5;--text-primary:#1c1917;--text-secondary:#57534e;--text-muted:#a8a29e;--text-light:#d6d3d1;--accent-primary:#292524;--accent-secondary:#44403c;--accent-tertiary:#78716c;--accent-soft:#f5f5f4;--gradient-subtle:linear-gradient(135deg,#292524,#44403c);--success:#047857;--success-bg:#ecfdf5;--warning:#b45309;--warning-bg:#fffbeb;--error:#b91c1c;--error-bg:#fef2f2;--info:#0369a1;--info-bg:#f0f9ff;--border-light:#e7e5e4;--border-medium:#d6d3d1;--border-dark:#a8a29e;--btn-primary-bg:#292524;--btn-primary-text:#fff;--btn-primary-hover:#1c1917;--btn-secondary-bg:#0000;--btn-secondary-text:#44403c;--btn-secondary-border:#d6d3d1;--shadow-xs:0 1px 2px #1c19170a;--shadow-sm:0 1px 3px #1c19170d;--shadow-md:0 4px 8px #1c19170a;--shadow-lg:0 8px 16px #1c19170a;--container-padding:16px;--card-padding:22px;--card-radius:10px;--btn-radius:8px;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.8125rem;--font-size-base:0.875rem;--font-size-lg:1rem;--font-size-xl:1.125rem;--font-size-2xl:1.375rem;--font-size-3xl:1.875rem;--touch-target:44px;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px)}[data-theme=dark]{--bg-primary:#0a0a0a;--bg-secondary:#111;--bg-tertiary:#171717;--bg-card:#141414;--bg-card-hover:#1a1a1a;--bg-subtle:#0f0f0f;--text-primary:#fafafa;--text-secondary:#a3a3a3;--text-muted:#737373;--text-light:#525252;--accent-primary:#fafafa;--accent-secondary:#e5e5e5;--accent-tertiary:#a3a3a3;--accent-soft:#ffffff14;--gradient-subtle:linear-gradient(135deg,#fafafa,#e5e5e5);--success:#10b981;--success-bg:#10b9811f;--warning:#f59e0b;--warning-bg:#f59e0b1f;--error:#ef4444;--error-bg:#ef44441f;--info:#3b82f6;--info-bg:#3b82f61f;--border-light:#262626;--border-medium:#333;--border-dark:#404040;--btn-primary-bg:#fafafa;--btn-primary-text:#0a0a0a;--btn-primary-hover:#e5e5e5;--btn-secondary-bg:#0000;--btn-secondary-text:#e5e5e5;--btn-secondary-border:#333;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 8px #0000004d;--shadow-lg:0 8px 16px #0006}@media (min-width:768px){:root{--container-padding:24px;--card-padding:28px;--card-radius:14px}}@media (min-width:1024px){:root{--container-padding:32px;--card-padding:32px;--card-radius:16px}}html{-webkit-text-size-adjust:100%;font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#faf9f7;background-color:var(--bg-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-family);font-size:.875rem;font-size:var(--font-size-base);line-height:1.6}body,h1,h2,h3,h4,h5,h6{color:#1c1917;color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.02em;line-height:1.3;margin-bottom:.75rem}h1{font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:700}h2{font-size:1.375rem;font-size:var(--font-size-2xl)}h3{font-size:1.125rem;font-size:var(--font-size-xl)}h4{font-size:1rem;font-size:var(--font-size-lg)}p{color:#57534e;color:var(--text-secondary);margin-bottom:1rem}a{color:#292524;color:var(--accent-primary);text-decoration:none;transition:color .2s ease}a:hover{color:#44403c;color:var(--accent-secondary)}input,select,textarea{font-family:inherit;font-size:16px}.input{background:#fff;background:var(--bg-tertiary);border:1px solid #e7e5e4;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--btn-radius);color:#1c1917;color:var(--text-primary);font-size:.875rem;font-size:var(--font-size-base);padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.input:focus{border-color:#292524;border-color:var(--accent-primary);box-shadow:0 0 0 3px #f5f5f4;box-shadow:0 0 0 3px var(--accent-soft);outline:none}.input::placeholder{color:#a8a29e;color:var(--text-muted)}.label{color:#57534e;font-weight:500;margin-bottom:8px}.btn,.label{font-size:.8125rem;font-size:var(--font-size-sm)}.btn{border-radius:8px;border-radius:var(--btn-radius);min-height:44px;min-height:var(--touch-target)}.btn-primary{background:#292524;color:#fff}.btn-primary:hover{background:#171717}.btn-secondary{background:#0000;background:var(--btn-secondary-bg);border:1px solid #e7e5e4;border:1px solid var(--border-light);color:#44403c;color:var(--btn-secondary-text)}.btn-secondary:hover{background:#fafaf9;background:var(--bg-card-hover);border-color:#d6d3d1;border-color:var(--border-medium)}.btn-ghost{background:#0000;color:#57534e;color:var(--text-secondary)}.btn-ghost:hover{background:#f5f5f4;background:var(--bg-secondary);color:#1c1917;color:var(--text-primary)}.btn-accent{background:var(--gradient-tech);color:#fff}.btn-accent:hover{opacity:.9;transform:translateY(-1px)}.btn-danger{background:#b91c1c}.btn-sm{font-size:.75rem;font-size:var(--font-size-xs);min-height:36px;padding:8px 16px}.btn-lg{font-size:.875rem;font-size:var(--font-size-base);min-height:52px;padding:16px 32px}.btn-icon{border-radius:8px;border-radius:var(--btn-radius);height:44px;height:var(--touch-target);padding:0;width:44px;width:var(--touch-target)}.card{background:#fff;border:1px solid #e7e5e4;border-radius:10px;border-radius:var(--card-radius);padding:22px;padding:var(--card-padding);transition:border-color .2s ease}.card:hover{border-color:#d6d3d1;border-color:var(--border-medium)}.card-title{color:#1c1917;color:var(--text-primary);font-size:1rem;font-size:var(--font-size-lg);font-weight:600;margin:0}.badge{font-size:var(--font-size-xs);padding:4px 10px}.badge-success{background:#22c55e1a;color:#047857}.badge-warning{background:#f59e0b1a;color:#b45309;color:var(--warning)}.badge-error{background:#ef44441a;color:#b91c1c}.badge-info{background:#f5f5f4;background:var(--accent-soft);color:#292524;color:var(--accent-primary)}.badge-neutral{background:#f5f5f4;background:var(--bg-secondary);color:#57534e;color:var(--text-secondary)}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#d6d3d1;background:var(--border-medium);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a29e;background:var(--text-muted)}.gradient-text{-webkit-text-fill-color:#0000;background:var(--gradient-tech);-webkit-background-clip:text;background-clip:text}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-center{text-align:center}.text-muted{color:#a8a29e;color:var(--text-muted)}.text-secondary{color:#57534e;color:var(--text-secondary)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:8px}.gap-md{gap:16px}.gap-lg{gap:24px}.spinner{animation:spin .8s linear infinite;border:2px solid #e7e5e4;border-top-color:#292524;border:2px solid var(--border-light);border-top-color:var(--accent-primary);height:32px;width:32px}.divider{background:#e7e5e4;background:var(--border-light);height:1px;margin:24px 0}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:48px 24px;text-align:center}.empty-state-icon{color:#a8a29e;color:var(--text-muted);height:56px;margin-bottom:20px;width:56px}.empty-state-title{color:#1c1917;color:var(--text-primary);font-size:1rem;font-size:var(--font-size-lg);font-weight:600;margin-bottom:8px}.empty-state-text{color:#57534e;color:var(--text-secondary);max-width:320px}.Toastify__toast{background:#fff!important;background:var(--bg-card)!important;border:1px solid #e7e5e4!important;border:1px solid var(--border-light)!important;border-radius:8px!important;border-radius:var(--btn-radius)!important;box-shadow:0 4px 8px #1c19170a!important;box-shadow:var(--shadow-md)!important;color:#1c1917!important;color:var(--text-primary)!important}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid #292524;outline:2px solid var(--accent-primary);outline-offset:2px}@media (max-width:768px){html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}h1{font-size:1.625rem!important;line-height:1.25}h2{font-size:1.375rem!important}h3{font-size:1.125rem!important}.advanced-video-generator,.ai-tools-page,.container,.create-content-page,.dashboard{max-width:100%!important;padding:16px!important;width:100%!important}.create-content-grid,.dashboard-grid,.enhancement-options,.form-grid,.stats-grid,.templates-grid,.videos-grid{gap:16px!important;grid-template-columns:1fr!important}.media-preview-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))!important}.page-header{align-items:flex-start!important;gap:16px!important}.header-actions,.page-header{flex-direction:column!important}.header-actions{gap:12px!important;width:100%}.ai-tabs,.tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto!important;padding-bottom:8px!important;width:100%}.ai-tab,.tab{flex-shrink:0;white-space:nowrap}.form-row{gap:16px!important;grid-template-columns:1fr!important}.actions,.video-actions{align-items:stretch!important;flex-direction:column!important;gap:12px!important}.btn,.btn-primary,.btn-secondary,.header-actions .btn{justify-content:center;min-height:48px;padding:14px 20px!important;width:100%}input,select,textarea{font-size:16px!important;padding:12px!important}.mobile-header{padding:0 16px!important}.sidebar{bottom:0!important;height:100%!important;height:100dvh!important}.template-btn{padding:16px!important}.preview-box{font-size:.85rem!important;padding:12px!important}.stat-card{padding:16px!important}.stat-icon{height:48px!important;width:48px!important}.stat-icon,.stat-value{font-size:24px!important}.dropzone{padding:24px 16px!important}.dropzone-icon{font-size:32px!important}table{display:block;overflow-x:auto;white-space:nowrap}.hide-on-mobile{display:none!important}.main-content{padding:80px 16px 32px!important}}@media (max-width:480px){html{font-size:13px}h1{font-size:1.5rem!important}h2{font-size:1.25rem!important}.page-header h1{font-size:1.5rem!important}.page-subtitle{font-size:.9rem!important}.stats-grid{gap:12px!important}.stat-card{align-items:center!important;flex-direction:row!important;padding:14px!important}.stat-icon{flex-shrink:0;font-size:18px!important;height:40px!important;width:40px!important}.stat-content{flex:1 1}.stat-value{font-size:20px!important}.stat-label{font-size:.75rem!important}.quick-actions-grid{gap:10px!important;grid-template-columns:repeat(2,1fr)!important}.quick-action-btn{font-size:.75rem!important;padding:12px 8px!important}.quick-action-btn svg{font-size:20px!important}.recent-activity .activity-item{padding:12px!important}.section-header{align-items:flex-start!important;flex-direction:column!important;gap:8px!important}.section-header h2{font-size:1.1rem!important}.dashboard-card{padding:16px!important}.dashboard-card h3{font-size:1rem!important}.sidebar{max-width:280px!important;width:100%!important}.sidebar .nav-link{font-size:.9rem!important;padding:12px 16px!important}.alert{flex-direction:column!important;padding:16px!important;text-align:center}.alert svg{font-size:24px!important}.btn,.btn-primary,.btn-secondary{font-size:.875rem!important;padding:12px 16px!important}.table-responsive{margin:0 -16px;padding:0 16px}.modal-content{margin:16px!important;max-height:calc(100vh - 32px)!important}.form-group label{font-size:.85rem!important}.posts-grid,.reels-grid{grid-template-columns:1fr!important}.post-card,.reel-card{padding:12px!important}.post-card-image,.reel-card-preview{height:180px!important}}@media (max-height:500px) and (orientation:landscape){.sidebar{overflow-y:auto!important}.main-content{padding-top:60px!important}}@media (hover:none) and (pointer:coarse){.btn,.nav-link,.quick-action-btn,.tab,input[type=checkbox],input[type=radio]{min-height:44px}.btn:hover,.nav-link:hover,.stat-card:hover{transform:none}.btn:active,.nav-link:active{opacity:.8;transform:scale(.98)}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error)}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;transform:translateX(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{border-radius:4px;box-shadow:0 1px 10px 0 #0000001a,0 2px 15px 0 #0000000d;box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1;word-break:break-word}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.7s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;transform-origin:right}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateX(-20deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--touch-target-min:44px;--touch-target-comfortable:48px;--mobile-padding-xs:8px;--mobile-padding-sm:12px;--mobile-padding-md:16px;--mobile-padding-lg:20px;--mobile-padding-xl:24px;--mobile-font-xs:11px;--mobile-font-sm:12px;--mobile-font-base:14px;--mobile-font-md:16px;--mobile-font-lg:18px;--mobile-font-xl:20px;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--safe-area-right:env(safe-area-inset-right,0px)}@media (max-width:768px){.btn,[role=button],button,input[type=button],input[type=submit]{min-height:44px;min-height:var(--touch-target-min);min-width:44px;min-width:var(--touch-target-min)}.btn-icon,.icon-btn,button:has(svg:only-child){min-height:48px;min-height:var(--touch-target-comfortable);min-width:48px;min-width:var(--touch-target-comfortable)}}@media (max-width:768px){input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{font-size:16px!important;font-size:var(--mobile-font-md)!important}}.mobile-scroll-x{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory;scrollbar-width:none}.mobile-scroll-x::-webkit-scrollbar{display:none}.mobile-scroll-x>*{flex-shrink:0;scroll-snap-align:start}.mobile-scroll-x-bleed{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}@media (max-width:640px){.modal-bottom-sheet{border-radius:20px 20px 0 0;bottom:0;left:0;max-height:90vh;padding-bottom:calc(env(safe-area-inset-bottom, 0px) + 16px);padding-bottom:calc(var(--safe-area-bottom) + 16px);position:fixed;right:0;top:auto!important;transform:translateY(0)}.modal-bottom-sheet:before{background:#fff3;border-radius:2px;content:"";display:block;height:4px;margin:8px auto 16px;width:40px}}@media (max-width:480px){.btn-stack-mobile{display:flex;flex-direction:column;gap:8px}.btn-stack-mobile>*{justify-content:center;width:100%}}.card-grid-responsive{grid-gap:16px;display:grid;gap:16px}@media (min-width:769px){.card-grid-responsive{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.card-grid-responsive{gap:12px;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.card-grid-responsive{grid-template-columns:1fr}}.safe-area-top{padding-top:env(safe-area-inset-top,0);padding-top:var(--safe-area-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0);padding-bottom:var(--safe-area-bottom)}.safe-area-x{padding-left:env(safe-area-inset-left,0);padding-left:var(--safe-area-left);padding-right:env(safe-area-inset-right,0);padding-right:var(--safe-area-right)}@media (max-width:640px){.text-truncate-mobile{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-clamp-2{-webkit-line-clamp:2}.text-clamp-2,.text-clamp-3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.text-clamp-3{-webkit-line-clamp:3}}@media (max-width:768px){.hide-mobile{display:none!important}}@media (min-width:769px){.show-mobile-only{display:none!important}}@media (max-width:480px){.hide-small-mobile{display:none!important}}@media (max-width:640px){.sticky-bottom-mobile{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(0deg,#0f172afa 0,#0f172af2);border-top:1px solid #ffffff1a;bottom:0;left:0;padding:12px 16px calc(env(safe-area-inset-bottom, 0px) + 12px);padding-bottom:calc(var(--safe-area-bottom) + 12px);position:fixed;right:0;z-index:100}.has-sticky-footer{padding-bottom:80px!important}.form-row-mobile{display:flex;flex-direction:column;gap:16px}.form-row-mobile>*{width:100%}}.smooth-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@media (max-height:500px) and (orientation:landscape){.compact-landscape{padding-bottom:8px!important;padding-top:8px!important}.modal-landscape-compact{max-height:85vh;overflow-y:auto}}@media (max-width:768px){a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.pull-to-refresh-spacer{height:0;transition:height .2s ease}@media (max-width:640px){.fab{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:50%;bottom:calc(env(safe-area-inset-bottom, 0px) + 20px);bottom:calc(var(--safe-area-bottom) + 20px);box-shadow:0 4px 20px #3b82f666;color:#fff;cursor:pointer;display:flex;font-size:24px;height:56px;justify-content:center;position:fixed;right:20px;transition:transform .2s ease,box-shadow .2s ease;width:56px;z-index:99}.fab:active{transform:scale(.95)}.has-sticky-footer .fab{bottom:calc(env(safe-area-inset-bottom, 0px) + 80px);bottom:calc(var(--safe-area-bottom) + 80px)}}.swipe-indicator{display:none}@media (max-width:640px){.swipe-indicator{align-items:center;color:#fff6;display:flex;font-size:12px;gap:4px;justify-content:center;padding:8px}.swipe-indicator:after,.swipe-indicator:before{content:"←";font-size:14px}.swipe-indicator:after{content:"→"}.card-shadow-mobile{box-shadow:0 2px 8px #00000026}.shadow-light-mobile{box-shadow:0 1px 3px #0000001a}}.layout{background:var(--bg-primary);display:flex;min-height:100vh}.mobile-header{background:var(--bg-card);border-bottom:1px solid var(--border-light);gap:12px;height:60px;left:0;padding:0 16px;position:fixed;right:0;top:0;z-index:1000}.menu-toggle,.mobile-header{align-items:center;display:flex}.menu-toggle{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;height:44px;justify-content:center;padding:0;transition:all .2s ease;width:44px}.menu-toggle:hover{background:var(--bg-secondary);color:var(--text-primary)}.mobile-logo{align-items:center;color:var(--text-primary);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:600;gap:8px}.mobile-logo .logo-icon{color:var(--accent-secondary);font-size:1.35rem}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;inset:0;opacity:0;position:fixed;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:1001}.sidebar-overlay.active{opacity:1;visibility:visible}body.sidebar-open{overflow:hidden;position:fixed;width:100%}.sidebar{background:var(--bg-card);border-right:1px solid var(--border-light);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:min(280px,85vw);z-index:1002}.sidebar.open{transform:translateX(0)}.sidebar-mobile-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;min-height:60px;padding:16px}.sidebar-header-content{align-items:center;display:flex;gap:10px}.sidebar-header-content .logo-icon{color:var(--accent-secondary);font-size:1.5rem}.sidebar-header-content .logo-text{color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:600;letter-spacing:-.01em}.sidebar-close-btn{align-items:center;background:var(--bg-secondary);border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:44px;justify-content:center;transition:all .2s ease;width:44px}.sidebar-close-btn:hover{background:var(--border-light);color:var(--text-primary)}.sidebar-header.desktop-only{display:none}.sidebar-nav{flex:1 1;gap:2px;overflow-y:auto;padding:12px 8px}.nav-item-wrapper,.sidebar-nav{display:flex;flex-direction:column}.nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.875rem;font-weight:500;gap:12px;min-height:44px;padding:12px 14px;text-align:left;text-decoration:none;transition:all .15s ease;width:100%}.nav-icon{font-size:1.125rem;opacity:.6;transition:opacity .15s ease}.nav-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.nav-item:hover .nav-icon{opacity:.9}.nav-item.active{background:var(--bg-secondary);color:var(--text-primary)}.nav-item.active .nav-icon{color:var(--accent-primary);opacity:1}.nav-emphasized-primary,.nav-item.nav-emphasized-primary{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border:none;border-radius:10px;box-shadow:0 4px 12px #3b82f659;color:#fff!important;cursor:pointer;font-weight:600;margin:4px 12px;padding:14px 16px!important;position:relative;transition:all .3s ease;z-index:1}.nav-emphasized-primary:hover,.nav-item.nav-emphasized-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;box-shadow:0 6px 20px #3b82f673;color:#fff!important;transform:translateY(-2px)}.nav-emphasized-primary .nav-icon,.nav-item.nav-emphasized-primary .nav-icon{color:#fff!important;opacity:1!important}.nav-emphasized-primary .nav-expand-icon,.nav-emphasized-primary span,.nav-item.nav-emphasized-primary .nav-expand-icon,.nav-item.nav-emphasized-primary span{color:#fff!important}[data-theme=dark] .nav-emphasized-primary,[data-theme=dark] .nav-item.nav-emphasized-primary{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;color:#fff!important}[data-theme=dark] .nav-emphasized-primary .nav-expand-icon,[data-theme=dark] .nav-emphasized-primary .nav-icon,[data-theme=dark] .nav-emphasized-primary span{color:#fff!important}.nav-emphasized-secondary{background:var(--bg-secondary);border:2px solid var(--accent-primary);border-radius:10px;color:var(--accent-primary)!important;font-weight:600;margin:4px 12px;padding:12px 14px!important;transition:all .3s ease}.nav-emphasized-secondary:hover{background:var(--accent-soft);transform:translateY(-1px)}.nav-emphasized-secondary .nav-icon{color:var(--accent-primary)!important;opacity:1}.nav-emphasized-secondary .nav-badge{background:var(--accent-primary);color:#fff}.emphasized-primary,.emphasized-secondary{margin-bottom:8px;margin-top:8px}.nav-badge{background:var(--bg-secondary);border-radius:4px;color:var(--text-secondary);font-size:.625rem;font-weight:600;letter-spacing:.03em;margin-left:auto;padding:2px 8px;text-transform:uppercase}.nav-badge.new,.nav-badge.pro{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.nav-expand-icon{font-size:.875rem;margin-left:auto;opacity:.5;transition:transform .2s ease}.nav-expand-icon.expanded{transform:rotate(180deg)}.nav-children{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease-out}.nav-children.expanded{grid-template-rows:1fr}.nav-children-inner{display:flex;flex-direction:column;min-height:0;overflow:hidden}.nav-divider{color:var(--text-muted);font-size:.6875rem;font-weight:600;letter-spacing:.05em;margin-top:4px;padding:12px 16px 6px 44px;text-transform:uppercase}.nav-child-item{color:var(--text-secondary);font-size:.8125rem;min-height:40px;padding-left:44px!important}.nav-child-item .nav-icon{font-size:.9375rem}.nav-child-item.active,.nav-child-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.nav-child-item.active .nav-icon{color:var(--accent-primary);opacity:1}.nav-item[href="/app/dashboard"] .nav-icon{color:#6b8cae}.nav-item-parent .nav-icon{color:#8b7ec8}.nav-item[href="/app/create/business"] .nav-icon{color:#5b8dc9}.nav-item[href="/app/create/ecommerce"] .nav-icon{color:#d4915e}.nav-item[href="/app/create/carousel"] .nav-icon{color:#5bb5b5}.nav-item[href="/app/create/quotes"] .nav-icon{color:#9b8ec4}.nav-item[href="/app/create/memes"] .nav-icon{color:#e6b800}.nav-item[href="/app/create/manual-post"] .nav-icon{color:#6bae7c}.nav-item[href="/app/autopilot"] .nav-icon{color:#9775d4}.nav-item[href="/app/asset-hub"] .nav-icon{color:#c9a05b}.nav-item[href="/app/business-hub"] .nav-icon{color:#5b7fc9}.nav-item[href="/app/calendar"] .nav-icon{color:#c97878}.nav-item[href="/app/settings"] .nav-icon{color:#8b9099}.nav-item:hover .nav-icon{filter:brightness(1.15)}.nav-child-item.active .nav-icon,.nav-item.active .nav-icon{color:var(--accent-primary)!important}.sidebar-footer{border-top:1px solid var(--border-light);flex-wrap:wrap;gap:12px;margin-top:auto;padding:12px}.sidebar-footer,.user-info{align-items:center;display:flex}.user-info{flex:1 1;gap:10px;min-width:0}.user-avatar{align-items:center;background:var(--bg-secondary);border-radius:8px;color:var(--text-secondary);display:flex;font-size:.8125rem;font-weight:600;height:36px;justify-content:center;width:36px}.user-details{display:flex;flex-direction:column;min-width:0}.user-name{color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.8125rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-plan{font-size:.6875rem;text-transform:capitalize}.logout-btn,.user-plan{color:var(--text-muted)}.logout-btn{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.logout-btn:hover{background:var(--error-bg);color:var(--error)}.theme-toggle{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:50px;cursor:pointer;display:flex;height:28px;margin-right:12px;padding:2px;position:relative;transition:all .3s ease;width:56px}.theme-toggle:hover{border-color:var(--border-medium)}.theme-toggle-icon{align-items:center;display:flex;font-size:12px;height:22px;justify-content:center;position:absolute;transition:all .3s ease;width:22px;z-index:1}.theme-toggle-icon:first-child{color:var(--text-muted);left:4px}.theme-toggle-icon:last-of-type{color:var(--text-muted);right:4px}.theme-toggle-icon.active{color:var(--accent-primary)}.theme-toggle-slider{background:var(--bg-card);border-radius:50%;box-shadow:0 1px 3px #0000001a;height:22px;left:3px;position:absolute;transition:transform .3s ease;width:22px}[data-theme=dark] .theme-toggle-slider{transform:translateX(26px)}[data-theme=dark] .theme-toggle{background:var(--bg-tertiary)}.main-content{background:var(--bg-primary);flex:1 1;min-height:100vh;min-width:0;padding:76px 16px 16px}@media (min-width:768px){.mobile-header,.sidebar-overlay{display:none}.sidebar{box-shadow:none;position:fixed;transform:translateX(0);width:240px}.sidebar-mobile-header{display:none}.sidebar-header.desktop-only{align-items:center;border-bottom:1px solid var(--border-light);display:flex;gap:10px;padding:20px 16px}.sidebar-header.desktop-only .logo-icon{color:var(--accent-secondary);font-size:1.5rem}.sidebar-header.desktop-only .logo-text{color:var(--text-primary);font-size:1rem;font-weight:700;letter-spacing:-.02em}.main-content{margin-left:240px;padding:24px}}@media (min-width:1024px){.sidebar{width:260px}.main-content{margin-left:260px;padding:32px}}@media (min-width:1280px){.sidebar{width:280px}.main-content{margin-left:280px;padding:40px}}@media (prefers-reduced-motion:reduce){.nav-children,.nav-item,.sidebar,.sidebar-overlay{transition:none}}.home-page{background:var(--bg-dark);min-height:100vh;overflow-x:hidden}.home-page .hero{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;min-height:90vh;padding:8rem 4rem 6rem;position:relative}.home-page .hero:before{background:radial-gradient(circle,#e1306c26 0,#0000 70%);height:600px;right:-10%;top:-20%;width:600px}.home-page .hero:after,.home-page .hero:before{content:"";filter:blur(60px);position:absolute;z-index:-1}.home-page .hero:after{background:radial-gradient(circle,#833ab426 0,#0000 70%);bottom:-10%;height:500px;left:-10%;width:500px}.home-page .hero-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#e1306c1a;border:1px solid #e1306c33;border-radius:50px;color:#e1306c;display:inline-flex;font-size:.875rem;font-weight:600;margin-bottom:2rem;padding:.5rem 1rem}.home-page .hero h1{color:var(--text-primary);font-size:4.5rem;font-weight:800;letter-spacing:-2px;line-height:1.1;margin-bottom:1.5rem}.home-page .gradient-text{-webkit-text-fill-color:#0000;background:var(--gradient);-webkit-background-clip:text;background-clip:text}.home-page .hero-subtitle{color:var(--text-secondary);font-size:1.5rem;font-weight:500;line-height:1.6;margin-bottom:2rem;max-width:540px}.home-page .hero-cta{display:flex;gap:1.25rem;margin-bottom:3rem}.home-page .btn-xl{align-items:center;border-radius:16px;display:inline-flex;font-size:1.25rem;font-weight:700;gap:.75rem;padding:1.25rem 3rem;transition:all .3s ease}.home-page .btn-primary.btn-xl{background:linear-gradient(135deg,#e1306c,#c13584 50%,#833ab4);border:none;box-shadow:0 8px 30px #e1306c66;color:#fff;text-shadow:0 1px 2px #0003}.home-page .btn-primary.btn-xl:hover{box-shadow:0 15px 40px #e1306c80;transform:translateY(-4px) scale(1.02)}.home-page .btn-secondary-outline.btn-xl{background:#0000;border:2px solid #ffffff4d;color:var(--text-primary)}.home-page .btn-secondary-outline.btn-xl:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-2px)}.home-page .btn-lg{align-items:center;border-radius:12px;display:inline-flex;font-size:1.125rem;gap:.5rem;padding:1rem 2.5rem}.home-page .btn-outline{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-primary)}.home-page .btn-outline:hover{background:#ffffff1a;border-color:var(--text-primary);color:var(--text-primary);transform:translateY(-2px)}.home-page .hero-stats{border-top:1px solid var(--glass-border);display:flex;gap:4rem;padding-top:2rem}.home-page .stat{display:flex;flex-direction:column;gap:.5rem}.home-page .stat-number{color:var(--text-primary);font-size:2.5rem;font-weight:800;line-height:1}.home-page .stat-label{color:var(--text-muted);font-size:.875rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.home-page .hero-image{align-items:center;display:flex;justify-content:center;position:relative}.home-page .hero-image:before{background:radial-gradient(circle,#e1306c33 0,#0000 70%);content:"";filter:blur(40px);inset:0;position:absolute;z-index:-1}.home-page .instagram-icon{-webkit-text-fill-color:#0000;animation:float 6s ease-in-out infinite;background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 20px 40px rgba(220,39,67,.3));font-size:320px}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(2deg)}}.home-page .section-header{margin-bottom:4rem;text-align:center}.home-page .section-header h2{color:var(--text-primary);font-size:3rem;font-weight:800;letter-spacing:-1px;margin-bottom:1rem}.home-page .section-header p{color:var(--text-secondary);font-size:1.25rem;margin:0 auto;max-width:600px}.home-page .features-section{background:#0000;padding:8rem 4rem;position:relative}.home-page .features-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px}.home-page .feature-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--bg-card);border:1px solid var(--glass-border);border-radius:24px;box-shadow:var(--shadow-md);padding:2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.home-page .feature-card:hover{background:var(--bg-card-hover);border-color:#e1306c4d;box-shadow:var(--shadow-glow);transform:translateY(-8px)}.home-page .feature-icon{align-items:center;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:16px;display:flex;height:64px;justify-content:center;margin-bottom:1.5rem;transition:all .3s ease;width:64px}.home-page .feature-card:hover .feature-icon{background:var(--gradient);border-color:#0000;transform:scale(1.1) rotate(5deg)}.home-page .feature-icon svg{color:var(--primary);font-size:1.75rem;transition:color .3s ease}.home-page .feature-card:hover .feature-icon svg{color:#fff}.home-page .feature-card h3{color:var(--text-primary);font-size:1.375rem;font-weight:700;margin-bottom:1rem}.home-page .feature-card p{color:var(--text-secondary);font-size:1.0625rem;line-height:1.6}.home-page .how-it-works{margin:0 auto;max-width:1200px;padding:8rem 4rem}.home-page .steps{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(5,1fr);list-style:none;margin:0;padding:0;position:relative}.home-page .steps:before{background:linear-gradient(90deg,#0000,#e1306c4d,#833ab44d,#e1306c4d,#0000);content:"";height:2px;left:10%;position:absolute;right:10%;top:32px;z-index:0}.home-page .step{padding:0 .5rem;position:relative;text-align:center;z-index:1}.home-page .step-icon-wrapper{align-items:center;background:linear-gradient(135deg,#e1306c1a,#833ab41a);border:1px solid #e1306c33;border-radius:20px;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;position:relative;transition:all .3s ease;width:80px}.home-page .step-icon-wrapper:before{background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:22px;content:"";inset:-2px;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.home-page .step-icon{color:var(--primary);font-size:2rem;transition:all .3s ease}.home-page .step-badge{align-items:center;background:linear-gradient(135deg,var(--primary),var(--secondary));border:3px solid var(--bg-dark);border-radius:50%;box-shadow:0 4px 15px #e1306c80;color:#fff;display:flex;font-size:1rem;font-weight:800;height:36px;justify-content:center;position:absolute;right:-12px;top:-12px;width:36px;z-index:2}.home-page .step:hover .step-icon-wrapper{background:linear-gradient(135deg,#e1306c26,#833ab426);border-color:#0000;transform:translateY(-4px)}.home-page .step:hover .step-icon-wrapper:before{opacity:.15}.home-page .step:hover .step-icon{color:#fff;filter:drop-shadow(0 0 8px rgba(225,48,108,.5))}.home-page .step:hover .step-badge{box-shadow:0 6px 20px #e1306c99;transform:scale(1.15)}.home-page .step h3{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.home-page .step p{color:var(--text-secondary);font-size:1rem;line-height:1.5}.home-page .steps-cta{margin-top:4rem;text-align:center}.home-page .pricing-section{background:#0000;padding:8rem 4rem}.home-page .pricing-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px}.home-page .pricing-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--bg-card);border:1px solid var(--glass-border);border-radius:24px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;padding:3rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.home-page .pricing-card:hover{background:var(--bg-card-hover);border-color:#fff3;transform:translateY(-8px)}.home-page .pricing-card.popular{background:#e1306c0d;border:2px solid var(--primary);transform:scale(1.05);z-index:2}.home-page .pricing-card.popular:hover{box-shadow:var(--shadow-glow);transform:scale(1.05) translateY(-8px)}.home-page .popular-badge{background:var(--gradient);border-radius:50px;box-shadow:0 4px 12px #e1306c4d;color:#fff;font-size:.875rem;font-weight:700;left:50%;padding:.5rem 1.5rem;position:absolute;top:-16px;transform:translateX(-50%)}.home-page .pricing-card h3{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin-bottom:1.5rem}.home-page .price{align-items:baseline;display:flex;margin-bottom:2.5rem}.home-page .price .currency{color:var(--text-secondary);font-size:1.5rem;font-weight:600}.home-page .price .amount{color:var(--text-primary);font-size:3.5rem;font-weight:800;letter-spacing:-1px}.home-page .price .period{color:var(--text-muted);font-size:1rem;margin-left:.25rem}.home-page .features-list{flex-grow:1;list-style:none;margin:0 0 2rem;padding:0}.home-page .features-list li{align-items:center;border-bottom:1px solid var(--glass-border);color:var(--text-secondary);display:flex;font-size:1.0625rem;gap:1rem;padding:1rem 0}.home-page .features-list li:last-child{border-bottom:none}.home-page .features-list li svg{color:var(--success);flex-shrink:0;font-size:1.25rem}.home-page .btn-full{font-size:1.125rem;font-weight:600;padding:1rem 1.5rem;width:100%}.home-page .btn-primary.btn-full{background:linear-gradient(135deg,#e1306c,#c13584 50%,#833ab4);box-shadow:0 6px 20px #e1306c59}.home-page .btn-primary.btn-full:hover{box-shadow:0 10px 30px #e1306c73;transform:translateY(-3px)}.home-page .faq-section{margin:0 auto;max-width:1200px;padding:8rem 4rem}.home-page .faq-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.home-page .faq-item{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--bg-card);border:1px solid var(--glass-border);border-radius:20px;padding:2rem;transition:all .3s ease}.home-page .faq-item:hover{background:var(--bg-card-hover);border-color:#fff3}.home-page .faq-item h3{color:var(--text-primary);font-size:1.125rem;font-weight:700;margin-bottom:1rem}.home-page .faq-item p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.home-page .cta-section{background:linear-gradient(135deg,#e1306c,#833ab4);color:#fff;overflow:hidden;padding:8rem 4rem;position:relative;text-align:center}.home-page .cta-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;position:absolute;right:0;top:0}.home-page .cta-section h2{font-size:3.5rem;font-weight:800;letter-spacing:-1px;margin-bottom:1.5rem;position:relative;z-index:1}.home-page .cta-section p{font-size:1.375rem;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:700px;opacity:.95}.home-page .cta-buttons,.home-page .cta-section p{position:relative;z-index:1}.home-page .cta-section .btn-xl{background:#fff;border-radius:50px;box-shadow:0 10px 40px #00000040;color:#e1306c;font-size:1.375rem;font-weight:700;padding:1.5rem 3.5rem}.home-page .cta-section .btn-xl:hover{box-shadow:0 20px 50px #00000059;transform:translateY(-4px) scale(1.05)}.home-page .cta-note{font-size:1.0625rem;margin-top:2rem;opacity:.9;position:relative;z-index:1}.home-page .tldr-section{background:#e1306c0d;border-bottom:1px solid var(--glass-border);padding:2rem 4rem}.home-page .tldr-container{margin:0 auto;max-width:900px}.home-page .tldr-title{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin-bottom:1rem}.home-page .tldr-list{grid-gap:.5rem;display:grid;gap:.5rem;list-style:none;margin:0;padding:0}.home-page .tldr-list li{color:var(--text-secondary);font-size:.95rem;padding-left:1rem;position:relative}.home-page .tldr-list li:before{color:var(--primary);content:"•";left:0;position:absolute}.home-page .tldr-list li strong{color:var(--text-primary)}.home-page .trust-stats-section{background:#ffffff05;border-bottom:1px solid var(--glass-border);padding:4rem}.home-page .trust-stats-grid{display:flex;flex-wrap:wrap;gap:4rem;justify-content:center;margin:0 auto;max-width:1200px}.home-page .trust-stat-card{align-items:center;display:flex;flex-direction:column;gap:.5rem}.home-page .stat-icon{color:var(--primary);font-size:2rem;margin-bottom:.5rem}.home-page .hero-benefits{grid-gap:1rem;display:grid;gap:1rem;list-style:none;margin:0 0 2.5rem;padding:0}.home-page .hero-benefits li{align-items:center;color:var(--text-primary);display:flex;font-size:1.125rem;font-weight:500;gap:.75rem}.home-page .hero-benefits li svg{color:#22c55e;flex-shrink:0;font-size:1.25rem}.home-page .hero-trust{display:flex;flex-wrap:wrap;gap:2rem}.home-page .trust-badge{align-items:center;color:var(--text-muted);display:flex;font-size:.875rem;gap:.5rem}.home-page .trust-badge svg{color:var(--success)}.home-page .testimonials-section{background:#ffffff05;padding:8rem 4rem}.home-page .testimonials-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px}.home-page .testimonial-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:20px;padding:2rem;transition:all .3s ease}.home-page .testimonial-card:hover{background:var(--bg-card-hover);border-color:#fff3}.home-page .quote-icon{color:var(--primary);font-size:1.5rem;margin-bottom:1rem}.home-page .testimonial-text{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.home-page .testimonial-author{align-items:center;display:flex;justify-content:space-between}.home-page .author-info strong{color:var(--text-primary);display:block;font-size:1rem}.home-page .author-info span{color:var(--text-muted);font-size:.875rem}.home-page .testimonial-rating{color:#fbbf24}.home-page .keyword-tag{background:#e1306c1a;border-radius:20px;color:var(--primary);display:inline-block;font-size:.75rem;margin-right:.5rem;margin-top:1rem;padding:.25rem .75rem}.home-page .feature-keywords{margin-top:1rem}.home-page .home-footer{background:#000;border-top:1px solid var(--glass-border);padding:4rem 4rem 2rem}.home-page .footer-content{margin:0 auto;max-width:1400px}.home-page .footer-brand{align-items:center;color:var(--text-primary);display:flex;font-size:1.75rem;font-weight:700;gap:.75rem;margin-bottom:2.5rem}.home-page .footer-brand .footer-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e1306c,#833ab4);-webkit-background-clip:text;background-clip:text;color:#e1306c;font-size:2rem}.home-page .footer-links{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(4,1fr);margin-bottom:3rem}.home-page .footer-column{display:flex;flex-direction:column;gap:.75rem}.home-page .footer-column h4{color:var(--text-primary);font-size:1rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.home-page .footer-column a{color:var(--text-muted);font-size:.95rem;text-decoration:none;transition:all .3s ease}.home-page .footer-column a:hover{color:var(--text-primary);transform:translateX(3px)}.home-page .footer-bottom{align-items:center;border-top:1px solid var(--glass-border);display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;padding-top:2rem}.home-page .footer-bottom p{color:var(--text-muted);font-size:.875rem;margin:0}.home-page .footer-trust{align-items:center;color:var(--text-muted);display:flex;font-size:.875rem;gap:.5rem}.home-page .footer-trust svg{color:var(--success)}.home-page .sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (max-width:1024px){.home-page .hero{grid-template-columns:1fr;padding:4rem 2rem;text-align:center}.home-page .hero h1{font-size:3rem}.home-page .hero-subtitle{font-size:1.25rem;margin:0 auto 2rem}.home-page .hero-cta,.home-page .hero-stats{justify-content:center}.home-page .hero-image{order:-1}.home-page .instagram-icon{font-size:150px}.home-page .features-grid,.home-page .pricing-grid,.home-page .testimonials-grid{grid-template-columns:1fr;margin:0 auto;max-width:500px}.home-page .steps{grid-template-columns:repeat(2,1fr)}.home-page .steps:before{display:none}.home-page .pricing-card.popular{transform:none}.home-page .pricing-card.popular:hover{transform:translateY(-5px)}.home-page .hero-benefits{margin:0 auto 2rem;max-width:350px;text-align:left}.home-page .hero-trust{justify-content:center}.home-page .faq-grid{grid-template-columns:1fr}.home-page .section-header h2{font-size:2.25rem}.home-page .cta-section h2{font-size:2.5rem}}@media (max-width:768px){.home-page .hero{padding:3rem 1.5rem}.home-page .hero h1{font-size:2.5rem}.home-page .hero-subtitle{font-size:1.125rem}.home-page .hero-cta{flex-direction:column;gap:1rem}.home-page .btn-xl{font-size:1.125rem;padding:1.125rem 2rem}.home-page .btn-lg,.home-page .btn-xl{justify-content:center;width:100%}.home-page .hero-stats{flex-wrap:wrap;gap:1.5rem}.home-page .cta-section,.home-page .faq-section,.home-page .features-section,.home-page .how-it-works,.home-page .pricing-section,.home-page .testimonials-section{padding:4rem 1.5rem}.home-page .section-header h2{font-size:1.875rem}.home-page .footer-links{gap:2rem;grid-template-columns:repeat(2,1fr)}.home-page .footer-bottom{flex-direction:column;text-align:center}.home-page .trust-stats-grid{gap:2rem}.home-page .steps{grid-template-columns:1fr;max-width:400px}.home-page .cta-section h2{font-size:2rem}.home-page .cta-section p{font-size:1.125rem}.home-page .cta-section .btn-xl{font-size:1.125rem;padding:1.25rem 2.5rem}}@media (max-width:480px){.home-page .footer-links{grid-template-columns:1fr;text-align:center}.home-page .footer-column a:hover{transform:none}.home-page .footer-trust{flex-direction:column;gap:.75rem}}.about-page{background:var(--bg-dark);min-height:100vh}.about-hero{background:radial-gradient(circle at center,#e1306c1a 0,#0000 70%);padding:100px 20px 60px;text-align:center}.about-hero h1{-webkit-text-fill-color:#0000;background:var(--gradient);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;margin-bottom:24px}.about-hero p{color:var(--text-secondary);font-size:1.25rem;line-height:1.6;margin:0 auto;max-width:700px}.stats-section{background:#ffffff05;border-bottom:1px solid var(--glass-border);border-top:1px solid var(--glass-border);padding:60px 20px}.stats-grid{grid-gap:40px;gap:40px;margin:0 auto;max-width:1200px;text-align:center}.stat-number{color:var(--text-primary);margin-bottom:8px}.stat-label{color:var(--text-muted);font-size:.875rem;font-weight:600;letter-spacing:1px}.story-section{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:100px 20px}.story-content h2{color:var(--text-primary);font-size:2.5rem;margin-bottom:32px}.story-content p{color:var(--text-secondary);font-size:1.1rem;line-height:1.8;margin-bottom:24px}.image-placeholder{background:linear-gradient(135deg,#e1306c1a,#833ab41a);border:1px solid var(--glass-border);border-radius:24px;height:400px;overflow:hidden;position:relative;width:100%}.image-placeholder:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");content:"";inset:0;position:absolute}.values-section{margin:0 auto;max-width:1200px;padding:100px 20px;text-align:center}.values-section h2{color:var(--text-primary);font-size:2.5rem;margin-bottom:60px}.values-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(4,1fr)}.value-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:24px;padding:32px;transition:transform .3s ease}.value-card:hover{background:var(--bg-card-hover);transform:translateY(-10px)}.value-icon{align-items:center;background:#ffffff0d;border-radius:16px;color:#e1306c;display:flex;font-size:24px;height:64px;justify-content:center;margin:0 auto 24px;width:64px}.value-card h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:16px}.value-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}@media (max-width:1024px){.stats-grid,.values-grid{grid-template-columns:repeat(2,1fr)}.story-section{grid-template-columns:1fr;text-align:center}}@media (max-width:768px){.about-hero h1{font-size:2.5rem}.stats-grid,.values-grid{grid-template-columns:1fr}.image-placeholder{height:250px}}.contact-page{background:var(--bg-dark);min-height:100vh;padding:40px 20px}.contact-page .page-header.center{margin-bottom:60px;text-align:center}.contact-page .page-header h1{-webkit-text-fill-color:#0000;background:var(--gradient);-webkit-background-clip:text;background-clip:text;font-size:3rem;margin-bottom:16px}.contact-page .page-header p{color:var(--text-secondary);font-size:1.2rem}.contact-container{margin:0 auto;max-width:1200px}.contact-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 2fr}.info-card,.social-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--bg-card);border:1px solid var(--glass-border);border-radius:24px;margin-bottom:24px;padding:32px}.info-card h3,.social-card h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:24px}.info-item{align-items:flex-start;display:flex;gap:16px;margin-bottom:24px}.info-item:last-child{margin-bottom:0}.icon-box{align-items:center;background:#e1306c1a;border-radius:12px;color:#e1306c;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.info-item .label{color:var(--text-muted);display:block;font-size:.875rem;margin-bottom:4px}.info-item a,.info-item address{color:var(--text-primary);font-size:1rem;font-style:normal;text-decoration:none;transition:color .2s}.info-item a:hover{color:#e1306c}.social-links{display:flex;gap:16px}.social-links a{align-items:center;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px;color:var(--text-secondary);display:flex;font-size:20px;height:48px;justify-content:center;transition:all .2s;width:48px}.social-links a:hover{background:var(--gradient);border-color:#0000;color:#fff;transform:translateY(-2px)}.contact-form-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--bg-card);border:1px solid var(--glass-border);border-radius:24px;padding:40px}.contact-form-section h2{color:var(--text-primary);font-size:1.75rem;margin-bottom:32px}.contact-form .form-group{margin-bottom:24px}.contact-form .form-row{display:flex;flex-direction:column;gap:24px}@media (min-width:768px){.contact-form .form-row{flex-direction:row}.contact-form .form-row>.form-group{flex:1 1;margin-bottom:0}}.contact-form label{align-items:center;color:var(--text-secondary);display:flex;font-size:15px;font-weight:500;gap:4px;margin-bottom:8px}.contact-form .required-mark{color:#e1306c;font-size:1.1em;font-weight:600}.contact-form input,.contact-form textarea{background:#0003;border:1px solid var(--glass-border);border-radius:12px;color:var(--text-primary);font-size:16px;min-height:56px;padding:16px;transition:all .2s;width:100%}.contact-form textarea{min-height:140px;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{background:#0000004d;border-color:#e1306c;box-shadow:0 0 0 4px #e1306c1a;outline:none}.contact-form input:focus-visible,.contact-form textarea:focus-visible{outline:2px solid #e1306c;outline-offset:2px}.btn-full{font-size:1.1rem;padding:16px}@media (max-width:968px){.contact-grid{grid-template-columns:1fr}.contact-info{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.info-card,.social-card{height:100%;margin-bottom:0}}@media (max-width:768px){.contact-info{grid-template-columns:1fr}.contact-page .page-header h1{font-size:2.25rem}.contact-form-section{padding:24px}.info-card,.social-card{border-radius:16px;padding:24px}}@media (max-width:640px){.contact-page{padding:24px 16px}.contact-page .page-header.center{margin-bottom:32px}.contact-page .page-header h1{font-size:1.75rem;margin-bottom:12px}.contact-page .page-header p{font-size:1rem}.contact-grid{gap:24px}.info-card,.social-card{border-radius:14px;padding:20px}.info-card h3,.social-card h3{font-size:1.125rem;margin-bottom:20px}.info-item{gap:12px;margin-bottom:20px}.icon-box{border-radius:10px;font-size:20px;height:48px;width:48px}.info-item .label{font-size:.8rem}.info-item a,.info-item address{font-size:.9rem}.social-links{flex-wrap:wrap;gap:12px}.social-links a{height:48px;width:48px}.contact-form-section{border-radius:14px;padding:20px}.contact-form-section h2{font-size:1.375rem;margin-bottom:24px}.contact-form .form-group{margin-bottom:20px}.contact-form .form-row{gap:20px}.contact-form label{font-size:14px}.contact-form input,.contact-form textarea{border-radius:10px;font-size:16px;min-height:52px;padding:14px}.contact-form textarea{min-height:120px}.btn-full{font-size:1rem;min-height:52px;padding:14px}}@media (max-width:480px){.contact-page{padding:20px 12px}.contact-page .page-header h1{font-size:1.5rem}.contact-page .page-header p{font-size:.9rem}.contact-form-section,.info-card,.social-card{padding:16px}.contact-form-section h2{font-size:1.25rem}.contact-form input,.contact-form textarea{min-height:52px;padding:14px}.contact-form textarea{min-height:100px}.contact-form .btn-full{min-height:52px}}@media (max-width:360px){.contact-page .page-header h1{font-size:1.375rem}.icon-box{font-size:18px}.icon-box,.social-links a{height:40px;width:40px}}@media (max-height:500px) and (orientation:landscape){.contact-page{padding:16px 20px}.contact-page .page-header.center{margin-bottom:24px}.contact-grid{gap:24px;grid-template-columns:1fr 2fr}.contact-info{display:flex;flex-direction:column;gap:16px}.info-card,.social-card{margin-bottom:0}}.auth-container{align-items:center;background:radial-gradient(circle at top left,#e1306c26,#0000 40%),radial-gradient(circle at bottom right,#833ab426,#0000 40%);display:flex;gap:80px;justify-content:center;min-height:100vh;min-height:100dvh;padding:40px 20px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.auth-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--glass-border);border-radius:24px;box-shadow:var(--shadow-lg);max-width:440px;overflow:hidden;padding:48px;position:relative;width:100%}.auth-card:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.auth-header{margin-bottom:40px;text-align:center}.auth-logo{-webkit-text-fill-color:#0000;background:var(--gradient);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 4px 10px rgba(225,48,108,.3));font-size:56px;margin-bottom:20px}.auth-header h1{color:var(--text-primary);font-size:32px;font-weight:800;letter-spacing:-.5px;margin-bottom:8px}.auth-header p{color:var(--text-secondary);font-size:16px;line-height:1.5}.auth-form{margin-bottom:32px}.form-group{margin-bottom:24px}.label{color:var(--text-secondary);font-size:15px;font-weight:600;margin-bottom:10px}.form-hint,.label{display:block;line-height:1.4;margin-left:4px}.form-hint{margin-top:8px}.form-hint,.optional-label{color:var(--text-muted);font-size:13px}.optional-label{font-weight:400}.input-wrapper{position:relative}.input-wrapper .input{background:#ffffff08;border:1px solid var(--glass-border);border-radius:12px;color:var(--text-primary);font-size:16px;line-height:1.5;min-height:56px;padding:16px 18px 16px 52px;transition:all .2s ease;width:100%}.input-wrapper .input:focus{background:#ffffff0d;border-color:#e1306c80;box-shadow:0 0 0 4px #e1306c1a;outline:none}.input-icon,.input-wrapper .input::placeholder{color:var(--text-muted)}.input-icon{font-size:20px;left:18px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:color .2s}.input-wrapper .input:focus+.input-icon,.input-wrapper .input:focus~.input-icon{color:var(--primary)}.password-toggle{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;min-height:48px;min-width:48px;padding:12px;position:absolute;right:6px;top:50%;transform:translateY(-50%);transition:color .2s}.password-toggle:focus-visible,.password-toggle:hover{background:#ffffff0d;color:var(--text-primary)}.password-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn-full{border-radius:12px;font-size:16px;font-weight:600;margin-top:8px;min-height:56px;padding:18px;width:100%}.auth-footer{color:var(--text-secondary);font-size:15px;line-height:1.5;text-align:center}.auth-footer a{color:var(--primary);font-weight:600;margin-left:4px}.auth-footer a:hover{text-decoration:underline}.auth-features{max-width:480px}.auth-features h2{color:#fff;font-size:42px;font-weight:800;line-height:1.2;margin-bottom:32px;text-shadow:0 0 20px #8b5cf6cc,0 0 40px #ec489980}.auth-features ul{display:flex;flex-direction:column;gap:20px;list-style:none}.auth-features li{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid var(--glass-border);border-radius:16px;color:var(--text-secondary);display:flex;font-size:18px;gap:16px;padding:16px}@media (max-width:900px){.auth-container{flex-direction:column;gap:40px;padding:20px}.auth-features{display:none}.auth-card{padding:32px}}@media (max-width:768px){.auth-container{align-items:flex-start;min-height:100dvh;padding:8vh 16px 20px}.auth-card{border-radius:20px;max-width:100%;padding:32px 24px}.auth-header{margin-bottom:32px}.auth-logo{font-size:48px;margin-bottom:16px}.auth-header h1{font-size:26px}.auth-header p{font-size:15px}.form-group{margin-bottom:22px}.label{font-size:15px;margin-bottom:10px}.form-hint{font-size:13px;margin-top:8px}.input-wrapper .input{border-radius:12px;font-size:16px;min-height:56px;padding:16px 16px 16px 50px}.input-icon{font-size:20px;left:16px}.password-toggle{min-height:48px;min-width:48px;right:4px}.btn-full{border-radius:12px;font-size:16px;min-height:56px;padding:16px}.auth-footer{font-size:15px}}@media (max-width:480px){.auth-container{padding:6vh 12px 16px}.auth-card{border-radius:18px;box-shadow:0 8px 32px #0000004d;padding:28px 20px}.auth-header{margin-bottom:28px}.auth-logo{font-size:42px;margin-bottom:12px}.auth-header h1{font-size:24px;margin-bottom:6px}.auth-header p{font-size:14px}.auth-form{margin-bottom:24px}.form-group{margin-bottom:20px}.label{font-size:14px;margin-bottom:8px}.form-hint{margin-top:6px}.form-hint,.optional-label{font-size:12px}.input-wrapper .input{border-radius:10px;min-height:52px;padding:14px 14px 14px 46px}.input-icon{font-size:18px;left:14px}.password-toggle{min-height:44px;min-width:44px;padding:10px;right:2px}.btn-full{border-radius:10px;font-size:15px;min-height:52px;padding:14px}.auth-footer{font-size:14px}.auth-footer a{margin-left:2px}}@media (max-width:360px){.auth-container{padding:5vh 8px 12px}.auth-card{border-radius:16px;padding:24px 16px}.auth-header{margin-bottom:24px}.auth-logo{font-size:36px;margin-bottom:10px}.auth-header h1{font-size:22px}.auth-header p,.label{font-size:13px}.input-wrapper .input{min-height:48px;padding:12px 12px 12px 42px}.input-icon{font-size:16px;left:12px}.btn-full{min-height:48px}}@media (max-height:500px) and (orientation:landscape){.auth-container{align-items:center;padding:12px 20px}.auth-card{max-width:480px;padding:20px 28px}.auth-header{margin-bottom:16px}.auth-logo{font-size:32px;margin-bottom:8px}.auth-header h1{font-size:20px;margin-bottom:4px}.auth-header p{font-size:13px}.form-group{margin-bottom:14px}.input-wrapper .input{min-height:48px;padding:12px 12px 12px 44px}.btn-full{margin-top:4px;min-height:48px;padding:12px}.auth-form{margin-bottom:16px}}.dash-header{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;gap:20px;justify-content:space-between;padding:0 0 18px}.dash-header-left h1{color:#f1f5f9;font-size:1.25rem;font-weight:600;letter-spacing:-.01em;margin:0 0 2px}.dash-header-left p{color:#64748b;font-size:.8125rem;margin:0}.dash-header-actions{align-items:center;display:flex;gap:8px}.header-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:5px;padding:7px 12px;text-decoration:none;transition:all .15s ease;white-space:nowrap}.header-btn svg{font-size:14px}.header-btn-ghost{background:#0000;color:#94a3b8;padding:7px 10px}.header-btn-ghost:hover{background:#ffffff0d;color:#e2e8f0}.header-btn-ghost span{display:none}@media (min-width:900px){.header-btn-ghost span{display:inline}.header-btn-ghost{padding:7px 12px}}.header-btn-secondary{background:#ffffff0a;border:1px solid #ffffff14;color:#e2e8f0}.header-btn-secondary:hover{background:#ffffff12;border-color:#ffffff1f}.header-btn-primary{background:#3b82f6;color:#fff}.header-btn-primary:hover{background:#2563eb}@media (max-width:768px){.dash-header{align-items:flex-start;flex-direction:column;gap:14px;padding-bottom:16px}.dash-header-left h1{font-size:1.125rem}.dash-header-actions{flex-wrap:wrap;gap:6px;justify-content:flex-start;width:100%}.header-btn-ghost{display:none}.header-btn-primary,.header-btn-secondary{flex:1 1;justify-content:center;min-width:120px}}@media (max-width:480px){.dash-header-actions{flex-direction:column}.header-btn-primary,.header-btn-secondary{width:100%}}.dashboard{background:var(--bg-primary);min-height:100vh}.dashboard-loader{align-items:center;display:flex;justify-content:center;min-height:100vh}.loader-spinner{animation:spin .8s linear infinite;border:3px solid var(--border-light);border-radius:50%;border-top-color:var(--accent-primary);height:40px;width:40px}.dashboard-content{margin:0 auto;max-width:800px;padding:0 var(--container-padding) 40px}.card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;transition:all .2s ease}.instagram-card{padding:24px}.card-header{justify-content:space-between;margin-bottom:20px}.card-header,.card-title{align-items:center;display:flex}.card-title{gap:12px}.card-title h2{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.card-icon{font-size:1.5rem}.card-icon.instagram{color:#e1306c}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:500;gap:6px;padding:6px 12px}.badge-success{background:var(--success-bg);color:var(--success)}.badge-error{background:var(--error-bg);color:var(--error)}.profile-row{background:var(--bg-secondary);border-radius:12px;gap:16px;margin-bottom:16px;padding:16px}.profile-avatar,.profile-row{align-items:center;display:flex}.profile-avatar{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border-radius:50%;color:#fff;flex-shrink:0;font-size:1.25rem;font-weight:600;height:56px;justify-content:center;width:56px}.profile-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.profile-info{flex:1 1;min-width:0}.profile-username{color:var(--text-primary);display:block;font-size:1rem;font-weight:600;margin-bottom:4px}.profile-stats{display:flex;gap:16px}.profile-stats span{color:var(--text-secondary);font-size:.8125rem}.profile-stats strong{color:var(--text-primary)}.profile-actions{display:flex;gap:8px}.btn-icon{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;text-decoration:none;transition:all .2s ease;width:40px}.btn-icon:hover{background:var(--bg-card-hover);color:var(--text-primary)}.connect-prompt{padding:40px 24px}.connect-icon{color:#e1306c;font-size:3rem;margin-bottom:16px}.connect-prompt h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 8px}.connect-prompt p{color:var(--text-secondary);font-size:.9375rem;margin:0 auto 24px;max-width:300px}.btn{text-decoration:none}.btn-primary:hover{background:var(--btn-primary-hover);transform:translateY(-1px)}@media (max-width:640px){.dashboard-content{padding:0 16px 32px}.instagram-card{padding:20px}.card-header{align-items:flex-start;flex-direction:column;gap:12px}.profile-row{flex-direction:column;text-align:center}.profile-actions,.profile-stats{justify-content:center}.profile-actions{width:100%}}.campaigns-page{margin:0 auto;max-width:1400px;padding:0 24px 40px}.campaign-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.campaign-stat-card{align-items:center;background:#0f172a;border:1px solid #1e293b;border-radius:12px;display:flex;gap:14px;padding:20px;transition:border-color .15s ease}.campaign-stat-card:hover{border-color:#334155}.stat-icon{border-radius:10px;font-size:20px;height:44px;width:44px}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:24px;line-height:1.2}.campaign-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.filter-btn{background:#0f172a;border:1px solid #1e293b;border-radius:8px;color:#64748b;font-size:13px;font-weight:500;padding:8px 16px;transition:all .15s ease}.filter-btn:hover{background:#1e293b;color:#e2e8f0}.filter-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.campaigns-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.campaign-card{background:#0f172a;border:1px solid #1e293b;padding:20px;transition:border-color .15s ease}.campaign-card:hover{border-color:#334155}.campaign-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.campaign-name{color:#f1f5f9;font-size:16px;font-weight:600;margin:0 0 4px}.campaign-date{color:#64748b;font-size:12px}.campaign-status{border-radius:6px;font-size:11px;font-weight:600;padding:4px 10px;text-transform:capitalize}.campaign-status.active{background:#22c55e26;color:#4ade80}.campaign-status.paused{background:#f9731626;color:#fb923c}.campaign-status.completed{background:#64748b26;color:#94a3b8}.campaign-status.draft{background:#3b82f626;color:#60a5fa}.campaign-metrics{grid-gap:12px;border-bottom:1px solid #1e293b;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:16px;padding-bottom:16px}.metric{display:flex;flex-direction:column;gap:2px}.metric-value{color:#f1f5f9;font-size:18px;font-weight:600}.metric-label{color:#64748b;font-size:11px;letter-spacing:.03em;text-transform:uppercase}.campaign-budget{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.budget-info{display:flex;flex-direction:column;gap:2px}.budget-label{color:#64748b;font-size:11px;letter-spacing:.03em;text-transform:uppercase}.budget-value{color:#4ade80;font-size:16px;font-weight:600}.budget-progress{flex:1 1;margin-left:20px;max-width:120px}.progress-bar{background:#1e293b;border-radius:3px;height:6px;margin-bottom:4px;overflow:hidden}.progress-fill{background:#3b82f6;border-radius:3px;height:100%;transition:width .3s ease}.progress-text{color:#64748b;font-size:11px;text-align:right}.campaign-actions{display:flex;gap:10px}.campaign-actions .btn{align-items:center;background:#1e293b;border:1px solid #334155;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:500;gap:6px;justify-content:center;padding:8px 12px;transition:all .15s ease}.campaign-actions .btn:hover{background:#334155;color:#f1f5f9}.campaign-actions .btn-primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.campaign-actions .btn-primary:hover{background:#2563eb}.campaigns-empty{align-items:center;background:#0f172a;border:1px solid #1e293b;border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:60px 24px;text-align:center}.campaigns-empty svg{color:#475569;font-size:48px;margin-bottom:16px;opacity:.5}.campaigns-empty h3{color:#f1f5f9;font-size:18px;margin:0 0 8px}.campaigns-empty p{color:#64748b;font-size:14px;margin:0 0 20px;max-width:300px}@media (max-width:1200px){.campaign-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.campaigns-page{padding:0 16px 40px}.campaign-stats{gap:12px;grid-template-columns:1fr 1fr}.campaign-stat-card{gap:12px;padding:16px}.stat-icon{font-size:18px;height:40px;width:40px}.stat-value{font-size:20px}.campaigns-grid{grid-template-columns:1fr}.campaign-filters{-ms-overflow-style:none;flex-wrap:nowrap;margin:0 -16px 16px;overflow-x:auto;padding-bottom:8px;padding-left:16px;padding-right:16px;scrollbar-width:none}.campaign-filters::-webkit-scrollbar{display:none}.filter-btn{flex-shrink:0;white-space:nowrap}.campaign-card{padding:16px}.campaign-metrics{gap:10px}.metric-value{font-size:16px}}@media (max-width:640px){.campaigns-page{padding:0 12px 32px}.campaign-stats{-ms-overflow-style:none;display:flex;gap:10px;margin:0 -12px 16px;overflow-x:auto;padding:0 12px 8px;scrollbar-width:none}.campaign-stats::-webkit-scrollbar{display:none}.campaign-stat-card{border-radius:10px;flex-shrink:0;min-width:160px;padding:14px}.stat-icon{border-radius:8px;font-size:16px;height:36px;width:36px}.stat-value{font-size:18px}.stat-label{font-size:11px}.campaign-filters{gap:6px;margin:0 -12px 14px;padding-left:12px;padding-right:12px}.filter-btn{border-radius:6px;font-size:12px;padding:8px 14px}.campaign-card{border-radius:10px;padding:14px}.campaign-header{margin-bottom:14px}.campaign-name{font-size:15px}.campaign-date{font-size:11px}.campaign-status{font-size:10px;padding:3px 8px}.campaign-metrics{gap:10px;grid-template-columns:1fr 1fr;margin-bottom:14px;padding-bottom:14px}.metric-value{font-size:15px}.metric-label{font-size:10px}.campaign-budget{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:14px}.budget-progress{margin-left:0;max-width:none;width:100%}.budget-value{font-size:15px}.campaign-actions{gap:8px}.campaign-actions .btn{font-size:12px;min-height:40px;padding:10px 12px}.campaigns-empty{border-radius:10px;padding:40px 16px}.campaigns-empty svg{font-size:40px;margin-bottom:12px}.campaigns-empty h3{font-size:16px}.campaigns-empty p{font-size:13px;margin-bottom:16px}}@media (max-width:480px){.campaigns-page{padding:0 10px 24px}.campaign-stat-card{gap:10px;min-width:140px;padding:12px}.stat-icon{font-size:14px;height:32px;width:32px}.stat-value{font-size:16px}.stat-label{font-size:10px}.filter-btn{font-size:11px;padding:7px 12px}.campaign-card{padding:12px}.campaign-name{font-size:14px}.campaign-metrics{gap:8px}.metric-value{font-size:14px}.campaign-actions{flex-direction:column;gap:6px}.campaign-actions .btn{min-height:44px;width:100%}}@media (max-width:360px){.campaign-stat-card{min-width:120px;padding:10px}.stat-icon{font-size:12px;height:28px;width:28px}.stat-value{font-size:14px}.campaign-card{padding:10px}.campaign-name,.metric-value{font-size:13px}}@media (max-height:500px) and (orientation:landscape){.campaigns-page{padding:0 16px 24px}.campaign-stats{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin:0 0 16px;overflow-x:visible;padding:0}.campaign-stat-card{min-width:auto;padding:12px}.campaigns-grid{grid-template-columns:repeat(2,1fr)}.campaign-metrics{grid-template-columns:repeat(3,1fr)}.campaign-actions{flex-direction:row}.campaign-actions .btn{flex:1 1;width:auto}}.create-campaign-page{margin:0 auto;max-width:900px}.steps-progress{gap:16px}.step{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--bg-card);border:1px solid var(--glass-border);border-radius:12px;cursor:pointer;padding:12px 20px;transition:all .2s ease}.step:hover{background:#ffffff0d;border-color:var(--text-muted)}.step.active{background:#e1306c1a;border-color:#e1306c;box-shadow:0 0 15px #e1306c1a}.step.completed{border-color:#10b981}.step-number{background:#ffffff1a;color:#fff;height:28px;width:28px}.step.active .step-number{background:var(--gradient)}.step span{font-size:14px}.step.active span{color:#fff;font-weight:500}.step-content{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--bg-card);border:1px solid var(--glass-border);border-radius:24px;box-shadow:var(--shadow-md);padding:32px}.step-content h2{align-items:center;color:var(--text-primary);display:flex;font-size:24px;gap:12px;margin-bottom:8px}.step-content h2 svg{color:#e1306c}.step-description{color:var(--text-secondary);margin-bottom:32px}.objectives-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.objective-card{background:#ffffff08;border:2px solid var(--glass-border);border-radius:16px;cursor:pointer;padding:24px;transition:all .2s ease}.objective-card:hover{background:#ffffff0d;border-color:var(--text-muted)}.objective-card.selected{background:#e1306c1a;border-color:#e1306c;box-shadow:0 0 15px #e1306c1a}.objective-card h4{color:var(--text-primary);font-size:16px;margin-bottom:8px}.objective-card p{color:var(--text-secondary);font-size:13px;line-height:1.5}.form-row{grid-gap:24px;gap:24px}.step-actions{border-top:1px solid var(--glass-border);padding-top:32px}.step-actions .btn:only-child{margin-left:auto}@media (max-width:768px){.steps-progress{flex-wrap:wrap}.step span{display:none}.form-row,.objectives-grid{grid-template-columns:1fr}.step-content{padding:20px}}.schedule-page{margin:0 auto;max-width:1400px;padding:0 24px 40px}.view-toggle{background:#0f172a;border:1px solid #1e293b;border-radius:10px;display:flex;gap:4px;margin-bottom:24px;padding:4px;width:-webkit-fit-content;width:fit-content}.view-btn{align-items:center;color:#64748b;display:flex;font-size:13px;gap:8px;padding:8px 16px;transition:all .15s ease}.view-btn:hover{background:#1e293b;color:#e2e8f0}.view-btn.active{background:#3b82f6;color:#fff}.calendar-container{background:#0f172a;border:1px solid #1e293b;border-radius:12px;overflow:hidden}.calendar-header{border-bottom:1px solid #1e293b;justify-content:space-between;padding:16px 20px}.calendar-header,.calendar-nav{align-items:center;display:flex}.calendar-nav{gap:12px}.nav-btn{align-items:center;background:#1e293b;border:1px solid #334155;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s ease;width:32px}.nav-btn:hover{background:#334155;color:#f1f5f9}.calendar-title{color:#f1f5f9;font-size:16px;font-weight:600}.today-btn{background:#1e293b;border:1px solid #334155;border-radius:6px;color:#94a3b8;cursor:pointer;font-size:12px;font-weight:500;padding:6px 14px;transition:all .15s ease}.today-btn:hover{background:#334155;color:#f1f5f9}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-day-header{border-bottom:1px solid #1e293b;color:#64748b;font-size:11px;font-weight:600;letter-spacing:.05em;padding:12px;text-align:center;text-transform:uppercase}.calendar-day{background:#0000;border-bottom:1px solid #1e293b;border-right:1px solid #1e293b}.calendar-day:hover{background:#0f1729}.calendar-day.other-month{background:#0a0f1a}.calendar-day.other-month .day-number{color:#334155}.calendar-day.today{background:#3b82f60d}.day-number{align-items:center;border-radius:6px;color:#94a3b8;display:flex;font-size:13px;height:28px;justify-content:center;width:28px}.day-events{display:flex;flex-direction:column;gap:4px}.event-item{border-radius:4px;cursor:pointer;font-size:11px;font-weight:500;overflow:hidden;padding:4px 8px;text-overflow:ellipsis;transition:opacity .15s ease;white-space:nowrap}.event-item:hover{opacity:.8}.event-item.post{background:#3b82f626;color:#60a5fa}.event-item.reel{background:#8b5cf626;color:#a78bfa}.event-item.story{background:#ec489926;color:#f472b6}.more-events{color:#64748b;font-size:10px;padding:2px 8px}.schedule-list{display:flex;flex-direction:column;gap:12px}.schedule-item{align-items:center;background:#0f172a;border:1px solid #1e293b;border-radius:10px;display:flex;gap:16px;padding:16px;transition:border-color .15s ease}.schedule-item:hover{border-color:#334155}.schedule-time{flex-shrink:0;width:80px}.schedule-date{color:#f1f5f9;font-size:13px;font-weight:600}.schedule-hour{color:#64748b;font-size:12px}.schedule-content{flex:1 1;min-width:0}.schedule-caption{color:#e2e8f0;font-size:14px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.schedule-meta{align-items:center;color:#64748b;display:flex;font-size:12px;gap:12px}.schedule-type{border-radius:4px;font-size:10px;font-weight:600;padding:3px 8px;text-transform:uppercase}.schedule-type.post{background:#3b82f626;color:#60a5fa}.schedule-type.reel{background:#8b5cf626;color:#a78bfa}.schedule-thumbnail{background:#1e293b;border-radius:8px;flex-shrink:0;height:60px;overflow:hidden;width:60px}.schedule-thumbnail img{height:100%;object-fit:cover;width:100%}.schedule-actions{display:flex;gap:8px}.schedule-actions .btn{align-items:center;background:#1e293b;border:1px solid #334155;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;transition:all .15s ease;width:36px}.schedule-actions .btn:hover{background:#334155;color:#f1f5f9}.schedule-actions .btn.delete:hover{background:#ef44441a;border-color:#ef44444d;color:#f87171}.queue-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.queue-stat{background:#0f172a;border:1px solid #1e293b;border-radius:10px;gap:12px;padding:16px}.queue-icon,.queue-stat{align-items:center;display:flex}.queue-icon{border-radius:8px;font-size:18px;height:40px;justify-content:center;width:40px}.queue-icon.blue{background:#3b82f61f;color:#60a5fa}.queue-icon.purple{background:#8b5cf61f;color:#a78bfa}.queue-icon.green{background:#22c55e1f;color:#4ade80}.queue-icon.orange{background:#f973161f;color:#fb923c}.queue-info{display:flex;flex-direction:column}.queue-value{color:#f1f5f9;font-size:20px;font-weight:700}.queue-label{color:#64748b;font-size:12px}.schedule-empty{align-items:center;background:#0f172a;border:1px solid #1e293b;border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:60px 24px;text-align:center}.schedule-empty svg{color:#475569;font-size:48px;margin-bottom:16px;opacity:.5}.schedule-empty h3{color:#f1f5f9;font-size:18px;margin:0 0 8px}.schedule-empty p{color:#64748b;font-size:14px;margin:0 0 20px}@media (max-width:1024px){.queue-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.schedule-page{padding:0 16px 40px}.queue-stats{gap:12px;grid-template-columns:1fr 1fr}.queue-stat{padding:14px}.queue-icon{font-size:16px;height:36px;width:36px}.queue-value{font-size:18px}.schedule-item{flex-wrap:wrap}.schedule-time{margin-bottom:8px;width:100%}.schedule-thumbnail{display:none}.calendar-day{min-height:80px;padding:4px}.day-number{font-size:11px;height:24px;width:24px}.event-item{font-size:10px;padding:2px 6px}.calendar-header{flex-wrap:wrap;gap:12px;padding:12px 16px}.calendar-title{font-size:14px}}@media (max-width:640px){.schedule-page{padding:0 12px 32px}.view-toggle{margin-bottom:16px;width:100%}.view-btn{flex:1 1;font-size:12px;justify-content:center;padding:10px 12px}.queue-stats{-ms-overflow-style:none;display:flex;gap:10px;margin:0 -12px 16px;overflow-x:auto;padding-bottom:8px;padding-left:12px;padding-right:12px;scrollbar-width:none}.queue-stats::-webkit-scrollbar{display:none}.queue-stat{flex-shrink:0;min-width:140px;padding:12px}.queue-icon{border-radius:6px;font-size:14px;height:32px;width:32px}.queue-value{font-size:16px}.queue-label{font-size:11px}.calendar-container{border-radius:10px}.calendar-header{padding:10px 12px}.calendar-nav{gap:8px}.nav-btn{border-radius:4px;height:28px;width:28px}.calendar-title{font-size:13px}.today-btn{font-size:11px;padding:5px 10px}.calendar-day-header{font-size:9px;padding:8px 2px}.calendar-day{min-height:60px;padding:2px}.day-number{border-radius:4px;font-size:10px;height:20px;margin-bottom:2px;width:20px}.event-item{border-radius:2px;font-size:8px;padding:2px 4px}.day-events{gap:2px}.more-events{font-size:8px;padding:1px 4px}.schedule-list{gap:10px}.schedule-item{border-radius:8px;gap:10px;padding:12px}.schedule-date{font-size:12px}.schedule-hour{font-size:11px}.schedule-caption{font-size:13px}.schedule-meta{font-size:11px;gap:8px}.schedule-type{font-size:9px;padding:2px 6px}.schedule-actions{justify-content:flex-end;margin-top:8px;width:100%}.schedule-actions .btn{height:40px;width:40px}.schedule-empty{border-radius:10px;padding:40px 16px}.schedule-empty svg{font-size:36px;margin-bottom:12px}.schedule-empty h3{font-size:16px}.schedule-empty p{font-size:13px;margin-bottom:16px}}@media (max-width:480px){.schedule-page{padding:0 8px 24px}.view-toggle{border-radius:8px;padding:3px}.view-btn{border-radius:5px;font-size:11px;gap:6px;padding:8px 10px}.queue-stat{gap:8px;min-width:120px;padding:10px}.queue-icon{font-size:12px;height:28px;width:28px}.queue-value{font-size:14px}.queue-label{font-size:10px}.calendar-header{padding:8px 10px}.nav-btn{height:26px;width:26px}.calendar-title{font-size:12px}.today-btn{font-size:10px;padding:4px 8px}.calendar-day-header{font-size:8px;letter-spacing:0;padding:6px 1px}.calendar-day{min-height:50px;padding:1px}.day-number{font-size:9px;height:18px;margin-bottom:1px;width:18px}.event-item{font-size:7px;padding:1px 3px}.schedule-item{padding:10px}.schedule-date{font-size:11px}.schedule-caption{font-size:12px}.schedule-actions .btn{height:36px;width:36px}}@media (max-width:360px){.calendar-day{min-height:44px}.day-number{font-size:8px;height:16px;width:16px}.event-item{font-size:6px;padding:1px 2px}.calendar-day-header{font-size:7px}.queue-stat{min-width:100px}}@media (max-height:500px) and (orientation:landscape){.schedule-page{padding:0 16px 24px}.view-toggle{margin-bottom:12px;width:auto}.queue-stats{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-bottom:12px}.queue-stat{min-width:auto;padding:10px}.calendar-day{min-height:60px}.schedule-empty{padding:30px 16px}}.analytics-page{margin:0 auto;max-width:1400px;padding:0 24px 40px}.date-range-selector{display:flex;gap:8px;margin-bottom:24px}.date-btn{background:#0f172a;border:1px solid #1e293b;border-radius:8px;color:#64748b;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .15s ease}.date-btn:hover{background:#1e293b;color:#e2e8f0}.date-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.stat-card{background:#0f172a;border:1px solid #1e293b;border-radius:12px;padding:20px;transition:border-color .15s ease}.stat-card:hover{border-color:#334155}.stat-header{justify-content:space-between;margin-bottom:12px}.stat-header,.stat-icon{align-items:center;display:flex}.stat-icon{border-radius:8px;font-size:18px;height:40px;justify-content:center;width:40px}.stat-icon.blue{background:#3b82f61f;color:#60a5fa}.stat-icon.green{background:#22c55e1f;color:#4ade80}.stat-icon.red{background:#ef44441f;color:#f87171}.stat-icon.purple{background:#8b5cf61f;color:#a78bfa}.stat-icon.orange{background:#f973161f;color:#fb923c}.stat-change{align-items:center;display:flex;font-size:12px;font-weight:500;gap:4px}.stat-change.positive{color:#4ade80}.stat-change.negative{color:#f87171}.stat-value{color:#f1f5f9;font-size:28px;font-weight:700;letter-spacing:-.025em;margin-bottom:4px}.stat-label{color:#64748b;font-size:12px;letter-spacing:.03em;text-transform:uppercase}.charts-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:2fr 1fr;margin-bottom:24px}.chart-card{background:#0f172a;border:1px solid #1e293b;border-radius:12px;padding:20px}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.chart-title{color:#f1f5f9;font-size:15px;font-weight:600}.chart-legend{display:flex;gap:16px}.legend-item{color:#64748b;font-size:12px}.chart-placeholder{align-items:flex-end;display:flex;gap:8px;height:250px;justify-content:space-between;padding:20px 0}.chart-bar{background:linear-gradient(0deg,#3b82f6,#60a5fa);border-radius:4px 4px 0 0;flex:1 1;min-width:20px;transition:opacity .2s}.chart-bar:hover{opacity:.8}.top-content-list{display:flex;flex-direction:column;gap:12px}.top-content-item{align-items:center;background:#1e293b;border-radius:8px;display:flex;gap:12px;padding:12px;transition:background .15s ease}.top-content-item:hover{background:#334155}.content-rank{align-items:center;background:#3b82f61f;border-radius:6px;color:#60a5fa;display:flex;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.content-thumbnail{background:#334155;border-radius:6px;height:40px;overflow:hidden;width:40px}.content-thumbnail img{height:100%;object-fit:cover;width:100%}.content-info{flex:1 1;min-width:0}.content-caption{color:#e2e8f0;font-size:13px;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-metrics{color:#64748b;font-size:12px}.content-engagement{color:#4ade80;font-size:13px;font-weight:600}.audience-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.audience-card{background:#0f172a;border:1px solid #1e293b;border-radius:12px;padding:20px}.audience-title{align-items:center;color:#f1f5f9;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:16px}.audience-title svg{color:#64748b}.audience-list{display:flex;flex-direction:column;gap:10px}.audience-item{align-items:center;display:flex;font-size:13px;justify-content:space-between}.audience-label{color:#94a3b8}.audience-value{color:#f1f5f9;font-weight:500}.audience-bar-container{background:#1e293b;border-radius:2px;flex:1 1;height:4px;margin:0 12px;overflow:hidden}.audience-bar{background:#3b82f6;border-radius:2px;height:100%}.insights-section{background:#0f172a;border:1px solid #1e293b;border-radius:12px;margin-top:24px;padding:20px}.insights-title{align-items:center;color:#f1f5f9;display:flex;font-size:15px;font-weight:600;gap:8px;margin-bottom:16px}.insights-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.insight-card{background:#1e293b;gap:12px;padding:16px}.insight-card,.insight-icon{border-radius:8px;display:flex}.insight-icon{align-items:center;flex-shrink:0;font-size:16px;height:36px;justify-content:center;width:36px}.insight-icon.tip{background:#3b82f61f;color:#60a5fa}.insight-icon.warning{background:#f973161f;color:#fb923c}.insight-icon.success{background:#22c55e1f;color:#4ade80}.insight-content h4{color:#e2e8f0;font-size:13px;font-weight:600;margin:0 0 4px}.insight-content p{color:#64748b;font-size:12px;line-height:1.4;margin:0}.analytics-empty,.analytics-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:400px}.analytics-loading .spinner{animation:spin .8s linear infinite;border:3px solid #1e293b;border-radius:50%;border-top-color:#3b82f6;height:32px;width:32px}@media (max-width:1200px){.charts-grid{grid-template-columns:1fr}}@media (max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr)}.audience-grid,.insights-grid{grid-template-columns:1fr}}@media (max-width:640px){.analytics-page{padding:0 12px 32px}.date-range-selector{-ms-overflow-style:none;display:flex;gap:6px;margin:0 -12px 16px;overflow-x:auto;padding-bottom:8px;padding-left:12px;padding-right:12px;scrollbar-width:none}.date-range-selector::-webkit-scrollbar{display:none}.date-btn{flex-shrink:0;font-size:12px;padding:8px 14px;white-space:nowrap}.stats-grid{-ms-overflow-style:none;display:flex;gap:10px;margin:0 -12px 16px;overflow-x:auto;padding:0 12px 8px;scrollbar-width:none}.stats-grid::-webkit-scrollbar{display:none}.stat-card{border-radius:10px;flex-shrink:0;min-width:160px;padding:16px}.stat-header{margin-bottom:10px}.stat-icon{font-size:16px;height:36px;width:36px}.stat-value{font-size:22px}.stat-label{font-size:11px}.charts-grid{gap:12px;margin-bottom:16px}.chart-card{border-radius:10px;padding:16px}.chart-header{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:16px}.chart-title{font-size:14px}.chart-legend{flex-wrap:wrap;gap:12px}.legend-item{font-size:11px}.chart-placeholder{height:180px;padding:12px 0}.top-content-list{gap:10px}.top-content-item{gap:10px;padding:10px}.content-rank{font-size:11px;height:22px;width:22px}.content-thumbnail{height:36px;width:36px}.content-caption{font-size:12px}.content-metrics{font-size:11px}.content-engagement{font-size:12px}.audience-grid{gap:12px}.audience-card{border-radius:10px;padding:16px}.audience-title{font-size:13px;margin-bottom:14px}.audience-list{gap:8px}.audience-item{font-size:12px}.insights-section{border-radius:10px;margin-top:16px;padding:16px}.insights-title{font-size:14px;margin-bottom:14px}.insights-grid{gap:10px}.insight-card{gap:10px;padding:14px}.insight-icon{font-size:14px;height:32px;width:32px}.insight-content h4{font-size:12px}.insight-content p{font-size:11px}.analytics-empty,.analytics-loading{min-height:300px}}@media (max-width:480px){.analytics-page{padding:0 10px 24px}.date-btn{font-size:11px;padding:7px 12px}.stat-card{min-width:140px;padding:14px}.stat-icon{font-size:14px;height:32px;width:32px}.stat-value{font-size:20px}.stat-label{font-size:10px}.chart-card{padding:14px}.chart-placeholder{height:150px}.chart-bar{min-width:12px}.audience-card{padding:14px}.insight-card{padding:12px}.insight-icon{font-size:12px;height:28px;width:28px}}@media (max-width:360px){.stat-card{min-width:120px;padding:12px}.stat-icon{font-size:12px;height:28px;width:28px}.stat-value{font-size:18px}.chart-placeholder{height:120px}.top-content-item{padding:8px}.content-thumbnail{height:32px;width:32px}.content-rank{font-size:10px;height:20px;width:20px}}@media (max-height:500px) and (orientation:landscape){.analytics-page{padding:0 16px 24px}.stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin:0 0 16px;overflow-x:visible;padding:0}.stat-card{min-width:auto;padding:14px}.charts-grid{grid-template-columns:1fr 1fr}.chart-placeholder{height:140px}.audience-grid{grid-template-columns:repeat(3,1fr)}.insights-grid{grid-template-columns:repeat(2,1fr)}}.settings-page{background:var(--bg-primary);min-height:100vh}.settings-page .page-header{margin-bottom:24px;padding:0 var(--container-padding)}.settings-page .page-header h1{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin:0}.settings-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:240px 1fr;margin:0 auto;max-width:1200px;padding:0 var(--container-padding) 40px}.settings-sidebar{background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;display:flex;flex-direction:column;gap:4px;height:-webkit-fit-content;height:fit-content;padding:12px;position:-webkit-sticky;position:sticky;top:24px}.settings-tab{align-items:center;background:#0000;border:none;border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.settings-tab.active,.settings-tab:hover{background:var(--bg-secondary);color:var(--text-primary)}.tab-icon{font-size:1.125rem;opacity:.7}.settings-tab.active .tab-icon{opacity:1}.settings-content{min-width:0}.settings-panel{background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;padding:28px}.settings-panel h2{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 8px}.panel-description{color:var(--text-secondary);font-size:.9375rem;line-height:1.5;margin:0 0 24px}.settings-panel h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin:24px 0 16px}.settings-panel h3:first-of-type{margin-top:0}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px}.form-group input,.form-group select{background:var(--bg-secondary);border:1.5px solid var(--border-light);border-radius:10px;color:var(--text-primary);font-size:.9375rem;padding:12px 16px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus{background:var(--bg-card);border-color:var(--accent-tertiary);outline:none}.form-group input::placeholder{color:var(--text-muted)}.btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:500;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s ease}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.btn-primary:hover:not(:disabled){background:var(--btn-primary-hover)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-outline{background:#0000;border:1.5px solid var(--border-medium);color:var(--text-secondary)}.btn-outline:hover{background:var(--bg-secondary);border-color:var(--border-dark)}.btn-instagram{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff;font-size:1rem;padding:14px 28px}.btn-instagram:hover{opacity:.9;transform:translateY(-1px)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{opacity:.9}.btn-link{background:#0000;border:none;color:var(--accent-tertiary);cursor:pointer;padding:0;text-decoration:underline}.btn-link:hover{color:var(--accent-primary)}.connection-status{margin-bottom:24px}.status-indicator{align-items:center;border-radius:20px;display:inline-flex;font-size:.875rem;font-weight:500;gap:8px;padding:8px 16px}.status-indicator.connected{background:var(--success-bg);color:var(--success)}.status-indicator.disconnected{background:var(--error-bg);color:var(--error)}.status-dot{background:currentColor;border-radius:50%;height:8px;width:8px}.connected-account{background:var(--bg-secondary);border-radius:12px;padding:20px}.account-info{gap:16px;margin-bottom:20px}.account-avatar,.account-info{align-items:center;display:flex}.account-avatar{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border-radius:50%;color:#fff;font-size:1.5rem;height:56px;justify-content:center;width:56px}.account-details h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 4px}.account-details p{color:var(--text-secondary);font-size:.875rem;margin:0}.account-ids{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.id-item{display:flex;flex-direction:column;gap:4px}.id-label{color:var(--text-muted);font-size:.75rem;letter-spacing:.03em;text-transform:uppercase}.id-item code{background:var(--bg-card);border-radius:4px;color:var(--text-secondary);font-family:monospace;font-size:.8125rem;padding:4px 8px}.connect-prompt{padding:20px 0;text-align:center}.connect-info{background:var(--bg-secondary);border-radius:12px;margin-bottom:24px;padding:16px;text-align:left}.connect-info h3{color:var(--text-primary);font-size:.875rem;font-weight:600;margin:0 0 12px}.connect-info ul{list-style:none;margin:0;padding:0}.connect-info li{color:var(--text-secondary);font-size:.875rem;margin-bottom:8px;padding-left:20px;position:relative}.connect-info li:before{color:var(--success);content:"✓";left:0;position:absolute}.notification-options{display:flex;flex-direction:column;gap:4px}.notification-item{align-items:center;background:var(--bg-secondary);border-radius:12px;display:flex;justify-content:space-between;padding:16px}.notification-info h4{color:var(--text-primary);font-size:.9375rem;font-weight:500;margin:0 0 4px}.notification-info p{color:var(--text-secondary);font-size:.8125rem;margin:0}.toggle{cursor:pointer;display:inline-block;height:28px;position:relative;width:48px}.toggle input{height:0;opacity:0;width:0}.toggle-slider{background:var(--border-medium);border-radius:28px;inset:0}.toggle-slider:before{background:var(--bg-card);box-shadow:0 1px 3px #0000001a}.toggle input:checked+.toggle-slider{background:var(--success)}.toggle input:checked+.toggle-slider:before{transform:translateX(20px)}.security-info{background:var(--bg-secondary);border-radius:12px;margin-top:32px;padding:20px}.security-info h3{color:var(--text-primary);font-size:.9375rem;font-weight:600;margin:0 0 12px}.security-info ul{list-style:none;margin:0;padding:0}.security-info li{color:var(--text-secondary);font-size:.875rem;margin-bottom:8px;padding-left:24px;position:relative}.security-info li:before{color:var(--accent-tertiary);content:"•";left:8px;position:absolute}.settings-panel.danger{border-color:var(--error)}.settings-panel.danger h2{color:var(--error)}.danger-action{background:var(--error-bg);border-radius:12px;padding:20px}.danger-info h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 8px}.danger-info p{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0 0 16px}@media (max-width:900px){.settings-layout{gap:16px;grid-template-columns:1fr}.settings-sidebar{flex-direction:row;overflow-x:auto;padding:8px;position:relative;top:0}.settings-tab{flex-shrink:0;font-size:.875rem;padding:10px 14px}.settings-tab span:not(.tab-icon){display:none}}@media (max-width:640px){.settings-page .page-header{padding:0 16px}.settings-layout{padding:0 16px 32px}.settings-panel{padding:20px}.notification-item{align-items:flex-start}.account-ids,.notification-item{flex-direction:column;gap:12px}}:root{--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;--font-display:"Plus Jakarta Sans","Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"SF Mono","JetBrains Mono","Fira Code","Monaco","Consolas",monospace;--text-xs:10px;--text-sm:12px;--text-base:13px;--text-md:14px;--text-lg:16px;--text-xl:18px;--text-2xl:20px;--text-3xl:24px;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--gray-50:#fafaf9;--gray-100:#f5f5f4;--gray-200:#e7e5e4;--gray-300:#d6d3d1;--gray-400:#a8a29e;--gray-500:#78716c;--gray-600:#57534e;--gray-700:#57534e;--gray-800:#292524;--gray-900:#1c1917}.video-edit-page{background:#faf9f7;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-family:var(--font-primary);max-width:100vw;min-height:100vh;overflow-x:hidden;width:100%}.edit-studio{grid-gap:0;display:grid;gap:0;grid-template-columns:auto 1fr auto;height:calc(100vh - 80px);max-width:100vw;overflow:hidden;width:100%}.video-library{background:#fffffffa;border-right:1px solid #0000000a;display:flex;flex-direction:column;flex-shrink:0;transition:width .25s ease;width:300px}.video-library.collapsed{width:52px}.library-header{align-items:center;border-bottom:1px solid #0000000a;display:flex;justify-content:space-between;min-height:60px;padding:20px 16px}.library-header h2{color:#78716c;color:var(--gray-500);font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-display);font-size:12px;font-size:var(--text-sm);font-weight:600;font-weight:var(--font-semibold);letter-spacing:1px;margin:0;text-transform:uppercase}.collapse-btn{align-items:center;background:#00000008;border:1px solid #0000000f;border-radius:8px;color:#78716c;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.collapse-btn:hover{background:#0000000f;border-color:#ffffff1a;color:#1c1917}.library-search{margin-top:16px;padding:0 16px;position:relative}.search-icon{color:#57534e;font-size:14px;left:28px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#f5f5f466;border:1px solid #00000014;border-radius:10px;color:#1c1917;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:13px;font-size:var(--text-base);font-weight:400;font-weight:var(--font-normal);padding:12px 12px 12px 40px;transition:all .2s ease;width:100%}.search-input:focus{background:#f5f5f499;border-color:#29252466;box-shadow:0 0 0 3px #2925241a;outline:none}.search-input::placeholder{color:#78716c;color:var(--gray-500);font-weight:400;font-weight:var(--font-normal)}.generate-new-btn{align-items:center;background:#f5f5f44d;border:1px solid #00000014;border-radius:10px;color:#44403c;cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:13px;font-size:var(--text-base);font-weight:500;font-weight:var(--font-medium);gap:8px;justify-content:center;margin:16px;padding:12px 16px;transition:all .2s ease}.generate-new-btn:hover{background:#0000000f;border-color:#ffffff1f;color:#1c1917}.generate-new-btn svg{color:#f59e0b;font-size:14px}.video-count{margin-bottom:8px;padding:0 16px}.video-count span{color:#57534e;color:var(--gray-600);font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:10px;font-size:var(--text-xs);font-weight:500;font-weight:var(--font-medium);letter-spacing:.6px;text-transform:uppercase}.video-list{flex:1 1;overflow-y:auto;padding:8px}.video-list::-webkit-scrollbar{width:4px}.video-list::-webkit-scrollbar-track{background:#0000}.video-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.video-item{align-items:center;border:1px solid #0000;border-radius:10px;cursor:pointer;display:flex;gap:12px;margin-bottom:4px;padding:10px;position:relative;transition:all .15s ease}.video-item:hover{background:#00000008}.video-item.active{background:#0000000d;border-color:#ffffff1a}.video-thumb{align-items:center;background:#00000005;border:1px solid #0000000a;border-radius:6px;display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;position:relative;width:64px}.video-thumb video{height:100%;object-fit:cover;width:100%}.video-thumb svg{color:#57534e;font-size:18px}.video-duration-badge{background:#000000bf;border-radius:4px;bottom:4px;color:#1c1917;font-size:10px;font-weight:500;padding:2px 5px;position:absolute;right:4px}.video-duration-badge svg{font-size:8px}.video-meta{flex:1 1;min-width:0}.video-title{color:#1c1917;font-size:13px;font-size:var(--text-base);font-weight:500;font-weight:var(--font-medium);line-height:1.4;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-date,.video-title{font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-family:var(--font-primary)}.video-date{color:#78716c;color:var(--gray-500);font-size:12px;font-size:var(--text-sm);font-weight:400;font-weight:var(--font-normal)}.video-item-actions{display:flex;flex-direction:column;gap:4px;opacity:0;transition:opacity .15s ease}.video-item:hover .video-item-actions{opacity:1}.video-item .add-to-edit-btn{align-items:center;background:#10b98126;border:none;border-radius:6px;color:#34d399;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .15s ease}.video-item .add-to-edit-btn:hover{background:#10b98140;color:#10b981}.video-item .delete-btn{align-items:center;background:#ef44441a;border:none;border-radius:6px;color:#78716c;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .15s ease}.video-item:hover .delete-btn{opacity:1}.video-item .delete-btn:hover{background:#ef444426;color:#ef4444}.empty-library{color:#57534e;padding:48px 24px;text-align:center}.empty-library svg{font-size:40px;margin-bottom:16px;opacity:.4}.empty-library p{color:#78716c;font-size:14px;margin-bottom:8px}.empty-hint{color:#57534e;font-size:12px}.editor-main{background:#faf9f7;display:flex;flex-direction:column;max-height:100%;min-width:0;overflow:hidden;padding:16px 24px}.hero-preview-wrapper{align-items:center;display:flex;flex:0 0 auto;flex-direction:column;justify-content:flex-start;min-height:0;padding-bottom:16px;position:relative}.preview-glow-frame{animation:subtle-glow 4s ease-in-out infinite alternate;background:linear-gradient(135deg,#29252466,#3b82f64d 50%,#10b9814d);border-radius:20px;box-shadow:0 0 60px #29252426,0 0 120px #3b82f61a,0 25px 50px #00000080;padding:3px;position:relative}@keyframes subtle-glow{0%{box-shadow:0 0 60px #29252426,0 0 120px #3b82f61a,0 25px 50px #00000080}to{box-shadow:0 0 80px #29252433,0 0 140px #3b82f626,0 30px 60px #00000080}}.preview-container-9-16{align-items:center;aspect-ratio:9/16;background:#000;border-radius:18px;display:flex;height:calc(100vh - 320px);justify-content:center;max-height:650px;min-height:400px;overflow:hidden;position:relative;width:auto}.preview-video-hero{height:100%;object-fit:cover;width:100%}.preview-empty-state{color:#57534e;flex-direction:column;gap:16px;padding:32px 24px;text-align:center}.empty-icon-wrapper,.preview-empty-state{align-items:center;display:flex;justify-content:center}.empty-icon-wrapper{background:#2925241a;border:1px solid #29252433;border-radius:16px;height:56px;width:56px}.empty-icon-wrapper svg{color:#292524;font-size:24px}.preview-empty-state>svg{color:#292524;font-size:40px;opacity:.5}.preview-empty-state h3{color:#e7e5e4;font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-display);font-size:15px;font-weight:600;letter-spacing:-.01em;margin:0}.preview-empty-state p{color:#78716c;font-size:12px;line-height:1.5;margin:0;max-width:180px}.empty-state-actions{gap:8px;margin-top:4px;max-width:160px}.empty-state-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:12px;font-weight:500;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s ease;width:100%}.empty-state-btn.primary{box-shadow:0 4px 12px #2925244d}.empty-state-btn.primary:hover{box-shadow:0 6px 16px #29252466}.empty-state-btn.primary svg{color:#fbbf24;font-size:14px;opacity:1}.empty-state-btn.secondary{background:#0000000a;border:1px solid #00ffff1a;color:#d6d3d1}.empty-state-btn.secondary:hover{background:#00000014;border-color:#ffffff26}.empty-state-btn.secondary svg{color:#292524;font-size:12px;opacity:1}.empty-state-btn.outline{background:#0000;border:1px dashed #ffffff26;color:#a8a29e}.empty-state-btn.outline:hover{background:#00000008;border-color:#ffffff40;color:#d6d3d1}.empty-state-btn.outline svg{color:#78716c;font-size:12px;opacity:1}.hero-play-overlay{align-items:center;background:#0003;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.preview-container-9-16:hover .hero-play-overlay{opacity:1}.hero-play-btn{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border:2px solid #ffffff40;border-radius:50%;display:flex;height:72px;justify-content:center;transition:all .2s ease;width:72px}.hero-play-btn svg{color:#1c1917;font-size:28px;margin-left:4px}.hero-play-btn:hover{background:#ffffff40;transform:scale(1.05)}.hero-music-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:1px solid #00ffff1a;border-radius:20px;color:#1c1917;display:flex;font-size:12px;gap:8px;left:16px;padding:8px 14px;position:absolute;top:16px}.hero-music-badge svg{color:#a78bfa;font-size:12px}.fullscreen-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:1px solid #00ffff26;border-radius:10px;color:#1c1917;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .2s ease;width:40px;z-index:100}.fullscreen-btn:hover{background:#292524b3;border-color:#29252480;transform:scale(1.05)}.fullscreen-btn svg{font-size:18px}.preview-glow-frame.fullscreen-mode{align-items:center;animation:none;background:#000;border-radius:0;bottom:0;box-shadow:none;display:flex;height:100vh!important;justify-content:center;left:0;margin:0;max-height:none!important;max-width:none!important;padding:0;position:fixed;right:0;top:0;width:100vw!important;z-index:9999}.preview-glow-frame.fullscreen-mode .preview-container-9-16{aspect-ratio:9/16;border-radius:0;height:100vh;max-height:100vh;min-height:auto;width:auto}.preview-glow-frame.fullscreen-mode .fullscreen-btn{background:#000c;height:48px;position:fixed;right:20px;top:20px;width:48px}.preview-glow-frame.fullscreen-mode .hero-music-badge{left:20px;position:fixed;top:20px}.preview-glow-frame.fullscreen-mode .hero-play-btn{height:100px;width:100px}.preview-glow-frame.fullscreen-mode .hero-play-btn svg{font-size:40px}.preview-glow-frame.fullscreen-mode .preview-video-hero{object-fit:contain}.preview-glow-frame.fullscreen-mode .preview-text-overlay{font-size:1.8em!important}.preview-glow-frame.fullscreen-mode .preview-subtitle{bottom:80px;font-size:1.5em}.playback-controls-bar{margin-top:12px;max-width:340px;padding:12px 0;width:100%}.controls-left,.playback-controls-bar{align-items:center;display:flex;gap:12px}.play-pause-btn{align-items:center;background:#0000000f;border:1px solid #00ffff1a;border-radius:50%;color:#1c1917;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.play-pause-btn:hover{background:#ffffff1a;border-color:#ffffff26}.play-pause-btn svg{font-size:18px}.time-display-hero{color:#a8a29e;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:13px;font-weight:500;min-width:90px}.add-new-video-btn{align-items:center;background:#29252426;border:1px solid #2925244d;border-radius:8px;color:#a78bfa;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.add-new-video-btn:hover{background:#29252440;border-color:#29252466;transform:scale(1.05)}.add-new-video-btn svg{font-size:16px}.controls-right{align-items:center;display:flex;gap:16px;margin-left:auto}.speed-control{position:relative}.speed-btn{align-items:center;background:#0000000a;border:1px solid #00000014;border-radius:8px;color:#a8a29e;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s ease}.speed-btn:hover{background:#00000014;color:#1c1917}.speed-btn svg{font-size:10px}.speed-dropdown{background:#141419fa;border:1px solid #00ffff1a;border-radius:10px;bottom:100%;box-shadow:0 10px 40px #00000080;left:50%;margin-bottom:8px;min-width:80px;padding:6px;position:absolute;transform:translateX(-50%);z-index:100}.speed-option{background:#0000;border:none;border-radius:6px;color:#a8a29e;cursor:pointer;display:block;font-size:12px;padding:8px 14px;text-align:center;transition:all .15s ease;width:100%}.speed-option:hover{background:#00000014;color:#1c1917}.speed-option.active{background:#29252433;color:#a78bfa}.volume-control{gap:10px}.volume-btn,.volume-control{align-items:center;display:flex}.volume-btn{background:#0000;border:none;color:#78716c;cursor:pointer;justify-content:center;padding:6px;transition:color .2s ease}.volume-btn:hover{color:#1c1917}.volume-btn svg{font-size:18px}.volume-slider{-webkit-appearance:none;appearance:none;background:#ffffff1a;border-radius:2px;cursor:pointer;height:4px;width:80px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:14px;-webkit-transition:transform .15s ease;transition:transform .15s ease;width:14px}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.volume-slider::-moz-range-thumb{background:#fff;border:none;border-radius:50%;cursor:pointer;height:14px;width:14px}.scrubber-timeline-section{flex-shrink:0;margin-top:0;padding:16px 0 0;width:100%}.scrubber-timeline-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.timeline-label{font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-display);font-weight:600;font-weight:var(--font-semibold);letter-spacing:1px;text-transform:uppercase}.timeline-duration,.timeline-label{color:#78716c;color:var(--gray-500);font-size:10px;font-size:var(--text-xs)}.timeline-duration{font-family:SF Mono,JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-family:var(--font-mono);font-weight:500;font-weight:var(--font-medium)}.timeline-ruler{display:flex;justify-content:space-between;margin-bottom:6px;padding:0 4px}.ruler-mark{align-items:center;display:flex;flex-direction:column}.ruler-mark:before{background:#ffffff26;content:"";height:6px;margin-bottom:4px;width:1px}.ruler-mark span{color:#57534e;color:var(--gray-600);font-family:SF Mono,JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-family:var(--font-mono);font-size:8px;font-weight:500;font-weight:var(--font-medium)}.timeline-track-modern{background:#00000005;border:1px solid #0000000f;border-radius:10px;cursor:pointer;height:72px;overflow:hidden;position:relative}.timeline-progress-modern{background:linear-gradient(90deg,#00000008,#00000003);border-radius:12px 0 0 12px;height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:width .05s linear}.timeline-playhead-modern{background:#fff;bottom:0;pointer-events:none;position:absolute;top:0;transition:left .05s linear;width:2px;z-index:20}.playhead-handle{background:#fff;border-radius:50%;box-shadow:0 2px 6px #0006;height:10px;left:50%;position:absolute;top:-4px;transform:translateX(-50%);width:10px}.timeline-chip{align-items:center;border-radius:6px;cursor:grab;display:flex;font-size:10px;font-weight:500;gap:5px;height:24px;overflow:hidden;padding:0 8px;position:absolute;transition:transform .15s ease,box-shadow .15s ease;-webkit-user-select:none;user-select:none}.timeline-chip:hover{transform:translateY(-1px);z-index:10}.timeline-chip:active{cursor:grabbing}.chip-icon{align-items:center;display:flex;font-size:10px;justify-content:center;opacity:.9}.chip-label{font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:10px;font-weight:500;font-weight:var(--font-medium);max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-resize-handle{bottom:0;cursor:ew-resize;opacity:0;position:absolute;top:0;transition:opacity .15s ease;width:6px}.chip-resize-handle.left{border-radius:8px 0 0 8px;left:0}.chip-resize-handle.right{border-radius:0 8px 8px 0;right:0}.timeline-chip:hover .chip-resize-handle{background:#ffffff26;opacity:1}.timeline-chip.video-chip{background:linear-gradient(135deg,#6366f14d,#29252440);border:1px solid #29252459;box-shadow:0 2px 6px #29252426;color:#c4b5fd;left:6px;right:6px;top:6px;width:auto}.timeline-chip.video-chip:hover{background:linear-gradient(135deg,#6366f166,#29252459);border-color:#29252480;box-shadow:0 4px 12px #29252440}.timeline-chip.music-chip{background:linear-gradient(135deg,#ec489940,#db277733);border:1px solid #ec489959;box-shadow:0 2px 6px #ec489926;color:#f9a8d4;left:6px;right:6px;top:38px;width:auto}.timeline-chip.music-chip:hover{background:linear-gradient(135deg,#ec489959,#db27774d);border-color:#ec489980;box-shadow:0 4px 12px #ec489940}.timeline-chip.text-chip{background:linear-gradient(135deg,#10b98140,#05966933);border:1px solid #10b98159;box-shadow:0 2px 6px #10b98126;color:#6ee7b7;min-width:50px;top:6px;z-index:5}.timeline-chip.text-chip:hover{background:linear-gradient(135deg,#10b98159,#0596694d);border-color:#10b98180;box-shadow:0 4px 12px #10b98140}.timeline-chip.subtitle-chip{background:linear-gradient(135deg,#3b82f640,#2563eb33);border:1px solid #3b82f659;box-shadow:0 2px 6px #3b82f626;color:#93c5fd;min-width:40px;top:38px;z-index:5}.timeline-chip.subtitle-chip:hover{background:linear-gradient(135deg,#3b82f659,#2563eb4d);border-color:#3b82f680;box-shadow:0 4px 12px #3b82f640}.timeline-layer,.timeline-marker,.timeline-playhead,.timeline-progress,.timeline-track{display:none}.preview-text-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;border:1px solid #00ffff1a;border-radius:10px;color:#fff;font-size:18px;font-weight:600;padding:10px 20px;white-space:pre-wrap;z-index:10}.preview-text-overlay.style-tiktok{background:#0000;color:#1c1917;font-family:Arial Black,Impact,sans-serif;font-weight:900;text-shadow:-3px -3px 0 #000,3px -3px 0 #000,-3px 3px 0 #000,3px 3px 0 #000,0 4px 0 #000}.preview-text-overlay.style-hormozi{background:linear-gradient(180deg,#ffe135,gold);border-radius:6px;color:#000;font-family:Arial Black,sans-serif;font-weight:900;padding:8px 16px;text-shadow:none;text-transform:uppercase}.preview-text-overlay.style-mrbeast{background:#0000;color:red;font-family:Impact,Arial Black,sans-serif;font-size:28px;font-weight:900;text-shadow:4px 4px 0 #ff0,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000;text-transform:uppercase}.preview-text-overlay.style-karaoke{background:linear-gradient(90deg,#292524 100%,#0000 0);border-radius:8px;color:#fff;font-family:Arial,sans-serif;font-weight:800;padding:8px 16px;text-shadow:2px 2px 4px #00000080}.preview-text-overlay.style-netflix{background:#0009;border-radius:4px;color:#1c1917;font-family:Helvetica Neue,Arial,sans-serif;font-weight:600;letter-spacing:.15em;padding:12px 24px;text-transform:uppercase}.preview-text-overlay.style-glitch{animation:glitchPreview .2s infinite;background:#000c;color:#0f0;font-family:Courier New,monospace;font-weight:700;padding:8px 16px;text-shadow:3px 0 red,-3px 0 #0ff}@keyframes glitchPreview{0%,to{text-shadow:3px 0 red,-3px 0 #0ff}25%{text-shadow:-3px 0 red,3px 0 #0ff}50%{text-shadow:3px 2px red,-3px -2px #0ff}75%{text-shadow:-2px -3px red,2px 3px #0ff}}.preview-text-overlay.style-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.5));font-family:Arial Black,sans-serif;font-weight:900}.preview-text-overlay.style-outline{-webkit-text-stroke:3px #fff;text-stroke:3px #fff;background:#0000;color:#0000;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.8));font-family:Arial Black,sans-serif;font-weight:900}.preview-text-overlay.style-shadow3d{background:#0000;color:#fff;font-family:Impact,sans-serif;font-weight:900;text-shadow:1px 1px 0 #292524,2px 2px 0 #7c3aed,3px 3px 0 #6d28d9,4px 4px 0 #5b21b6,5px 5px 0 #4c1d95,6px 6px 15px #0009}.preview-text-overlay.style-neon{background:#0000;color:#0ff;font-family:Arial,sans-serif;font-weight:700;text-shadow:0 0 7px #0ff,0 0 14px #0ff,0 0 28px #0ff,0 0 56px #0080ff}.preview-text-overlay.style-typewriter{background:#000000d9;border-left:4px solid #0f0;border-radius:0;color:#0f0;font-family:Courier New,Consolas,monospace;font-weight:600;padding:12px 20px}.preview-text-overlay.style-handwritten{background:#0000;color:#fff;font-family:Comic Sans MS,Marker Felt,cursive;font-size:26px;font-weight:400;text-shadow:3px 3px 6px #000000b3;transform:rotate(-3deg)}.preview-subtitle{background:#000000d9;border-radius:6px;bottom:48px;color:#fff;font-size:14px;font-weight:500;left:50%;padding:8px 18px;position:absolute;transform:translateX(-50%);z-index:10}.no-video-selected{flex:1 1;flex-direction:column;padding:48px;text-align:center}.no-video-icon,.no-video-selected{align-items:center;display:flex;justify-content:center}.no-video-icon{background:#00000005;border:1px solid #0000000f;border-radius:24px;height:100px;margin-bottom:24px;width:100px}.no-video-icon svg{color:#57534e;font-size:40px}.no-video-selected h2{color:#1c1917;font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-display);font-size:20px;font-size:var(--text-2xl);font-weight:600;font-weight:var(--font-semibold);margin:0 0 10px}.no-video-selected p{color:#78716c;color:var(--gray-500);font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:14px;font-size:var(--text-md);font-weight:400;font-weight:var(--font-normal);line-height:1.6;margin:0;max-width:280px}.editing-tools-card{background:#fffffffa;border-left:1px solid #0000000a;display:flex;flex-direction:column;flex-shrink:0;max-width:340px;min-width:340px;overflow:hidden;width:340px}.tools-card-header{align-items:center;border-bottom:1px solid #0000000f;display:flex;flex-shrink:0;justify-content:space-between;padding:18px 20px}.tools-card-header h3{color:#44403c;font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-display);font-size:13px;font-weight:600;font-weight:var(--font-semibold);letter-spacing:.08em;margin:0;text-transform:uppercase}.tool-tabs-container{background:#0000004d;border-bottom:1px solid #0000000f;flex-shrink:0;padding:0}.tool-tabs{-ms-overflow-style:none;display:flex;gap:0;overflow-x:auto;scrollbar-width:none}.tool-tabs::-webkit-scrollbar{display:none}.tool-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#78716c;color:var(--gray-500);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:11px;font-weight:500;font-weight:var(--font-medium);gap:4px;min-width:0;padding:14px 8px;position:relative;transition:all .2s ease}.tool-tab:hover{background:#00000005;color:#44403c}.tool-tab.active{background:#0000000a;border-bottom-color:#292524;color:#fafaf9;color:var(--gray-50)}.tool-tab svg{font-size:16px}.tool-tab span{font-size:10px;letter-spacing:.02em;text-transform:uppercase}.tool-panel-content{flex:1 1;min-height:0;overflow-y:auto;padding:20px}.tool-panel-content::-webkit-scrollbar{width:4px}.tool-panel-content::-webkit-scrollbar-track{background:#0000}.tool-panel-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.section-label{color:#78716c;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-family:var(--font-primary);font-weight:600;letter-spacing:.08em;margin:0 0 10px}.styles-section{margin-bottom:20px}.styles-section:last-child{margin-bottom:0}.filter-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.filter-btn{align-items:center;background:#00000005;border:1px solid #0000000f;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:10px 8px;transition:all .2s ease}.filter-btn:hover{background:#0000000d;border-color:#ffffff1a}.filter-btn.active{background:#29252426;border-color:#29252466}.filter-preview{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;height:40px;width:40px}.filter-preview.original{background:linear-gradient(135deg,#11998e,#38ef7d)}.filter-preview.cinematic{background:linear-gradient(135deg,#1a1a2e,#16213e)}.filter-preview.vintage{background:linear-gradient(135deg,#c9b18c,#8b7355)}.filter-preview.noir{background:linear-gradient(135deg,#2c3e50,#000)}.filter-preview.warm{background:linear-gradient(135deg,#f5af19,#f12711)}.filter-preview.cool{background:linear-gradient(135deg,#4facfe,#00f2fe)}.filter-btn span{color:#a8a29e;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:11px;font-weight:500;letter-spacing:-.01em}.filter-btn.active span{color:#a78bfa}.adjustment-controls{display:flex;flex-direction:column;gap:14px}.adjustment-row{align-items:center;display:flex;gap:12px}.adjustment-row>span:first-child{color:#a8a29e;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:12px;font-weight:500;letter-spacing:-.01em;min-width:75px}.adjustment-row input[type=range]{-webkit-appearance:none;background:#ffffff1a;border-radius:2px;cursor:pointer;flex:1 1;height:4px}.adjustment-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:14px;-webkit-transition:transform .15s ease;transition:transform .15s ease;width:14px}.adjustment-row input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.adj-value{color:#78716c;font-family:SF Mono,JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-family:var(--font-mono);font-size:11px;font-weight:500;min-width:30px;text-align:right}.tools-action-bar{background:#0000004d;border-top:1px solid #0000000f;flex-shrink:0;margin-top:auto;padding:16px 20px}.panel-content{display:flex;flex-direction:column;gap:16px}.selected-music{background:#00000005;border:1px solid #00000014;border-radius:12px;gap:16px;padding:14px 18px}.music-info,.selected-music{align-items:center;display:flex}.music-info{color:#f5f5f4;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:14px;font-weight:500;gap:10px;letter-spacing:-.01em}.music-icon{font-size:20px}.volume-slider{align-items:center;color:#78716c;display:flex;flex:1 1;gap:10px}.volume-slider input[type=range]{-webkit-appearance:none;background:#ffffff1a;border-radius:2px;flex:1 1;height:4px}.volume-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:14px;width:14px}.volume-slider span{color:#a8a29e;font-family:SF Mono,JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-family:var(--font-mono);font-size:12px;font-weight:500;min-width:36px}.remove-music{background:none;border:none;color:#78716c;cursor:pointer;padding:6px;transition:color .2s ease}.remove-music:hover{color:#ef4444}.music-grid{display:flex;flex-direction:column;gap:6px}.music-card{align-items:center;background:#00000005;border:1px solid #0000000f;border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:all .2s ease}.music-card:hover{background:#0000000d;border-color:#ffffff1f}.music-card.selected{background:#29252426;border-color:#29252466}.music-preview-btn{align-items:center;background:#29252426;border:1px solid #2925244d;border-radius:50%;color:#a78bfa;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.music-preview-btn:hover{background:#29252440;transform:scale(1.05)}.music-preview-btn.playing{animation:pulse-glow 1.5s ease-in-out infinite;background:linear-gradient(135deg,#292524,#6366f1);border-color:#0000;color:#1c1917}.music-preview-btn.loading{background:#29252433;color:#a78bfa;cursor:wait}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 #29252466}50%{box-shadow:0 0 0 6px #29252400}}.music-preview-btn svg{font-size:12px}.music-info-col{cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:2px}.music-icon{font-size:16px;margin-right:4px}.music-name{align-items:center;color:#f5f5f4;display:flex;font-size:12px;font-weight:600;letter-spacing:-.01em}.music-mood,.music-name{font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-family:var(--font-primary)}.music-mood{color:#78716c;font-size:10px;font-weight:500;letter-spacing:.02em;text-transform:capitalize}.music-add-btn{align-items:center;background:#10b9811a;border:1px solid #10b98140;border-radius:6px;color:#34d399;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .2s ease;width:28px}.music-add-btn:hover{background:#10b98133;transform:scale(1.05)}.music-add-btn svg{font-size:12px}.sounds-grid{display:flex;flex-direction:column;gap:6px}.sound-card{align-items:center;background:#00000005;border:1px solid #0000000f;border-radius:10px;display:flex;gap:10px;padding:10px 12px;transition:all .2s ease}.sound-card:hover{background:#0000000d;border-color:#ffffff1f}.sound-preview-btn{align-items:center;background:#3b82f626;border:1px solid #3b82f64d;border-radius:50%;color:#60a5fa;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.sound-preview-btn:hover{background:#3b82f640;transform:scale(1.05)}.sound-preview-btn.playing{animation:pulse-glow 1.5s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#6366f1);border-color:#0000;color:#1c1917}.sound-preview-btn.loading{background:#3b82f633;color:#60a5fa;cursor:wait}.sound-preview-btn svg{font-size:12px}.sound-info{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:8px}.sound-icon{font-size:16px}.sound-name{color:#f5f5f4;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:13px;font-weight:500;letter-spacing:-.01em}.sound-add-btn{align-items:center;background:#10b9811a;border:1px solid #10b98140;border-radius:6px;color:#34d399;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .2s ease;width:28px}.sound-add-btn:hover{background:#10b98133;transform:scale(1.05)}.sound-add-btn svg{font-size:12px}.sound-btn{align-items:center;background:#00000005;border:1px solid #0000000f;border-radius:12px;color:#f5f5f4;cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:13px;font-weight:500;gap:10px;letter-spacing:-.01em;padding:14px 20px;transition:all .2s ease}.sound-btn:hover{background:#0000000d;border-color:#ffffff1f}.added-sounds{margin-top:16px}.added-sounds h4{color:#78716c;font-size:11px;font-weight:600;letter-spacing:.08em;margin:0 0 10px;text-transform:uppercase}.added-sounds h4,.sound-item{font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-family:var(--font-primary)}.sound-item{align-items:center;background:#00000005;border:1px solid #0000000f;border-radius:10px;color:#e7e5e4;display:flex;font-size:13px;font-weight:500;gap:14px;letter-spacing:-.01em;margin-bottom:6px;padding:10px 14px}.sound-time{color:#78716c;font-family:SF Mono,JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-family:var(--font-mono);font-size:11px;font-weight:500;margin-left:auto}.sound-item button{background:none;border:none;color:#78716c;cursor:pointer;padding:4px;transition:color .2s ease}.sound-item button:hover{color:#ef4444}.add-element-btn{align-items:center;background:linear-gradient(135deg,#29252426,#3b82f61a);border:1px solid #29252440;border-radius:10px;color:#a78bfa;cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:13px;font-weight:600;gap:8px;justify-content:center;letter-spacing:-.01em;padding:12px 18px;transition:all .2s ease;width:100%}.add-element-btn:hover{background:linear-gradient(135deg,#29252440,#3b82f626);border-color:#29252466;color:#c4b5fd}.add-element-btn svg{font-size:14px}.text-styles{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);max-height:280px;overflow-y:auto}.style-btn{align-items:center;background:#00000005;border:1px solid #0000000f;border-radius:10px;color:#f5f5f4;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:12px 8px;transition:all .2s ease}.style-btn:hover{background:#0000000d;border-color:#ffffff1f}.style-btn.active{background:#29252426;border-color:#29252466}.style-preview{font-size:18px;font-weight:700;letter-spacing:-.02em;padding:2px 6px}.style-preview.style-tiktok{color:#1c1917;font-family:Arial Black,Impact,sans-serif;font-weight:900;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000,0 3px 0 #000}.style-preview.style-hormozi{background:linear-gradient(180deg,#ffe135,gold);border-radius:4px;color:#000;font-family:Arial Black,sans-serif;font-weight:900;padding:4px 8px;text-transform:uppercase}.style-preview.style-mrbeast{color:red;font-family:Impact,Arial Black,sans-serif;font-weight:900;text-shadow:3px 3px 0 #ff0,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;text-transform:uppercase}.style-preview.style-karaoke{background:linear-gradient(90deg,#292524 50%,#0000 0);color:#fff;font-family:Arial,sans-serif;font-weight:800;padding:4px 8px;text-shadow:1px 1px 2px #00000080}.style-preview.style-netflix{color:#e50914;font-family:Helvetica Neue,Arial,sans-serif;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.style-preview.style-glitch{animation:glitch .3s infinite;color:#0f0;font-family:Courier New,monospace;font-weight:700;text-shadow:2px 0 red,-2px 0 #0ff}@keyframes glitch{0%,to{text-shadow:2px 0 red,-2px 0 #0ff}50%{text-shadow:-2px 0 red,2px 0 #0ff}}.style-preview.style-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;background-clip:text;font-family:Arial Black,sans-serif;font-weight:900}.style-preview.style-outline{-webkit-text-stroke:2px #fff;text-stroke:2px #fff;color:#0000;font-family:Arial Black,sans-serif;font-weight:900}.style-preview.style-shadow3d{color:#fff;font-family:Impact,sans-serif;font-weight:900;text-shadow:1px 1px 0 #292524,2px 2px 0 #7c3aed,3px 3px 0 #6d28d9,4px 4px 0 #5b21b6,5px 5px 10px #00000080}.style-preview.style-neon{color:#0ff;font-family:Arial,sans-serif;font-weight:700;text-shadow:0 0 5px #0ff,0 0 10px #0ff,0 0 20px #0ff,0 0 40px #0ff}.style-preview.style-typewriter{background:#000000b3;border-left:3px solid #0f0;color:#f0f0f0;font-family:Courier New,Consolas,monospace;font-weight:600;padding:4px 8px}.style-preview.style-handwritten{color:#fff;font-family:Comic Sans MS,Marker Felt,cursive;font-weight:400;text-shadow:2px 2px 4px #00000080;transform:rotate(-2deg)}.style-btn span:last-child{color:#78716c;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:9px;font-weight:500;letter-spacing:-.01em;text-align:center}.subtitle-list,.text-list{display:flex;flex-direction:column;gap:8px}.subtitle-item,.text-item{align-items:center;background:#00000005;border:1px solid #0000000f;border-radius:10px;display:flex;gap:10px;padding:12px 14px}.subtitle-item input,.text-item input{background:#f5f5f480;border:1px solid #00ffff1a;border-radius:8px;color:#f5f5f4;flex:1 1;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:13px;font-weight:500;letter-spacing:-.01em;padding:10px 14px;transition:all .2s ease}.subtitle-item input:focus,.text-item input:focus{background:#f5f5f4b3;border-color:#29252466;outline:none}.text-item select{background:#f5f5f480;border:1px solid #00ffff1a;border-radius:8px;color:#f5f5f4;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:12px;font-weight:500;letter-spacing:-.01em;padding:10px 12px;transition:all .2s ease}.text-item select:focus{border-color:#29252466;outline:none}.sub-time{color:#78716c;font-family:SF Mono,JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-family:var(--font-mono);font-size:11px;font-weight:500}.subtitle-item button,.text-item button{background:none;border:none;color:#78716c;cursor:pointer;padding:6px;transition:color .2s ease}.subtitle-item button:hover,.text-item button:hover{color:#ef4444}.text-item-enhanced{background:#00000008;border:1px solid #00000014;border-radius:12px;display:flex;flex-direction:column;gap:10px;margin-bottom:10px;padding:14px}.text-item-row{align-items:center;display:flex;gap:10px}.text-input-main{background:#f5f5f480;border:1px solid #00ffff1a;border-radius:8px;color:#f5f5f4;flex:1 1;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:14px;font-weight:500;padding:12px 14px;transition:all .2s ease}.text-input-main:focus{background:#f5f5f4b3;border-color:#29252480;outline:none}.text-delete-btn{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.text-delete-btn:hover{background:#ef444433;border-color:#ef444466}.text-item-controls{display:flex;flex-wrap:wrap;gap:12px}.text-item-controls .control-group{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:100px}.text-item-controls .control-group label{color:#a8a29e;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.text-item-controls select{background:#f5f5f480;border:1px solid #00ffff1a;border-radius:8px;color:#f5f5f4;cursor:pointer;font-size:12px;font-weight:500;padding:8px 10px;transition:all .2s ease}.text-item-controls select:focus{border-color:#29252480;outline:none}.text-item-controls select optgroup{background:#292524;color:#a8a29e;font-weight:600}.text-item-controls select option{background:#292524;color:#f5f5f4;padding:8px}.text-item-controls input[type=range]{-webkit-appearance:none;background:#f5f5f4cc;border-radius:3px;height:6px;margin-top:4px;outline:none;width:100%}.text-item-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(135deg,#292524,#6366f1);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 6px #0000004d;cursor:pointer;height:16px;width:16px}.text-item-controls .size-value{color:#292524;font-size:11px;font-weight:600;text-align:right}.text-item-offsets{gap:12px}.text-item-offsets .offset-group{align-items:center;gap:8px}.text-item-offsets label{color:#a8a29e;font-size:11px;font-weight:500;white-space:nowrap}.text-item-offsets input[type=number]{background:#f5f5f480;border:1px solid #00ffff1a;border-radius:6px;color:#f5f5f4;font-size:12px;font-weight:500;padding:6px 8px;text-align:center;width:60px}.text-item-offsets input[type=number]:focus{border-color:#29252480;outline:none}.position-picker-container{display:flex;flex-direction:column;gap:8px}.position-picker-container>label{color:#a8a29e;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.position-grid-9{grid-gap:4px;background:#0000004d;border:1px solid #00000014;border-radius:10px;display:grid;gap:4px;grid-template-columns:repeat(3,1fr);padding:6px}.position-btn{align-items:center;aspect-ratio:1;background:#f5f5f466;border:1px solid #00000014;border-radius:6px;color:#78716c;cursor:pointer;display:flex;font-size:14px;justify-content:center;min-height:32px;transition:all .15s ease}.position-btn:hover{background:#29252433;border-color:#2925244d;color:#a78bfa}.position-btn.active{background:linear-gradient(135deg,#29252499,#6366f199);border-color:#292524cc;box-shadow:0 2px 8px #2925244d;color:#fff}.size-control{width:100%}.size-slider-row{align-items:center;display:flex;gap:12px}.size-slider-row input[type=range]{-webkit-appearance:none;background:#f5f5f4cc;border-radius:3px;flex:1 1;height:6px;outline:none}.size-slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(135deg,#292524,#6366f1);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0000004d;cursor:pointer;height:18px;width:18px}.size-slider-row .size-value{color:#292524;font-size:12px;font-weight:600;min-width:45px;text-align:right}.text-item-offsets{display:flex;gap:16px}.text-item-offsets .offset-group{display:flex;flex:1 1;flex-direction:column;gap:6px}.text-item-offsets .offset-group>label{color:#78716c;font-size:10px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.offset-input-row{gap:4px}.offset-btn,.offset-input-row{align-items:center;display:flex}.offset-btn{background:#f5f5f480;border:1px solid #00ffff1a;border-radius:6px;color:#a8a29e;cursor:pointer;font-size:16px;font-weight:600;height:28px;justify-content:center;transition:all .15s ease;width:28px}.offset-btn:hover{background:#2925244d;border-color:#29252466;color:#fff}.offset-input-row input[type=number]{background:#f5f5f480;border:1px solid #00ffff1a;border-radius:6px;color:#f5f5f4;font-size:12px;font-weight:500;padding:6px;text-align:center;width:50px}.offset-input-row input[type=number]:focus{border-color:#29252480;outline:none}.text-time-range{align-items:center;border-top:1px solid #0000000f;display:flex;gap:12px;margin-top:4px;padding-top:8px}.time-input-group{align-items:center;display:flex;gap:6px}.time-input-group label{color:#78716c;font-size:10px;font-weight:500;text-transform:uppercase}.time-input-group input[type=number]{background:#f5f5f480;border:1px solid #00ffff1a;border-radius:6px;color:#f5f5f4;font-size:12px;font-weight:500;padding:6px 8px;text-align:center;width:55px}.time-input-group input[type=number]:focus{border-color:#29252480;outline:none}.time-input-group span{color:#78716c;font-size:11px}.time-separator{color:#57534e;font-size:14px}.action-bar{border-top:1px solid #0000000a;gap:12px;padding:20px 24px}.action-bar,.render-btn{display:flex;justify-content:center}.render-btn{align-items:center;background:linear-gradient(135deg,#292524,#6366f1);border:none;border-radius:10px;box-shadow:0 4px 16px #2925244d;color:#1c1917;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:14px;font-weight:600;gap:10px;letter-spacing:-.02em;padding:14px 32px;transition:all .2s ease;width:100%}.render-btn:hover:not(:disabled){box-shadow:0 6px 20px #29252466;transform:translateY(-1px)}.render-btn:disabled{background:#0000000f;box-shadow:none;color:#78716c;cursor:default;transform:none}.export-actions{display:flex;gap:8px;width:100%}.action-btn{align-items:center;background:#00000008;border:1px solid #00000014;border-radius:8px;color:#e7e5e4;cursor:pointer;display:flex;flex:1 1;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:12px;font-weight:600;gap:6px;justify-content:center;letter-spacing:-.01em;padding:12px 16px;transition:all .2s ease}.action-btn:hover{background:#00000014;border-color:#ffffff26}.action-btn.save{background:#10b9811a;border-color:#10b98140;color:#34d399}.action-btn.save:hover{background:#10b98133}.action-btn.download{background:#3b82f61a;border-color:#3b82f640;color:#60a5fa}.action-btn.download:hover{background:#3b82f633}.action-btn.instagram{background:linear-gradient(135deg,#e1306c26,#c135841a);border-color:#e1306c4d;color:#f472b6}.action-btn.instagram:hover{background:linear-gradient(135deg,#e1306c40,#c1358426)}.action-btn.delete{background:#00000008;border-color:#00000014;color:#78716c}.action-btn.delete:hover{background:#ef44441a;border-color:#ef444433;color:#ef4444}.mobile-add-video-header{display:none}@media (max-width:1024px){.video-edit-page{overflow-x:hidden;width:100%}.video-library{display:none!important}.mobile-add-video-header{align-items:center;background:#fffffff2;border-bottom:1px solid #0000000f;border-radius:12px;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px;padding:12px 16px}.mobile-add-video-btn{align-items:center;background:linear-gradient(135deg,#292524,#6366f1);border:none;border-radius:10px;box-shadow:0 4px 12px #2925244d;color:#1c1917;cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.mobile-add-video-btn:hover{box-shadow:0 6px 16px #29252466;transform:translateY(-1px)}.mobile-add-video-btn svg{font-size:16px}.mobile-video-indicator{color:#a8a29e;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:12px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-studio{display:flex;flex-direction:column;height:auto;min-height:100vh}.edit-studio,.editor-main{overflow-x:hidden;width:100%}.editor-main{box-sizing:border-box;order:1;padding:12px}.hero-preview-wrapper{align-items:center;display:flex;justify-content:center;padding:8px 0;width:100%}.preview-glow-frame{margin:0 auto;max-width:100%}.editing-tools-card{border-left:none;border-top:1px solid #0000000f;max-width:none;min-width:0;min-width:auto;order:3;width:100%}.preview-container-9-16{aspect-ratio:9/16;height:auto;margin:0 auto;max-height:400px;max-width:280px;min-height:280px;width:100%}.music-grid{grid-template-columns:repeat(2,1fr)}.export-actions{flex-direction:column}.action-btn{justify-content:center;width:100%}.tool-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:4px}.tool-tab{flex-shrink:0;min-width:auto;padding:8px 12px}.playback-controls-bar{box-sizing:border-box;flex-wrap:wrap;gap:8px;padding:12px;width:100%}.controls-left,.controls-right{flex-wrap:wrap;gap:8px;justify-content:center;width:100%}.timeline-track-modern{height:50px}.scrubber-timeline-section{box-sizing:border-box;margin:8px 0;padding:8px;width:100%}}@media (max-width:640px){.video-edit-page{max-width:100vw;overflow-x:hidden;padding:0;width:100%}.edit-studio{display:flex;flex-direction:column;gap:0;overflow-x:hidden;width:100%}.video-library{display:none!important}.mobile-add-video-header{border-radius:10px;margin:8px;padding:10px 12px}.mobile-add-video-btn{font-size:13px;padding:10px 16px}.mobile-video-indicator{font-size:11px;max-width:120px}.video-thumb{height:60px;min-width:60px;width:60px}.video-meta .video-title{font-size:11px}.editor-main{box-sizing:border-box;overflow-x:hidden;padding:8px;width:100%}.hero-preview-wrapper{align-items:center;display:flex;flex-direction:column;padding:8px 0;width:100%}.preview-glow-frame{margin:0 auto;max-width:calc(100vw - 32px);padding:3px}.preview-container-9-16{aspect-ratio:9/16;border-radius:12px;height:auto;margin:0 auto;max-height:340px;max-width:220px;min-height:200px;width:100%}.preview-empty-state h3{font-size:14px}.preview-empty-state p{font-size:11px}.empty-state-actions{flex-direction:column;padding:0 12px;width:100%}.empty-state-btn{font-size:11px;padding:10px 14px;width:100%}.hero-play-btn{font-size:18px;height:44px;width:44px}.hero-music-badge{bottom:8px;font-size:10px;left:8px;padding:4px 8px}.playback-controls-bar{box-sizing:border-box;flex-direction:column;gap:8px;padding:8px;width:100%}.controls-left{order:1}.controls-left,.controls-right{align-items:center;display:flex;gap:8px;justify-content:center;width:100%}.controls-right{flex-wrap:wrap;order:2}.play-pause-btn{font-size:14px;height:40px;width:40px}.time-display-hero{font-size:11px}.add-new-video-btn{font-size:14px;height:32px;width:32px}.speed-btn{font-size:11px;padding:6px 10px}.volume-control{align-items:center;display:flex;gap:4px}.volume-control input[type=range]{width:50px}.scrubber-timeline-section{box-sizing:border-box;margin:8px 0;padding:8px;width:100%}.scrubber-timeline-header{font-size:11px;margin-bottom:8px}.timeline-ruler{display:none}.timeline-track-modern{border-radius:8px;height:40px;width:100%}.timeline-chip{border-radius:4px;font-size:10px;height:28px}.chip-label{display:none}.editing-tools-card{box-sizing:border-box;padding:12px;width:100%}.tools-card-header h3{font-size:14px}.tool-tabs-container{margin:8px 0}.tool-tabs{gap:4px;padding:4px}.tool-tab{border-radius:6px;font-size:11px;gap:4px;padding:8px 10px}.tool-tab svg{font-size:14px}.tool-tab span{display:none}.tool-panel-content{max-height:200px;padding:8px}.music-grid{gap:8px;grid-template-columns:1fr}.music-card{border-radius:8px;padding:10px}.music-preview-btn,.sound-preview-btn{font-size:12px;height:32px;width:32px}.music-icon{font-size:16px}.music-name{font-size:12px}.music-mood{font-size:10px}.music-add-btn,.sound-add-btn{font-size:12px;height:28px;width:28px}.sounds-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.sound-card{padding:10px}.sound-icon{font-size:18px}.sound-name{font-size:11px}.selected-music{margin-bottom:10px;padding:10px}.selected-music .music-info{font-size:12px}.add-element-btn{font-size:12px;padding:10px 14px}.text-styles{gap:8px;grid-template-columns:repeat(2,1fr)}.style-btn{font-size:11px;padding:10px}.subtitle-list,.text-list{gap:8px}.subtitle-item,.text-item{flex-wrap:wrap;gap:6px;padding:10px}.subtitle-item input,.text-item input{font-size:13px;width:100%}.text-item select{font-size:12px;padding:6px}.filter-grid{gap:8px;grid-template-columns:repeat(3,1fr)}.filter-btn{font-size:10px;padding:8px}.filter-preview{height:40px;width:40px}.adjustment-row{flex-wrap:wrap;gap:6px}.adjustment-row span:first-child{font-size:11px;width:100%}.adjustment-row input[type=range]{flex:1 1}.tools-action-bar{border-radius:0;padding:12px}.render-btn{font-size:13px;padding:14px 20px}.export-actions{gap:8px}.action-btn{font-size:12px;padding:12px 16px}.preview-text-overlay{font-size:14px;padding:6px 12px}.preview-subtitle{bottom:8px;font-size:12px;padding:4px 10px}}@media (max-width:380px){.preview-container-9-16{height:40vh;min-height:200px}.tool-panel-content{max-height:180px}.sounds-grid{grid-template-columns:1fr}.filter-grid{grid-template-columns:repeat(2,1fr)}}@media (max-height:500px) and (orientation:landscape){.edit-studio{grid-template-columns:200px 1fr 240px;grid-template-rows:1fr}.video-library{height:100%;max-height:none}.preview-container-9-16{height:70vh;max-height:none}.editing-tools-card{height:100%;width:auto}.tool-panel-content{max-height:calc(100vh - 200px)}}@media (hover:none) and (pointer:coarse){.add-new-video-btn,.music-add-btn,.music-preview-btn,.play-pause-btn,.sound-add-btn,.sound-preview-btn{min-height:44px;min-width:44px}.tool-tab{min-height:44px}.timeline-track-modern{min-height:50px}.music-card:active,.sound-card:active,.video-item:active{opacity:.9;transform:scale(.98)}}@media (min-width:1400px){.preview-container-9-16{height:calc(100vh - 280px);max-height:750px;min-height:500px}.editor-main{padding:20px 32px}.preview-text-overlay{font-size:22px;padding:12px 24px}}@media (min-width:1800px){.preview-container-9-16{height:calc(100vh - 240px);max-height:850px;min-height:600px}.preview-text-overlay{font-size:26px;padding:14px 28px}}.mobile-video-picker-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1000}.mobile-video-picker-modal{animation:slideUp .3s ease;background:#121218fa;border:1px solid #00000014;border-radius:20px;display:flex;flex-direction:column;max-height:80vh;max-width:500px;overflow:hidden;width:100%}.picker-header{align-items:center;border-bottom:1px solid #0000000f;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.picker-header h3{color:#f5f5f4;font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-display);font-size:18px;font-weight:600;margin:0}.picker-close{align-items:center;background:#0000000d;border:1px solid #00000014;border-radius:10px;color:#a8a29e;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.picker-close:hover{background:#ffffff1a;color:#f5f5f4}.picker-close svg{font-size:18px}.picker-videos-grid{grid-gap:12px;-webkit-overflow-scrolling:touch;display:grid;flex:1 1;gap:12px;grid-template-columns:repeat(2,1fr);overflow-y:auto;padding:16px}.picker-videos-grid::-webkit-scrollbar{width:4px}.picker-videos-grid::-webkit-scrollbar-track{background:#0000}.picker-videos-grid::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.picker-video-card{background:#00000005;border:1px solid #0000000f;border-radius:12px;cursor:pointer;overflow:hidden;transition:all .2s ease}.picker-video-card:hover{background:#0000000d;border-color:#ffffff1f;transform:translateY(-2px)}.picker-video-card.selected{background:#29252426;border-color:#29252480}.picker-video-thumbnail{aspect-ratio:9/16;background:#0006;overflow:hidden;position:relative;width:100%}.picker-video-thumbnail video{height:100%;object-fit:cover;width:100%}.picker-play-icon{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:50%;color:#1c1917;display:flex;font-size:16px;height:40px;justify-content:center;left:50%;opacity:.8;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s ease;width:40px}.picker-video-card:hover .picker-play-icon{opacity:1;transform:translate(-50%,-50%) scale(1.1)}.picker-video-info{display:flex;flex-direction:column;gap:4px;padding:10px 12px}.picker-video-title{color:#e7e5e4;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-video-date,.picker-video-title{font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-family:var(--font-primary)}.picker-video-date{color:#78716c;font-size:10px}.picker-video-actions{border-top:1px solid #0000000f;display:flex;gap:6px;padding:8px 10px}.picker-add-btn{align-items:center;background:#10b98126;border:1px solid #10b9814d;border-radius:8px;color:#34d399;cursor:pointer;display:flex;flex:1 1;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:11px;font-weight:600;gap:4px;justify-content:center;padding:8px 12px;transition:all .2s ease}.picker-add-btn:hover{background:#10b98140;transform:translateY(-1px)}.picker-add-btn svg{font-size:12px}.picker-delete-btn{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#78716c;cursor:pointer;display:flex;justify-content:center;padding:8px 10px;transition:all .2s ease}.picker-delete-btn:hover{background:#ef444433;color:#ef4444}.picker-delete-btn svg{font-size:14px}.picker-empty{align-items:center;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:40px 20px;text-align:center}.picker-empty svg{color:#57534e;font-size:48px;margin-bottom:16px}.picker-empty p{color:#a8a29e;font-size:14px;margin:0 0 16px}.picker-empty button,.picker-empty p{font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-family:var(--font-primary)}.picker-empty button{background:linear-gradient(135deg,#292524,#6366f1);border:none;border-radius:10px;color:#1c1917;cursor:pointer;font-size:13px;font-weight:600;padding:12px 24px;transition:all .2s ease}.picker-empty button:hover{box-shadow:0 4px 16px #2925244d;transform:translateY(-1px)}@media (max-width:480px){.mobile-video-picker-modal{border-radius:16px 16px 0 0;bottom:0;left:0;max-height:90vh;max-width:100%;position:fixed;right:0}.picker-videos-grid{gap:10px;grid-template-columns:repeat(2,1fr);padding:12px}.picker-video-thumbnail{aspect-ratio:9/14}.picker-video-info{padding:8px 10px}.picker-video-title{font-size:11px}}.empty-state-actions{display:flex;flex-direction:column;gap:10px;margin-top:16px;max-width:200px;width:100%}.empty-state-btn.primary{background:linear-gradient(135deg,#292524,#6366f1);border:none;box-shadow:0 4px 16px #2925244d;color:#1c1917}.empty-state-btn.primary:hover{box-shadow:0 6px 20px #29252466;transform:translateY(-1px)}.empty-state-btn.secondary{background:#10b9811a;border:1px solid #10b98140;color:#34d399}.empty-state-btn.secondary:hover{background:#10b98133}.preview-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;overflow:auto;padding:16px;position:fixed;right:0;top:0;z-index:1000}.preview-modal{background:#1e1e2e;background:var(--bg-secondary,#1e1e2e);border-radius:16px;box-shadow:0 20px 60px #00000080;flex-direction:column;margin:auto;max-height:calc(100vh - 32px);max-width:800px;overflow:hidden;width:100%}.preview-modal-header{align-items:center;background:#0003;border-bottom:1px solid #ffffff1a;display:flex;gap:16px;padding:20px 24px}.content-type-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:flex;font-size:13px;gap:8px;padding:8px 14px}.content-type-badge svg{font-size:16px}.preview-modal-header h2{color:#fff;color:var(--text-primary,#fff);flex:1 1;font-size:18px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-modal-header .close-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#aaa;color:var(--text-secondary,#aaa);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.preview-modal-header .close-btn:hover{background:#fff3;color:#fff}.preview-modal-content{display:flex;flex:1 1;overflow:hidden}.preview-phone-frame{align-items:center;background:#0000004d;display:flex;flex:0 0 300px;flex-direction:column;justify-content:center;padding:20px}.phone-notch{background:#000;border-radius:0 0 14px 14px;height:24px;margin-bottom:-12px;width:100px;z-index:1}.phone-screen{background:#000;border:3px solid #333;border-radius:28px;height:420px;overflow:hidden;position:relative;width:240px}.phone-screen,.preview-placeholder{align-items:center;display:flex;justify-content:center}.preview-placeholder{color:#ffffff80;flex-direction:column;gap:12px}.preview-placeholder svg{font-size:48px}.single-image-preview{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.single-image-preview img{height:100%;object-fit:cover;width:100%}.video-preview-container{height:100%;position:relative;width:100%}.video-preview-container video{height:100%;object-fit:cover;width:100%}.video-play-btn{align-items:center;background:#0009;border:2px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:64px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s;width:64px}.video-play-btn:hover{background:#000c;transform:translate(-50%,-50%) scale(1.1)}.video-label{align-items:center;background:#000000b3;border-radius:8px;bottom:12px;color:#fffc;display:flex;font-size:11px;gap:6px;left:12px;padding:8px 12px;position:absolute;right:12px}.carousel-preview-container{height:100%;position:relative;width:100%}.carousel-slide,.carousel-slide img{height:100%;width:100%}.carousel-slide img{object-fit:cover}.carousel-nav{align-items:center;background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#333;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s;width:36px}.carousel-nav:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.carousel-nav.prev{left:8px}.carousel-nav.next{right:8px}.carousel-indicators{bottom:16px;display:flex;gap:6px;left:50%;position:absolute;transform:translateX(-50%)}.carousel-indicators .indicator{background:#ffffff80;border:none;border-radius:50%;cursor:pointer;height:8px;transition:all .2s;width:8px}.carousel-indicators .indicator.active{background:#fff;transform:scale(1.2)}.carousel-counter{background:#0009;border-radius:12px;color:#fff;font-size:12px;padding:4px 10px;position:absolute;right:12px;top:12px}.preview-sidebar{flex:1 1;gap:20px;padding:24px}.caption-preview-section{background:#ffffff0d;border-radius:12px;padding:16px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.section-header h3{font-size:14px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.copy-btn,.section-header h3{color:#aaa;color:var(--text-secondary,#aaa)}.copy-btn{align-items:center;background:none;border:1px solid #fff3;border-radius:6px;cursor:pointer;display:flex;font-size:12px;gap:6px;padding:6px 12px;transition:all .2s}.copy-btn:hover{background:#ffffff1a;color:#fff}.copy-btn.copied{background:#2ed57333;border-color:#2ed573;color:#2ed573}.caption-text{color:#fff;color:var(--text-primary,#fff);font-size:14px;line-height:1.6;max-height:150px;overflow-y:auto;white-space:pre-wrap}.hashtags-preview{border-top:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;padding-top:12px}.hashtag{background:#667eea33;border-radius:12px;color:#667eea;font-size:12px;padding:4px 10px}.regeneration-info{background:#ffc1071a;border:1px solid #ffc1074d;border-radius:8px;color:#ffc107;font-size:13px;padding:10px 14px;text-align:center}.schedule-option{background:#ffffff0d;border-radius:12px;padding:16px}.schedule-toggle{align-items:center;color:#fff;color:var(--text-primary,#fff);cursor:pointer;display:flex;font-size:14px;gap:10px}.schedule-toggle input{accent-color:#667eea;height:18px;width:18px}.schedule-toggle svg{color:#667eea;margin-left:auto}.schedule-inputs{display:flex;gap:12px;margin-top:12px}.schedule-inputs input,.schedule-inputs select{background:#0003;border:1px solid #fff3;border-radius:8px;color:#fff;color:var(--text-primary,#fff);flex:1 1;font-size:14px;padding:10px 14px}.schedule-inputs input:focus,.schedule-inputs select:focus{border-color:#667eea;outline:none}.preview-actions{gap:12px;margin-top:auto}.preview-actions button{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .2s}.btn-approve{background:linear-gradient(135deg,#2ed573,#26de81);color:#fff}.btn-approve:hover:not(:disabled){box-shadow:0 4px 20px #2ed57366;transform:translateY(-2px)}.btn-regenerate{background:#667eea33;border:1px solid #667eea!important;color:#667eea}.btn-regenerate:hover:not(:disabled){background:#667eea4d}.btn-reject{background:#ff47571a;border:1px solid #ff47574d!important;color:#ff4757}.btn-reject:hover{background:#ff475733}.preview-actions button:disabled{cursor:not-allowed;opacity:.5}.preview-actions button .spin{animation:spin 1s linear infinite}@media (max-width:900px){.preview-modal{max-width:95vw}.preview-modal-content{flex-direction:column}.preview-phone-frame{flex:none;padding:16px}.phone-screen{height:350px;width:200px}.phone-notch{height:20px;width:80px}.preview-sidebar{max-height:300px;padding:16px}.preview-actions{flex-direction:column}}@media (max-width:480px){.preview-modal-overlay{padding:8px}.preview-modal{max-height:calc(100vh - 16px)}.phone-screen{height:320px;width:180px}.preview-modal-header{padding:12px 16px}.preview-modal-header h2{font-size:14px}}.autopilot-new-page{background:var(--bg-primary);min-height:100vh;padding:32px 40px}.autopilot-new-container{margin:0 auto;max-width:900px}.autopilot-new-page .page-header{border-bottom:1px solid var(--border-light);margin-bottom:32px;padding-bottom:24px}.autopilot-new-page .page-header h1{align-items:center;color:var(--text-primary);display:flex;font-size:2rem;font-weight:700;gap:12px;margin:0 0 8px}.autopilot-new-page .page-header .header-icon{color:var(--accent-primary)}.autopilot-new-page .page-header p{color:var(--text-secondary);margin:0}.progress-steps{align-items:center;display:flex;justify-content:center;margin-bottom:40px;padding:0 20px}.step-number{background:var(--bg-tertiary);border:2px solid var(--border-light);color:var(--text-muted);height:40px;width:40px}.step.active .step-number{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--btn-primary-text)}.step.completed .step-number{background:var(--success);border-color:var(--success)}.step span{color:var(--text-muted);font-size:.875rem}.step-line{background:var(--border-light);flex:1 1;margin:0 16px 24px;max-width:120px}.step-panel{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--card-radius)}.step-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:32px}.step-icon{color:var(--accent-primary);flex-shrink:0;font-size:1.5rem;margin-top:4px}.step-header h2{font-size:1.5rem;margin:0 0 4px}.topics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr;margin-bottom:24px}.topic-card{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:10px;padding:16px;transition:all .2s ease}.topic-card.main-topic{background:linear-gradient(135deg,var(--accent-soft) 0,var(--bg-tertiary) 100%);border-color:var(--accent-primary)}.topic-card.filled{border-color:var(--success)}.topic-card label{color:var(--text-muted);display:block;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.topic-card .required{color:var(--error)}.topic-input-wrapper{position:relative}.topic-input{background:var(--bg-card);border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:12px 16px;transition:all .2s ease;width:100%}.topic-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.topic-input::placeholder{color:var(--text-muted)}.topic-input:disabled{cursor:not-allowed;opacity:.6}.generating-indicator{color:var(--accent-primary);position:absolute;right:12px;top:50%;transform:translateY(-50%)}.topic-hint{color:var(--text-muted);display:block;font-size:.75rem;margin-top:8px}.topics-actions{display:flex;gap:12px;margin-bottom:24px}.btn-regenerate{align-items:center;background:#0000;border:1px solid var(--border-light);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.875rem;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-regenerate:hover{background:var(--bg-secondary);border-color:var(--border-medium);color:var(--text-primary)}.btn-regenerate:disabled{cursor:not-allowed;opacity:.5}.btn-add-topic{align-items:center;background:var(--accent-primary);border:none;border-radius:8px;color:var(--btn-primary-text);cursor:pointer;display:inline-flex;font-size:.875rem;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-add-topic:hover{opacity:.9;transform:translateY(-1px)}.topics-counter{align-items:center;background:var(--bg-secondary);border-radius:8px;display:flex;gap:12px;padding:16px}.topics-counter span:first-child{color:var(--text-primary);font-weight:600}.topics-counter span.complete{color:var(--success)}.counter-hint{color:var(--text-muted);font-size:.875rem}.setting-section{margin-bottom:32px}.setting-section h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 12px}.setting-hint{color:var(--text-muted);font-size:.875rem;margin:0 0 16px}.setting-hint .slots-counter{color:var(--accent-primary);font-weight:600}.frequency-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.frequency-option{align-items:center;background:var(--bg-tertiary);border:2px solid var(--border-light);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:20px 16px;transition:all .2s ease}.frequency-option:hover{border-color:var(--border-medium)}.frequency-option.active{background:var(--accent-soft);border-color:var(--accent-primary)}.frequency-option svg{color:var(--text-secondary);font-size:1.25rem}.frequency-option.active svg{color:var(--accent-primary)}.frequency-number{color:var(--text-secondary);font-size:1.5rem;font-weight:700}.frequency-option.active .frequency-number{color:var(--accent-primary)}.frequency-option span:last-child{color:var(--text-secondary);font-size:.8125rem;text-align:center}.time-slots-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(6,1fr)}.time-slot{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.875rem;padding:10px;transition:all .2s ease}.time-slot:hover{border-color:var(--border-medium)}.time-slot.active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--btn-primary-text)}.post-types-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.post-type-card{align-items:center;background:var(--bg-tertiary);border:2px solid var(--border-light);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:24px 16px;position:relative;transition:all .2s ease}.post-type-card:hover{border-color:var(--border-medium)}.post-type-card.active{background:var(--accent-soft);border-color:var(--accent-primary)}.post-type-icon{color:var(--text-secondary);font-size:1.75rem}.post-type-card.active .post-type-icon{color:var(--accent-primary)}.post-type-card span{color:var(--text-secondary);font-size:.8125rem;text-align:center}.post-type-card.active span{color:var(--text-primary);font-weight:500}.check-icon{color:var(--success);font-size:1rem;position:absolute;right:8px;top:8px}.brand-form{display:flex;flex-direction:column;gap:16px}.form-group label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.form-group .required{color:var(--error)}.form-group input,.form-group select,.form-group textarea{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:.9375rem;padding:12px 16px;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-soft)}.review-sections{display:flex;flex-direction:column;gap:24px}.review-section{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:12px;padding:20px}.review-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.review-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:1rem;gap:8px;margin:0}.review-header h3 svg{color:var(--accent-primary)}.btn-edit{align-items:center;background:#0000;border:1px solid var(--border-light);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.75rem;gap:6px;padding:6px 12px;transition:all .2s ease}.btn-edit:hover{background:var(--bg-secondary);color:var(--text-primary)}.review-topics{display:flex;flex-wrap:wrap;gap:8px}.review-topic-tag{background:var(--bg-card);border:1px solid var(--border-light);border-radius:20px;color:var(--text-primary);font-size:.8125rem;padding:6px 12px}.review-details{flex-direction:column}.review-details,.review-item{display:flex;gap:12px}.review-label{color:var(--text-muted);font-size:.875rem;min-width:100px}.review-value{color:var(--text-primary);font-size:.875rem;font-weight:500}.start-section{background:linear-gradient(135deg,var(--accent-soft) 0,var(--bg-tertiary) 100%);border:1px solid var(--border-light);border-radius:12px;padding:32px;text-align:center}.btn-start-posting{align-items:center;background:var(--accent-primary);border:none;border-radius:12px;color:var(--btn-primary-text);cursor:pointer;display:inline-flex;font-size:1.125rem;font-weight:600;gap:12px;padding:18px 48px;transition:all .2s ease}.btn-start-posting:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}.btn-start-posting:disabled{cursor:not-allowed;opacity:.6;transform:none}.start-hint{color:var(--text-muted);font-size:.875rem;margin:16px 0 0}.step-navigation{align-items:center;border-top:1px solid var(--border-light);display:flex;margin-top:32px;padding-top:24px}.nav-spacer{flex:1 1}.btn-nav{display:inline-flex;font-size:.9375rem;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.btn-prev{background:#0000;border:1px solid var(--border-light);color:var(--text-secondary)}.btn-prev:hover{background:var(--bg-secondary);color:var(--text-primary)}.btn-next{background:var(--accent-primary);color:var(--btn-primary-text)}.btn-next:hover{opacity:.9}@media (max-width:768px){.autopilot-new-page{padding:20px}.step-panel{padding:24px}.frequency-options{grid-template-columns:repeat(2,1fr)}.time-slots-grid{grid-template-columns:repeat(4,1fr)}.post-types-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.progress-steps{padding:0}.step span{display:none}.step-line{max-width:60px}}@media (max-width:480px){.time-slots-grid{grid-template-columns:repeat(3,1fr)}.btn-start-posting{justify-content:center;width:100%}}.autopilot-new-page .page-header{align-items:flex-start;display:flex;justify-content:space-between}.autopilot-new-page .page-header .header-content{flex:1 1}.btn-drafts{align-items:center;background:#667eea26;border:1px solid #667eea4d;border-radius:10px;color:#667eea;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.btn-drafts:hover{background:#667eea40}.drafts-panel{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;margin-bottom:24px;padding:20px}.drafts-panel h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 16px}.drafts-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.draft-item{background:#ffffff0d;border:1px solid var(--border-light);border-radius:10px;padding:12px;transition:all .2s}.draft-item:hover{background:#667eea1a;border-color:#667eea4d}.draft-preview{align-items:center;background:#0000004d;border-radius:8px;display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;width:48px}.draft-preview img{height:100%;object-fit:cover;width:100%}.draft-preview svg{color:var(--text-secondary);font-size:20px}.draft-info{flex:1 1;min-width:0}.draft-type{color:#667eea;display:block;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.draft-topic{color:var(--text-primary);display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draft-item .view-icon{color:var(--text-secondary);font-size:16px}.btn-generate-preview{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:17px;font-weight:600;gap:10px;justify-content:center;padding:16px 24px;transition:all .3s;width:100%}.btn-generate-preview:hover:not(:disabled){box-shadow:0 8px 24px #667eea66;transform:translateY(-2px)}.btn-generate-preview:disabled{cursor:not-allowed;opacity:.6}.preview-hint{color:var(--text-secondary);font-size:13px;margin:10px 0 0;text-align:center}.divider-with-text{align-items:center;display:flex;margin:20px 0}.divider-with-text:after,.divider-with-text:before{background:var(--border-light);content:"";flex:1 1;height:1px}.divider-with-text span{color:var(--text-secondary);font-size:13px;letter-spacing:1px;padding:0 16px;text-transform:uppercase}.start-section .btn-start-posting{background:#ffffff0d;border:1px solid var(--border-light);color:var(--text-secondary)}.start-section .btn-start-posting:hover:not(:disabled){background:#ffffff1a;box-shadow:none;color:var(--text-primary);transform:none}.btn-setup-brand{background:none;border:1px solid var(--border-light);border-radius:10px;color:var(--text-secondary);font-size:14px;padding:12px 20px}.btn-setup-brand:hover{background:#ffffff0d;color:var(--text-primary)}.optional-section{background:#ffffff05;border-radius:12px;padding:20px}.optional-section h3{color:var(--text-secondary);font-size:14px;margin-bottom:16px}.optional-section h3:before{content:"⚙️ "}.asset-hub-page{background:var(--bg-primary);min-height:100vh;padding:32px 40px}.asset-hub-container{margin:0 auto;max-width:1400px}.asset-hub-page .page-header{border-bottom:1px solid var(--border-light);margin-bottom:32px;padding-bottom:24px}.asset-hub-page .page-header h1{align-items:center;color:var(--text-primary);display:flex;font-size:2rem;font-weight:700;gap:12px;margin:0 0 8px}.asset-hub-page .page-header .header-icon{color:var(--accent-primary)}.asset-hub-page .page-header p{color:var(--text-secondary);margin:0}.asset-toolbar{gap:16px;justify-content:space-between;margin-bottom:24px}.asset-toolbar,.search-box{align-items:center;display:flex}.search-box{background:var(--bg-card);border:1px solid var(--border-light);border-radius:10px;flex:1 1;gap:12px;max-width:400px;padding:12px 16px}.search-box svg{color:var(--text-muted);flex-shrink:0}.search-box input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:.9375rem;outline:none}.search-box input::placeholder{color:var(--text-muted)}.toolbar-actions{align-items:center;display:flex;gap:12px}.sort-select{background:var(--bg-card);border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary)}.btn-delete-selected,.sort-select{cursor:pointer;font-size:.875rem;padding:10px 16px}.btn-delete-selected{align-items:center;background:var(--error);border:none;border-radius:8px;color:#fff;display:inline-flex;gap:8px;transition:all .2s}.btn-delete-selected:hover{opacity:.9}.asset-tabs{background:var(--bg-secondary);border-radius:12px;display:flex;gap:8px;margin-bottom:24px;padding:4px;width:-webkit-fit-content;width:fit-content}.asset-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s}.asset-tab.active,.asset-tab:hover{color:var(--text-primary)}.asset-tab.active{background:var(--bg-card);box-shadow:var(--shadow-sm)}.tab-count{background:var(--bg-tertiary);border-radius:12px;font-size:.75rem;font-weight:600;padding:2px 8px}.asset-tab.active .tab-count{background:var(--accent-primary);color:var(--btn-primary-text)}.asset-hub-page .empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 40px;text-align:center}.empty-icon{color:var(--text-muted);font-size:4rem;margin-bottom:24px}.asset-hub-page .empty-state h3{color:var(--text-primary);font-size:1.25rem;margin:0 0 8px}.asset-hub-page .empty-state p{color:var(--text-secondary);margin:0}.assets-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.asset-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;overflow:hidden;position:relative;transition:all .2s}.asset-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-md);transform:translateY(-2px)}.asset-card.selected{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-soft)}.asset-select{align-items:center;background:var(--bg-card);border:2px solid var(--border-medium);border-radius:6px;cursor:pointer;display:flex;height:24px;justify-content:center;left:12px;position:absolute;top:12px;transition:all .2s;width:24px;z-index:10}.asset-select:hover{border-color:var(--accent-primary)}.asset-card.selected .asset-select{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.asset-preview{aspect-ratio:9/16;background:#000;border-radius:8px 8px 0 0;cursor:pointer;overflow:hidden;position:relative}.asset-preview img,.asset-preview video{background:linear-gradient(135deg,#1a1d28,#2a3142 50%,#1a1d28);height:100%;object-fit:cover;width:100%}.asset-preview video:not([data-loaded=true]){background:linear-gradient(135deg,#1a1d28,#2a3142)}.asset-preview video[data-error=true]{background:linear-gradient(135deg,#2d1f3d,#1a2742)}.asset-preview:before{content:"🎬";font-size:3rem;left:50%;opacity:.3;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.asset-preview img~.asset-preview:before,.asset-preview video[data-loaded=true]+.video-play-icon~.asset-preview:before{display:none}.asset-preview .video-thumbnail{height:100%;object-fit:cover;width:100%}.asset-preview video{object-position:center}.video-play-icon{background:#000000b3;border-radius:50%;box-shadow:0 4px 12px #0000004d;color:#fff;font-size:1.5rem;height:60px;left:50%;pointer-events:none;top:50%;transform:translate(-50%,-50%);width:60px;z-index:3}.asset-overlay,.video-play-icon{align-items:center;display:flex;justify-content:center;position:absolute}.asset-overlay{background:#0006;inset:0;opacity:0;transition:opacity .2s}.asset-overlay svg{color:#fff;font-size:2rem}.asset-preview:hover .asset-overlay{opacity:1}.asset-type-badge{background:#0009;border-radius:6px;color:#fff;font-size:.75rem;padding:6px 10px;position:absolute;right:12px;top:12px}.carousel-preview{height:100%;position:relative;width:100%}.carousel-preview img{border-radius:4px;box-shadow:var(--shadow-md);height:80%;object-fit:cover;position:absolute;width:80%}.carousel-preview img:first-child{left:10%;top:10%}.carousel-preview img:nth-child(2){left:5%;top:5%}.carousel-preview img:nth-child(3){left:0;top:0}.asset-info{padding:16px}.asset-info h4{color:var(--text-primary);font-size:.9375rem;font-weight:600;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-meta{color:var(--text-muted);font-size:.75rem;gap:12px}.asset-meta,.asset-meta span{align-items:center;display:flex}.asset-meta span{gap:4px}.asset-actions{display:flex;gap:4px;padding:0 16px 16px}.btn-asset-action{align-items:center;background:var(--bg-secondary);border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;justify-content:center;padding:8px;text-decoration:none;transition:all .2s}.btn-asset-action:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-asset-action.delete:hover{background:var(--error-bg);color:var(--error)}.asset-actions-row{border-top:1px solid var(--border-light);display:flex;gap:6px;padding:12px 16px}.asset-action-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.7rem;font-weight:500;gap:4px;padding:10px 8px;transition:all .2s}.asset-action-btn svg{font-size:1rem}.asset-action-btn:hover{background:var(--bg-tertiary);border-color:var(--border-medium);color:var(--text-primary)}.asset-action-btn.download:hover{background:#3b82f61a;border-color:#3b82f6;color:#3b82f6}.asset-action-btn.publish:hover{background:#e1306c1a;border-color:#e1306c;color:#e1306c}.asset-action-btn.share:hover{background:#10b9811a;border-color:#10b981;color:#10b981}.asset-delete-btn{align-items:center;background:#00000080;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;opacity:0;position:absolute;right:12px;top:12px;transition:all .2s;width:32px;z-index:5}.asset-card:hover .asset-delete-btn{opacity:1}.asset-delete-btn:hover{background:var(--error)}.preview-modal{align-items:center;background:#000000e6;box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.preview-content{background:#1a1d28;background:var(--bg-card,#1a1d28);border-radius:16px;display:flex;max-height:90vh;max-width:1100px;overflow:hidden;position:relative;width:95%}.preview-media{align-items:center;background:#000;display:flex;flex:1 1;justify-content:center;max-height:80vh;min-height:400px}.preview-media img{max-height:80vh;max-width:100%;width:auto}.preview-media img,.preview-media video{display:block;height:auto;object-fit:contain}.preview-media video{aspect-ratio:9/16;background:#000;margin:0 auto;max-height:70vh;max-width:350px;width:100%}.preview-sidebar{background:#1a1d28;background:var(--bg-card,#1a1d28);border-left:1px solid #2a3142;border-left:1px solid var(--border-light,#2a3142);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;width:360px}.preview-header{border-bottom:1px solid #2a3142;border-bottom:1px solid var(--border-light,#2a3142);padding:20px}.preview-header h3{color:#f3f4f6;color:var(--text-primary,#f3f4f6);font-size:1.125rem;margin:0 0 8px}.preview-meta{color:#6b7280;color:var(--text-muted,#6b7280);display:flex;font-size:.8125rem;gap:16px}.preview-meta span{align-items:center;display:flex;gap:6px}.preview-meta .asset-type{text-transform:capitalize}.preview-close{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .2s;width:40px;z-index:10}.preview-close:hover{background:#fff3;transform:scale(1.1)}.preview-caption-section{border-bottom:1px solid #2a3142;border-bottom:1px solid var(--border-light,#2a3142);flex:1 1;padding:20px}.caption-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.caption-header h4{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:14px;font-weight:600;margin:0}.caption-actions{display:flex;gap:8px}.btn-copy-caption,.btn-edit-caption{align-items:center;background:none;border:1px solid #2a3142;border:1px solid var(--border-light,#2a3142);border-radius:6px;color:#9ca3af;color:var(--text-secondary,#9ca3af);cursor:pointer;display:flex;font-size:12px;gap:4px;padding:6px 10px;transition:all .2s}.btn-copy-caption:hover,.btn-edit-caption:hover{background:#ffffff1a;color:#f3f4f6;color:var(--text-primary,#f3f4f6)}.btn-copy-caption.copied{background:#2ed57333;border-color:#2ed573;color:#2ed573}.caption-display{background:#0003;border-radius:8px;max-height:200px;min-height:100px;overflow-y:auto;padding:12px}.caption-display p{color:#f3f4f6;color:var(--text-primary,#f3f4f6);font-size:14px;line-height:1.6;margin:0;white-space:pre-wrap}.caption-display .no-caption{color:#6b7280;color:var(--text-muted,#6b7280);font-style:italic}.caption-edit-area textarea{background:#0000004d;border:1px solid #2a3142;border:1px solid var(--border-light,#2a3142);border-radius:8px;color:#f3f4f6;color:var(--text-primary,#f3f4f6);font-family:inherit;font-size:14px;line-height:1.6;padding:12px;resize:vertical;width:100%}.caption-edit-area textarea:focus{border-color:#667eea;outline:none}.caption-edit-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}.btn-cancel{background:none;border:1px solid #2a3142;border:1px solid var(--border-light,#2a3142);border-radius:6px;color:#9ca3af;color:var(--text-secondary,#9ca3af)}.btn-cancel,.btn-save-caption{cursor:pointer;font-size:13px;padding:8px 14px}.btn-save-caption{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;display:flex;gap:4px}.preview-hashtags-section{border-bottom:1px solid #2a3142;border-bottom:1px solid var(--border-light,#2a3142);padding:16px 20px}.preview-hashtags-section h4{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:14px;font-weight:600;margin:0 0 10px}.hashtags-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.hashtags-list .hashtag{background:#667eea33;border-radius:12px;color:#667eea;font-size:12px;padding:4px 10px}.btn-copy-hashtags{align-items:center;background:none;border:1px solid #2a3142;border:1px solid var(--border-light,#2a3142);border-radius:6px;color:#9ca3af;color:var(--text-secondary,#9ca3af);cursor:pointer;display:flex;font-size:12px;gap:4px;padding:6px 10px;transition:all .2s}.btn-copy-hashtags:hover{background:#ffffff1a}.preview-actions{display:flex;flex-direction:column;gap:8px;padding:16px 20px}.btn-preview-action{align-items:center;background:#ffffff0d;border:1px solid #2a3142;border:1px solid var(--border-light,#2a3142);border-radius:8px;color:#f3f4f6;color:var(--text-primary,#f3f4f6);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s;width:100%}.btn-preview-action:hover{background:#ffffff1a}.btn-preview-action.primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.btn-preview-action.primary:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.preview-carousel{background:#000;display:flex;gap:16px;overflow-x:auto;padding:24px}.preview-carousel img{border-radius:8px;flex-shrink:0;height:60vh;max-height:500px;width:auto}@media (max-width:900px){.preview-content{flex-direction:column;max-height:95vh}.preview-sidebar{border-left:none;border-top:1px solid #2a3142;border-top:1px solid var(--border-light,#2a3142);max-height:50vh;width:100%}.preview-media{max-height:45vh;min-height:300px}}@media (max-width:768px){.asset-hub-page{padding:20px}.asset-toolbar{align-items:stretch;flex-direction:column}.search-box{max-width:none}.asset-tabs{overflow-x:auto;width:100%}.assets-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.preview-modal{padding:10px}}@media (max-width:480px){.assets-grid{grid-template-columns:1fr}}.content-calendar-page{background:var(--bg-primary);min-height:100vh;padding:24px 32px}.calendar-container{margin:0 auto;max-width:1200px}.content-calendar-page .page-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.content-calendar-page .header-left h1{align-items:center;color:var(--text-primary);display:flex;font-size:1.5rem;font-weight:600;gap:10px;margin:0 0 4px}.content-calendar-page .header-icon{color:#3b82f6;font-size:1.25rem}.content-calendar-page .header-left p{color:var(--text-secondary);font-size:.875rem;margin:0}.header-stats{display:flex;gap:12px}.stat-item{align-items:center;border-radius:6px;display:flex;font-size:.8125rem;font-weight:500;gap:6px;padding:6px 12px}.stat-item.scheduled{background:#3b82f61a;color:#3b82f6}.stat-item.published{background:#10b9811a;color:#10b981}.stat-item.failed{background:#ef44441a;color:#ef4444}.calendar-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.nav-controls{gap:8px}.btn-nav,.nav-controls{align-items:center;display:flex}.btn-nav{background:var(--bg-card);border:1px solid var(--border-light);border-radius:8px;color:var(--text-secondary);cursor:pointer;height:36px;justify-content:center;transition:all .2s;width:36px}.btn-nav:hover{background:var(--bg-secondary);border-color:var(--border-medium);color:var(--text-primary)}.current-period{color:var(--text-primary);font-size:1.125rem;font-weight:600;min-width:160px;text-align:center}.btn-today{background:var(--bg-card);border:1px solid var(--border-light);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.8125rem;font-weight:500;padding:6px 14px;transition:all .2s}.btn-today:hover{background:#3b82f60d;border-color:#3b82f6;color:#3b82f6}.view-controls{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;display:flex;gap:2px;padding:3px}.view-btn{background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.8125rem;font-weight:500;padding:6px 14px;transition:all .2s}.view-btn.active,.view-btn:hover{color:var(--text-primary)}.view-btn.active{background:var(--bg-card);box-shadow:var(--shadow-sm)}.calendar-grid{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;overflow:hidden}.calendar-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-light);display:grid;grid-template-columns:repeat(7,1fr)}.day-header{color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.03em;padding:12px 8px;text-align:center;text-transform:uppercase}.calendar-body{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-grid.week .calendar-body{min-height:400px}.calendar-loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:12px;grid-column:1/-1;justify-content:center;padding:60px}.spinner{animation:spin 1s linear infinite;border:3px solid var(--border-light);border-radius:50%;border-top:3px solid #3b82f6;height:28px;width:28px}.calendar-day{background:var(--bg-card);border-bottom:1px solid var(--border-light);border-right:1px solid var(--border-light);cursor:pointer;display:flex;flex-direction:column;min-height:100px;padding:8px;transition:background .15s ease}.calendar-day:nth-child(7n){border-right:none}.calendar-day.other-month,.calendar-day:hover{background:var(--bg-secondary)}.calendar-day.other-month .day-number{color:var(--text-muted)}.calendar-day.today{background:#3b82f614}.calendar-day.today .day-number{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:inline-flex;font-weight:600;height:26px;justify-content:center;width:26px}.calendar-day.selected{background:#3b82f61f}.calendar-grid.week .calendar-day{min-height:350px}.day-number{color:var(--text-primary);font-size:.8125rem;font-weight:500;margin-bottom:6px}.day-content{flex:1 1;flex-direction:column;gap:3px}.content-item,.day-content{display:flex;overflow:hidden}.content-item{align-items:center;border-radius:4px;cursor:pointer;font-size:.6875rem;gap:4px;padding:3px 6px;transition:all .15s ease}.content-item.status-scheduled{background:#3b82f61f;color:#3b82f6}.content-item.status-published{background:#10b9811f;color:#10b981}.content-item.status-failed{background:#ef44441f;color:#ef4444}.content-item:hover{opacity:.85;transform:translateX(2px)}.content-icon{align-items:center;display:flex}.content-icon,.content-time{flex-shrink:0;font-size:.625rem}.content-time{font-weight:600}.content-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.more-content{color:var(--text-muted);cursor:pointer;font-size:.625rem;font-weight:500;padding:2px 6px}.more-content:hover{color:#3b82f6}.calendar-legend{display:flex;gap:20px;justify-content:center;margin-top:16px;padding:12px}.legend-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.75rem;gap:6px}.legend-dot{border-radius:50%;height:8px;width:8px}.legend-dot.scheduled{background:#3b82f6}.legend-dot.published{background:#10b981}.legend-dot.failed{background:#ef4444}.content-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.content-modal .modal-content{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;box-shadow:var(--shadow-lg);max-width:420px;padding:20px;position:relative;width:100%}.modal-close{align-items:center;background:var(--bg-secondary);border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:12px;top:12px;width:28px}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-header{align-items:center;display:flex;gap:10px;margin-bottom:12px}.content-type-badge{align-items:center;border-radius:5px;display:inline-flex;font-size:.6875rem;font-weight:500;gap:4px;padding:4px 10px;text-transform:capitalize}.content-type-badge.video{background:#3b82f61f;color:#3b82f6}.content-type-badge.image{background:#f59e0b1f;color:#f59e0b}.content-type-badge.carousel{background:#a855f71f;color:#a855f7}.content-status{align-items:center;border-radius:5px;display:inline-flex;font-size:.6875rem;font-weight:500;gap:4px;padding:4px 10px;text-transform:capitalize}.content-status.status-scheduled{background:#3b82f61f;color:#3b82f6}.content-status.status-published{background:#10b9811f;color:#10b981}.content-status.status-failed{background:#ef44441f;color:#ef4444}.content-modal h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 12px}.modal-meta{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.meta-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.8125rem;gap:8px}.meta-item svg{color:var(--text-muted);font-size:.875rem}.modal-thumbnail{border-radius:8px;margin-bottom:20px;overflow:hidden}.modal-thumbnail img,.modal-thumbnail video{display:block;width:100%}.modal-actions{display:flex;gap:10px}.btn-action{flex:1 1;font-size:.8125rem;font-weight:500;justify-content:center;padding:10px}.btn-action.edit{background:#3b82f6;color:#fff}.btn-action.edit:hover{background:#2563eb}.btn-action.delete{background:var(--bg-secondary);border:1px solid var(--border-light);color:#ef4444}.btn-action.delete:hover{background:#ef44441a}@media (max-width:1024px){.content-calendar-page .page-header{flex-direction:column;gap:16px}.header-stats{flex-wrap:wrap}.calendar-controls{align-items:stretch;flex-direction:column;gap:16px}.nav-controls,.view-controls{justify-content:center}}@media (max-width:768px){.content-calendar-page{padding:20px}.calendar-day{min-height:80px;padding:4px}.content-item{padding:2px 4px}.content-time,.content-title{display:none}.day-header{font-size:.625rem;padding:12px 4px}.current-period{font-size:1rem;min-width:auto}}[data-theme=dark] .calendar-grid{background:var(--bg-card);border-color:var(--border-light)}[data-theme=dark] .calendar-header{background:var(--bg-secondary)}[data-theme=dark] .calendar-day{background:var(--bg-card);border-color:var(--border-light)}[data-theme=dark] .calendar-day:hover{background:var(--bg-tertiary)}[data-theme=dark] .calendar-day.other-month{background:#0d0d0d}[data-theme=dark] .calendar-day.today{background:#3b82f626}[data-theme=dark] .calendar-day.today .day-number{background:#3b82f6;color:#fff}[data-theme=dark] .day-number{color:var(--text-primary)}[data-theme=dark] .content-item.status-scheduled{background:#3b82f633;color:#60a5fa}[data-theme=dark] .content-item.status-published{background:#10b98133;color:#34d399}[data-theme=dark] .content-item.status-failed{background:#ef444433;color:#f87171}[data-theme=dark] .content-type-badge.video{background:#3b82f626;color:#60a5fa}[data-theme=dark] .content-type-badge.image{background:#ff980026;color:#ffb74d}[data-theme=dark] .content-type-badge.carousel{background:#9c27b026;color:#ce93d8}[data-theme=dark] .content-modal .modal-content{background:var(--bg-card);border:1px solid var(--border-light)}[data-theme=dark] .stat-item.scheduled{background:#3b82f626;color:#60a5fa}[data-theme=dark] .stat-item.published{background:#10b98126;color:#34d399}[data-theme=dark] .stat-item.failed{background:#ef444426;color:#f87171}.business-create-page{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;padding:40px}.business-create-container{max-width:1000px;width:100%}.business-create-page .page-header{margin-bottom:48px;text-align:center}.business-create-page .page-header h1{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin:0 0 12px}.business-create-page .page-header p{color:var(--text-secondary);font-size:1.125rem;margin:0}.business-cards-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:800px}.business-card{align-items:center;background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:32px;position:relative;text-align:center;transition:all .3s ease}.business-card:before{background:var(--card-color);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.business-card:hover{border-color:var(--card-color);box-shadow:0 20px 40px #0000001a;transform:translateY(-8px)}.business-card:hover:before{opacity:1}.card-icon-wrapper{align-items:center;background:linear-gradient(135deg,var(--card-color) 0,color-mix(in srgb,var(--card-color) 70%,#000) 100%);border-radius:20px;display:flex;height:80px;justify-content:center;margin-bottom:24px;transition:transform .3s ease;width:80px}.business-card:hover .card-icon-wrapper{transform:scale(1.1)}.card-icon{color:#fff;font-size:2rem}.card-content{flex:1 1}.card-content h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 8px}.card-subtitle{background:var(--bg-secondary);border-radius:20px;color:var(--card-color);display:inline-block;font-size:.75rem;font-weight:600;margin-bottom:16px;padding:4px 12px}.card-content p{color:var(--text-secondary);font-size:.9375rem;line-height:1.6;margin:0}.card-arrow{align-items:center;background:var(--bg-secondary);border-radius:50%;bottom:20px;color:var(--text-muted);display:flex;height:36px;justify-content:center;opacity:0;position:absolute;right:20px;transform:translateX(-10px);transition:all .3s ease;width:36px}.business-card:hover .card-arrow{background:var(--card-color);color:#fff;opacity:1;transform:translateX(0)}@media (max-width:700px){.business-cards-grid{grid-template-columns:1fr;max-width:400px}}@media (max-width:600px){.business-create-page{align-items:flex-start;padding:60px 24px 24px}.business-cards-grid{grid-template-columns:1fr}.business-create-page .page-header h1{font-size:1.75rem}.business-card{padding:24px}.card-icon-wrapper{border-radius:16px;height:64px;width:64px}.card-icon{font-size:1.5rem}}.live-indicator{align-items:center;background:#10b98126;border:1px solid #10b9814d;border-radius:20px;display:flex;gap:6px;padding:4px 10px 4px 8px;position:absolute;right:12px;top:12px}.live-dot{animation:pulse-live 2s ease-in-out infinite;background:#10b981;border-radius:50%;box-shadow:0 0 8px #10b98199;height:8px;width:8px}.live-text{color:#10b981;font-size:10px;font-weight:700;letter-spacing:.5px}@keyframes pulse-live{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.business-image-page{background:var(--bg-primary);min-height:calc(100vh - 70px);padding:24px}.business-image-container{margin:0 auto;max-width:800px}.page-title{gap:14px}.page-title .title-icon{font-size:32px}.page-title p{color:var(--text-secondary);font-size:14px;margin:4px 0 0}.step-indicator{align-items:center;display:flex;gap:0;justify-content:center;margin-bottom:32px;padding:20px 0}.step-number{font-size:16px;height:44px;width:44px}.step.active .step-number{box-shadow:0 4px 15px #3b82f666}.step.active span{color:#3b82f6;font-weight:600}.step.completed span{color:#10b981}.step-line{margin:0 12px 28px;width:80px}.step.completed+.step-line{background:#10b981}.step-content{margin-bottom:24px}.step-header{text-align:center}.step-label{letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.step-header h2{font-size:24px;margin:0 0 6px}.prompt-card{background:var(--bg-primary);border-radius:12px;padding:20px}.prompt-input-row{display:flex;flex-direction:column;gap:12px}.prompt-textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-family:inherit;font-size:15px;line-height:1.6;min-height:140px;padding:16px;resize:vertical;transition:all .2s ease;width:100%}.prompt-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626;outline:none}.prompt-textarea::placeholder{color:var(--text-secondary)}.ai-advice-btn{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border:1px solid #3b82f64d;border-radius:10px;color:#3b82f6;font-size:14px;gap:8px;justify-content:center;padding:14px 24px;transition:all .2s ease}.ai-advice-btn:hover{background:linear-gradient(135deg,#3b82f626,#8b5cf626);border-color:#3b82f680}.ai-advice-btn svg{font-size:18px}.ai-advice-panel{background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);border:1px solid #3b82f633;margin-top:20px;padding:24px}.advice-header{gap:10px;margin-bottom:20px}.advice-header .advice-icon{color:#8b5cf6;font-size:22px}.advice-header h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.advice-categories{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.advice-category{background:var(--bg-secondary);border-radius:12px;padding:16px}.advice-category h4{color:#8b5cf6;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.advice-examples{display:flex;flex-direction:column;gap:10px}.advice-example{align-items:flex-start;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:12px;justify-content:space-between;padding:12px;transition:all .2s ease}.advice-example:hover{border-color:#3b82f666}.advice-example p{color:var(--text-primary);flex:1 1;font-size:13px;line-height:1.5;margin:0}.example-actions{display:flex;flex-shrink:0;gap:6px}.example-btn{border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease}.example-btn.use{background:#3b82f6;border:none;color:#fff}.example-btn.use:hover{background:#2563eb}.example-btn.copy{align-items:center;background:#0000;border:1px solid var(--border-color);color:var(--text-secondary);display:flex;justify-content:center;padding:6px 8px}.example-btn.copy:hover{border-color:var(--text-secondary);color:var(--text-primary)}.settings-card{display:flex;flex-direction:column;gap:28px}.setting-group{background:var(--bg-primary);border-radius:12px;padding:20px}.setting-group h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 16px}.setting-row{align-items:center;display:flex;gap:16px;justify-content:space-between}.setting-row h3{margin:0}.setting-desc{color:var(--text-secondary);font-size:13px;margin:4px 0 0}.toggle-switch{cursor:pointer;height:28px;width:52px}.toggle-slider{background:var(--border-color);border-radius:14px;transition:all .3s ease}.toggle-slider:before{background:#fff;box-shadow:0 2px 4px #0003;height:22px;transition:all .3s ease;width:22px}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.option-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.option-card{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:20px 12px;transition:all .2s ease}.option-card:hover{background:var(--bg-secondary);background:var(--bg-tertiary,var(--bg-secondary));border-color:#3b82f666}.option-card.selected{background:#3b82f61a;border-color:#3b82f6}.option-card .option-icon{color:var(--text-secondary);font-size:24px}.option-card.selected .option-icon{color:#3b82f6}.option-label{color:var(--text-secondary);font-size:13px;font-weight:600}.option-card.selected .option-label{color:#3b82f6}.option-desc{color:var(--text-secondary);font-size:11px;opacity:.7}.ratio-card{position:relative}.ratio-preview{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:4px;height:36px;width:36px}.ratio-card.selected .ratio-preview{border-color:#3b82f6}.ratio-1-1{height:36px;width:36px}.ratio-4-5{height:36px;width:30px}.ratio-9-16{height:36px;width:22px}.ratio-16-9{height:22px;width:36px}.review-card{display:flex;flex-direction:column;gap:24px}.summary-section{background:var(--bg-primary);border-radius:12px;padding:20px}.summary-section h3{color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.summary-item{margin-bottom:12px}.summary-item strong{font-size:13px}.summary-item p{color:var(--text-primary);font-size:14px;line-height:1.5;margin:6px 0 0;padding-left:12px}.summary-tags{gap:10px;margin-top:16px}.tag{align-items:center;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:20px;color:#3b82f6;display:inline-flex;font-size:13px;font-weight:500;padding:6px 14px}.tag.brand{background:#10b9811a;border-color:#10b9814d;color:#10b981}.content-details{background:var(--bg-primary);border-radius:12px;padding:20px}.content-details h3{align-items:center;color:var(--text-primary);display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 20px}.content-details h3 svg{color:#8b5cf6}.input-group{margin-bottom:16px}.input-group:last-child{margin-bottom:0}.input-group label{color:var(--text-primary);display:block;font-size:13px;font-weight:600;margin-bottom:8px}.input-group input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-family:inherit;font-size:14px;padding:14px 16px;transition:all .2s ease;width:100%}.input-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626;outline:none}.input-group input::placeholder{color:var(--text-secondary)}.generated-result{background:var(--bg-primary)}.generated-result h3,.result-preview{text-align:center}.result-preview img{border-radius:12px;box-shadow:0 8px 30px #00000026;margin-bottom:20px;max-height:400px;max-width:100%}.result-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:12px 20px}.result-btn:hover{border-color:#3b82f6;color:#3b82f6}.step-actions{margin-top:28px}.btn-back{font-weight:600;padding:12px 24px}.btn-back:hover{background:var(--bg-tertiary,var(--bg-primary))}.btn-next:hover{box-shadow:0 4px 15px #3b82f666;transform:translateY(-2px)}.btn-next:disabled{box-shadow:none;transform:none}.btn-generate:hover{box-shadow:0 4px 15px #10b98166;transform:translateY(-2px)}.btn-generate:disabled{box-shadow:none;transform:none}.btn-generate .spin{animation:spin 1s linear infinite}@media (max-width:768px){.business-image-page{padding:16px}.page-header-row{align-items:flex-start;flex-direction:column;gap:16px}.step-indicator{flex-wrap:wrap;gap:8px}.step-line{width:40px}.step-panel{padding:20px}.step-header h2{font-size:20px}.advice-categories{grid-template-columns:1fr}.option-grid{grid-template-columns:repeat(2,1fr)}.step-actions{flex-direction:column;gap:12px}.btn-back,.btn-generate,.btn-next{justify-content:center;width:100%}.result-actions{flex-direction:column}.result-btn{justify-content:center}}.prompt-tips{background:#3b82f614;border-left:3px solid #3b82f6;border-radius:10px;margin-top:16px;padding:16px}.prompt-tips strong{color:#3b82f6;display:block;font-size:13px;margin-bottom:8px}.prompt-tips ul{margin:0;padding-left:18px}.prompt-tips li{color:var(--text-secondary);font-size:13px;line-height:1.5;margin-bottom:4px}.prompt-tips li:last-child{margin-bottom:0}.ai-advice-panel .advice-subtitle{color:var(--text-secondary);font-size:13px;margin-top:4px}.advice-loading{color:var(--text-secondary);flex-direction:column;gap:12px;padding:40px}.advice-loading svg{color:#8b5cf6;font-size:28px}.advice-list{display:flex;flex-direction:column;gap:12px}.advice-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:16px;transition:all .2s ease}.advice-item:hover{border-color:#8b5cf666}.advice-category-badge{background:#8b5cf626;border-radius:12px;color:#8b5cf6;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:10px;padding:4px 10px;text-transform:uppercase}.advice-prompt{color:var(--text-primary);font-size:14px;line-height:1.6;margin:0 0 12px}.advice-actions{display:flex;gap:8px}.advice-btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.advice-btn.use{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;color:#fff}.advice-btn.use:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.advice-btn.copy{background:#0000;border:1px solid var(--border-color);color:var(--text-secondary);padding:8px 12px}.advice-btn.copy:hover{border-color:var(--text-primary);color:var(--text-primary)}.content-hint{color:var(--text-secondary);font-size:13px;margin-bottom:16px}.generation-error{gap:12px;margin-top:20px}.generation-error button{transition:all .2s ease}@media (max-width:768px){.advice-list{gap:10px}.advice-item{padding:14px}.advice-actions{flex-wrap:wrap}}.reference-images-section{border-top:1px solid var(--border-color);margin-top:24px;padding-top:24px}.reference-images-section h3{align-items:center;color:var(--text-primary);display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:8px}.reference-images-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-top:16px;max-height:300px;overflow-y:auto;padding:4px}.reference-image-card{aspect-ratio:1;border:2px solid var(--border-color);border-radius:10px;cursor:pointer;overflow:hidden;position:relative;transition:all .2s ease}.reference-image-card:hover{border-color:#3b82f6;border-color:var(--accent-color,#3b82f6);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.reference-image-card.selected{border-color:#10b981;box-shadow:0 0 0 3px #10b9814d}.reference-image-card img{height:100%;object-fit:cover;width:100%}.reference-image-card .selected-badge{align-items:center;background:#10b981;border-radius:50%;color:#fff;display:flex;height:24px;justify-content:center;position:absolute;right:6px;top:6px;width:24px}.reference-image-card .image-source{background:#000000b3;bottom:0;color:#fff;font-size:10px;left:0;overflow:hidden;padding:4px 8px;position:absolute;right:0;text-overflow:ellipsis;white-space:nowrap}.selected-reference-info{align-items:center;background:#10b9811a;border:1px solid #10b9814d;border-radius:8px;color:#10b981;display:flex;font-size:13px;font-weight:500;gap:8px;margin-top:12px;padding:10px 14px}.selected-reference-info .clear-reference{background:#0000;border:1px solid #10b98180;border-radius:6px;color:#10b981;cursor:pointer;font-size:12px;margin-left:auto;padding:4px 10px;transition:all .2s ease}.selected-reference-info .clear-reference:hover{background:#10b9811a}@media (max-width:768px){.reference-images-grid{gap:8px;grid-template-columns:repeat(3,1fr)}.reference-image-card .selected-badge{height:20px;width:20px}.selected-reference-info{flex-wrap:wrap;font-size:12px}}.connected-brand-card{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea4d;border-radius:12px;padding:20px}.brand-connected-header{align-items:center;display:flex;gap:14px;margin-bottom:12px}.brand-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;font-size:20px;height:48px;justify-content:center;width:48px}.brand-info{flex:1 1}.brand-info .brand-name{color:var(--text-primary);display:block;font-size:18px;font-weight:600}.brand-info .brand-industry{color:var(--text-secondary);display:block;font-size:13px;margin-top:2px}.brand-status{align-items:center;border-radius:20px;display:flex;font-size:13px;gap:6px;padding:6px 12px}.brand-status.connected{background:#2ed57326;color:#2ed573}.brand-description{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 12px}.brand-details-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.brand-tag{align-items:center;background:#ffffff1a;border-radius:16px;color:var(--text-secondary);display:inline-flex;font-size:12px;gap:4px;padding:6px 12px}.brand-actions{display:flex;gap:12px}.btn-edit-brand{align-items:center;background:#667eea33;border:none;border-radius:8px;color:#667eea;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s}.btn-edit-brand:hover{background:#667eea4d}.btn-disconnect{background:none;border:1px solid #fff3;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:13px;padding:10px 16px;transition:all .2s}.btn-disconnect:hover{border-color:#ff4757;color:#ff4757}.no-brand-connected{background:#ffffff08;border:2px dashed var(--border-light);border-radius:12px;padding:32px;text-align:center}.no-brand-icon{align-items:center;background:#667eea26;border-radius:50%;color:#667eea;display:flex;font-size:24px;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.no-brand-connected h4{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.no-brand-connected p{color:var(--text-secondary);font-size:14px;margin:0 0 20px}.brand-connect-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.btn-connect-brand{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s}.btn-connect-brand:hover{box-shadow:0 4px 20px #667eea66;transform:translateY(-2px)}.btn-setup-brand{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:14px 28px;transition:all .2s}.btn-setup-brand:hover{box-shadow:0 4px 20px #667eea66;transform:translateY(-2px)}.brand-required-notice{margin-top:40px;padding:60px 40px}.brand-required-notice .notice-icon{font-size:48px;margin-bottom:16px}.brand-required-notice h2{margin:0 0 12px}.brand-required-notice p{margin:0 auto 8px;max-width:400px}.brand-required-notice .notice-subtitle{color:var(--text-muted);font-size:13px;margin-bottom:24px}.connected-brand-banner{align-items:center;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea4d;border-radius:12px;display:flex;gap:12px;margin-bottom:24px;padding:12px 16px}.brand-icon-small{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:flex;height:36px;justify-content:center;width:36px}.brand-banner-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.brand-banner-name{color:var(--text-primary);font-size:14px;font-weight:600}.brand-banner-industry,.btn-change-brand{color:var(--text-secondary);font-size:12px}.btn-change-brand{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;display:flex;gap:4px;padding:6px 12px;transition:all .2s}.btn-change-brand:hover{background:var(--bg-tertiary);color:var(--text-primary)}.campaign-type-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.campaign-type-card{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;padding:16px 12px;text-align:center;transition:all .2s ease}.campaign-type-card:hover{border-color:var(--text-secondary);transform:translateY(-2px)}.campaign-type-card.selected{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea}.campaign-icon{font-size:28px;margin-bottom:8px}.campaign-label{color:var(--text-primary);font-size:13px;font-weight:600;margin-bottom:4px}.campaign-desc{color:var(--text-secondary);font-size:11px;line-height:1.3}.product-selection-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:12px}.product-card{background:var(--bg-secondary)}.product-card:hover{border-color:var(--text-secondary)}.product-card.selected{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea}.product-card .product-name{color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:4px}.product-card .product-desc{color:var(--text-secondary);display:block;font-size:12px}.custom-product-input{background:var(--bg-secondary);color:var(--text-primary);font-size:14px;margin-top:12px;padding:14px 16px;width:100%}.custom-product-input:focus{border-color:#667eea;outline:none}.tip-text{color:var(--text-muted);font-size:12px;margin-top:8px}.style-options-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.style-option-card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;padding:14px;transition:all .2s ease}.style-option-card:hover{border-color:var(--text-secondary)}.style-option-card.selected{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea}.style-label{color:var(--text-primary);font-size:13px;font-weight:600;margin-bottom:4px}.style-desc{color:var(--text-secondary);font-size:11px}.aspect-ratio-options{display:flex;flex-wrap:wrap;gap:12px}.aspect-ratio-option{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:10px;cursor:pointer;flex:1 1;min-width:100px;padding:14px;text-align:center;transition:all .2s ease}.aspect-ratio-option:hover{border-color:var(--text-secondary)}.aspect-ratio-option.selected{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea}.ratio-label{color:var(--text-primary);display:block;font-size:16px;font-weight:700;margin-bottom:4px}.ratio-desc{color:var(--text-secondary);font-size:11px}.reference-images-row{display:flex;gap:10px;overflow-x:auto;padding:4px 0}.reference-image-option{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:12px;height:80px;justify-content:center;overflow:hidden;transition:all .2s ease;width:80px}.reference-image-option:hover{border-color:var(--text-secondary)}.reference-image-option.selected{border-color:#667eea;box-shadow:0 0 0 2px #667eea4d}.reference-image-option img{height:100%;object-fit:cover;width:100%}.summary-grid{grid-gap:12px 24px;gap:12px 24px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.summary-item strong{color:var(--text-secondary);font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.summary-item span{color:var(--text-primary);font-size:14px;font-weight:600}.summary-tags{border-top:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:8px;padding-top:12px}.color-tag{border:1px solid #fff3;border-radius:6px;height:24px;width:24px}.additional-details{border-top:1px solid var(--border-color);margin-top:24px;padding-top:24px}.additional-textarea{background:var(--bg-secondary);background:var(--bg-tertiary,var(--bg-secondary));border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:14px;margin-top:12px;padding:14px 16px;resize:vertical;width:100%}.additional-textarea:focus{border-color:#667eea;outline:none}.generation-error{color:#ef4444;margin-top:16px}.generation-error .dismiss-btn{background:none;border:none;color:#ef4444;cursor:pointer;font-size:18px;padding:4px 8px}.generated-result{background:linear-gradient(135deg,#667eea0d,#764ba20d);border:1px solid #667eea33;border-radius:16px;margin-top:24px;padding:20px}.generated-result h3{font-size:16px}.result-image-container{border-radius:12px;margin-bottom:16px;overflow:hidden}.result-image-container img{display:block;height:auto;width:100%}.btn-download,.btn-regenerate{align-items:center;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease}.btn-download{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.btn-download:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.btn-regenerate{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.btn-regenerate:hover{background:var(--bg-tertiary)}.auto-save-notice{color:#10b981;font-size:12px;margin-top:12px;text-align:center}@media (max-width:768px){.campaign-type-grid,.style-options-grid{grid-template-columns:repeat(2,1fr)}.summary-grid{grid-template-columns:1fr}.aspect-ratio-options{flex-direction:column}.aspect-ratio-option{min-width:0;min-width:auto}}@media (max-width:480px){.campaign-type-grid,.style-options-grid{grid-template-columns:1fr}.result-actions{flex-direction:column}}.business-video-page{background:var(--bg-primary);min-height:calc(100vh - 70px);padding:24px}.business-video-container{margin:0 auto;max-width:800px}.spin{animation:spin 1s linear infinite}.page-header-row{gap:20px;margin-bottom:32px}.back-btn,.page-header-row{align-items:center;display:flex}.back-btn{border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease}.back-btn,.back-btn:hover{background:var(--bg-secondary)}.back-btn:hover{background:var(--bg-tertiary,var(--bg-secondary));border-color:var(--text-secondary)}.page-title{align-items:center;display:flex;gap:12px}.page-title .title-icon{color:#3b82f6;color:var(--accent-color,#3b82f6);font-size:28px}.page-title h1{color:var(--text-primary);font-size:24px;font-weight:700;margin:0}.steps-progress{border-radius:16px;margin-bottom:32px;padding:20px}.step{gap:8px}.step-number{font-size:14px;height:36px;width:36px}.step.active .step-number{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.step span{font-size:13px}.step-line{margin:0 12px 24px;width:60px}.step-panel{padding:32px}.step-header{margin-bottom:28px}.step-label{background:#3b82f61a;color:#3b82f6}.step-header h2{font-size:22px}.script-mode-toggle{display:flex;gap:12px;margin-bottom:24px}.mode-btn{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:10px;justify-content:center;padding:16px 20px;transition:all .2s ease}.mode-btn:hover{border-color:var(--text-secondary)}.mode-btn.active{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border-color:#3b82f6;color:#3b82f6}.mode-btn svg{font-size:18px}.script-input-area{margin-bottom:24px}.script-input-area label{color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:10px}.script-textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-family:inherit;font-size:15px;padding:16px;resize:vertical;transition:all .2s ease;width:100%}.script-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.script-textarea.large{min-height:200px}.script-textarea::placeholder{color:var(--text-secondary);opacity:.7}.generate-script-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;margin-top:16px;padding:14px 28px;transition:all .2s ease}.generate-script-btn:hover:not(:disabled){box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.generate-script-btn:disabled{cursor:not-allowed;opacity:.6}.generated-script-preview{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;margin-top:24px;padding:20px}.preview-header h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.duration-badge{font-size:13px}.script-section{border-radius:10px;padding:14px}.script-section.hook{background:#3b82f61a;border-left:3px solid #3b82f6}.script-section.scene{background:var(--bg-secondary);border-left:3px solid var(--border-color)}.script-section.cta{background:#10b9811a;border-left:3px solid #10b981}.section-label{color:var(--text-secondary);display:block;font-size:11px;margin-bottom:6px}.regenerate-btn{background:#0000;font-size:14px;gap:8px;margin-top:12px;padding:10px 18px}.regenerate-btn:hover{background:var(--bg-secondary);border-color:var(--text-secondary)}.settings-section{margin-bottom:28px}.settings-section h3{font-size:16px}.section-desc{color:var(--text-secondary);font-size:13px;margin:-8px 0 16px}.brand-status{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:16px}.brand-linked{align-items:flex-start;display:flex;gap:12px}.brand-linked .check-icon{color:#10b981;font-size:20px;margin-top:2px}.brand-linked strong{color:var(--text-primary);display:block;margin-bottom:4px}.brand-linked p{color:var(--text-secondary);font-size:13px;margin:0}.brand-linked .brand-name{background:#3b82f61a;border-radius:6px;color:#3b82f6;display:inline-block;font-size:12px;font-weight:500;margin-top:8px;padding:4px 10px}.brand-not-linked p{color:var(--text-secondary);font-size:14px;margin:0}.brand-not-linked a{color:#3b82f6;text-decoration:none}.brand-not-linked a:hover{text-decoration:underline}.character-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.character-btn{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:20px;transition:all .2s ease}.character-btn:hover{border-color:var(--text-secondary)}.character-btn.active{background:#3b82f60d;border-color:#3b82f6}.character-btn svg{color:var(--text-secondary);font-size:28px}.character-btn.active svg{color:#3b82f6}.character-btn span{color:var(--text-primary);font-size:14px;font-weight:600}.character-btn small{color:var(--text-secondary);font-size:12px}.video-styles-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.style-card{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;padding:18px;transition:all .2s ease}.style-card:hover{border-color:var(--text-secondary)}.style-card.selected{background:#3b82f60d;border-color:#3b82f6}.style-card .style-icon{color:var(--text-secondary);font-size:24px;margin-bottom:10px}.style-card.selected .style-icon{color:#3b82f6}.style-card h4{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 6px}.style-card p{color:var(--text-secondary);font-size:12px;line-height:1.4;margin:0}.character-badge{background:#8b5cf61a;border-radius:4px;color:#8b5cf6;display:inline-block;font-size:11px;font-weight:500;margin-top:10px;padding:3px 8px}.aspect-ratio-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.ratio-btn{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:16px 12px;transition:all .2s ease}.ratio-btn:hover{border-color:var(--text-secondary)}.ratio-btn.active{background:#3b82f60d;border-color:#3b82f6}.ratio-btn svg{color:var(--text-secondary);font-size:22px}.ratio-btn.active svg{color:#3b82f6}.ratio-btn span{color:var(--text-primary);font-size:14px;font-weight:600}.ratio-btn small{color:var(--text-secondary);font-size:11px}.settings-summary{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.summary-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;padding:14px 16px}.summary-label{display:block;margin-bottom:4px}.script-review{margin-bottom:24px}.script-review h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 12px}.script-display{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;max-height:400px;overflow-y:auto;padding:20px}.script-display pre{color:var(--text-primary);font-family:inherit;font-size:14px;line-height:1.6;margin:0;white-space:pre-wrap}.generation-error{border:1px solid #ef44444d;margin-bottom:20px;padding:14px 18px}.generation-error span{font-size:14px}.generation-error button{background:#0000;border:1px solid #ef444466;border-radius:6px;font-size:13px;font-weight:500;padding:6px 14px}.generation-error button:hover{background:#ef44441a}.generated-result{background:#10b9810d;border:1px solid #10b98133;border-radius:12px;margin-bottom:24px;padding:24px}.generated-result h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 16px}.video-preview{border-radius:12px;margin-bottom:16px;overflow:hidden;width:100%}.video-preview video{background:#000;max-height:500px;object-fit:contain;width:100%}.result-actions{gap:12px;justify-content:center}.result-btn{align-items:center;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .2s ease}.result-btn.primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;color:#fff}.result-btn.primary:hover{box-shadow:0 4px 15px #3b82f666;transform:translateY(-2px)}.step-actions{margin-top:32px;padding-top:24px}.btn-back{background:#0000;border-radius:10px;font-size:14px;gap:8px;padding:12px 20px}.btn-back:hover{background:var(--bg-primary)}.btn-next{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:10px;font-size:14px;gap:8px;padding:12px 28px}.btn-next:hover:not(:disabled){box-shadow:0 6px 20px #3b82f666}.btn-generate{border-radius:10px;font-size:15px;gap:10px;padding:14px 32px}.btn-generate:hover:not(:disabled){box-shadow:0 6px 20px #10b98166}.btn-generate:disabled{opacity:.7}.notice-features{max-width:400px}.setup-brand-btn{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.setup-brand-btn:hover{box-shadow:0 8px 24px #3b82f64d}.brand-info-banner{margin-bottom:24px}.brand-avatar{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.edit-brand-link{color:#3b82f6}.selection-section{margin-bottom:32px}.selection-section h3{font-size:16px}.section-hint{margin:0 0 16px}.campaign-grid{grid-gap:12px;gap:12px}.campaign-card{padding:20px 16px}.campaign-card.selected,.campaign-card:hover{border-color:#3b82f6;border-color:var(--campaign-color,#3b82f6)}.campaign-card.selected{background:color-mix(in srgb,#3b82f6 8%,#0000);background:color-mix(in srgb,var(--campaign-color,#3b82f6) 8%,#0000)}.campaign-icon{background:color-mix(in srgb,#3b82f6 15%,#0000);background:color-mix(in srgb,var(--campaign-color,#3b82f6) 15%,#0000);border-radius:12px;height:48px;margin:0 auto 12px;width:48px}.campaign-icon svg{color:#3b82f6;color:var(--campaign-color,#3b82f6);font-size:22px}.campaign-card h4{font-size:14px}.campaign-card p{font-size:12px}.product-list{gap:10px}.product-card{border-radius:12px;gap:14px;padding:16px}.product-card:hover{border-color:#3b82f6}.product-card.selected{background:#3b82f60d;border-color:#3b82f6}.product-icon{border-radius:10px;height:44px;width:44px}.product-icon svg{font-size:20px}.product-icon.custom{background:linear-gradient(135deg,#8b5cf61a,#3b82f61a)}.product-icon.custom svg{color:#8b5cf6}.product-info h4{margin:0 0 4px}.product-price{background:#10b9811a;border-radius:4px;color:#10b981;display:inline-block;font-size:12px;font-weight:600;margin-top:6px;padding:2px 8px}.selected-check{color:#3b82f6;font-size:20px}.custom-product-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;display:flex;flex-direction:column;gap:12px;margin-top:8px;padding:16px}.custom-product-input input,.custom-product-input textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;padding:12px 14px;resize:none;width:100%}.custom-product-input input:focus,.custom-product-input textarea:focus{border-color:#3b82f6;outline:none}.goal-pills{gap:10px}.goal-pill{border-radius:20px;font-size:13px;padding:10px 16px}.goal-pill:hover{border-color:#3b82f6}.goal-pill.active{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.mood-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.mood-card{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;padding:16px;text-align:center;transition:all .2s ease}.mood-card.selected,.mood-card:hover{border-color:#8b5cf6}.mood-card.selected{background:#8b5cf60d}.mood-emoji{display:block;font-size:28px;margin-bottom:8px}.mood-card h4{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 4px}.mood-card p{color:var(--text-secondary);font-size:12px;margin:0}.campaign-summary{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:24px;padding:20px}.campaign-summary h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 16px}.summary-grid{grid-gap:16px;gap:16px}.summary-label{font-size:12px}.summary-value{font-size:14px}.script-section-container{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:24px;padding:20px}.script-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.script-header h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.script-header .generate-script-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s ease}.script-header .generate-script-btn:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.script-loading{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:12px;justify-content:center;padding:32px}.generated-script-preview{border-top:1px solid var(--border-color);padding-top:16px}.preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.duration-badge{background:#10b9811a;border-radius:20px;color:#10b981;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.regenerate-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:8px 14px}.regenerate-btn:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6}.regenerate-btn:disabled{opacity:.5}.script-section{background:var(--bg-secondary);border-radius:8px;margin-bottom:10px;padding:12px 16px}.script-section:last-child{margin-bottom:0}.section-label{background:#3b82f61a;border-radius:4px;color:#3b82f6;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;padding:2px 8px;text-transform:uppercase}.script-section.hook .section-label{background:#f59e0b1a;color:#f59e0b}.script-section.cta .section-label{background:#10b9811a;color:#10b981}.script-section p{color:var(--text-primary);font-size:14px;line-height:1.5;margin:0}.visual-hint{color:var(--text-secondary);display:block;font-size:12px;font-style:italic;margin-top:8px}@media (max-width:768px){.business-video-page{padding:16px}.step-panel{padding:20px}.campaign-grid,.mood-grid,.summary-grid{grid-template-columns:repeat(2,1fr)}.video-styles-grid{grid-template-columns:1fr}.aspect-ratio-options{grid-template-columns:repeat(2,1fr)}.step-actions{flex-direction:column;gap:12px}.btn-back,.btn-generate,.btn-next{justify-content:center;width:100%}.brand-info-banner{align-items:flex-start;flex-direction:column;gap:12px}.goal-pills{justify-content:flex-start}}@media (max-width:480px){.campaign-grid,.mood-grid,.summary-grid{grid-template-columns:1fr}}.section-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.section-header-row h3{align-items:center;display:flex;gap:8px;margin:0}.voice-selection-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-bottom:16px}.voice-option{background:var(--bg-secondary);padding:12px;transition:all .2s ease}.voice-option:hover{background:#8b5cf60d}.voice-option.selected{background:#8b5cf61a;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626}.voice-option-header{align-items:center;display:flex;gap:8px;margin-bottom:6px}.voice-option .voice-emoji{font-size:18px}.voice-option h4{color:var(--text-primary);font-size:13px;font-weight:600;margin:0}.voice-option .voice-desc{color:var(--text-secondary);font-size:11px;line-height:1.4;margin:0 0 8px}.voice-preview{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:10px;font-weight:500;gap:4px;padding:3px 8px;transition:all .2s}.voice-preview:hover{background:var(--bg-secondary);color:var(--text-primary)}.voice-preview.playing{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-color:#0000;color:#fff}.voice-style-row{align-items:center;border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:12px;padding-top:12px}.voice-style-row label{color:var(--text-secondary);font-size:13px;font-weight:500}.voice-style-row .style-pills{display:flex;flex-wrap:wrap;gap:6px}.voice-style-row .style-pill{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:500;padding:5px 12px;transition:all .2s}.voice-style-row .style-pill:hover{border-color:#8b5cf666;color:var(--text-primary)}.voice-style-row .style-pill.active{background:linear-gradient(135deg,#8b5cf626,#6366f126);border-color:#8b5cf6;color:#8b5cf6}@media (max-width:640px){.voice-selection-grid{grid-template-columns:repeat(2,1fr)}.section-header-row{gap:8px}.section-header-row,.voice-style-row{align-items:flex-start;flex-direction:column}}@media (max-width:480px){.voice-selection-grid{grid-template-columns:1fr}}.business-trending-page{background:var(--bg-primary);min-height:calc(100vh - 70px);padding:24px}.business-trending-container{margin:0 auto;max-width:700px}.trending-header{align-items:center;display:flex;gap:16px;margin-bottom:24px}.trending-header .back-btn{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.trending-header .back-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.trending-header h1{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.hero-card{background:linear-gradient(135deg,#8b5cf614,#6366f10d);border:1px solid #8b5cf633;border-radius:20px;margin-bottom:20px;padding:32px}.hero-content{margin-bottom:24px;text-align:center}.hero-icon{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:16px;color:#fff;display:flex;font-size:24px;height:56px;justify-content:center;margin:0 auto 16px;width:56px}.hero-content h2{color:var(--text-primary);font-size:22px;font-weight:700;margin:0 0 8px}.hero-content p{color:var(--text-secondary);font-size:14px;margin:0}.hero-input{position:relative}.hero-textarea{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:16px;color:var(--text-primary);font-family:inherit;font-size:16px;line-height:1.7;min-height:140px;padding:20px 20px 36px;resize:none;transition:all .2s;width:100%}.hero-textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf61a;outline:none}.hero-textarea::placeholder{color:#666;color:var(--text-muted,#666)}.textarea-footer{align-items:center;bottom:12px;display:flex;justify-content:space-between;left:16px;position:absolute;right:16px}.ai-advice-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:16px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s}.ai-advice-btn:hover:not(:disabled){box-shadow:0 4px 12px #8b5cf666;transform:scale(1.05)}.ai-advice-btn:disabled{cursor:wait;opacity:.6}.ai-advice-btn svg,.char-count{font-size:12px}.char-count{color:#888;color:var(--text-muted,#888)}.ai-advice-panel{background:var(--bg-primary);border:1px solid #8b5cf64d;border-radius:12px;margin-top:16px;overflow:hidden}.advice-header{align-items:center;background:#8b5cf61a;border-bottom:1px solid #8b5cf633;display:flex;justify-content:space-between;padding:12px 16px}.advice-header h4{align-items:center;color:#8b5cf6;display:flex;font-size:13px;font-weight:600;gap:6px;margin:0}.close-advice{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.close-advice:hover{background:#8b5cf633;color:#8b5cf6}.advice-loading{align-items:center;color:#8b5cf6;display:flex;font-size:13px;gap:10px;justify-content:center;padding:32px}.advice-spinner{animation:spin .8s linear infinite;border:2px solid #8b5cf64d;border-radius:50%;border-top-color:#8b5cf6;height:18px;width:18px}.advice-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);padding:12px}.advice-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:12px;text-align:left;transition:all .2s}.advice-card:hover{background:#8b5cf60d;border-color:#8b5cf6;transform:translateY(-2px)}.advice-title{color:var(--text-primary);font-size:12px;font-weight:600}.advice-hook{color:#8b5cf6;font-size:11px;font-style:italic;line-height:1.4}.advice-desc{color:var(--text-muted);font-size:10px;line-height:1.4}.content-pills{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:20px}.content-pill{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 14px;transition:all .2s}.content-pill:hover{border-color:#8b5cf666}.content-pill.active{background:#8b5cf626;border-color:#8b5cf6;color:#8b5cf6}.brand-toggle-row{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;display:flex;justify-content:space-between;margin-bottom:16px;padding:16px 20px}.brand-toggle-info h4{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 4px}.brand-toggle-info p{color:#888;color:var(--text-secondary,#888);font-size:12px;margin:0}.brand-toggle-info p.success{color:#10b981}.toggle-switch{display:inline-block;flex-shrink:0;height:26px;position:relative;width:48px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#3a3a4a;border-radius:26px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:20px;left:3px;position:absolute;transition:.3s;width:20px}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#8b5cf6,#6366f1)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(22px)}.toggle-switch input:disabled+.toggle-slider{cursor:not-allowed;opacity:.5}.setup-link{align-items:center;color:#8b5cf6;display:inline-flex;font-size:12px;font-weight:500;gap:6px;text-decoration:none;transition:color .2s}.setup-link:hover{color:#a78bfa;text-decoration:underline}.warning-icon{color:#f59e0b;font-size:14px}.settings-row{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;display:flex;gap:12px;margin-bottom:16px;padding:16px}.setting-group{flex:1 1;min-width:0}.setting-group label{color:#888;color:var(--text-muted,#888);display:block;font-size:10px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.template-selector{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:8px;padding:6px 10px}.template-preview-mini{align-items:center;background:#1a1a2e;border-radius:4px;color:#fff;color:var(--preview-color,#fff);display:flex;flex-shrink:0;font-size:10px;font-weight:700;height:24px;justify-content:center;text-shadow:0 0 8px #fff;text-shadow:0 0 8px var(--preview-color,#fff);width:24px}.template-selector select{background:#0000;border:none;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:12px;font-weight:500;min-width:0;outline:none}.template-selector select option{background:var(--bg-secondary);color:var(--text-primary)}.voice-picker{min-width:180px}.voice-picker label{align-items:center;display:flex;gap:4px}.voice-picker label svg{height:12px;width:12px}.voice-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:12px;font-weight:500;outline:none;padding:8px 12px;transition:all .2s;width:100%}.voice-select:focus,.voice-select:hover{border-color:var(--accent)}.voice-select:focus{box-shadow:0 0 0 2px #8b5cf61a}.voice-select option{background:var(--bg-secondary);color:var(--text-primary);padding:8px}.aspect-pills{gap:4px}.aspect-pill{border-radius:6px;color:var(--text-secondary);flex:1 1;font-size:11px;font-weight:600;padding:8px 6px;transition:all .2s}.aspect-pill:hover{border-color:#8b5cf666}.aspect-pill.active{background:#8b5cf6;color:#fff}.bg-pills{gap:4px}.bg-pill{border-radius:6px;color:var(--text-secondary);flex:1 1;justify-content:center;padding:8px;transition:all .2s}.bg-pill svg{font-size:14px}.bg-pill:hover{border-color:#8b5cf666}.bg-pill.active{background:#8b5cf6;color:#fff}.bg-pill.recommended{position:relative}.bg-pill .rec-dot{background:#22c55e;border:2px solid var(--bg-secondary);border-radius:50%;height:8px;position:absolute;right:-2px;top:-2px;width:8px}.bg-pill.active .rec-dot{border-color:#8b5cf6}.count-control{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:2px;overflow:hidden}.count-control button{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:28px}.count-control button:hover:not(:disabled){background:#8b5cf61a;color:#8b5cf6}.count-control button:disabled{cursor:not-allowed;opacity:.3}.count-control span{color:var(--text-primary);font-size:14px;font-weight:700;text-align:center;width:24px}.upload-compact{margin-bottom:16px}.upload-label-compact{align-items:center;background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:10px;justify-content:center;padding:14px 20px;transition:all .2s}.upload-label-compact:hover{background:#8b5cf60d;border-color:#8b5cf6}.upload-label-compact .check-icon{color:#10b981}.generation-error{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.generation-error span{color:#ef4444;font-size:13px}.generation-error button{background:none;border:none;color:#ef4444;cursor:pointer;font-size:18px;line-height:1;padding:0}.generation-progress{align-items:center;background:#8b5cf614;border:1px solid #8b5cf633;border-radius:12px;display:flex;gap:12px;justify-content:center;margin-bottom:16px;padding:16px}.progress-spinner{animation:spin .8s linear infinite;border:2px solid #8b5cf64d;border-radius:50%;border-top-color:#8b5cf6;height:20px;width:20px}.generation-progress span{color:#8b5cf6;font-size:13px;font-weight:500}.generation-result{background:var(--bg-secondary);border:1px solid #10b9814d;border-radius:16px;margin-bottom:16px;overflow:hidden}.result-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 20px}.result-header h3{color:#10b981;font-size:15px;font-weight:600;margin:0}.tts-provider{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:6px}.premium-tag{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:10px;color:#fff;font-size:9px;font-weight:700;letter-spacing:.3px;padding:2px 6px}.result-tip{background:#fbbf241a;border-left:3px solid #fbbf24;border-radius:0 8px 8px 0;color:var(--text-secondary);font-size:12px;line-height:1.5;margin:0 20px 16px;padding:12px 16px}.result-tip.warning{background:#fbbf241a;border-left-color:#fbbf24}.result-tip.success{background:#10b9811a;border-left-color:#10b981;color:#10b981}.result-rendering{background:var(--bg-primary);border-radius:12px;display:flex;flex-direction:column;gap:16px;margin-bottom:16px;padding:20px}.rendering-animation{align-items:center;display:flex;flex-direction:column;gap:12px;padding:24px;text-align:center}.rendering-spinner{animation:spin 1s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top:3px solid #8b5cf6;height:48px;width:48px}.rendering-animation span{color:var(--text-secondary);font-size:13px}.result-content{padding:16px 20px}.result-media{background:#000;border-radius:12px;margin-bottom:16px;margin-left:auto;margin-right:auto;max-width:280px;overflow:hidden;position:relative}.result-media.composed-video{border:2px solid var(--primary);box-shadow:0 4px 20px #8b5cf64d}.result-media video{aspect-ratio:9/16;background:#000}.result-media img,.result-media video{display:block;object-fit:contain;width:100%}.result-media img{max-height:400px}.result-media .media-label{background:#000000b3;border-radius:4px;bottom:8px;color:#fff;font-size:11px;font-weight:500;left:8px;padding:4px 10px;position:absolute}.result-audio{margin-bottom:16px}.result-audio label,.result-script label{color:var(--text-primary);display:block;font-size:12px;font-weight:600;margin-bottom:8px}.result-audio audio{height:36px;width:100%}.result-script p{background:var(--bg-primary);border-radius:8px;color:var(--text-secondary);font-size:13px;line-height:1.6;margin:0;padding:12px 16px}.result-actions{border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:8px;padding:16px 20px}.btn-action{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:10px 16px;transition:all .2s}.btn-action.download{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.btn-action.download.primary{background:linear-gradient(135deg,#8b5cf6,#6d28d9);flex:1 1;font-size:14px;justify-content:center;padding:12px 20px}.btn-action.download:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.btn-action.download.primary:hover{box-shadow:0 4px 16px #8b5cf666}.btn-action.secondary{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary)}.btn-action.secondary:hover{border-color:#8b5cf6;color:#8b5cf6}.brand-required-notice{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;margin:0 auto;max-width:600px;padding:48px 32px;text-align:center}.brand-required-notice .notice-icon{align-items:center;background:#f59e0b1a;border-radius:50%;display:flex;height:72px;justify-content:center;margin:0 auto 24px;width:72px}.brand-required-notice .notice-icon svg{color:#f59e0b;font-size:36px}.brand-required-notice h2{color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 16px}.brand-required-notice p{color:var(--text-secondary);font-size:15px;line-height:1.6;margin:0 0 28px}.notice-features{display:flex;flex-direction:column;gap:12px;margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:320px;text-align:left}.notice-features .feature-item{align-items:center;color:var(--text-primary);display:flex;font-size:14px;gap:12px}.notice-features .feature-item svg{color:#10b981;flex-shrink:0}.setup-brand-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:12px;color:#fff;display:inline-flex;font-size:15px;font-weight:600;gap:10px;padding:14px 28px;text-decoration:none;transition:all .2s ease}.setup-brand-btn:hover{box-shadow:0 8px 24px #8b5cf64d;transform:translateY(-2px)}.brand-info-banner{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px 20px}.brand-banner-content{align-items:center;display:flex;gap:14px}.brand-avatar{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:10px;color:#fff;display:flex;font-size:18px;font-weight:700;height:44px;justify-content:center;width:44px}.brand-details h3{color:var(--text-primary);font-size:15px;font-weight:600;margin:0 0 2px}.brand-details p{color:var(--text-secondary);font-size:13px;margin:0}.edit-brand-link{color:#8b5cf6;font-size:13px;font-weight:500;text-decoration:none}.edit-brand-link:hover{text-decoration:underline}.steps-progress{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;gap:0;justify-content:center;margin-bottom:24px;padding:16px}.step,.steps-progress{align-items:center;display:flex}.step{flex-direction:column;gap:6px;opacity:.5;transition:all .3s ease}.step.active,.step.completed{opacity:1}.step-number{background:var(--bg-secondary);background:var(--bg-tertiary,var(--bg-secondary));border:2px solid var(--border-color);color:var(--text-secondary);font-size:13px;font-weight:600;height:32px;transition:all .3s ease;width:32px}.step.active .step-number{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-color:#0000;color:#fff}.step.completed .step-number{background:#10b981;border-color:#0000;color:#fff}.step span{color:var(--text-secondary);font-size:12px;font-weight:500}.step.active span{color:var(--text-primary)}.step-line{background:var(--border-color);height:2px;margin:0 10px 20px;width:50px}.step-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:28px}.step-header{margin-bottom:24px}.step-label{background:#8b5cf61a;border-radius:20px;color:#8b5cf6;display:inline-block;font-size:12px;font-weight:600;margin-bottom:12px;padding:4px 12px}.step-header h2{color:var(--text-primary);font-size:20px;font-weight:700;margin:0 0 8px}.step-header p{color:var(--text-secondary);font-size:14px;margin:0}.selection-section{margin-bottom:28px}.selection-section h3{color:var(--text-primary);font-size:15px;font-weight:600;margin:0 0 8px}.section-hint{color:var(--text-secondary);font-size:13px;margin:0 0 14px}.campaign-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.campaign-card{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;padding:16px 12px;text-align:center;transition:all .2s ease}.campaign-card:hover{background:var(--bg-secondary)}.campaign-card.selected,.campaign-card:hover{border-color:#8b5cf6;border-color:var(--campaign-color,#8b5cf6)}.campaign-card.selected{background:color-mix(in srgb,#8b5cf6 8%,#0000);background:color-mix(in srgb,var(--campaign-color,#8b5cf6) 8%,#0000)}.campaign-icon{align-items:center;background:color-mix(in srgb,#8b5cf6 15%,#0000);background:color-mix(in srgb,var(--campaign-color,#8b5cf6) 15%,#0000);border-radius:10px;display:flex;height:42px;justify-content:center;margin:0 auto 10px;width:42px}.campaign-icon svg{color:#8b5cf6;color:var(--campaign-color,#8b5cf6);font-size:20px}.campaign-card h4{color:var(--text-primary);font-size:13px;font-weight:600;margin:0 0 4px}.campaign-card p{color:var(--text-secondary);font-size:11px;margin:0}.product-selection{gap:12px}.product-list,.product-selection{display:flex;flex-direction:column}.product-list{gap:8px}.product-card{border:2px solid var(--border-color);cursor:pointer;gap:12px;padding:14px;transition:all .2s ease}.product-card:hover{border-color:#8b5cf6}.product-card.selected{background:#8b5cf60d;border-color:#8b5cf6}.product-icon{align-items:center;background:var(--bg-secondary);border-radius:8px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.product-icon svg{color:var(--text-secondary);font-size:18px}.product-info{flex:1 1;min-width:0}.product-info h4{margin:0 0 2px}.product-info p{color:var(--text-secondary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-check{color:#8b5cf6;flex-shrink:0;font-size:18px}.custom-topic-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:16px}.custom-topic-section label{color:var(--text-secondary);font-size:13px;font-weight:500}.custom-topic-section textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:14px;padding:12px;resize:none;width:100%}.custom-topic-section textarea:focus{border-color:#8b5cf6;outline:none}.goal-pills{display:flex;flex-wrap:wrap;gap:8px}.goal-pill{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:18px;color:var(--text-primary);cursor:pointer;font-size:12px;font-weight:500;padding:8px 14px;transition:all .2s ease}.goal-pill:hover{border-color:#8b5cf6}.goal-pill.active{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-color:#0000;color:#fff}.settings-section{margin-bottom:24px}.settings-section h3{align-items:center;color:var(--text-primary);display:flex;font-size:15px;font-weight:600;gap:8px;margin:0 0 12px}.voice-grid{grid-template-columns:repeat(3,1fr)}.voice-card{background:var(--bg-primary);border-radius:10px;padding:14px 10px;text-align:center}.voice-card:hover{border-color:#8b5cf6}.voice-card.selected{background:#8b5cf60d}.voice-emoji{display:block;margin-bottom:6px}.voice-card h4{font-size:13px;margin:0 0 2px}.voice-card p{color:var(--text-secondary);font-size:11px;margin:0}.template-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.template-card{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:10px;cursor:pointer;padding:12px 8px;text-align:center;transition:all .2s ease}.template-card.selected,.template-card:hover{border-color:#8b5cf6;border-color:var(--template-color,#8b5cf6)}.template-card.selected{background:#8b5cf60d}.template-preview{font-size:20px;font-weight:700;margin-bottom:6px;text-shadow:0 2px 8px #0000004d}.template-card h4{color:var(--text-primary);font-size:11px;font-weight:600;margin:0 0 2px}.template-card p{color:var(--text-secondary);font-size:10px;margin:0}.settings-row-compact{display:flex;flex-wrap:wrap;gap:24px}.settings-row-compact .setting-group{flex:1 1;min-width:200px}.settings-row-compact .setting-group h4{color:var(--text-primary);font-size:13px;font-weight:600;margin:0 0 10px}.aspect-pills{display:flex;gap:8px}.aspect-pill{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:10px 14px;transition:all .2s ease}.aspect-pill.active,.aspect-pill:hover{border-color:#8b5cf6}.aspect-pill.active{background:#8b5cf61a;color:#8b5cf6}.bg-pills{display:flex;gap:8px}.bg-pill{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:10px 14px;position:relative;transition:all .2s ease}.bg-pill.active,.bg-pill:hover{border-color:#8b5cf6}.bg-pill.active{background:#8b5cf61a;color:#8b5cf6}.rec-badge{color:#f59e0b;font-size:10px}.content-summary{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:20px;padding:18px}.content-summary h3{color:var(--text-primary);font-size:15px;font-weight:600;margin:0 0 14px}.summary-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}.summary-item{display:flex;flex-direction:column;gap:4px}.summary-label{color:var(--text-secondary);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.summary-value{color:var(--text-primary);font-size:13px;font-weight:600}.topic-preview{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:20px;padding:16px;position:relative}.topic-preview h4{color:var(--text-primary);font-size:13px;font-weight:600;margin:0 0 10px}.topic-text{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.edit-topic-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:11px;gap:4px;padding:6px 10px;position:absolute;right:14px;top:14px;transition:all .2s ease}.edit-topic-btn:hover{border-color:#8b5cf6;color:#8b5cf6}.step-actions{border-top:1px solid var(--border-color);justify-content:space-between;margin-top:24px;padding-top:20px}.btn-back,.step-actions{align-items:center;display:flex}.btn-back{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:500;gap:6px;padding:10px 18px;transition:all .2s ease}.btn-back:hover{border-color:var(--text-secondary)}.btn-next{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 24px;transition:all .2s ease}.btn-next:hover:not(:disabled){box-shadow:0 6px 16px #8b5cf666;transform:translateY(-2px)}.btn-next:disabled{cursor:not-allowed;opacity:.5}.btn-generate{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 28px;transition:all .2s ease}.btn-generate:hover:not(:disabled){box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.btn-generate:disabled{cursor:not-allowed;opacity:.6}.btn-generate-hero{display:none}@media (max-width:640px){.business-trending-page{padding:16px}.step-panel{padding:20px}.campaign-grid,.summary-grid,.template-grid,.voice-grid{grid-template-columns:repeat(2,1fr)}.settings-row-compact{flex-direction:column;gap:16px}.aspect-pills,.bg-pills{flex-wrap:wrap}.step-actions{flex-direction:column;gap:12px}.btn-back,.btn-generate,.btn-next{justify-content:center;width:100%}.brand-info-banner{align-items:flex-start;flex-direction:column;gap:12px}}@media (max-width:480px){.campaign-grid,.voice-grid{grid-template-columns:1fr}.template-grid{grid-template-columns:1fr 1fr}.summary-grid{grid-template-columns:1fr}}.elevenlabs-section{position:relative}.elevenlabs-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.elevenlabs-section .section-header h3{align-items:center;display:flex;gap:8px;margin:0}.elevenlabs-badge{align-items:center;background:linear-gradient(135deg,#8b5cf626,#6366f126);border:1px solid #8b5cf64d;border-radius:20px;color:#8b5cf6;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:4px 10px}.elevenlabs-warning{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:8px;color:#f59e0b;display:flex;font-size:13px;gap:8px;margin-bottom:16px;padding:10px 14px}.voice-grid.enhanced{gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.voice-card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;padding:14px;position:relative;transition:all .2s ease}.voice-card:hover{background:#8b5cf60d;border-color:#8b5cf666}.voice-card.selected{background:#8b5cf61a;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626}.voice-card-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.voice-card .voice-emoji{font-size:20px}.voice-card h4{color:var(--text-primary);font-size:14px;font-weight:600;margin:0}.voice-style-tag{background:#8b5cf626;border-radius:10px;color:#8b5cf6;font-size:10px;padding:2px 6px;text-transform:capitalize}.voice-description{color:var(--text-secondary);font-size:12px;line-height:1.4;margin:0 0 10px}.voice-preview-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:4px 10px;transition:all .2s}.voice-preview-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.voice-preview-btn.playing{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-color:#0000;color:#fff}.voice-style-section{border-top:1px solid var(--border-color);margin-top:20px;padding-top:16px}.voice-style-section h4{color:var(--text-primary);font-size:13px;font-weight:600;margin:0 0 12px}.voice-style-pills{display:flex;flex-wrap:wrap;gap:8px}.style-pill{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:500;padding:6px 14px;transition:all .2s}.style-pill:hover{border-color:#8b5cf666;color:var(--text-primary)}.style-pill.active{background:linear-gradient(135deg,#8b5cf626,#6366f126);border-color:#8b5cf6;color:#8b5cf6}.elevenlabs-usage{align-items:center;background:var(--bg-secondary);border-radius:8px;display:flex;gap:12px;margin-top:16px;padding:12px}.usage-label{color:var(--text-secondary);font-size:12px;white-space:nowrap}.usage-bar{background:var(--border-color);border-radius:3px;flex:1 1;height:6px;overflow:hidden}.usage-fill{background:linear-gradient(90deg,#8b5cf6,#6366f1);border-radius:3px;height:100%;transition:width .3s ease}.usage-text{color:var(--text-muted);font-size:11px;white-space:nowrap}@media (max-width:640px){.voice-grid.enhanced{grid-template-columns:repeat(2,1fr)}.elevenlabs-section .section-header{align-items:flex-start;flex-direction:column;gap:8px}.elevenlabs-usage{flex-wrap:wrap;justify-content:center}.usage-bar{order:2;width:100%}}@media (max-width:480px){.voice-grid.enhanced{grid-template-columns:1fr}.voice-style-pills{justify-content:center}}.business-hub-page{background:var(--bg-primary);min-height:calc(100vh - 70px);padding:24px}.business-hub-container{margin:0 auto;max-width:800px}.hub-header{align-items:center;display:flex;gap:16px;margin-bottom:24px}.hub-header .back-btn{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.hub-header .back-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.hub-title{flex:1 1}.hub-title h1{align-items:center;color:var(--text-primary);display:flex;font-size:24px;font-weight:700;gap:10px;margin:0}.hub-title p{color:var(--text-tertiary);font-size:13px;margin:4px 0 0}.save-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.save-btn:hover{box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-1px)}.save-btn.saved{background:linear-gradient(135deg,#22c55e,#16a34a)}.completeness-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:20px;padding:16px 20px}.completeness-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.completeness-label{color:var(--text-secondary);font-size:13px;font-weight:500}.completeness-value{color:#8b5cf6;font-size:16px;font-weight:700}.completeness-bar{background:var(--bg-primary);border-radius:4px;height:8px;overflow:hidden}.completeness-fill{background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:4px;height:100%;transition:width .5s ease}.completeness-hint{color:var(--text-tertiary);font-size:12px;margin:10px 0 0}.hub-tabs{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:4px;margin-bottom:20px;padding:4px}.hub-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s}.hub-tab:hover{background:var(--bg-primary);color:var(--text-primary)}.hub-tab.active{background:#8b5cf6;color:#fff}.hub-tab svg{font-size:16px}.hub-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;margin-bottom:24px;padding:24px}.tab-content{gap:20px}.form-group,.tab-content{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;gap:8px}.form-group label svg{color:#8b5cf6}.field-hint{color:var(--text-tertiary);font-size:12px;margin:0}.form-group input[type=text],.form-group select,.form-group textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:14px;padding:12px 16px;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.form-group textarea{min-height:80px;resize:vertical}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.voice-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.voice-option{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:14px 10px;text-align:center;transition:all .2s}.voice-option:hover{border-color:#8b5cf666}.voice-option.active{background:#8b5cf61a;border-color:#8b5cf6}.voice-emoji{font-size:24px}.voice-label{color:var(--text-primary);font-size:12px;font-weight:600}.voice-desc{color:var(--text-tertiary);font-size:10px;line-height:1.3}.color-input-row{align-items:center;display:flex;gap:12px}.color-picker{border:none;border-radius:8px;cursor:pointer;height:40px;padding:0;width:50px}.color-hex{background:var(--bg-primary);border-radius:6px;color:var(--text-secondary);font-family:monospace;font-size:14px;padding:8px 12px}.add-btn{align-items:center;background:#8b5cf6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.add-btn:hover{background:#7c3aed}.color-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.color-tag{border-radius:8px;font-size:12px;font-weight:500;gap:8px;padding:8px 12px;text-shadow:0 1px 2px #0000004d}.color-tag,.color-tag button{align-items:center;color:#fff;display:flex}.color-tag button{background:#fff3;border:none;border-radius:4px;cursor:pointer;justify-content:center;padding:4px}.color-tag button:hover{background:#ffffff4d}.keyword-input-row{display:flex;gap:10px}.keyword-input-row input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);flex:1 1;font-size:14px;padding:10px 14px}.keyword-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.keyword-tag{align-items:center;background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:20px;color:#8b5cf6;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px}.keyword-tag button{background:none;border:none;color:#8b5cf6;cursor:pointer;font-size:16px;line-height:1;padding:0}.keyword-tag button:hover{color:#dc2626}.empty-hint{color:var(--text-tertiary);font-size:13px;font-style:italic}.audience-tips{background:linear-gradient(135deg,#8b5cf61a,#3b82f61a);border:1px solid #8b5cf633;border-radius:12px;margin-top:8px;padding:16px 20px}.audience-tips h4{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 12px}.audience-tips ul{margin:0;padding-left:20px}.audience-tips li{color:var(--text-secondary);font-size:13px;margin-bottom:6px}.product-input-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:10px;padding:16px}.product-input-card input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;padding:10px 14px}.add-product-btn{align-items:center;background:#8b5cf6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px;transition:all .2s}.add-product-btn:hover{background:#7c3aed}.products-list{display:flex;flex-direction:column;gap:10px;margin-top:16px}.product-card{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;display:flex;justify-content:space-between;padding:14px 16px}.product-info h4{color:var(--text-primary);font-size:14px;font-weight:600;margin:0}.product-info p{color:var(--text-tertiary);font-size:12px;margin:4px 0 0}.remove-product-btn{background:none;border:none;border-radius:6px;color:var(--text-tertiary);cursor:pointer;padding:8px;transition:all .2s}.remove-product-btn:hover{background:#ef44441a;color:#ef4444}.empty-products{align-items:center;background:var(--bg-primary);border:2px dashed var(--border-color);border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.empty-products svg{color:var(--text-tertiary);font-size:32px;margin-bottom:12px}.empty-products p{color:var(--text-secondary);font-size:14px;font-weight:500;margin:0}.empty-products span{color:var(--text-tertiary);font-size:12px;margin-top:4px}.how-it-works{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:24px}.how-it-works h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 20px;text-align:center}.how-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.how-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:20px;text-align:center}.how-num{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-radius:50%;color:#fff;display:inline-flex;font-size:14px;font-weight:700;height:32px;justify-content:center;margin-bottom:12px;width:32px}.how-card h4{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 6px}.how-card p{color:var(--text-tertiary);font-size:12px;line-height:1.4;margin:0}@media (max-width:768px){.business-hub-page{padding:16px}.hub-header{flex-wrap:wrap}.hub-title h1{font-size:20px}.save-btn{font-size:13px;padding:8px 16px}.hub-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.hub-tab{font-size:12px;padding:10px 12px;white-space:nowrap}.hub-tab svg{display:none}.hub-content{padding:16px}.form-row{grid-template-columns:1fr}.voice-grid{grid-template-columns:repeat(2,1fr)}.how-cards{gap:12px;grid-template-columns:1fr}.color-input-row{flex-wrap:wrap}}.fetch-intro{background:linear-gradient(135deg,#8b5cf626,#3b82f626);border:2px solid #8b5cf64d;border-radius:16px;margin-bottom:24px;overflow:hidden;padding:30px 24px;position:relative;text-align:center}.fetch-intro:before{animation:sparkle 2s ease-in-out infinite;content:"✨";font-size:24px;position:absolute;right:20px;top:10px}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.fetch-intro h3{color:var(--text-primary);font-size:22px;font-weight:700;margin:0 0 10px}.fetch-intro h3 svg{color:#8b5cf6;margin-right:8px}.fetch-intro p{color:var(--text-secondary);font-size:15px;line-height:1.5;margin:0}.fetch-input-row{display:flex;gap:10px}.fetch-input-row input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);flex:1 1;font-size:14px;padding:12px 16px}.fetch-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6d28d9 50%,#4c1d95);border:none;border-radius:12px;box-shadow:0 4px 15px #8b5cf666,0 0 0 0 #8b5cf666;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:10px;justify-content:center;letter-spacing:.5px;min-width:180px;overflow:hidden;padding:14px 32px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.fetch-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.fetch-btn:hover:before{left:100%}.fetch-btn:hover:not(:disabled){box-shadow:0 8px 25px #8b5cf680,0 0 30px #8b5cf64d;transform:translateY(-3px) scale(1.02)}.fetch-btn:disabled{cursor:not-allowed;opacity:.7}.fetch-btn .spin{animation:spin 1s linear infinite}.fetch-error{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;display:flex;font-size:13px;gap:8px;margin-top:10px;padding:10px 14px}.fetched-results{border:1px solid var(--border-color);border-radius:12px;margin-top:24px;overflow:hidden}.fetched-header{align-items:center;background:#22c55e1a;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 20px}.fetched-header h4{color:#22c55e;font-size:15px;font-weight:600;margin:0}.apply-all-btn{align-items:center;background:#8b5cf6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.apply-all-btn:hover{background:#7c3aed}.fetched-section{border-bottom:1px solid var(--border-color);padding:20px}.fetched-section:last-child{border-bottom:none}.fetched-section h5{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 16px}.selected-count{background:#8b5cf61a;border-radius:12px;color:#8b5cf6;font-size:12px;font-weight:500;margin-left:auto;padding:4px 10px}.section-hint{color:var(--text-tertiary);font-size:12px;margin:-10px 0 16px}.fetched-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:12px;margin-bottom:10px;padding:12px 14px}.fetched-label{color:var(--text-secondary);font-size:12px;font-weight:600;min-width:100px}.fetched-value{color:var(--text-primary);flex:1 1;font-size:13px}.fetched-keywords{display:flex;flex-wrap:wrap;gap:6px}.keyword-badge{background:#8b5cf61a;border-radius:12px;color:#8b5cf6;font-size:11px;padding:4px 10px}.apply-btn{align-items:center;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:6px;color:#22c55e;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s}.apply-btn:hover{background:#22c55e33}.fetched-images-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:12px}.fetched-image-card{aspect-ratio:1;border:3px solid #0000;border-radius:10px;cursor:pointer;overflow:hidden;position:relative;transition:all .2s}.fetched-image-card img{height:100%;object-fit:cover;width:100%}.fetched-image-card:hover{border-color:#8b5cf666}.fetched-image-card.selected{border-color:#8b5cf6}.fetched-image-card .image-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s}.fetched-image-card.selected .image-overlay,.fetched-image-card:hover .image-overlay{opacity:1}.fetched-image-card .check-icon{color:#22c55e;font-size:32px}.fetched-image-card .plus-icon{color:#fff;font-size:28px}.featured-badge{background:#8b5cf6;border-radius:4px;color:#fff;font-size:10px;font-weight:600;left:6px;padding:3px 8px;position:absolute;top:6px}.save-images-btn{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-top:16px;padding:14px;transition:all .2s;width:100%}.save-images-btn:hover{box-shadow:0 4px 12px #22c55e4d;transform:translateY(-1px)}.fetch-tips{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;margin-top:24px;padding:16px 20px}.fetch-tips h4{color:var(--text-primary);font-size:14px;margin:0 0 12px}.fetch-tips ul{margin:0;padding-left:20px}.fetch-tips li{color:var(--text-secondary);font-size:13px;margin-bottom:6px}.fetch-link{background:none;border:none;color:#8b5cf6;cursor:pointer;font-size:12px;margin-left:8px}.fetch-link:hover{text-decoration:underline}.brand-images-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-top:12px}.brand-image-card{aspect-ratio:1;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;position:relative}.brand-image-card img{height:100%;object-fit:cover;width:100%}.brand-image-card .remove-image-btn{align-items:center;background:#ef4444e6;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;opacity:0;position:absolute;right:4px;top:4px;transition:opacity .2s;width:24px}.brand-image-card:hover .remove-image-btn{opacity:1}.brand-image-card .image-source{background:#000000b3;bottom:0;color:#fff;font-size:10px;left:0;overflow:hidden;padding:4px 8px;position:absolute;right:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}.empty-images{align-items:center;background:var(--bg-primary);border:2px dashed var(--border-color);border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:30px 20px;text-align:center}.empty-images svg{color:var(--text-tertiary);font-size:28px;margin-bottom:10px}.empty-images p{color:var(--text-secondary);font-size:13px;margin:0 0 12px}.empty-images button{align-items:center;background:#8b5cf6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px}.empty-images button:hover{background:#7c3aed}@media (max-width:768px){.fetch-input-row{flex-direction:column}.fetch-btn{justify-content:center;width:100%}.fetched-header{flex-direction:column;gap:12px}.fetched-item{align-items:flex-start;flex-direction:column}.fetched-label{min-width:auto}.apply-btn{align-self:flex-end}.fetched-images-grid{grid-template-columns:repeat(3,1fr)}}.ecommerce-create-page{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;padding:40px}.ecommerce-create-container{max-width:1100px;width:100%}.ecommerce-create-page .page-header{margin-bottom:48px;text-align:center}.ecommerce-create-page .page-header h1{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin:0 0 12px}.ecommerce-create-page .page-header p{color:var(--text-secondary);font-size:1.125rem;margin:0}.ecommerce-cards-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.ecommerce-card{align-items:center;background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:32px;position:relative;text-align:center;transition:all .3s ease}.ecommerce-card:before{background:var(--card-color);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.ecommerce-card:hover{border-color:var(--card-color);box-shadow:0 20px 40px #0000001a;transform:translateY(-8px)}.ecommerce-card:hover:before{opacity:1}.ecommerce-card .card-icon-wrapper{align-items:center;background:linear-gradient(135deg,var(--card-color) 0,color-mix(in srgb,var(--card-color) 70%,#000) 100%);border-radius:20px;display:flex;height:80px;justify-content:center;margin-bottom:24px;transition:transform .3s ease;width:80px}.ecommerce-card:hover .card-icon-wrapper{transform:scale(1.1)}.ecommerce-card .card-icon{color:#fff;font-size:2rem}.ecommerce-card .card-content{flex:1 1}.ecommerce-card .card-content h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 8px}.ecommerce-card .card-subtitle{background:var(--bg-secondary);border-radius:20px;color:var(--card-color);display:inline-block;font-size:.75rem;font-weight:600;margin-bottom:16px;padding:4px 12px}.ecommerce-card .card-content p{color:var(--text-secondary);font-size:.9375rem;line-height:1.6;margin:0}.ecommerce-card .card-arrow{align-items:center;background:var(--bg-secondary);border-radius:50%;bottom:20px;color:var(--text-muted);display:flex;height:36px;justify-content:center;opacity:0;position:absolute;right:20px;transform:translateX(-10px);transition:all .3s ease;width:36px}.ecommerce-card:hover .card-arrow{background:var(--card-color);color:#fff;opacity:1;transform:translateX(0)}@media (max-width:768px){.ecommerce-cards-grid{grid-template-columns:1fr}}@media (max-width:600px){.ecommerce-create-page{align-items:flex-start;padding:60px 24px 24px}.ecommerce-create-page .page-header h1{font-size:1.75rem}.ecommerce-card{padding:24px}.ecommerce-card .card-icon-wrapper{border-radius:16px;height:64px;width:64px}.ecommerce-card .card-icon{font-size:1.5rem}}.carousel-create-page{background:var(--bg-primary);min-height:calc(100vh - 70px);padding:24px}.carousel-create-container{margin:0 auto;max-width:1200px}.carousel-create-page .page-header{align-items:center;display:flex;gap:20px;margin-bottom:32px}.carousel-create-page .btn-back{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--btn-radius);color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.carousel-create-page .btn-back:hover{background:var(--bg-tertiary);border-color:var(--border-medium)}.carousel-create-page .header-content{display:flex;flex-direction:column;gap:4px}.carousel-create-page .header-content h1{align-items:center;color:var(--text-primary);display:flex;font-size:24px;font-weight:700;gap:12px;margin:0}.carousel-create-page .header-icon{color:var(--accent-primary);font-size:24px}.carousel-create-page .header-content p{color:var(--text-secondary);font-size:14px;margin:0}.carousel-create-content{grid-gap:28px;display:grid;gap:28px;grid-template-columns:380px 1fr}@media (max-width:1024px){.carousel-create-content{grid-template-columns:1fr}}.carousel-create-page .form-section{display:flex;flex-direction:column;gap:20px}.carousel-create-page .form-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--card-radius);box-shadow:var(--shadow-sm);padding:var(--card-padding)}.carousel-create-page .form-card h3{align-items:center;color:var(--text-primary);display:flex;font-size:16px;font-weight:600;gap:10px;margin:0 0 20px}.carousel-create-page .form-card h3 svg{color:var(--accent-primary);font-size:18px}.carousel-create-page .input-group{margin-bottom:16px}.carousel-create-page .input-group:last-child{margin-bottom:0}.carousel-create-page .input-group label{color:var(--text-primary);display:block;font-size:13px;font-weight:600;margin-bottom:8px}.carousel-create-page .input-group .required{color:#ef4444}.carousel-create-page .input-group input,.carousel-create-page .input-group textarea{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--btn-radius);box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:14px;padding:12px 14px;transition:all .2s ease;width:100%}.carousel-create-page .input-group input:focus,.carousel-create-page .input-group textarea:focus{background:var(--bg-tertiary);border-color:var(--accent-primary);outline:none}.carousel-create-page .input-group input::placeholder,.carousel-create-page .input-group textarea::placeholder{color:var(--text-muted)}.carousel-create-page .niche-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.carousel-create-page .niche-tag{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.carousel-create-page .niche-tag:hover{background:var(--bg-tertiary);border-color:var(--border-medium)}.carousel-create-page .niche-tag.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.carousel-create-page .slide-count-selector{display:flex;flex-wrap:wrap;gap:8px}.carousel-create-page .count-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--btn-radius);color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;height:42px;justify-content:center;transition:all .2s ease;width:42px}.carousel-create-page .count-btn:hover{background:var(--bg-tertiary);border-color:var(--border-medium)}.carousel-create-page .count-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.carousel-create-page .tone-selector{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.carousel-create-page .tone-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--btn-radius);color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:10px 12px;transition:all .2s ease}.carousel-create-page .tone-btn:hover{background:var(--bg-tertiary);border-color:var(--border-medium)}.carousel-create-page .tone-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.carousel-create-page .tone-emoji{font-size:16px}.carousel-create-page .btn-generate{align-items:center;background:var(--btn-primary-bg);border:none;border-radius:var(--btn-radius);color:var(--btn-primary-text);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;margin-top:8px;padding:14px 20px;transition:all .2s ease;width:100%}.carousel-create-page .btn-generate:hover:not(:disabled){background:var(--btn-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.carousel-create-page .btn-generate:disabled{cursor:not-allowed;opacity:.5;transform:none}.carousel-create-page .spin{animation:spin 1s linear infinite}.carousel-create-page .error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:var(--btn-radius);color:#ef4444;font-size:14px;margin-top:16px;padding:12px 16px}.carousel-create-page .preview-section{display:flex;flex-direction:column;gap:20px}.carousel-create-page .carousel-preview-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--card-radius);box-shadow:var(--shadow-sm);padding:var(--card-padding)}.carousel-create-page .carousel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.carousel-create-page .carousel-header h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.carousel-create-page .slide-counter{background:var(--bg-secondary);border-radius:20px;color:var(--text-secondary);font-size:13px;font-weight:500;padding:6px 12px}.carousel-create-page .carousel-container{align-items:center;display:flex;gap:12px;margin-bottom:16px}.carousel-create-page .carousel-nav{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .2s ease;width:44px}.carousel-create-page .carousel-nav:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-medium)}.carousel-create-page .carousel-nav:disabled{cursor:not-allowed;opacity:.4}.carousel-create-page .carousel-slide{align-items:center;aspect-ratio:1;border-radius:12px;color:#fff;display:flex;flex:1 1;justify-content:center;max-height:450px;overflow:hidden;padding:32px;text-align:center}.carousel-create-page .slide-content{max-width:100%}.carousel-create-page .slide-number{font-size:48px;font-weight:800;margin-bottom:12px;opacity:.3}.carousel-create-page .slide-title{font-size:24px;font-weight:700;line-height:1.3;margin:0 0 16px}.carousel-create-page .slide-body{font-size:16px;line-height:1.6;margin:0;opacity:.9}.carousel-create-page .slide-tip{background:#ffffff26;border-radius:8px;font-size:14px;margin-top:16px;padding:12px 16px}.carousel-create-page .carousel-dots{display:flex;gap:8px;justify-content:center}.carousel-create-page .dot{background:var(--border-medium);border:none;border-radius:50%;cursor:pointer;height:10px;transition:all .2s ease;width:10px}.carousel-create-page .dot.active{background:var(--accent-primary);border-radius:5px;width:24px}.carousel-create-page .caption-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--card-radius);box-shadow:var(--shadow-sm);padding:var(--card-padding)}.carousel-create-page .caption-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.carousel-create-page .caption-header h3{color:var(--text-primary);font-size:14px;font-weight:600;margin:0}.carousel-create-page .caption-card textarea{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--btn-radius);box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:14px;line-height:1.6;padding:12px;resize:vertical;width:100%}.carousel-create-page .caption-card textarea:focus{border-color:var(--accent-primary);outline:none}.carousel-create-page .hashtags-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--card-radius);box-shadow:var(--shadow-sm);padding:var(--card-padding)}.carousel-create-page .hashtags-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.carousel-create-page .hashtags-header h3{color:var(--text-primary);font-size:14px;font-weight:600;margin:0}.carousel-create-page .hashtags-list{display:flex;flex-wrap:wrap;gap:8px}.carousel-create-page .hashtag{background:var(--bg-secondary);border-radius:20px;color:var(--accent-primary);font-size:13px;font-weight:500;padding:6px 12px}.carousel-create-page .btn-copy{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--btn-radius);color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 14px;transition:all .2s ease}.carousel-create-page .btn-copy:hover{background:var(--bg-tertiary);color:var(--text-primary)}.carousel-create-page .preview-actions{display:flex;gap:12px}.carousel-create-page .btn-regenerate,.carousel-create-page .btn-save{align-items:center;border-radius:var(--btn-radius);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease}.carousel-create-page .btn-regenerate{background:var(--bg-secondary);border:1px solid var(--border-light);color:var(--text-primary)}.carousel-create-page .btn-regenerate:hover:not(:disabled){background:var(--bg-tertiary)}.carousel-create-page .btn-regenerate:disabled{cursor:not-allowed;opacity:.5}.carousel-create-page .btn-save{background:var(--btn-primary-bg);border:none;color:var(--btn-primary-text)}.carousel-create-page .btn-save:hover:not(:disabled){background:var(--btn-primary-hover)}.carousel-create-page .btn-save:disabled{cursor:not-allowed;opacity:.6}.carousel-create-page .empty-preview{align-items:center;background:var(--bg-card);border:2px dashed var(--border-light);border-radius:var(--card-radius);display:flex;flex-direction:column;gap:16px;padding:60px 40px;text-align:center}.carousel-create-page .empty-icon{color:var(--text-muted);font-size:48px;opacity:.5}.carousel-create-page .empty-preview h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.carousel-create-page .empty-preview p{color:var(--text-secondary);font-size:14px;margin:0;max-width:280px}@media (max-width:768px){.carousel-create-page{padding:16px}.carousel-create-page .page-header{align-items:flex-start;flex-direction:column;gap:12px}.carousel-create-page .header-content h1{font-size:20px}.carousel-create-content{grid-template-columns:1fr}.carousel-create-page .caption-card,.carousel-create-page .carousel-preview-card,.carousel-create-page .form-card,.carousel-create-page .hashtags-card{padding:16px}.carousel-create-page .tone-selector{grid-template-columns:1fr}.carousel-create-page .carousel-slide{max-height:350px;padding:24px}.carousel-create-page .slide-title{font-size:20px}.carousel-create-page .slide-body{font-size:14px}.carousel-create-page .preview-actions{flex-direction:column}.carousel-create-page .slide-count-selector{justify-content:flex-start}}.quotes-create-page{background:var(--bg-primary);min-height:calc(100vh - 70px);padding:24px}.quotes-create-container{margin:0 auto;max-width:1200px}.quotes-create-page .page-header{align-items:center;display:flex;gap:20px;margin-bottom:32px}.quotes-create-page .btn-back{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--btn-radius);color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.quotes-create-page .btn-back:hover{background:var(--bg-tertiary);border-color:var(--border-medium)}.quotes-create-page .header-content{display:flex;flex-direction:column;gap:4px}.quotes-create-page .header-content h1{align-items:center;color:var(--text-primary);display:flex;font-size:24px;font-weight:700;gap:12px;margin:0}.quotes-create-page .header-icon{color:var(--accent-primary);font-size:24px}.quotes-create-page .header-content p{color:var(--text-secondary);font-size:14px;margin:0}.quotes-create-content{grid-gap:28px;display:grid;gap:28px;grid-template-columns:380px 1fr}@media (max-width:1024px){.quotes-create-content{grid-template-columns:1fr}}.quotes-create-page .form-section{display:flex;flex-direction:column;gap:20px}.quotes-create-page .form-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--card-radius);box-shadow:var(--shadow-sm);padding:var(--card-padding)}.quotes-create-page .form-card h3{align-items:center;color:var(--text-primary);display:flex;font-size:16px;font-weight:600;gap:10px;margin:0 0 20px}.quotes-create-page .form-card h3 svg{color:var(--accent-primary);font-size:18px}.quotes-create-page .input-group{margin-bottom:16px}.quotes-create-page .input-group:last-child{margin-bottom:0}.quotes-create-page .input-group label{color:var(--text-primary);display:block;font-size:13px;font-weight:600;margin-bottom:8px}.quotes-create-page .input-group .required{color:var(--error)}.quotes-create-page .input-group input,.quotes-create-page .input-group textarea{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--btn-radius);box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:14px;padding:12px 14px;transition:all .2s ease;width:100%}.quotes-create-page .input-group input:focus,.quotes-create-page .input-group textarea:focus{background:var(--bg-tertiary);border-color:var(--accent-primary);outline:none}.quotes-create-page .input-group input::placeholder,.quotes-create-page .input-group textarea::placeholder{color:var(--text-muted)}.quotes-create-page .niche-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.quotes-create-page .niche-tag{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.quotes-create-page .niche-tag:hover{background:var(--bg-tertiary);border-color:var(--border-medium)}.quotes-create-page .niche-tag.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.quotes-create-page .tone-selector{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.quotes-create-page .tone-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--btn-radius);color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:10px 12px;transition:all .2s ease}.quotes-create-page .tone-btn:hover{background:var(--bg-tertiary);border-color:var(--border-medium)}.quotes-create-page .tone-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.quotes-create-page .tone-emoji{font-size:16px}.quotes-create-page .style-selector{display:flex;gap:8px}.quotes-create-page .style-btn{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--btn-radius);color:var(--text-primary);cursor:pointer;flex:1 1;font-size:13px;padding:10px 12px;transition:all .2s ease}.quotes-create-page .style-btn:hover{background:var(--bg-tertiary)}.quotes-create-page .style-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.quotes-create-page .btn-generate{align-items:center;background:var(--btn-primary-bg);border:none;border-radius:var(--btn-radius);color:var(--btn-primary-text);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;margin-top:8px;padding:14px 20px;transition:all .2s ease;width:100%}.quotes-create-page .btn-generate:hover:not(:disabled){background:var(--btn-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.quotes-create-page .btn-generate:disabled{cursor:not-allowed;opacity:.5;transform:none}.quotes-create-page .spin{animation:spin 1s linear infinite}.quotes-create-page .error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:var(--btn-radius);color:#ef4444;font-size:14px;margin-top:16px;padding:12px 16px}.quotes-create-page .preview-section{display:flex;flex-direction:column;gap:20px}.quotes-create-page .quote-preview-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--card-radius);box-shadow:var(--shadow-sm);padding:var(--card-padding)}.quotes-create-page .preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.quotes-create-page .preview-header h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.quotes-create-page .btn-copy{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--btn-radius);color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 14px;transition:all .2s ease}.quotes-create-page .btn-copy:hover{background:var(--bg-tertiary);color:var(--text-primary)}.quotes-create-page .quote-display{align-items:center;aspect-ratio:1;border-radius:12px;display:flex;justify-content:center;margin-bottom:16px;overflow:hidden;padding:40px}.quotes-create-page .quote-content{color:#fff;max-width:100%;text-align:center}.quotes-create-page .quote-text{font-family:Georgia,serif;font-size:24px;font-style:italic;font-weight:500;line-height:1.5;margin:0 0 16px}.quotes-create-page .quote-second{font-size:18px;line-height:1.5;margin:0 0 20px;opacity:.9}.quotes-create-page .quote-author{font-size:16px;margin:0;opacity:.8}.quotes-create-page .author-edit-input,.quotes-create-page .quote-edit-input{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;font-family:Georgia,serif;font-size:18px;margin-bottom:12px;padding:12px;resize:none;text-align:center;width:100%}.quotes-create-page .author-edit-input::placeholder,.quotes-create-page .quote-edit-input::placeholder{color:#fff9}.quotes-create-page .btn-edit{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--btn-radius);color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:8px;justify-content:center;padding:10px;transition:all .2s ease;width:100%}.quotes-create-page .btn-edit:hover{background:var(--bg-tertiary)}.quotes-create-page .btn-edit.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.quotes-create-page .gradient-selector-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--card-radius);box-shadow:var(--shadow-sm);padding:var(--card-padding)}.quotes-create-page .gradient-selector-card h4{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 12px}.quotes-create-page .gradient-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.quotes-create-page .gradient-option{aspect-ratio:1;border:3px solid #0000;border-radius:10px;cursor:pointer;transition:all .2s ease}.quotes-create-page .gradient-option:hover{transform:scale(1.05)}.quotes-create-page .gradient-option.active{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--accent-primary)}.quotes-create-page .preview-actions{display:flex;flex-wrap:wrap;gap:12px}.quotes-create-page .btn-download,.quotes-create-page .btn-regenerate,.quotes-create-page .btn-save{align-items:center;border-radius:var(--btn-radius);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:120px;padding:12px 16px;transition:all .2s ease}.quotes-create-page .btn-regenerate{background:var(--bg-secondary);border:1px solid var(--border-light);color:var(--text-primary)}.quotes-create-page .btn-regenerate:hover:not(:disabled){background:var(--bg-tertiary)}.quotes-create-page .btn-download{background:var(--bg-secondary);border:1px solid var(--border-light);color:var(--text-primary)}.quotes-create-page .btn-download:hover{background:var(--bg-tertiary)}.quotes-create-page .btn-save{background:var(--btn-primary-bg);border:none;color:var(--btn-primary-text)}.quotes-create-page .btn-save:hover:not(:disabled){background:var(--btn-primary-hover)}.quotes-create-page .btn-save:disabled{cursor:not-allowed;opacity:.6}.quotes-create-page .empty-preview{align-items:center;background:var(--bg-card);border:2px dashed var(--border-light);border-radius:var(--card-radius);display:flex;flex-direction:column;gap:16px;padding:60px 40px;text-align:center}.quotes-create-page .empty-icon{color:var(--text-muted);font-size:48px;opacity:.5}.quotes-create-page .empty-preview h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.quotes-create-page .empty-preview p{color:var(--text-secondary);font-size:14px;margin:0;max-width:280px}@media (max-width:768px){.quotes-create-page{padding:16px}.quotes-create-page .page-header{align-items:flex-start;flex-direction:column;gap:12px}.quotes-create-page .header-content h1{font-size:20px}.quotes-create-content{grid-template-columns:1fr}.quotes-create-page .form-card,.quotes-create-page .gradient-selector-card,.quotes-create-page .quote-preview-card{padding:16px}.quotes-create-page .tone-selector{grid-template-columns:1fr}.quotes-create-page .style-selector{flex-direction:column}.quotes-create-page .quote-display{padding:24px}.quotes-create-page .quote-text{font-size:18px}.quotes-create-page .preview-actions{flex-direction:column}.quotes-create-page .gradient-options{grid-template-columns:repeat(4,1fr)}}.memes-create-page{background:var(--bg-primary);min-height:calc(100vh - 70px);padding:24px}.memes-header{display:flex;flex-direction:column;gap:8px;margin:0 auto 32px;max-width:1200px}.memes-header .back-link{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--btn-radius);color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:16px;padding:10px 16px;text-decoration:none;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}.memes-header .back-link:hover{background:var(--bg-tertiary);border-color:var(--border-medium)}.memes-header h1{align-items:center;color:var(--text-primary);display:flex;font-size:24px;font-weight:700;gap:12px;margin:0}.memes-header .header-icon{font-size:28px}.memes-header p{color:var(--text-secondary);font-size:14px;margin:0}.meme-notification{animation:slideInToast .3s ease;border-radius:var(--btn-radius);bottom:24px;box-shadow:var(--shadow-lg);font-size:14px;font-weight:500;padding:14px 24px;position:fixed;right:24px;z-index:1000}.meme-notification.success{background:#10b981;color:#fff}.meme-notification.error{background:#ef4444;color:#fff}@keyframes slideInToast{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.memes-content{grid-gap:28px;display:grid;gap:28px;grid-template-columns:380px 1fr;margin:0 auto;max-width:1200px}@media (max-width:1024px){.memes-content{grid-template-columns:1fr}}.meme-form-panel{display:flex;flex-direction:column;gap:20px}.memes-create-page .form-section{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--card-radius);box-shadow:var(--shadow-sm);padding:var(--card-padding)}.memes-create-page .form-section h3{align-items:center;color:var(--text-primary);display:flex;font-size:16px;font-weight:600;gap:10px;margin:0 0 20px}.memes-create-page .form-section h3 svg{color:var(--accent-primary);font-size:18px}.memes-create-page .form-group{margin-bottom:16px}.memes-create-page .form-group:last-child{margin-bottom:0}.memes-create-page .form-group label{color:var(--text-primary);display:block;font-size:13px;font-weight:600;margin-bottom:8px}.memes-create-page .form-group input,.memes-create-page .form-group select,.memes-create-page .form-group textarea{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--btn-radius);box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:14px;padding:12px 14px;transition:all .2s ease;width:100%}.memes-create-page .form-group input:focus,.memes-create-page .form-group select:focus,.memes-create-page .form-group textarea:focus{background:var(--bg-tertiary);border-color:var(--accent-primary);outline:none}.memes-create-page .form-group input::placeholder,.memes-create-page .form-group textarea::placeholder{color:var(--text-muted)}.memes-create-page .form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%2357534e' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}.memes-create-page .generate-btn{align-items:center;background:var(--btn-primary-bg);border:none;border-radius:var(--btn-radius);color:var(--btn-primary-text);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;margin-top:8px;padding:14px 20px;transition:all .2s ease;width:100%}.memes-create-page .generate-btn:hover:not(:disabled){background:var(--btn-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.memes-create-page .generate-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.memes-create-page .spinning{animation:spin 1s linear infinite}.memes-create-page .upload-image-btn{align-items:center;background:var(--bg-secondary);border:2px dashed var(--border-light);border-radius:var(--btn-radius);color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;margin-bottom:12px;padding:12px;transition:all .2s ease;width:100%}.memes-create-page .upload-image-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary)}.memes-create-page .remove-image-btn{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:var(--btn-radius);color:#ef4444;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;margin-bottom:12px;padding:10px;transition:all .2s ease;width:100%}.memes-create-page .remove-image-btn:hover{background:#ef444433}.memes-create-page .backgrounds-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.memes-create-page .bg-option{aspect-ratio:1;border:3px solid #0000;border-radius:10px;cursor:pointer;transition:all .2s ease}.memes-create-page .bg-option:hover{transform:scale(1.05)}.memes-create-page .bg-option.selected{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--accent-primary)}.memes-create-page .template-suggestion{background:#3b82f61a;border:1px solid #3b82f64d}.memes-create-page .template-suggestion p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.memes-create-page .actions-section{display:flex;flex-direction:column;gap:10px}.memes-create-page .action-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--btn-radius);color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease;width:100%}.memes-create-page .action-btn:hover:not(:disabled){background:var(--bg-tertiary)}.memes-create-page .action-btn:disabled{cursor:not-allowed;opacity:.5}.memes-create-page .action-btn.primary{background:var(--btn-primary-bg);border:none;color:var(--btn-primary-text)}.memes-create-page .action-btn.primary:hover:not(:disabled){background:var(--btn-primary-hover)}.meme-preview-panel{display:flex;flex-direction:column;gap:20px}.meme-preview-panel .preview-header{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--card-radius);padding:16px 20px}.meme-preview-panel .preview-header h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.meme-preview-card{aspect-ratio:1;border-radius:12px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:24px;position:relative}.meme-preview-card .empty-preview{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.meme-preview-card .empty-preview .emoji{font-size:48px;margin-bottom:16px}.meme-preview-card .empty-preview p{color:#ffffffb3;font-size:14px;margin:0}.meme-text{word-wrap:break-word;color:#fff;font-family:Impact,Anton,Bebas Neue,Arial Black,sans-serif;font-size:clamp(24px,5vw,48px);font-weight:900;letter-spacing:1px;line-height:1.1;padding:0 8px;text-align:center;text-shadow:3px 3px 0 #000,-3px -3px 0 #000,3px -3px 0 #000,-3px 3px 0 #000,3px 0 0 #000,-3px 0 0 #000,0 3px 0 #000,0 -3px 0 #000;text-transform:uppercase}.meme-text.top-text{align-self:center}.meme-text.bottom-text{align-self:center;margin-top:auto}.meme-preview-panel .caption-section,.meme-preview-panel .hashtags-section{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--card-radius);padding:var(--card-padding)}.meme-preview-panel .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.meme-preview-panel .section-header h4{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;gap:8px;margin:0}.meme-preview-panel .section-header h4 svg{color:var(--accent-primary)}.meme-preview-panel .copy-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--btn-radius);color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.meme-preview-panel .copy-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.meme-preview-panel .caption-text{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0}.meme-preview-panel .hashtags-list{display:flex;flex-wrap:wrap;gap:8px}.meme-preview-panel .hashtag{background:var(--bg-secondary);border-radius:20px;color:var(--accent-primary);font-size:13px;font-weight:500;padding:6px 12px}.drafts-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:24px;position:fixed;right:0;top:0;z-index:1000}.drafts-panel{background:var(--bg-card);border-radius:var(--card-radius);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:80vh;max-width:500px;overflow:hidden;width:100%}.drafts-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:20px}.drafts-header h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.drafts-header button{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--btn-radius);color:var(--text-secondary);cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.drafts-header button:hover{background:var(--bg-tertiary)}.no-drafts{color:var(--text-muted);padding:40px;text-align:center}.drafts-list{flex:1 1;overflow-y:auto;padding:12px}.draft-item{align-items:center;background:var(--bg-secondary);border-radius:var(--btn-radius);cursor:pointer;display:flex;gap:12px;margin-bottom:8px;padding:16px;transition:all .2s ease}.draft-item:hover{background:var(--bg-tertiary)}.draft-item:last-child{margin-bottom:0}.draft-content{flex:1 1;min-width:0}.draft-text{color:var(--text-primary);font-size:14px;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draft-date{color:var(--text-muted);font-size:12px}.delete-draft-btn{align-items:center;background:#0000;border:none;border-radius:var(--btn-radius);color:var(--text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.delete-draft-btn:hover{background:#ef44441a;color:#ef4444}@media (max-width:768px){.memes-create-page{padding:16px}.memes-header{margin-bottom:24px}.memes-header h1{font-size:20px}.memes-content{grid-template-columns:1fr}.memes-create-page .form-section{padding:16px}.meme-preview-panel .preview-header{padding:12px 16px}.meme-preview-card{aspect-ratio:1;padding:16px}.meme-text{font-size:clamp(18px,5vw,32px);text-shadow:2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000}.drafts-overlay{align-items:flex-end;padding:16px}.drafts-panel{border-radius:var(--card-radius) var(--card-radius) 0 0;max-height:70vh}.image-picker-modal{max-height:80vh;width:95%}.image-picker-grid{grid-template-columns:repeat(2,1fr)}}.ai-suggestion-card{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;border-radius:var(--card-radius)!important;overflow:hidden;padding:20px!important;position:relative}.ai-suggestion-card:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:100%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:100%}.ai-suggestion-header{align-items:center;display:flex;gap:10px;margin-bottom:12px}.ai-badge{background:#ffffff40;border-radius:20px;color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px;padding:4px 10px}.ai-suggestion-card h3{color:#fff!important;font-size:16px;font-weight:600;margin:0}.ai-suggestion-text{background:#ffffff26;border-left:3px solid #ffffff80;border-radius:8px;color:#fffffff2;font-size:15px;font-style:italic;line-height:1.5;margin:0 0 16px;padding:12px 16px}.ai-suggestion-card .find-image-btn{align-items:center;background:#fff;border:none;border-radius:var(--btn-radius);box-shadow:0 4px 15px #0003;color:#667eea;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:10px;justify-content:center;padding:14px 20px;transition:all .2s ease;width:100%}.ai-suggestion-card .find-image-btn:hover:not(:disabled){box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.ai-suggestion-card .find-image-btn:disabled{cursor:not-allowed;opacity:.8;transform:none}.ai-suggestion-card .find-image-btn .spinning{animation:spin 1s linear infinite}.template-suggestion{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea4d!important}.template-suggestion h3{color:var(--accent-primary)!important}.template-suggestion p{color:var(--text-primary);font-style:italic;line-height:1.5;margin:0 0 16px}.find-image-btn{align-items:center;background:var(--accent-primary);border:none;border-radius:var(--btn-radius);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease;width:100%}.find-image-btn:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.find-image-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.find-image-btn .spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.image-picker-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:24px;position:fixed;right:0;top:0;z-index:1100}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-picker-modal{animation:slideUp .3s ease;background:var(--bg-card);border-radius:var(--card-radius);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:85vh;max-width:700px;overflow:hidden;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.image-picker-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:20px 24px}.image-picker-header h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.image-picker-header .close-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.image-picker-header .close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.image-picker-hint{background:var(--bg-secondary);color:var(--text-secondary);font-size:14px;margin:0;padding:12px 24px}.image-picker-grid{grid-gap:12px;display:grid;flex:1 1;gap:12px;grid-template-columns:repeat(4,1fr);overflow-y:auto;padding:20px 24px}.image-picker-item{aspect-ratio:1;border:3px solid #0000;border-radius:10px;cursor:pointer;overflow:hidden;transition:all .2s ease}.image-picker-item:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md);transform:scale(1.05)}.image-picker-item img{height:100%;object-fit:cover;width:100%}.image-picker-footer{align-items:center;background:var(--bg-secondary);border-top:1px solid var(--border-light);display:flex;gap:16px;justify-content:space-between;padding:12px 24px}.image-picker-credit{color:var(--text-muted);font-size:12px;margin:0}.regenerate-btn{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.regenerate-btn:hover:not(:disabled){box-shadow:0 4px 12px rgba(var(--primary-rgb),.3);transform:translateY(-1px)}.regenerate-btn:disabled{cursor:not-allowed;opacity:.7}:root{--landing-primary:#667eea;--landing-secondary:#764ba2;--landing-accent:#4ade80;--landing-bg-dark:#0a0a0a;--landing-bg-card:#ffffff08;--landing-border:#ffffff14;--landing-text:#fff;--landing-text-muted:#fff9;--landing-gradient:linear-gradient(135deg,#667eea,#764ba2)}.landing-page{background:linear-gradient(180deg,#0a0a0a,#0d1117 50%,#161b22);color:#fff;color:var(--landing-text);min-height:100vh;overflow-x:hidden;width:100%}.landing-page *{box-sizing:border-box}.landing-page h1,.landing-page h2,.landing-page h3,.landing-page h4,.landing-page h5,.landing-page h6{color:#fff;margin-bottom:0}.landing-hero{margin:0 auto;max-width:1000px;padding:100px 20px 80px;position:relative;text-align:center}.landing-hero:before{background:radial-gradient(circle,#667eea26 0,#0000 70%);content:"";height:800px;left:50%;pointer-events:none;position:absolute;top:-50%;transform:translateX(-50%);width:800px;z-index:0}.landing-hero-content{animation:fadeInUp .8s ease-out;position:relative;z-index:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-badge{align-items:center;animation:pulse 2s infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea33,#764ba233);border:1px solid #667eea66;border-radius:50px;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;margin-bottom:28px;padding:10px 24px}@keyframes pulse{0%,to{box-shadow:0 0 0 0 #667eea66}50%{box-shadow:0 0 20px 5px #667eea33}}.landing-hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#a8b4ff 50%,#fff);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:16px}.hero-tagline{color:#667eea;color:var(--landing-primary);font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:700;margin-bottom:20px;text-shadow:0 0 40px #667eea80}.hero-description{color:#fff9;color:var(--landing-text-muted);font-size:1.15rem;line-height:1.8;margin:0 auto 32px;max-width:700px}.hero-features{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;list-style:none;margin:0 0 36px;padding:0}.hero-features li{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border:1px solid var(--landing-border);border-radius:30px;color:#ffffffe6;display:flex;font-size:1rem;font-weight:500;gap:10px;padding:10px 18px;transition:all .3s ease}.hero-features li:hover{background:#ffffff14;border-color:#667eea;border-color:var(--landing-primary);transform:translateY(-2px)}.hero-features li svg{color:#4ade80;color:var(--landing-accent);font-size:1.1rem}.hero-cta{gap:16px;margin-bottom:32px}.hero-cta,.hero-trust{display:flex;flex-wrap:wrap;justify-content:center}.hero-trust{color:#fff9;color:var(--landing-text-muted);font-size:.95rem;gap:32px}.hero-trust span{align-items:center;display:flex;gap:6px}.landing-page .btn{align-items:center;background:#0000;border:none;border-radius:12px;box-shadow:none;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;letter-spacing:0;overflow:hidden;padding:14px 28px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.landing-page .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--landing-gradient);box-shadow:0 4px 15px #667eea4d;color:#fff}.landing-page .btn-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.landing-page .btn-primary:hover:before{left:100%}.landing-page .btn-primary:hover{box-shadow:0 8px 30px #667eea80;transform:translateY(-3px)}.landing-page .btn-outline{background:#0000;border:2px solid #667eea80;color:#fff}.landing-page .btn-outline:hover{background:#667eea26;border-color:#667eea;border-color:var(--landing-primary);transform:translateY(-3px)}.landing-page .btn-lg{border-radius:14px;font-size:1.1rem;padding:18px 36px}.landing-page .btn-sm{font-size:.9rem;padding:10px 20px}.landing-page .btn-full{width:100%}.landing-page section{margin:0 auto;max-width:1200px;padding:100px 20px;position:relative}.landing-page section h2{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;letter-spacing:-.02em;margin-bottom:16px;text-align:center}.landing-page .section-subtitle{color:#fff9;color:var(--landing-text-muted);font-size:1.15rem;margin-bottom:56px;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.demo-section{background:linear-gradient(180deg,#667eea0d,#0000);max-width:100%;padding:80px 20px}.demo-container{margin:0 auto;max-width:1200px}.demo-section h2{margin-bottom:40px}.demo-video-placeholder{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid #667eea4d;border-radius:24px;margin:0 auto;max-width:900px;overflow:hidden;padding:100px 40px;position:relative;text-align:center}.demo-video-placeholder:before{animation:shimmer 3s infinite;background:linear-gradient(45deg,#0000 40%,#667eea1a 50%,#0000 60%);content:"";inset:0;position:absolute}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.demo-icon{color:#667eea;color:var(--landing-primary);font-size:5rem;margin-bottom:20px;position:relative}.demo-video-placeholder p{color:#fff;font-size:1.4rem;font-weight:600;margin-bottom:12px;position:relative}.demo-video-placeholder span{color:#fff9;color:var(--landing-text-muted);font-size:1rem;position:relative}.how-it-works-section{background:linear-gradient(180deg,#0000,#667eea08 50%,#0000)}.steps-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:48px}.steps-grid.steps-4{grid-template-columns:repeat(4,1fr)}.steps-grid.steps-5{grid-template-columns:repeat(5,1fr)}.steps-grid.steps-6{grid-template-columns:repeat(3,1fr)}.step-card{background:#ffffff08;background:var(--landing-bg-card);border:1px solid #ffffff14;border:1px solid var(--landing-border);border-radius:20px;padding:32px 24px;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.step-card:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--landing-gradient);border-radius:20px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:1px;position:absolute;transition:opacity .4s ease}.step-card:hover{background:#ffffff0d;transform:translateY(-8px)}.step-card:hover:before{opacity:1}.step-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--landing-gradient);border-radius:50%;box-shadow:0 4px 20px #667eea66;display:flex;font-size:1.2rem;font-weight:700;height:48px;justify-content:center;margin:0 auto 20px;width:48px}.step-card h3{font-size:1.15rem;font-weight:700;margin-bottom:12px}.step-card p{color:#fff9;color:var(--landing-text-muted);font-size:.95rem;line-height:1.6}.steps-cta{text-align:center}.features-section{background:linear-gradient(180deg,#0000004d,#0000);max-width:100%;padding:100px 20px}.features-section>.section-subtitle,.features-section>h2{margin-left:auto;margin-right:auto;max-width:1200px}.features-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));margin:0 auto;max-width:1200px}.feature-card{background:#ffffff08;background:var(--landing-bg-card);border:1px solid #ffffff14;border:1px solid var(--landing-border);border-radius:20px;padding:32px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.feature-card:hover{background:#ffffff0d;border-color:#667eea66;box-shadow:0 20px 40px #0000004d;transform:translateY(-6px)}.feature-icon{align-items:center;background:linear-gradient(135deg,#667eea33,#764ba233);border-radius:16px;display:flex;height:64px;justify-content:center;margin-bottom:20px;transition:all .3s ease;width:64px}.feature-card:hover .feature-icon{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--landing-gradient);transform:scale(1.1)}.feature-icon svg{color:#667eea;color:var(--landing-primary);font-size:1.75rem;transition:color .3s ease}.feature-card:hover .feature-icon svg{color:#fff}.feature-card h3{font-size:1.25rem;font-weight:700;margin-bottom:12px}.feature-card p{color:#fff9;color:var(--landing-text-muted);font-size:1rem;line-height:1.7}.templates-section{margin:0 auto;max-width:1200px;padding:100px 20px;text-align:center}.templates-section .templates-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:48px 0}.templates-section .template-card{background:#ffffff08;background:var(--landing-bg-card);border:1px solid #ffffff14;border:1px solid var(--landing-border);border-radius:16px;padding:28px 20px;text-align:center;transition:all .3s ease}.templates-section .template-card:hover{background:#ffffff0d;border-color:#667eea;border-color:var(--landing-primary);transform:translateY(-4px)}.templates-section .template-icon{color:#667eea;color:var(--landing-primary);font-size:2.5rem;margin-bottom:16px}.templates-section .template-card h3{font-size:1.1rem;font-weight:600;margin-bottom:8px}.templates-section .template-views{color:#4ade80;color:var(--landing-accent);display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.templates-section .template-category{background:#667eea33;border-radius:12px;color:#a8b4ff;display:inline-block;font-size:.8rem;padding:4px 12px}.use-cases-section{margin:0 auto;max-width:1200px;padding:100px 20px}.use-cases-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.use-case-card{align-items:flex-start;background:#ffffff08;background:var(--landing-bg-card);border:1px solid #ffffff14;border:1px solid var(--landing-border);border-radius:16px;display:flex;gap:16px;padding:24px;transition:all .3s ease}.use-case-card:hover{background:#ffffff0d;transform:translateX(8px)}.use-case-icon{color:#4ade80;color:var(--landing-accent);flex-shrink:0;font-size:1.4rem;margin-top:2px}.use-case-card h3{font-size:1.1rem;font-weight:600;margin-bottom:6px}.use-case-card p{color:#fff9;color:var(--landing-text-muted);font-size:.95rem;line-height:1.5}.social-proof-section{background:linear-gradient(135deg,#667eea1a,#764ba21a);max-width:100%;padding:80px 20px;text-align:center}.stats-row{display:flex;flex-wrap:wrap;gap:64px;justify-content:center;margin-left:auto;margin-right:auto;margin-top:40px;max-width:1000px}.stat{text-align:center}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--landing-gradient);-webkit-background-clip:text;background-clip:text;display:block;font-size:3rem;font-weight:800;line-height:1.2}.stat-label{color:#fff9;color:var(--landing-text-muted);font-size:1rem;margin-top:8px}.results-section{margin:0 auto;max-width:1200px;padding:80px 20px}.results-grid{display:flex;flex-wrap:wrap;gap:64px;justify-content:center;margin-top:48px}.result-card{padding:24px;text-align:center}.result-icon{font-size:2.5rem;margin-bottom:16px}.result-icon,.result-number{color:#4ade80;color:var(--landing-accent)}.result-number{display:block;font-size:3rem;font-weight:800;line-height:1.2}.result-label{color:#fff9;color:var(--landing-text-muted);font-size:1rem;margin-top:8px}.pricing-preview-section{margin:0 auto;max-width:1200px;padding:100px 20px}.pricing-cards{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:48px auto 0;max-width:1050px}.pricing-card{background:#ffffff08;background:var(--landing-bg-card);border:1px solid #ffffff14;border:1px solid var(--landing-border);border-radius:24px;padding:36px;position:relative;text-align:center;transition:all .4s ease}.pricing-card:hover{transform:translateY(-8px)}.pricing-card.popular{background:linear-gradient(135deg,#667eea26,#764ba226);border-color:#667eea;border-color:var(--landing-primary);transform:scale(1.03);z-index:1}.pricing-card.popular:hover{transform:scale(1.03) translateY(-8px)}.popular-badge{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--landing-gradient);border-radius:24px;box-shadow:0 4px 15px #667eea66;font-size:.9rem;font-weight:600;left:50%;padding:8px 24px;position:absolute;top:-14px;transform:translateX(-50%);white-space:nowrap}.pricing-card h3{font-size:1.4rem;font-weight:700;margin-bottom:20px}.price{font-size:3rem;font-weight:800;line-height:1;margin-bottom:28px}.price span{color:#fff9;color:var(--landing-text-muted);font-size:1rem;font-weight:400}.pricing-card ul{list-style:none;margin:0 0 28px;padding:0;text-align:left}.pricing-card li{align-items:center;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--landing-border);color:#ffffffd9;display:flex;font-size:1rem;gap:12px;padding:12px 0}.pricing-card li:last-child{border-bottom:none}.pricing-card li svg{color:#4ade80;color:var(--landing-accent);flex-shrink:0;font-size:1.1rem}.faq-section{background:linear-gradient(180deg,#0003,#0000);max-width:100%;padding:100px 20px}.faq-section h2{margin-bottom:48px;margin-left:auto;margin-right:auto;max-width:800px}.faq-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(480px,1fr));margin:0 auto;max-width:1200px}.faq-item{background:#ffffff08;background:var(--landing-bg-card);border:1px solid #ffffff14;border:1px solid var(--landing-border);border-radius:16px;padding:28px;transition:all .3s ease}.faq-item:hover{background:#ffffff0a;border-color:#667eea4d}.faq-item h3{color:#fff;font-size:1.1rem;font-weight:600;line-height:1.4;margin-bottom:16px}.faq-item p{color:#fff9;color:var(--landing-text-muted);font-size:.95rem;line-height:1.7}.final-cta-section{background:linear-gradient(180deg,#0000,#667eea26 50%,#764ba21a);max-width:100%;padding:120px 20px;position:relative;text-align:center}.final-cta-section:before{background:linear-gradient(90deg,#0000,#667eea80,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.final-cta-section h2{font-size:clamp(1.8rem,3vw,2.5rem);margin-bottom:16px}.final-cta-section>p{font-size:1.2rem;margin-bottom:32px}.cta-note,.final-cta-section>p{color:#fff9;color:var(--landing-text-muted)}.cta-note{font-size:.95rem;margin-top:20px}.examples-section{margin:0 auto;max-width:1200px;padding:80px 20px}.examples-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));margin:48px 0}.example-card{background:#ffffff08;background:var(--landing-bg-card);border:1px solid #ffffff14;border:1px solid var(--landing-border);border-radius:20px;padding:28px;transition:all .3s ease}.example-card:hover{border-color:#667eea4d}.example-input{background:#0006;border-left:3px solid #667eea;border-left:3px solid var(--landing-primary);border-radius:12px;font-size:.95rem;margin-bottom:20px;padding:16px}.input-label{color:#667eea;color:var(--landing-primary);font-weight:600;margin-right:8px}.example-output{margin-bottom:20px}.quote-icon{color:#667eea;color:var(--landing-primary);font-size:1.5rem;margin-bottom:12px}.example-output p{color:#ffffffe6;line-height:1.7;white-space:pre-line}.example-result{align-items:center;color:#4ade80;color:var(--landing-accent);display:flex;font-weight:600;gap:10px}.styles-section{background:linear-gradient(180deg,#0003,#0000);max-width:100%;padding:80px 20px}.styles-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-left:auto;margin-right:auto;margin-top:48px;max-width:1200px}.style-card{background:#ffffff08;background:var(--landing-bg-card);border:1px solid #ffffff14;border:1px solid var(--landing-border);border-radius:16px;padding:24px;text-align:center;transition:all .3s ease}.style-card:hover{border-color:#667eea;border-color:var(--landing-primary);transform:translateY(-4px)}.style-card h3{font-size:1.1rem;font-weight:600;margin-bottom:12px}.style-example{color:#667eea;color:var(--landing-primary);font-size:.95rem;font-style:italic;margin-bottom:12px}.style-use{color:#fff9;color:var(--landing-text-muted);font-size:.85rem}.highlight-section{background:linear-gradient(135deg,#667eea1a,#764ba21a);max-width:100%;padding:80px 20px}.highlight-content{margin:0 auto;max-width:700px;text-align:center}.highlight-description{color:#ffffffbf;font-size:1.15rem;line-height:1.8;margin-bottom:32px}.highlight-features{list-style:none;margin:0 auto 36px;max-width:420px;padding:0;text-align:left}.highlight-features li{align-items:center;color:#ffffffe6;display:flex;font-size:1.05rem;gap:14px;padding:12px 0}.highlight-features li svg{color:#4ade80;color:var(--landing-accent);font-size:1.2rem}.calendar-preview-section{margin:0 auto;max-width:1200px;padding:80px 20px;text-align:center}.calendar-mockup{background:#ffffff08;background:var(--landing-bg-card);border:2px dashed #667eea4d;border-radius:24px;margin:48px auto 0;max-width:900px;padding:100px 40px}.calendar-icon{color:#667eea;color:var(--landing-primary);font-size:5rem;margin-bottom:20px}.best-times-section{background:linear-gradient(180deg,#0003,#0000);max-width:100%;padding:80px 20px}.times-grid{display:flex;flex-wrap:wrap;gap:28px;justify-content:center;margin:48px 0}.time-card{background:#ffffff08;background:var(--landing-bg-card);border:1px solid #ffffff14;border:1px solid var(--landing-border);border-radius:20px;padding:28px 36px;position:relative;text-align:center;transition:all .3s ease}.time-card:hover{transform:translateY(-4px)}.time-card.best{background:linear-gradient(135deg,#667eea26,#764ba226);border-color:#667eea;border-color:var(--landing-primary)}.time-icon{font-size:2.5rem;margin-bottom:16px}.time,.time-icon{color:#667eea;color:var(--landing-primary)}.time{display:block;font-size:1.75rem;font-weight:700;margin:12px 0}.time-card .badge{background:#4ade80;background:var(--landing-accent);border-radius:14px;color:#000;font-size:.8rem;font-weight:600;padding:6px 14px;position:absolute;right:-12px;top:-12px}.times-note{color:#fff9;color:var(--landing-text-muted);font-size:1rem;text-align:center}.templates-grid-section{margin:0 auto;max-width:1200px;padding:60px 20px 100px}.templates-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:36px}.templates-filter{align-items:center;color:#fff9;color:var(--landing-text-muted);display:flex;gap:12px}.templates-filter select{background:#ffffff1a;border:1px solid #ffffff14;border:1px solid var(--landing-border);border-radius:10px;color:#fff;cursor:pointer;padding:10px 18px}.templates-grid-section .templates-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:48px}.templates-grid-section .template-card{background:#ffffff08;background:var(--landing-bg-card);border:1px solid #ffffff14;border:1px solid var(--landing-border);border-radius:20px;overflow:hidden;position:relative;transition:all .4s ease}.templates-grid-section .template-card:hover{border-color:#667eea80;box-shadow:0 20px 40px #0000004d;transform:translateY(-6px)}.trending-badge{align-items:center;background:linear-gradient(135deg,#f97316,#ea580c);border-radius:14px;display:flex;font-size:.8rem;font-weight:600;gap:6px;left:14px;padding:6px 14px;position:absolute;top:14px;z-index:1}.template-preview{align-items:center;background:linear-gradient(135deg,#667eea33,#764ba233);display:flex;height:200px;justify-content:center;position:relative}.preview-icon{color:#fff3;font-size:4rem}.preview-play{align-items:center;background:#fffffff2;border:none;border-radius:50%;cursor:pointer;display:flex;height:60px;justify-content:center;opacity:0;position:absolute;transform:scale(.8);transition:all .3s ease;width:60px}.templates-grid-section .template-card:hover .preview-play{opacity:1;transform:scale(1)}.preview-play svg{color:#667eea;color:var(--landing-primary);font-size:1.5rem;margin-left:4px}.template-info{padding:24px}.template-info h3{font-size:1.15rem;font-weight:600;margin-bottom:8px}.templates-grid-section .template-category{background:#667eea33;border-radius:12px;color:#a8b4ff;display:inline-block;font-size:.8rem;margin-bottom:12px;padding:4px 12px}.template-info p{font-size:.95rem;margin-bottom:16px}.template-info p,.template-stats{color:#fff9;color:var(--landing-text-muted)}.template-stats{display:flex;font-size:.9rem;gap:20px;margin-bottom:20px}.template-stats span{align-items:center;display:flex;gap:6px}.templates-cta{text-align:center}.categories-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;padding:24px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.categories-bar{display:flex;gap:14px;margin:0 auto;max-width:1200px;overflow-x:auto;padding-bottom:10px;scrollbar-color:#667eea #0000;scrollbar-color:var(--landing-primary) #0000;scrollbar-width:thin}.category-btn{background:#ffffff0d;border:1px solid #ffffff14;border:1px solid var(--landing-border);border-radius:24px;color:#fff9;color:var(--landing-text-muted);cursor:pointer;font-size:.95rem;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.category-btn.active,.category-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--landing-gradient);border-color:#0000;color:#fff}.category-btn .count{opacity:.7}.why-templates-section{margin:0 auto;max-width:1200px;padding:80px 20px}.why-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(3,1fr);margin-top:48px}.why-card{background:#ffffff08;background:var(--landing-bg-card);border:1px solid #ffffff14;border:1px solid var(--landing-border);border-radius:20px;padding:36px;text-align:center;transition:all .3s ease}.why-card:hover{border-color:#667eea;border-color:var(--landing-primary);transform:translateY(-4px)}.why-icon{color:#667eea;color:var(--landing-primary);font-size:3rem;margin-bottom:20px}.why-card h3{font-size:1.2rem;font-weight:600;margin-bottom:12px}.why-card p{color:#fff9;color:var(--landing-text-muted);line-height:1.6}.main-features-section{margin:0 auto;max-width:1200px;padding:100px 20px}.main-features-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));margin-top:48px}.main-feature-card{background:#ffffff08;background:var(--landing-bg-card);border:1px solid #ffffff14;border:1px solid var(--landing-border);border-radius:20px;padding:32px;transition:all .3s ease}.main-feature-card:hover{border-color:#667eea4d;transform:translateY(-4px)}.feature-header{align-items:center;display:flex;gap:18px;margin-bottom:20px}.feature-highlights{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:20px 0 0;padding:0}.feature-highlights li{align-items:center;background:#667eea1a;border-radius:14px;color:#ffffffd9;display:flex;font-size:.9rem;gap:6px;padding:6px 14px}.feature-highlights li svg{color:#4ade80;color:var(--landing-accent);font-size:.8rem}.additional-features-section{background:linear-gradient(180deg,#0003,#0000);max-width:100%;padding:80px 20px}.additional-features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-left:auto;margin-right:auto;margin-top:48px;max-width:1200px}.additional-feature-card{padding:28px;text-align:center;transition:all .3s ease}.additional-feature-card:hover{transform:translateY(-4px)}.feature-icon-small{color:#667eea;color:var(--landing-primary);font-size:2.5rem;margin-bottom:16px}.additional-feature-card h3{font-size:1.1rem;font-weight:600;margin-bottom:10px}.additional-feature-card p{color:#fff9;color:var(--landing-text-muted);font-size:.95rem;line-height:1.5}.comparison-section{margin:0 auto;max-width:1200px;padding:80px 20px}.comparison-table{background:#ffffff08;background:var(--landing-bg-card);border:1px solid #ffffff14;border:1px solid var(--landing-border);border-radius:20px;margin:48px auto 0;max-width:850px;overflow:hidden}.comparison-header,.comparison-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr 1fr;padding:20px 24px}.comparison-header{background:#667eea33;font-weight:600}.comparison-row{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--landing-border)}.comparison-row:last-child{border-bottom:none}.comparison-us{color:#4ade80;color:var(--landing-accent);font-weight:600}.comparison-others{color:#fff9;color:var(--landing-text-muted)}.check{color:#4ade80;color:var(--landing-accent)}.workflow-section{background:linear-gradient(135deg,#667eea1a,#764ba21a);max-width:100%;padding:80px 20px}.workflow-steps{align-items:center;display:flex;flex-wrap:wrap;gap:32px;justify-content:center;margin-top:48px}.workflow-step{padding:24px;position:relative;text-align:center}.workflow-number{align-items:center;background:#667eea;background:var(--landing-primary);border-radius:50%;display:flex;font-size:.8rem;font-weight:600;height:28px;justify-content:center;position:absolute;right:0;top:0;width:28px}.workflow-icon{color:#667eea;color:var(--landing-primary);font-size:3rem;margin-bottom:16px}.workflow-step h3{font-size:1rem;font-weight:600}.workflow-arrow{color:#ffffff4d;font-size:2rem}.pricing-hero{padding-bottom:48px}.billing-toggle{align-items:center;display:flex;gap:18px;justify-content:center;margin-top:28px}.billing-toggle span{color:#fff9;color:var(--landing-text-muted);font-size:1rem;transition:color .2s ease}.billing-toggle span.active{color:#fff;font-weight:600}.toggle-btn{background:#ffffff1a;border:none;border-radius:16px;cursor:pointer;height:32px;position:relative;width:60px}.toggle-indicator{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--landing-gradient);border-radius:50%;height:28px;left:2px;position:absolute;top:2px;transition:transform .3s ease;width:28px}.toggle-indicator.yearly{transform:translateX(28px)}.save-badge{background:#4ade80;background:var(--landing-accent);border-radius:10px;color:#000;font-size:.8rem;font-weight:600;margin-left:10px;padding:4px 10px}.pricing-cards-section{margin:0 auto;max-width:1200px;padding:60px 20px 100px}.pricing-cards-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1150px}.pricing-card-large{background:#ffffff08;background:var(--landing-bg-card);border:1px solid #ffffff14;border:1px solid var(--landing-border);border-radius:24px;padding:36px;position:relative;transition:all .4s ease}.pricing-card-large:hover{transform:translateY(-8px)}.pricing-card-large.popular{background:linear-gradient(135deg,#667eea26,#764ba226);border-color:#667eea;border-color:var(--landing-primary);transform:scale(1.05);z-index:1}.pricing-card-large.popular:hover{transform:scale(1.05) translateY(-8px)}.popular-banner{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--landing-gradient);border-radius:24px 24px 0 0;display:flex;font-weight:600;gap:10px;justify-content:center;left:0;padding:10px;position:absolute;right:0;text-align:center;top:0}.pricing-card-large.popular .plan-header{margin-top:28px}.plan-header{margin-bottom:28px;text-align:center}.plan-header h2{font-size:1.6rem;margin-bottom:10px}.plan-description{color:#fff9;color:var(--landing-text-muted);font-size:.95rem;margin-bottom:20px}.plan-price{margin-bottom:10px}.plan-price .currency{font-size:1.75rem;vertical-align:top}.plan-price .amount{font-size:4rem;font-weight:800}.plan-price .period{font-size:1.1rem}.plan-price .period,.yearly-note{color:#fff9;color:var(--landing-text-muted)}.yearly-note{font-size:.9rem}.plan-features{list-style:none;margin:28px 0 0;padding:0}.plan-features li{align-items:center;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--landing-border);display:flex;font-size:1rem;gap:14px;padding:12px 0}.plan-features li:last-child{border-bottom:none}.plan-features li.included{color:#ffffffe6}.plan-features li.not-included{color:#fff6}.plan-features .check{color:#4ade80;color:var(--landing-accent);font-size:1.1rem}.plan-features .x{color:#ffffff4d}.trust-section{background:#0000004d;max-width:100%;padding:48px 20px}.trust-badges{display:flex;flex-wrap:wrap;gap:56px;justify-content:center}.trust-badge{align-items:center;color:#fff9;color:var(--landing-text-muted);display:flex;font-size:1rem;gap:14px}.trust-badge svg{color:#667eea;color:var(--landing-primary);font-size:1.75rem}.comparison-table-section{margin:0 auto;max-width:1200px;padding:80px 20px}.comparison-table-wrapper{margin-top:48px;overflow-x:auto}.comparison-table-full{background:#ffffff08;background:var(--landing-bg-card);border-collapse:collapse;border-radius:16px;margin:0 auto;max-width:950px;overflow:hidden;width:100%}.comparison-table-full td,.comparison-table-full th{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--landing-border);padding:18px 20px;text-align:center}.comparison-table-full th{background:#ffffff0d;font-weight:600}.comparison-table-full td:first-child,.comparison-table-full th:first-child{text-align:left}.comparison-table-full .highlight{background:#667eea1a}.content-types-section{margin:0 auto;max-width:1200px;padding:80px 20px}.content-types-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));margin-top:48px}.content-type-card{align-items:flex-start;background:#ffffff08;background:var(--landing-bg-card);border:1px solid #ffffff14;border:1px solid var(--landing-border);border-radius:16px;display:flex;gap:18px;padding:24px;transition:all .3s ease}.content-type-card:hover{border-color:#667eea4d;transform:translateX(6px)}.type-icon{color:#4ade80;color:var(--landing-accent);flex-shrink:0;font-size:1.5rem;margin-top:2px}.content-type-card h3{font-size:1.05rem;font-weight:600;margin-bottom:6px}.content-type-card p{color:#fff9;color:var(--landing-text-muted);font-size:.95rem;line-height:1.5}@media (max-width:1024px){.pricing-cards-grid{grid-template-columns:1fr;margin:0 auto;max-width:420px}.pricing-card-large.popular{transform:none}.pricing-card-large.popular:hover{transform:translateY(-8px)}.why-grid{grid-template-columns:1fr;margin-left:auto;margin-right:auto;max-width:500px}.steps-grid.steps-5,.steps-grid.steps-6{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.landing-hero{padding:80px 16px 60px}.landing-hero h1{font-size:2rem}.hero-tagline{font-size:1.15rem}.hero-features{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;flex-direction:row;flex-wrap:nowrap;gap:10px;justify-content:flex-start;margin:0 -16px;overflow-x:auto;padding-bottom:12px;padding-left:16px;padding-right:16px;scroll-snap-type:x mandatory;scrollbar-width:none}.hero-features::-webkit-scrollbar{display:none}.hero-features li{flex-shrink:0;font-size:.9rem;padding:10px 16px;scroll-snap-align:start}.hero-trust{flex-direction:column;gap:12px}.landing-page section{padding:80px 20px}.landing-page section h2{font-size:1.6rem}.steps-grid,.steps-grid.steps-4,.steps-grid.steps-5,.steps-grid.steps-6{grid-template-columns:1fr;margin-left:auto;margin-right:auto;max-width:400px}.faq-grid,.features-grid{grid-template-columns:1fr}.stats-row{gap:32px}.stat-number{font-size:2.5rem}.main-features-grid{grid-template-columns:1fr}.workflow-steps{flex-direction:column;gap:20px}.workflow-arrow{transform:rotate(90deg)}.pricing-cards{grid-template-columns:1fr;max-width:380px}.pricing-card.popular{transform:none}.templates-section .templates-grid{grid-template-columns:1fr 1fr}.examples-grid{grid-template-columns:1fr}.results-grid{gap:40px}}@media (max-width:480px){.landing-hero{padding:60px 16px 50px}.hero-cta{flex-direction:column}.landing-page .btn-lg{font-size:1rem;padding:16px 28px;width:100%}.templates-section .templates-grid,.use-cases-grid{grid-template-columns:1fr}.pricing-cards{padding:0 4px}}
/*# sourceMappingURL=main.47675386.css.map*/