:root{--gradient-orange:#ff7b00;--gradient-blue:#00aaff;--primary-gradient:linear-gradient(90deg,#2563eb,var(--gradient-blue));--primary-gradient-hover:linear-gradient(90deg,#ff9d40,#55cdff);--major-header-bg:linear-gradient(135deg,rgba(37,99,235,0.16),rgba(0,170,255,0.08));--major-header-border:rgba(59,130,246,0.35);--major-header-glow:0 1px 0 rgba(255,255,255,0.06),inset 0 -1px 0 rgba(59,130,246,0.35);--major-header-pad-y:var(--spacing-md);--major-header-pad-x:var(--spacing-lg);--btn-primary:#2563eb;--btn-primary-hover:#1d4ed8;--btn-primary-light:#3b82f6;--btn-secondary:#6b7280;--btn-secondary-hover:#4b5563;--btn-secondary-light:#9ca3af;--btn-danger:#dc2626;--btn-danger-hover:#b91c1c;--btn-success:#16a34a;--btn-success-hover:#15803d;--app-bg:#0d0f1b;--glass-bg:rgba(26,28,48,0.5);--glass-bg-hover:rgba(40,43,73,0.6);--glass-border:rgba(255,255,255,0.18);--glass-blur:12px;--primary-text-color:#f0f2f5;--secondary-text-color:#d0dae8;--tertiary-text-color:#8b97ad;--error-color:#f87171;--success-color:#4ade80;--warning-color:#fbbf24;--focus-ring-color:#3b82f6;--info-color:#60a5fa;--border-radius:8px;--button-radius:8px;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(0,0,0,0.05);--shadow-sm:0 2px 4px rgba(0,0,0,0.1);--shadow-md:0 4px 12px rgba(0,0,0,0.15);--shadow-lg:0 8px 24px rgba(0,0,0,0.25);--shadow-xl:0 12px 40px rgba(0,0,0,0.35);--content-max-width:1600px;--content-padding:var(--spacing-xs);--spacing-section:8px;--spacing-xs:8px;--spacing-sm:16px;--spacing-md:24px;--spacing-lg:32px;--spacing-xl:40px;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.6;--transition-fast:150ms;--transition-base:250ms;--transition-smooth:350ms}h1,h2,h3,h4,h5,h6{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:700;line-height:1.2;letter-spacing:.02em;color:var(--primary-text-color);margin:0}h1{font-size:2.5rem;font-weight:800;letter-spacing:.01em}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.1rem}h5{font-size:1rem}h6{font-size:.875rem}.analyze-button,.auth-button,.back-button,.cancel-edit-button,.clear-button,.copy-button,.delete-button,.download-media-button,.edit-button,.export-button,.generate-button,.generate-video-button,.load-button,.modal-close-button,.modal-footer-button,.nav-button,.retry-button,.rte-button,.save-button,.save-edit-button,.saved-item-button,.social-button,.social-platform-button,.unified-tab,.visualize-button,button{border-radius:var(--button-radius);font-family:Inter,sans-serif;font-weight:500;cursor:pointer;transition:all var(--transition-base) cubic-bezier(.34,1.56,.64,1);border:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);line-height:var(--line-height-tight);position:relative;padding:10px 20px;font-size:var(--font-size-sm);min-height:var(--spacing-xl)}.loading[role=button],button.loading{color:transparent}.loading[role=button]:after,button.loading:after{content:"";position:absolute;width:1em;height:1em;border:2px solid rgba(255,255,255,.3);border-top-color:currentcolor;border-radius:50%;animation:spin .8s linear infinite}.generate-button,.output-action-btn.primary,.save-button{background:var(--btn-primary);color:#ffffff;font-weight:600;box-shadow:0 2px 8px rgba(37,99,235,.2)}.generate-button:hover:not(:disabled),.output-action-btn.primary:hover:not(:disabled),.save-button:hover:not(:disabled){background:var(--btn-primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(37,99,235,.35)}.generate-button:active:not(:disabled),.output-action-btn.primary:active:not(:disabled),.save-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px rgba(37,99,235,.2)}.analyze-button,.export-button,.output-action-btn:not(.primary):not(.clear){background:rgba(107,114,128,.1);color:var(--primary-text-color);border:1px solid var(--btn-secondary-light)}.analyze-button:hover:not(:disabled),.export-button:hover:not(:disabled),.output-action-btn:not(.primary):not(.clear):hover:not(:disabled){background:rgba(107,114,128,.15);border-color:var(--btn-secondary);transform:translateY(-2px);box-shadow:0 2px 8px rgba(0,0,0,.15)}.copy-button,.edit-button,.visualize-button{background:transparent;color:var(--secondary-text-color);border:none;padding:6px 10px;min-height:auto}.copy-button:hover:not(:disabled),.edit-button:hover:not(:disabled),.visualize-button:hover:not(:disabled){background:rgba(107,114,128,.1);color:var(--primary-text-color)}.clear-button,.delete-button,.output-action-btn.clear,.retry-button{background:rgba(220,38,38,.1);border:1px solid rgba(220,38,38,.3);color:var(--btn-danger)}.clear-button:hover:not(:disabled),.delete-button:hover:not(:disabled),.output-action-btn.clear:hover:not(:disabled),.retry-button:hover:not(:disabled){background:rgba(220,38,38,.15);border-color:var(--btn-danger);transform:translateY(-2px);box-shadow:0 2px 8px rgba(220,38,38,.2)}.analyze-button:disabled,.auth-button:disabled,.export-button:disabled,.generate-button:disabled,.nav-button:disabled,.output-action-btn:disabled,.retry-button:disabled,.save-button:disabled,.unified-tab:disabled,button:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}button:active:not(:disabled){transform:scale(.98)}html{background-color:var(--app-bg)}*{box-sizing:border-box;margin:0;padding:0}*,:after,:before{transition-property:transform,opacity,background-color,border-color,color,box-shadow;transition-duration:var(--transition-base);transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:3px solid var(--focus-ring-color);outline-offset:4px}[role=button]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus-ring-color);outline-offset:6px;border-radius:2px}@media (pointer:fine){:focus:not(:focus-visible){outline:none}}body{font-family:Inter,sans-serif;color:var(--primary-text-color);margin:0;font-size:var(--font-size-base);line-height:var(--line-height-normal);background-color:var(--app-bg);min-height:100vh;position:relative;overflow-x:hidden}body:before{background-color:var(--app-bg);background-image:radial-gradient(circle,rgba(255,255,255,.08) 1.5px,transparent 0),radial-gradient(circle,rgba(255,255,255,.06) 1px,transparent 0),radial-gradient(circle,rgba(255,255,255,.04) .5px,transparent 0),radial-gradient(circle,rgba(255,255,255,.03) .5px,transparent 0);background-size:120px 120px,80px 80px,40px 40px,60px 60px;background-position:0 0,20px 20px,10px 10px,35px 45px;animation:starfield-pulse 8s ease-in-out infinite}body:after,body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}body:after{background-image:radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 0),radial-gradient(circle,rgba(255,255,255,.04) .8px,transparent 0);background-size:100px 100px,70px 70px;background-position:50px 30px,15px 60px;animation:starfield-twinkle 6s ease-in-out infinite;animation-delay:1s}@keyframes starfield-pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes starfield-twinkle{0%,to{opacity:.8}25%{opacity:1}75%{opacity:.6}}@media (prefers-reduced-motion:reduce){body:after,body:before{animation:none!important;opacity:.9}}.text-output-container{background:rgba(13,15,27,.85);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);padding:var(--spacing-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px 3px rgba(0,0,0,.3);transition:all var(--transition-base) ease}.text-output-container:hover{background:rgba(13,15,27,.9);border-color:rgba(255,255,255,.12)}.text-output-container-compact{background:rgba(13,15,27,.7);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-sm);padding:var(--spacing-sm);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 1px 2px rgba(0,0,0,.2)}.text-output-container-highlight{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:var(--spacing-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-sm)}.app-wrapper{min-height:100vh;padding:var(--spacing-xs);background:transparent;position:relative;z-index:1}.app-container-wrapper{width:100%;max-width:var(--content-max-width);margin:0 auto;padding:0 var(--content-padding)}#root{width:100%;max-width:1400px;margin:0 auto}.app-container{gap:var(--spacing-sm);min-height:calc(100vh - 3rem);background:transparent;position:relative;z-index:1}.app-container,.header{display:flex;flex-direction:column}.header{gap:0;background:rgba(255,255,255,.03);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);box-shadow:0 2px 12px rgba(0,0,0,.1);overflow:hidden}.header-row-1{padding:14px var(--spacing-md)}.header-row-1,.header-row-2{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.header-row-2{padding:10px var(--spacing-md);border-top:1px solid rgba(255,255,255,.06);background:rgba(0,0,0,.15)}.header-nav-links{display:flex;align-items:center;gap:var(--spacing-xs)}.header-user-actions{display:flex;align-items:center;gap:12px}.stats-button{display:inline-flex;align-items:center;gap:var(--spacing-xs);height:34px;padding:0 14px;background:transparent;border:none;border-radius:var(--border-radius);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.stats-button:hover{background:rgba(255,255,255,.05);color:var(--text-primary)}.stats-button.active{background:rgba(99,102,241,.1);color:var(--accent-purple)}.nav-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);height:34px;padding:0 14px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--secondary-text-color);text-decoration:none;font-weight:500;font-size:var(--font-size-sm);line-height:var(--line-height-tight);transition:all var(--transition-base) ease;white-space:nowrap}.nav-link:hover{background:rgba(255,255,255,.08);color:rgba(255,255,255,.95)}.nav-link:active{transform:scale(.98)}.about-link{display:inline-flex!important;align-items:center!important;gap:var(--spacing-xs)!important;height:40px!important;padding:0 12px!important;background:transparent!important;border:none!important;border-radius:var(--radius-sm)!important;color:var(--secondary-text-color)!important;text-decoration:none!important;font-weight:500!important;font-size:var(--font-size-sm)!important;line-height:var(--line-height-tight)!important;transition:all var(--transition-base) ease!important;box-sizing:border-box!important;box-shadow:none!important}.about-link:hover{background:rgba(255,255,255,.06)!important;color:rgba(255,255,255,.95)!important;transform:none!important;box-shadow:none!important;border:none!important}.about-link:before{display:none!important}.about-link:active{transform:none!important;box-shadow:none!important}.header-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.25rem}.branding{gap:4px}.branding,.logo-container{display:flex;align-items:center}.logo-container{gap:var(--spacing-xs)}.logo-icon{width:2.4rem;height:2.4rem;object-fit:contain;filter:drop-shadow(0 3px 8px rgba(59,130,246,.4)) drop-shadow(0 0 16px rgba(96,165,250,.25));transition:all .4s cubic-bezier(.34,1.56,.64,1)}.logo-icon,.logo-link{border-radius:var(--radius-md)}.logo-link{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;outline:none;transition:transform .3s ease}.logo-link:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:4px}.logo-link:hover .logo-icon{transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 5px 12px rgba(59,130,246,.6)) drop-shadow(0 0 20px rgba(96,165,250,.4))}.logo-link:active .logo-icon{transform:scale(.95)}.branding h1{font-size:1.35rem;font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;margin:0;line-height:1}.branding p{color:var(--secondary-text-color);font-size:.55rem;margin:0;font-weight:400;font-style:italic;opacity:.85;white-space:nowrap;padding-left:.5rem;border-left:1px solid rgba(255,255,255,.2)}.unified-tab-bar{display:flex;gap:0;background:rgba(0,0,0,.3);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 1px 2px rgba(0,0,0,.3);flex-wrap:nowrap;width:-moz-fit-content;width:fit-content}.unified-tab{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);height:36px;padding:0 16px;border-right:1px solid var(--glass-border);border:1px solid var(--glass-border);border-right:1px solid rgba(255,255,255,.1);background:transparent;color:var(--secondary-text-color);margin:0;font-family:Inter,sans-serif;font-size:var(--font-size-sm);font-weight:500;line-height:var(--line-height-tight);cursor:pointer;transition:all var(--transition-base) ease;white-space:nowrap;position:relative;text-decoration:none;box-sizing:border-box;border-radius:var(--radius-sm)}.unified-tab:first-child{border-left:none;border-radius:8px 0 0 8px}.unified-tab:last-child{border-right:none;border-radius:0 8px 8px 0}.unified-tab .tab-icon{font-size:1.1rem;line-height:1;transition:transform var(--transition-base) ease}.unified-tab .tab-label{font-weight:500;transition:color var(--transition-base) ease}.unified-tab:hover:not(.active){color:var(--primary-text-color);background:rgba(100,116,139,.1)}.unified-tab.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#ffffff;font-weight:600;border-color:#2563eb;box-shadow:inset 0 2px 8px rgba(37,99,235,.3)}.unified-tab.active .tab-label{font-weight:600}.unified-tab.active .tab-icon{filter:none}.unified-tab .count-badge{background:rgba(100,116,139,.2);color:var(--primary-text-color);padding:.125rem .5rem;border-radius:4px;font-size:.7rem;font-weight:700;margin-left:.25rem;min-width:1.25rem;text-align:center;line-height:1.2;border:none}.unified-tab.active .count-badge{background:rgba(255,255,255,.2);background:rgba(255,255,255,.25);color:#ffffff;border-color:rgba(255,255,255,.3);box-shadow:0 1px 3px rgba(0,0,0,.2)}.header-actions{display:flex;flex-shrink:0}.auth-button,.header-actions{align-items:center;gap:var(--spacing-xs)}.auth-button{display:inline-flex;justify-content:center;height:40px;padding:0 16px;border-radius:var(--button-radius);font-family:Inter,sans-serif;font-size:var(--font-size-sm);font-weight:600;line-height:var(--line-height-tight);cursor:pointer;transition:all var(--transition-base) cubic-bezier(.34,1.56,.64,1);border:none;white-space:nowrap;box-sizing:border-box}.auth-button svg{width:16px;height:16px}.auth-button-signin.facebook-signin{background:#1877F2;color:#ffffff;box-shadow:0 2px 8px rgba(24,119,242,.2)}.auth-button-signin.facebook-signin:hover{background:#0C63D4;transform:translateY(-2px);box-shadow:0 4px 12px rgba(24,119,242,.3)}.auth-button-signin.facebook-signin:active{transform:translateY(0);box-shadow:0 2px 4px rgba(24,119,242,.15)}.auth-button-signin.facebook-signin.connected{background:linear-gradient(135deg,#10b981,#059669);color:#ffffff;box-shadow:0 0 0 2px rgba(16,185,129,.2),0 4px 16px rgba(16,185,129,.4);animation:pulse-glow 2s ease-in-out infinite}.auth-button-signin.facebook-signin.connected:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 0 0 3px rgba(16,185,129,.3),0 6px 20px rgba(16,185,129,.5)}.auth-button-signin.facebook-signin.connected:active{transform:translateY(0);box-shadow:0 0 0 2px rgba(16,185,129,.2),0 2px 8px rgba(16,185,129,.3)}.auth-button-signin.threads-signin{background:#000000;color:#ffffff;box-shadow:0 2px 8px rgba(0,0,0,.2)}.auth-button-signin.threads-signin:hover{background:#1a1a1a;transform:translateY(-2px);box-shadow:0 8px 32px 0 rgba(0,0,0,.3)}.auth-button-signin.threads-signin:active{transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,.15)}.auth-button-signin.threads-signin.connected{background:linear-gradient(135deg,#10b981,#059669);color:#ffffff;box-shadow:0 0 0 2px rgba(16,185,129,.2),0 4px 16px rgba(16,185,129,.4);animation:pulse-glow 2s ease-in-out infinite}.auth-button-signin.threads-signin.connected:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 0 0 3px rgba(16,185,129,.3),0 6px 20px rgba(16,185,129,.5)}.auth-button-signin.threads-signin.connected:active{transform:translateY(0);box-shadow:0 0 0 2px rgba(16,185,129,.2),0 2px 8px rgba(16,185,129,.3)}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 2px rgba(16,185,129,.2),0 4px 16px rgba(16,185,129,.4)}50%{box-shadow:0 0 0 3px rgba(16,185,129,.3),0 6px 24px rgba(16,185,129,.6)}}.auth-button-signout{background:rgba(107,114,128,.08);color:var(--primary-text-color);border:1px solid var(--btn-secondary-light)}.auth-button-signout:hover{background:rgba(107,114,128,.12);border-color:var(--btn-secondary);transform:translateY(-2px);background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.25)}.auth-signed-in,.auth-user-info{display:flex;align-items:center;gap:var(--spacing-xs)}.auth-avatar{width:32px;height:32px;border-radius:50%;background:var(--primary-gradient);color:#ffffff;display:flex;align-items:center;justify-content:center;font-weight:600}.auth-avatar,.auth-email{font-size:var(--font-size-sm)}.auth-email{color:var(--secondary-text-color)}.header-nav{align-items:center;padding:0;border:none}.header-nav,.nav-container{display:flex;gap:var(--spacing-xs)}.nav-container{justify-content:center}.nav-button{display:flex;align-items:center;gap:.25rem;padding:.875rem 1.5rem;background-color:transparent;color:var(--secondary-text-color);border-radius:var(--radius-sm);font-family:Inter,sans-serif;font-size:.95rem;font-weight:500;cursor:pointer;transition:all var(--transition-base) ease-in-out;position:relative;border:1px solid transparent;border-radius:9999px}.nav-button:hover{color:var(--primary-text-color);background-color:var(--glass-bg-hover);border-color:var(--glass-border);transform:translateY(-1px);border-radius:9999px}.nav-button.active{color:var(--primary-text-color);font-weight:600;background:var(--glass-bg-hover);border:1px solid transparent;background-image:linear-gradient(var(--glass-bg-hover),var(--glass-bg-hover)),var(--primary-gradient);background-origin:border-box;background-clip:padding-box,border-box;border-radius:9999px}.nav-button svg{width:20px;height:20px;transition:transform .25s ease;border-radius:9999px}.nav-button.active svg{transform:scale(1.1);border-radius:9999px}.saved-count-badge{position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;border:2px solid var(--app-bg)}.count-badge,.saved-count-badge{background:var(--primary-gradient);color:#ffffff;font-weight:600}.count-badge{padding:.125rem .5rem;border-radius:var(--radius-sm);font-size:var(--font-size-xs);margin-left:.25rem}.main-content{display:flex;flex-direction:column;gap:var(--spacing-xs);animation:fadeInUp .6s ease-out;background:transparent}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.empty-saved-page,.form-card,.output-card,.saved-list-container,.scheduled-list-container{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-sm);overflow:hidden;box-shadow:0 8px 32px 0 rgba(0,0,0,.2);transition:all var(--transition-smooth) ease}.form-card:hover,.output-card:hover{border-color:rgba(255,255,255,.25);box-shadow:0 12px 40px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.1);transform:translateY(-2px);transition:all var(--transition-base) cubic-bezier(.4,0,.2,1)}.input-form{gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group.featured{grid-column:1/-1;padding:var(--spacing-md);background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(0,170,255,.08));border:1px solid var(--glass-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-sm);transition:all var(--transition-base) ease}.form-group.featured:hover{border-color:rgba(37,99,235,.5);background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(0,170,255,.12));box-shadow:0 4px 16px rgba(37,99,235,.15)}.form-group.featured .input-label{font-size:var(--font-size-base);font-weight:700;color:var(--primary-text-color);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.form-group.featured .select-field{font-size:1.05rem;font-weight:600;padding:var(--spacing-md) var(--spacing-md);background:rgba(255,255,255,.08);border:1px solid var(--glass-border)}.form-group.featured .select-field:focus{border-color:var(--focus-ring-color);box-shadow:0 0 0 3px rgba(59,130,246,.15)}.form-with-analysis{display:block;width:100%}.form-column,.input-form{width:100%;display:flex;flex-direction:column;margin:0;padding:0}.input-form{gap:.75rem}.analysis-column{display:none}.analysis-inline-section{background:rgba(37,99,235,.03);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:var(--spacing-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;margin:0;box-sizing:border-box;flex:1 1}.analysis-inline-header{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--glass-border);margin-top:0}.analysis-inline-header span{font-size:var(--font-size-xl)}.analysis-inline-header h3{font-size:var(--font-size-base);font-weight:600;color:var(--primary-text-color);margin:0}.analysis-inline-content{display:flex;flex-direction:column;gap:.75rem;flex:1 1;justify-content:flex-start}.analysis-inline-item h4{font-size:var(--font-size-xs);font-weight:600;color:var(--secondary-text-color);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.analysis-content{color:var(--primary-text-color);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);background:rgba(13,15,27,.85);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);padding:var(--spacing-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px 3px rgba(0,0,0,.3);transition:all var(--transition-base) ease}.analysis-content:hover{background:rgba(13,15,27,.9);border-color:rgba(255,255,255,.12)}.trend-score-display{position:relative;width:100%;height:44px;min-height:44px;background:rgba(255,255,255,.05);border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 6px rgba(0,0,0,.45)}.trend-score-fill{position:absolute;top:0;left:0;height:100%;background:var(--primary-gradient);border-radius:inherit;transition:width .8s cubic-bezier(.4,0,.2,1);z-index:1;box-shadow:0 0 16px rgba(37,99,235,.25)}.trend-score-display:after{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.04) 45%,rgba(0,0,0,.08));pointer-events:none;z-index:2;opacity:.55}.trend-score-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.15rem;font-weight:800;color:var(--primary-text-color);z-index:3;text-shadow:0 2px 8px rgba(0,0,0,.75);pointer-events:none}.label-with-action{display:flex;justify-content:space-between;align-items:center;gap:.25rem;flex-wrap:wrap}.input-label{font-size:var(--font-size-sm);font-weight:600;color:var(--primary-text-color);line-height:var(--line-height-tight);margin-bottom:0}.tooltip-wrapper{display:flex;gap:var(--spacing-xs)}.tooltip-icon,.tooltip-wrapper{position:relative;align-items:center}.tooltip-icon{display:inline-flex;justify-content:center;width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.1);color:var(--secondary-text-color);font-size:var(--font-size-xs);font-weight:600;cursor:help;transition:all var(--transition-base) ease}.tooltip-icon:hover{background:rgba(255,255,255,.15);color:var(--primary-text-color)}.tooltip-content{position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-8px);background:rgba(13,15,27,.95);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:.5rem .75rem;font-size:.8rem;font-weight:400;color:var(--primary-text-color);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tooltip-icon:focus .tooltip-content,.tooltip-icon:hover .tooltip-content{opacity:1}.analyze-button{background:linear-gradient(135deg,rgba(37,99,235,.1),rgba(0,170,255,.1));border:2px solid transparent;background-image:linear-gradient(var(--glass-bg),var(--glass-bg)),linear-gradient(135deg,#2563eb,var(--gradient-blue));background-origin:border-box;background-clip:padding-box,border-box;color:var(--primary-text-color);padding:12px 20px;border-radius:9999px;cursor:pointer;font-size:var(--font-size-sm);font-family:Inter,sans-serif;font-weight:600;line-height:var(--line-height-tight);white-space:nowrap;transition:all var(--transition-base) ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.analyze-button:hover:not(:disabled){background-image:var(--primary-gradient);background-clip:border-box;color:#ffffff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(37,99,235,.3)}.analyze-button:disabled{opacity:.4;cursor:not-allowed;transform:none}.input-field,.select-field{width:100%;padding:1rem 1.25rem;font-size:var(--font-size-base);font-family:Inter,sans-serif;line-height:var(--line-height-normal);background-color:rgba(13,15,27,.8);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--primary-text-color);transition:all var(--transition-base) ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-height:48px;display:flex;align-items:center}.input-field:hover,.select-field:hover{border-color:rgba(255,255,255,.3);background-color:rgba(13,15,27,.9)}.select-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23c5d0e0' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.25em;padding-right:2.75rem;cursor:pointer}.select-field:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%233b82f6' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E")}.select-field option{background:#f0f2f5;color:#1a202c}.input-field::placeholder{color:#718096}.input-field:focus,.select-field:focus{outline:none;border-color:var(--focus-ring-color);box-shadow:0 0 0 3px rgba(59,130,246,.15);background-color:rgba(13,15,27,.95)}.textarea-field{width:100%;padding:var(--spacing-sm);font-size:var(--font-size-base);font-family:Inter,sans-serif;line-height:var(--line-height-relaxed);background-color:rgba(13,15,27,.8);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--primary-text-color);transition:all var(--transition-base) ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);resize:vertical;min-height:120px;max-height:200px}.textarea-field:hover{border-color:rgba(255,255,255,.3);background-color:rgba(13,15,27,.9)}.textarea-field::placeholder{color:#718096}.textarea-field:focus{outline:none;border-color:var(--focus-ring-color);box-shadow:0 0 0 3px rgba(59,130,246,.15);background-color:rgba(13,15,27,.95)}.input-field.success,.textarea-field.success{border-color:var(--success-color);background:rgba(74,222,128,.05)}.input-field.success:focus,.textarea-field.success:focus{border-color:var(--success-color);box-shadow:0 0 0 3px rgba(74,222,128,.15)}.input-field.error,.textarea-field.error{border-color:var(--error-color);background:rgba(248,113,113,.05)}.input-field.error:focus,.textarea-field.error:focus{border-color:var(--error-color);box-shadow:0 0 0 3px rgba(248,113,113,.15)}.input-field.warning,.textarea-field.warning{border-color:var(--warning-color);background:rgba(251,191,36,.05)}.input-field.warning:focus,.textarea-field.warning:focus{border-color:var(--warning-color);box-shadow:0 0 0 3px rgba(251,191,36,.15)}.product-input-section{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-sm);background:rgba(37,99,235,.03);border:1px solid var(--glass-border);border-radius:var(--radius-sm);margin:0;box-sizing:border-box}.input-section-group{padding:var(--spacing-sm);margin-bottom:1rem}.input-section-group-header{margin-bottom:1rem}.input-section-group-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;margin:0 0 .5rem;line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,.3)}.input-section-group-description{font-size:.8rem;margin:0}.form-grid-2col{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-sm);gap:var(--spacing-sm);align-items:start}.form-grid-2col .form-group{margin-bottom:0}.left-col-stack{display:flex;flex-direction:column;gap:var(--spacing-sm)}.left-col-stack .form-group{margin-bottom:0}.compact-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));grid-gap:var(--spacing-xs);gap:var(--spacing-xs);margin-bottom:.75rem}.compact-tile{width:80px;height:80px}.compact-tile .image-preview{width:100%;height:100%;object-fit:cover}.url-input-inline{height:80px;border:2px dashed rgba(255,255,255,.2);border-radius:var(--radius-sm);background:rgba(255,255,255,.02);color:var(--secondary-text-color);font-size:var(--font-size-xs);padding:var(--spacing-xs);text-align:center;width:100%}.url-input-inline:focus{outline:none;border-color:var(--focus-ring-color);background:rgba(255,255,255,.03)}.compact-textarea{min-height:60px!important;resize:vertical}.collapsible-section{margin-bottom:1.5rem}.collapsible-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:rgba(255,255,255,.03);border:1px solid var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base) ease}.collapsible-header:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.15)}.collapsible-header-content{display:flex;align-items:center;gap:var(--spacing-xs)}.collapsible-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.95rem;font-weight:700;color:var(--primary-text-color);margin:0;line-height:1.2;letter-spacing:.02em}.collapsible-subtitle{font-size:var(--font-size-xs);color:var(--secondary-text-color);margin:0}.collapsible-icon{width:20px;height:20px;transition:transform .2s ease;color:var(--secondary-text-color)}.collapsible-icon.open{transform:rotate(180deg)}.collapsible-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.collapsible-content.open{max-height:1000px;padding-top:1rem}.collapsible-content-inner{padding:var(--spacing-sm);background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);margin-top:.5rem}.description-group.compact textarea{min-height:60px;transition:min-height .2s ease}.description-group.compact textarea:focus{min-height:120px}.input-section-group{padding:var(--spacing-md);background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);margin-bottom:1.5rem}.input-section-group:last-child{margin-bottom:0}.input-section-group-header{margin-bottom:1.25rem;padding:.875rem 1rem;background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(59,130,246,.08));border-left:4px solid #3b82f6;border-bottom:1px solid rgba(59,130,246,.2);border-radius:var(--radius-sm)}.input-section-group-title{font-size:1.1rem;font-weight:700;color:var(--primary-text-color);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.08em}.input-section-group-description{font-size:.85rem;color:var(--secondary-text-color);line-height:1.4}.image-upload-container{width:100%;display:flex;flex-direction:column;gap:.75rem}.image-upload-layout{display:flex;gap:var(--spacing-sm);width:100%}.image-preview-sidebar{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--spacing-xs);gap:var(--spacing-xs);flex-shrink:0;width:180px}.image-preview-item-small{position:relative;aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--glass-border);transition:all var(--transition-smooth) ease;width:100%;cursor:pointer}.image-preview-item-small:hover{border-color:var(--focus-ring-color);box-shadow:0 2px 8px rgba(37,99,235,.2)}.image-preview-item-small .image-preview{width:100%;height:100%;object-fit:cover}.image-preview-item-small.placeholder{background:rgba(13,15,27,.5);border:2px dashed var(--glass-border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;cursor:pointer;transition:all var(--transition-smooth) ease}.image-preview-item-small.placeholder:hover{border-color:var(--focus-ring-color);background:rgba(37,99,235,.05)}.image-preview-item-small .placeholder-plus{font-size:1.5rem;color:var(--text-secondary)}.image-preview-item-small .placeholder-label{font-size:var(--font-size-xs);color:var(--text-secondary)}.image-upload-main{flex:1 1;min-width:0}.image-drop-zone.compact{min-height:200px;height:100%}.image-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));grid-gap:.75rem;gap:.75rem}.image-preview-grid.grid-2col{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);max-width:100%}.image-preview-item{position:relative;aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--glass-border);transition:all var(--transition-smooth) ease}.image-preview-item:hover{border-color:var(--focus-ring-color);box-shadow:0 4px 12px rgba(37,99,235,.2)}.image-preview-item .image-preview{width:100%;height:100%;object-fit:cover}.primary-badge{position:absolute;top:4px;left:4px;background:linear-gradient(135deg,#2563eb 0,var(--gradient-blue) 100%);color:white;padding:4px 8px;border-radius:4px;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px rgba(0,0,0,.3);z-index:1}.primary-badge.compact{padding:2px 6px;font-size:.55rem}.image-upload-label{display:block;width:100%;cursor:pointer}.upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-element);padding:var(--spacing-md);border:2px dashed var(--glass-border);border-radius:var(--radius-sm);background:rgba(13,15,27,.5);transition:all var(--transition-smooth) ease;min-height:100px}.upload-placeholder:hover{border-color:var(--focus-ring-color);background:rgba(37,99,235,.05);transform:scale(1.01);box-shadow:0 4px 12px rgba(37,99,235,.1)}.upload-placeholder svg{color:var(--secondary-text-color)}.upload-text{font-size:var(--font-size-base);font-weight:600;color:var(--primary-text-color)}.upload-hint{font-size:var(--font-size-sm);color:var(--secondary-text-color);text-align:center}.image-drop-zone{width:100%;transition:all var(--transition-smooth) ease}.image-drop-zone.subtle{border:1px dashed rgba(255,255,255,.12);background:radial-gradient(circle at top,rgba(255,255,255,.02),rgba(0,0,0,.4));padding:.5rem .75rem}.image-drop-zone.subtle .upload-placeholder{min-height:80px;padding:.75rem}.image-drop-zone.subtle .upload-text{font-size:var(--font-size-xs)}.image-drop-zone.subtle .upload-hint{font-size:.65rem}.image-drop-zone.dragging .upload-placeholder{border-color:var(--gradient-blue);background:rgba(0,170,255,.1);border-style:solid}.image-drop-zone.dragging .upload-text{color:var(--gradient-blue)}.image-url-input-container{margin-top:.5rem;width:100%;display:flex;align-items:center;gap:var(--spacing-xs)}.divider{color:var(--secondary-text-color);font-size:var(--font-size-xs);text-transform:lowercase;white-space:nowrap;padding-right:.5rem}.divider:after,.divider:before{display:none}.divider span{padding:0}.url-input-group{display:flex;gap:var(--spacing-xs);align-items:center;flex:1 1}.url-input-field{flex:1 1;padding:.75rem 1rem;font-size:.9rem;font-family:Inter,sans-serif;background-color:rgba(13,15,27,.8);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--primary-text-color);transition:all var(--transition-smooth) ease;outline:none}.url-input-field:focus{border-color:var(--gradient-blue);background-color:rgba(13,15,27,.95);box-shadow:0 0 0 3px rgba(0,170,255,.1)}.url-input-field::placeholder{color:var(--secondary-text-color)}.url-add-button{padding:.75rem 1.5rem;background:var(--primary-gradient);border:none;border-radius:var(--radius-sm);color:white;font-weight:600;font-size:.9rem;cursor:pointer;transition:all var(--transition-smooth) ease;white-space:nowrap}.url-add-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(37,99,235,.3)}.url-add-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.section-header{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}.section-header.compact{gap:.15rem}.section-eyebrow{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.16em;color:var(--secondary-text-color)}.section-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--font-size-xl);font-weight:700;color:var(--primary-text-color);margin:0;line-height:1.2;letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.3)}.input-label-caption,.section-subtitle{font-size:.8rem;color:var(--secondary-text-color)}.input-label-caption{font-weight:400}.description-group{margin-top:.75rem}.enhanced-textarea{min-height:120px;border-radius:14px;border-width:1px;border-color:rgba(255,255,255,.16);background:radial-gradient(circle at top left,rgba(255,255,255,.04),rgba(0,0,0,.7))}.section-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);margin:1rem 0 .5rem}.shopee-section{padding-top:.25rem}.input-with-button.inline-button{display:flex;gap:.75rem}.input-with-button.inline-button .input-field{flex:1 1}.remove-image-button{position:absolute;top:4px;right:4px;width:auto;height:auto;padding:4px;border-radius:6px;background:transparent;border:none;color:#ef4444;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-smooth) ease;opacity:1;z-index:10}.remove-image-button:hover{background:rgba(15,23,42,.6);color:#fca5a5;opacity:1}.remove-image-icon{font-size:14px;line-height:1;font-weight:800;pointer-events:none}.or-divider{display:flex;align-items:center;text-align:center;margin:var(--spacing-content) 0;position:relative}.or-divider:after,.or-divider:before{content:"";flex:1 1;border-bottom:1px solid var(--glass-border)}.or-divider span{padding:0 var(--spacing-content);color:var(--secondary-text-color);font-size:var(--font-size-sm);font-weight:600;background:var(--glass-bg)}.preview-grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:1.75rem;gap:1.75rem;align-items:start}.preview-section{display:flex;flex-direction:column;gap:.25rem}.preview-section:first-child{grid-row:1/3}.preview-section h5{font-size:.8rem;font-weight:600;color:var(--secondary-text-color);text-transform:uppercase;letter-spacing:.5px}.preview-section p{color:var(--primary-text-color);line-height:var(--line-height-relaxed);font-size:var(--font-size-base)}.features-list,.preview-section p{background:rgba(13,15,27,.85);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);padding:var(--spacing-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px 3px rgba(0,0,0,.3);margin:var(--spacing-xs) 0}.features-list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-xs)}.features-list li{position:relative;padding-left:1.5rem;color:var(--primary-text-color);line-height:var(--line-height-normal);font-size:var(--font-size-base)}.features-list li:before{content:"✓";position:absolute;left:0;top:2px;color:var(--success-color);font-weight:700}.potential-badge{display:inline-block;padding:.3rem .8rem;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;text-align:center;width:-moz-fit-content;width:fit-content}.potential-badge.potential-low{background-color:rgba(229,62,62,.15);color:var(--error-color)}.potential-badge.potential-medium{background-color:rgba(237,137,54,.15);color:var(--gradient-blue)}.potential-badge.potential-high{background-color:rgba(72,187,120,.15);color:var(--success-color)}.advanced-options-fieldset{border:none;padding:0;margin:0;position:relative;transition:opacity .3s}.advanced-options-fieldset:disabled .advanced-options-grid{opacity:.4;pointer-events:none}.advanced-options-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.75rem;gap:.75rem;margin-top:0}.form-group.full-width{grid-column:1/-1}.form-group.subtitle{grid-column:1/-1;text-align:left;padding:.5rem 0 1rem;border-top:1px solid var(--glass-border);margin-top:1rem;background:linear-gradient(90deg,rgba(37,99,235,.05),rgba(0,170,255,.05));border-radius:var(--radius-sm);padding:var(--spacing-xs);border:1px solid var(--glass-border)}.form-group.subtitle h4{color:var(--primary-text-color);font-size:var(--font-size-base);font-weight:600;margin-bottom:.5rem}.form-group.subtitle p{font-size:var(--font-size-sm);color:var(--secondary-text-color);line-height:1.5}.trendscore-bar{position:relative;height:2.25rem;background-color:rgba(0,0,0,.2);border-radius:var(--radius-sm);overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid var(--glass-border)}.trendscore-bar-fill{position:absolute;top:0;left:0;height:100%;background:var(--primary-gradient);border-radius:var(--radius-sm);transition:width .5s ease-in-out}.trendscore-label{position:relative;z-index:1;color:#ffffff;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.4)}.generate-button{padding:16px 32px;font-size:var(--font-size-lg);font-weight:600;font-family:Inter,sans-serif;line-height:var(--line-height-tight);border:none;border-radius:9999px;background:#2563eb;color:#ffffff;cursor:pointer;width:100%;transition:all var(--transition-base) ease;box-shadow:0 4px 16px rgba(37,99,235,.25)}.generate-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.generate-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(37,99,235,.35);background:#ff9d40}.generate-button:hover:not(:disabled):before{left:100%}.generate-button:active:not(:disabled){transform:scale(.98)}.generate-button:disabled{opacity:.4;transform:none}.loading-indicator{justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl);color:var(--secondary-text-color)}.loading-indicator,.loading-progress{display:flex;flex-direction:column;align-items:center}.loading-progress{gap:var(--spacing-sm);text-align:center}.loading-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--font-size-lg);font-weight:700;line-height:1.2;color:var(--primary-text-color);margin:0;letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.3)}.loading-subtitle{margin:0}.loading-steps,.loading-subtitle{font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--secondary-text-color)}.loading-steps{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.loading-steps .step{animation:pulse 2s ease-in-out infinite}.loading-steps .step:first-child{animation-delay:0s}.loading-steps .step:nth-child(2){animation-delay:.5s}.loading-steps .step:nth-child(3){animation-delay:1s}.loading-steps .step:nth-child(4){animation-delay:1.5s}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.loading-indicator-full-page{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-sm);min-height:calc(100vh - 4rem);color:var(--secondary-text-color)}.spinner{border:4px solid var(--glass-bg-hover);border-top:1px solid var(--glass-border)}.image-spinner,.video-spinner{width:24px;height:24px}.posting-spinner{display:inline-block;width:16px;height:16px;margin-right:8px;border:2px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin .6s linear infinite}.error-message{background:rgba(229,62,62,.1);border:2px solid var(--error-color);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 32px 0 rgba(229,62,62,.2)}.error-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md)}.error-text{color:var(--error-color);text-align:center;line-height:var(--line-height-relaxed);font-weight:500;font-size:var(--font-size-base)}.retry-button{background:var(--error-color);padding:12px 24px;border-radius:9999px;font-family:Inter,sans-serif;font-size:var(--font-size-sm);line-height:var(--line-height-tight);transition:all var(--transition-base) ease;box-shadow:0 2px 8px rgba(248,113,113,.3)}.retry-button:hover:not(:disabled){background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px rgba(248,113,113,.4)}.retry-button:disabled{opacity:.4;cursor:not-allowed;transform:none}.output-actions-section-top{justify-content:space-between;background:var(--major-header-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);box-shadow:var(--major-header-glow);margin-bottom:var(--spacing-xs);flex-wrap:wrap}.output-actions-left,.output-actions-section-top{display:flex;align-items:center;gap:var(--spacing-md)}.output-actions-left{flex:1 1;min-width:0}.output-title{display:flex;align-items:center;gap:var(--spacing-xs);font-size:1.2rem;font-weight:700;line-height:var(--line-height-tight);color:var(--primary-text-color);white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.45);letter-spacing:.02em}.pill-icon svg{display:block}.output-tab-selector{display:flex;background:rgba(0,0,0,.3);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:0;gap:0;margin-left:var(--spacing-md)}.output-tab-btn{padding:6px 14px;border-right:1px solid var(--glass-border);border:1px solid var(--glass-border);border-right:1px solid rgba(255,255,255,.1);background:transparent;color:var(--secondary-text-color);border-radius:var(--radius-sm);font-family:Inter,sans-serif;font-size:var(--font-size-sm);font-weight:500;line-height:var(--line-height-tight);cursor:pointer;transition:all var(--transition-base) ease;white-space:nowrap;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);margin:0}.output-tab-btn:first-child{border-radius:8px 0 0 8px;border-left:none}.output-tab-btn:last-child{border-radius:0 8px 8px 0;border-right:none}.output-tab-btn:hover:not(:disabled){color:var(--primary-text-color);background:rgba(100,116,139,.1)}.output-tab-btn.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#ffffff;font-weight:600;box-shadow:inset 0 2px 8px rgba(37,99,235,.3);border-color:#2563eb}.output-tab-btn.active:hover:not(:disabled){background:var(--btn-primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(37,99,235,.3)}.output-tab-btn:disabled{opacity:.4;cursor:not-allowed}.output-actions-group{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.output-action-btn{padding:10px 20px;border:none;background:#64748b;color:#ffffff;border-radius:var(--button-radius);font-family:Inter,sans-serif;font-size:var(--font-size-sm);font-weight:600;line-height:var(--line-height-tight);cursor:pointer;transition:all var(--transition-base) cubic-bezier(.34,1.56,.64,1);white-space:nowrap;min-height:var(--spacing-xl);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);box-shadow:0 2px 6px rgba(100,116,139,.15)}.output-action-btn:hover:not(:disabled){background:#475569;transform:translateY(-2px);box-shadow:0 4px 12px rgba(100,116,139,.25)}.output-action-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px rgba(100,116,139,.15)}.output-action-btn.primary{color:#ffffff;box-shadow:0 4px 20px rgba(59,130,246,.4),0 0 30px rgba(139,92,246,.2),inset 0 1px 0 rgba(255,255,255,.2);font-weight:700;letter-spacing:.02em;position:relative;z-index:1;border:1px solid rgba(255,255,255,.15);text-shadow:0 1px 2px rgba(0,0,0,.2)}.output-action-btn.primary,.output-action-btn.primary:before{background:linear-gradient(135deg,#3b82f6,#8b5cf6 50%,#06b6d4);background-size:200% 200%;animation:gradientShift 3s ease infinite}.output-action-btn.primary:before{content:"";position:absolute;inset:-2px;border-radius:inherit;z-index:-1;opacity:.5;filter:blur(8px)}.output-action-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#7c3aed 50%,#0891b2);background-size:200% 200%;transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px rgba(59,130,246,.5),0 0 40px rgba(139,92,246,.35),inset 0 1px 0 rgba(255,255,255,.25);letter-spacing:.025em}.output-action-btn.primary:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:0 2px 10px rgba(59,130,246,.3),0 0 20px rgba(139,92,246,.15)}.output-action-btn.clear{background:#ef4444;color:#ffffff;box-shadow:0 2px 6px rgba(239,68,68,.15)}.output-action-btn.clear:hover:not(:disabled){background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px rgba(239,68,68,.25)}.output-action-btn.clear:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px rgba(239,68,68,.15)}.output-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.output-action-btn.loading{opacity:.7;cursor:wait}.output-action-btn.success{background:#16a34a;color:#ffffff;box-shadow:0 2px 6px rgba(22,163,74,.15)}.output-action-btn.success:hover:not(:disabled){background:#15803d;transform:translateY(-2px);box-shadow:0 4px 12px rgba(22,163,74,.25)}.output-action-btn.error{background:#ef4444;color:#ffffff;box-shadow:0 2px 6px rgba(239,68,68,.15)}.output-action-btn.error:hover:not(:disabled){background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px rgba(239,68,68,.25)}.output-action-btn.facebook-btn{background:#1877F2;color:#ffffff;font-weight:600;display:inline-flex;align-items:center;gap:var(--spacing-xs);box-shadow:0 2px 8px rgba(24,119,242,.2)}.output-action-btn.facebook-btn:hover:not(:disabled){background:#0C63D4;transform:translateY(-2px);box-shadow:0 4px 12px rgba(24,119,242,.3)}.output-action-btn.facebook-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px rgba(24,119,242,.15)}.output-action-btn.threads-btn{background:#000000;color:#ffffff;font-weight:600;display:inline-flex;align-items:center;gap:var(--spacing-xs);box-shadow:0 2px 8px rgba(0,0,0,.2)}.output-action-btn.threads-btn:hover:not(:disabled){background:#1a1a1a;transform:translateY(-2px);box-shadow:0 8px 32px 0 rgba(0,0,0,.3)}.output-action-btn.threads-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,.15)}.output-controls{justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.25rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));padding:.5rem 2rem;box-shadow:0 8px 32px 0 rgba(0,0,0,.2)}.output-controls,.segmented-control{display:flex;border:1px solid var(--glass-border);border-radius:var(--radius-sm)}.segmented-control{background:rgba(0,0,0,.3);padding:6px;width:100%;max-width:420px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.segmented-control button{flex:1 1;padding:.875rem 1.25rem;border:none;background-color:transparent;color:var(--secondary-text-color);border-radius:var(--radius-sm);font-family:Inter,sans-serif;font-size:.95rem;font-weight:500;cursor:pointer;transition:all var(--transition-smooth) ease-in-out;position:relative;border-radius:9999px}.segmented-control button.active{background-image:var(--primary-gradient);color:#ffffff;font-weight:600;box-shadow:0 4px 12px rgba(37,99,235,.3);transform:scale(1.02);border-radius:9999px}.export-actions{display:flex;gap:.25rem;flex-wrap:wrap}.export-button{background-color:rgba(0,0,0,.3);border:1px solid var(--glass-border);color:var(--secondary-text-color);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;font-weight:500;font-family:Inter,sans-serif;transition:all var(--transition-smooth) ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;border-radius:9999px}.export-button:hover{color:var(--primary-text-color);border-color:var(--primary-text-color);background-color:rgba(255,255,255,.1);transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.3);border-radius:9999px}.save-button{position:relative;border:1px solid transparent;background-image:linear-gradient(var(--glass-bg),var(--glass-bg)),var(--primary-gradient);background-origin:border-box;background-clip:padding-box,border-box;color:var(--primary-text-color);border-radius:9999px}.save-button:hover{background-clip:border-box;border-radius:9999px}.save-button:hover,.social-button{background-image:var(--primary-gradient);color:#ffffff}.social-button{border:1px solid transparent;font-weight:500;border-radius:9999px}.social-button:hover{background-image:var(--primary-gradient-hover);border-color:transparent;color:#ffffff;border-radius:9999px}.clear-button{color:var(--error-color)}.clear-button,.clear-button:hover{border-color:var(--error-color);border-radius:9999px}.clear-button:hover{background-color:var(--error-color);color:#ffffff}.output-container{display:flex;flex-direction:column;gap:var(--spacing-section)}.info-placeholder{text-align:center;padding:4rem 2rem;background:rgba(37,99,235,.03);border:2px dashed rgba(37,99,235,.2);border-radius:var(--radius-sm);color:var(--secondary-text-color)}.info-placeholder-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.info-placeholder h3{font-size:1.5rem;color:var(--primary-text-color);margin-bottom:.5rem}.info-placeholder p{font-size:var(--font-size-base);color:var(--secondary-text-color);margin:0}.three-column-row{display:grid;grid-gap:var(--spacing-section);gap:var(--spacing-section);grid-template-columns:repeat(3,1fr);align-items:stretch}.info-grid-layout{display:grid;grid-template-columns:1fr 1fr;grid-gap:calc(var(--spacing-sm) / 2);gap:calc(var(--spacing-sm) / 2);width:100%}@media (max-width:768px){.info-grid-layout{grid-template-columns:1fr}}.output-card{display:flex;flex-direction:column;position:relative;overflow:hidden}.output-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary-gradient);opacity:0;transition:opacity .3s ease}.output-card:hover:before{opacity:1}.card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:rgba(255,255,255,.02);border-bottom:1px solid var(--glass-border);position:relative;min-height:56px;flex-shrink:0}.card-header:before{content:"";position:absolute;left:0;top:.75rem;bottom:.75rem;width:4px;border-radius:var(--radius-sm);background:linear-gradient(180deg,#2563eb,var(--gradient-blue));opacity:.9}.card-header h3{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:700;color:var(--primary-text-color);display:flex;align-items:center;gap:var(--spacing-xs);letter-spacing:.02em;text-shadow:0 2px 4px rgba(0,0,0,.5);margin:0;line-height:1.2}.card-header h3 .emoji,.card-header h3 svg{display:inline-block;width:20px;height:20px;flex-shrink:0}.card-content{padding:var(--spacing-md);flex-grow:1;flex-direction:column}.body-card-with-image{display:grid;grid-template-columns:280px 1fr;grid-gap:0;gap:0;flex-grow:1;min-height:300px}.body-image-section{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);border-right:1px solid var(--glass-border);background:rgba(255,255,255,.01)}.body-image-section .image-result-container{position:relative;width:100%;max-width:240px}.body-image-section .generated-image{width:100%;height:auto;border-radius:var(--radius-sm);display:block}.body-image-section .image-overlay-actions{position:absolute;bottom:8px;left:8px;right:8px;display:flex;gap:var(--spacing-xs);opacity:0;transition:opacity .2s}.body-image-section .image-result-container:hover .image-overlay-actions{opacity:1}.body-image-section .image-action-link{flex:1 1;padding:var(--spacing-xs);background:rgba(0,0,0,.8);color:white;text-align:center;border-radius:4px;font-size:var(--font-size-xs);text-decoration:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.body-image-section .image-action-link:hover{background:rgba(37,99,235,.9)}.body-image-section .image-placeholder{justify-content:center;color:var(--secondary-text-color);opacity:.3}.body-image-section .image-loading-indicator,.body-image-section .image-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.body-card-content{display:grid;grid-template-columns:2fr 1fr;grid-gap:0;gap:0;flex-grow:1;min-height:300px}.standard-section-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-section);gap:var(--spacing-section);align-items:stretch}.body-subsection{display:flex;flex-direction:column;border-right:1px solid var(--glass-border)}.body-subsection:last-child{border-right:none}@media (max-width:968px){.body-card-content{grid-template-columns:1fr}.body-subsection{border-right:none;border-bottom:1px solid var(--glass-border)}.body-subsection:last-child{border-bottom:none}}@media (max-width:768px){.body-card-with-image{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:0}.body-image-section{border-right:none;border-bottom:1px solid var(--glass-border);padding:var(--spacing-md);min-height:200px}.body-card-content{width:100%}}.subsection-header{padding:.75rem 1rem;background:rgba(255,255,255,.015);border-bottom:1px solid rgba(255,255,255,.05)}.subsection-header h4{font-size:.8rem;font-weight:600;color:var(--secondary-text-color);margin:0;text-transform:uppercase;letter-spacing:.05em}.subsection-content{padding:var(--spacing-sm);flex-grow:1;display:flex;flex-direction:column;min-height:0;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;background:rgba(13,15,27,.4)}.subsection-content::-webkit-scrollbar{display:none}.accordion-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--spacing-md) var(--spacing-lg);min-height:72px;background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(59,130,246,.05));border:none;border-bottom:1px solid rgba(59,130,246,.15);color:var(--primary-text-color);font-family:Inter,sans-serif;text-align:left;cursor:pointer;transition:background-color .3s ease}.accordion-header:hover{background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(59,130,246,.08))}.accordion-header h3{font-size:1.1rem;font-weight:700;min-width:0}.accordion-header h3,.input-title,.output-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;flex:1 1;margin:0;line-height:1.2;letter-spacing:.02em}.input-title,.output-title{display:flex;align-items:center;gap:.625rem;font-size:1.25rem;color:var(--primary-text-color);text-shadow:0 2px 4px rgba(0,0,0,.5)}.pill-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.pill-text{font-size:1.25rem;font-weight:700;letter-spacing:.02em;color:var(--primary-text-color)}.option-selector{display:flex;gap:var(--spacing-element);background:rgba(0,0,0,.2);padding:var(--spacing-element);border-radius:var(--radius-sm);border:1px solid var(--glass-border)}.card-header-actions{display:flex;align-items:center;gap:.75rem}.refresh-button{width:32px;height:32px;border-radius:50%;border:1px solid var(--glass-border);background-color:transparent;color:var(--secondary-text-color);cursor:pointer;transition:all var(--transition-smooth) ease;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:0}.refresh-button:hover:not(:disabled){border-color:var(--focus-ring-color);color:var(--gradient-blue);transform:rotate(180deg) scale(1.1);background-color:rgba(37,99,235,.1)}.refresh-button:active:not(:disabled){transform:rotate(1turn) scale(.95)}.refresh-button:disabled{opacity:.3;cursor:not-allowed}.refresh-button svg{width:16px;height:16px}.option-number{width:32px;height:32px;border-radius:50%;border:1px solid var(--glass-border);background-color:transparent;color:var(--secondary-text-color);cursor:pointer;font-weight:600;transition:all var(--transition-smooth) ease;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.option-number:hover{border-color:var(--primary-text-color);color:var(--primary-text-color);transform:scale(1.1);background-color:rgba(255,255,255,.05)}.option-number.active{background-image:var(--primary-gradient);color:white;font-weight:700;border-color:transparent;transform:scale(1.05);box-shadow:0 4px 12px rgba(37,99,235,.3)}.accordion-icon{width:1.25rem;height:1.25rem;transition:transform .3s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23a0aec0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%}.accordion-icon.open{transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.25,.46,.45,.94);opacity:0}.accordion-content.open{max-height:5000px;opacity:1}.accordion-content-inner{padding:var(--spacing-sm);border-top:1px solid var(--glass-border)}.option-display-area{display:flex;flex-direction:column;gap:.75rem;flex-grow:1;flex-shrink:0}.edit-area,.option-display-area{width:100%;min-height:150px;max-height:600px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;background:rgba(13,15,27,.85);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);padding:var(--spacing-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px 3px rgba(0,0,0,.3);transition:all var(--transition-base) ease}.edit-area{display:block}.output-card.section-title .edit-area,.output-card.section-title .option-display-area{min-height:150px!important}.edit-area:hover,.option-display-area:hover{background:rgba(13,15,27,.9);border-color:rgba(255,255,255,.12)}.edit-area::-webkit-scrollbar,.option-display-area::-webkit-scrollbar{display:none}.option-display-area p,.prose{color:var(--primary-text-color);line-height:var(--line-height-relaxed);white-space:pre-wrap;font-size:var(--font-size-base);margin:0;word-wrap:break-word}.prose ul{list-style-position:inside;padding-left:.5rem}.prose li{margin-bottom:.25rem}.section-idea .option-display-area p{line-height:2;font-family:Inter,monospace}.section-idea .option-display-area p:before{content:"📍 ";opacity:.7}.option-actions{display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-element);margin-top:var(--spacing-element);margin-left:auto}.generate-video-button,.visualize-button{background:transparent;padding:.5rem 1rem;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);font-family:Inter,sans-serif;font-weight:500;transition:all var(--transition-base);white-space:nowrap;border:1px solid transparent;border-radius:9999px}.visualize-button{background-image:linear-gradient(var(--glass-bg),var(--glass-bg)),var(--primary-gradient);background-origin:border-box;background-clip:padding-box,border-box;color:var(--primary-text-color);border-radius:9999px}.visualize-button:hover:not(:disabled){background-image:var(--primary-gradient);background-clip:border-box;border-radius:9999px}.generate-video-button{background-image:linear-gradient(var(--glass-bg),var(--glass-bg)),var(--primary-gradient);background-origin:border-box;background-clip:padding-box,border-box;color:var(--primary-text-color);border-radius:9999px}.generate-video-button:hover:not(:disabled){background-image:var(--primary-gradient);background-clip:border-box;border-radius:9999px}.generate-video-button:disabled,.visualize-button:disabled{opacity:.5;cursor:not-allowed;border-radius:9999px}.copy-button,.edit-button{position:relative;background:rgba(0,0,0,.3);border:1px solid var(--glass-border);color:var(--secondary-text-color);cursor:pointer;padding:.6rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-smooth) ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:9999px}.copy-button svg,.edit-button svg{width:18px;height:18px;border-radius:9999px}.copy-button:hover,.edit-button:hover{color:var(--primary-text-color);border-color:var(--primary-text-color);background:rgba(255,255,255,.1);transform:translateY(-2px);box-shadow:0 8px 32px 0 rgba(0,0,0,.3);border-radius:9999px}.copy-tooltip{position:absolute;bottom:120%;left:50%;transform:translateX(-50%);background-color:var(--primary-text-color);color:var(--app-bg);padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:var(--font-size-xs);white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}.copy-button:hover .copy-tooltip{opacity:1;visibility:visible;border-radius:9999px}.editable-textarea{display:block;width:100%;min-height:120px;height:auto;max-height:550px;padding:0;margin:0;font-size:var(--font-size-base);line-height:var(--line-height-relaxed);font-family:Inter,sans-serif;background:transparent;border:none;color:var(--primary-text-color);transition:none;resize:vertical;overflow-y:auto;white-space:pre-wrap;word-wrap:break-word;scrollbar-width:none;-ms-overflow-style:none;flex:none}.editable-textarea::-webkit-scrollbar{display:none}.editable-textarea:focus{outline:none}.edit-area .editable-textarea{display:block!important;background:transparent!important;border:none!important;padding:0;margin:0;box-shadow:none;flex:none!important}.section-idea .edit-area .editable-textarea{line-height:2;font-family:Inter,monospace}.output-card.section-title .edit-area .editable-textarea{min-height:120px;height:120px}.rte-toolbar{display:flex;gap:.25rem;padding:var(--spacing-xs);background-color:var(--glass-bg-hover);border-radius:var(--radius-sm);border:1px solid var(--glass-border);margin-bottom:-.5rem}.rte-button{background:transparent;border:none;color:var(--secondary-text-color);width:32px;height:32px;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);border-radius:9999px}.rte-button:hover{background-color:var(--glass-bg);color:var(--primary-text-color);border-radius:9999px}.rte-button.active{background-image:var(--primary-gradient);color:#fff;border-radius:9999px}.rte-button svg{width:16px;height:16px;border-radius:9999px}.editable-div{display:block;width:100%;min-height:120px;height:auto;max-height:550px;padding:0;margin:0;font-size:var(--font-size-base);line-height:var(--line-height-relaxed);background:transparent;border:none;color:var(--primary-text-color);transition:none;overflow-y:auto;overflow-x:hidden;word-wrap:break-word;white-space:pre-wrap;flex:none}.editable-div:focus{outline:none}.edit-area .editable-div{display:block!important;background:transparent;border:none;padding:0;margin:0;box-shadow:none;flex:none!important}.editable-div ul{list-style-position:inside}.edit-actions{display:flex;justify-content:flex-end;align-items:center;gap:.5rem}.edit-hint{color:rgba(255,255,255,.4);font-size:.75rem;margin-right:auto;font-style:italic}.cancel-edit-button,.save-edit-button{padding:.5rem 1rem;font-size:.9rem;font-family:Inter,sans-serif;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;border:1px solid;transition:all var(--transition-base);border-radius:9999px}.cancel-edit-button{background-color:transparent;border-color:var(--glass-border);color:var(--secondary-text-color);border-radius:9999px}.cancel-edit-button:hover{background-color:var(--glass-bg-hover);border-radius:9999px}.save-edit-button{background-image:var(--primary-gradient);border-color:transparent;color:#ffffff;border-radius:9999px}.save-edit-button:hover{background-image:var(--primary-gradient-hover);border-radius:9999px}.visual-card-body{display:grid;grid-template-columns:1fr 1fr;flex-grow:1}.visual-card .visualization-panel{background:transparent;border:none;box-shadow:none;border-radius:var(--radius-sm);border-left:1px solid var(--glass-border)}.visualization-panel{padding:var(--spacing-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);min-height:300px;flex-grow:1}.visualization-actions,.visualization-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-element)}.visualization-placeholder{justify-content:center;color:var(--secondary-text-color);text-align:center}.visualization-placeholder svg{opacity:.3}.image-loading-indicator,.video-loading-indicator{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-element);padding:var(--spacing-content);text-align:center}.video-loading-indicator{background-color:var(--glass-bg-hover);color:var(--secondary-text-color);font-size:.9rem}.image-result-container,.video-loading-indicator,.video-result-container{border-radius:var(--radius-sm);border:1px solid var(--glass-border);width:100%}.image-result-container,.video-result-container{position:relative;overflow:hidden;max-width:400px;max-height:400px;height:auto;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.2);margin:0 auto}.generated-image,.generated-video{width:100%;height:auto;max-height:400px;object-fit:contain;display:block}.download-media-button{position:absolute;bottom:8px;right:8px;background-color:rgba(26,32,44,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:white;border:1px solid var(--glass-border);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s;border-radius:9999px}.download-media-button:hover{background-color:rgba(45,55,72,.9);border-radius:9999px}.skeleton-loader{width:100%;height:80px;background:linear-gradient(90deg,var(--glass-bg) 25%,var(--glass-bg-hover) 50%,var(--glass-bg) 75%);background-size:200% 100%;border-radius:var(--radius-sm);animation:skeleton-loading 2s ease-in-out infinite;position:relative;overflow:hidden}.skeleton-loader:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 2s ease-in-out infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.placeholder-text{color:var(--secondary-text-color);font-style:italic;font-size:var(--font-size-base);line-height:var(--line-height-normal);text-align:center;padding:var(--spacing-md);background:rgba(13,15,27,.5);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.saved-page{margin-top:1rem;animation:fadeInUp .5s ease-out}.empty-saved-page{padding:4rem 2rem;text-align:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.empty-saved-page:before{content:"💾";font-size:4rem;opacity:.3;line-height:1}.empty-saved-page h2{font-size:1.75rem;font-weight:700;margin:0;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empty-saved-page p{color:var(--secondary-text-color);max-width:480px;margin:0;font-size:1.05rem;line-height:1.6}.saved-list-container{padding:var(--spacing-lg);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.saved-list-container,.saved-list-header{border:1px solid var(--glass-border);border-radius:var(--radius-sm)}.saved-list-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:1.25rem;padding:.9rem 1rem;background:rgba(100,116,139,.08)}.saved-list-controls,.saved-list-header h2{display:flex;align-items:center;gap:.75rem}.saved-list-controls{flex-wrap:wrap}.search-input,.sort-select{padding:.75rem 1rem;background:rgba(0,0,0,.3);border:1px solid var(--glass-border);color:var(--primary-text-color);border-radius:var(--radius-sm);font-family:Inter,sans-serif;font-size:.95rem;transition:all var(--transition-smooth) ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.search-input{min-width:280px}.search-input::placeholder{color:var(--secondary-text-color)}.search-input:focus,.sort-select:focus{outline:none;background:rgba(0,0,0,.4);border-color:var(--focus-ring-color);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.search-input:hover,.sort-select:hover{border-color:rgba(255,255,255,.3)}.sort-select{cursor:pointer;padding-right:2.5rem}.saved-list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-sm)}.saved-item{position:relative;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-lg);background:linear-gradient(135deg,rgba(255,255,255,.02),rgba(255,255,255,.01));border-radius:var(--radius-sm);border:1px solid var(--glass-border);gap:var(--spacing-md);transition:all var(--transition-smooth) cubic-bezier(.4,0,.2,1);overflow:hidden}.saved-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--primary-gradient);opacity:0;transition:opacity .3s ease}.saved-item:hover{background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border-color:rgba(37,99,235,.4);transform:translateX(4px);box-shadow:0 8px 24px rgba(0,0,0,.3),0 0 0 1px rgba(37,99,235,.2)}.saved-item:hover:before{opacity:1}.saved-item-image{flex-shrink:0;width:120px;height:90px;border-radius:var(--radius-sm);overflow:hidden;background:rgba(255,255,255,.02);border:1px solid var(--glass-border)}.saved-item-info{flex-direction:column;overflow:hidden;flex:1 1;min-width:0}.saved-item-info,.saved-item-type{display:flex;gap:var(--spacing-xs)}.saved-item-type{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--secondary-text-color);align-items:center}.saved-item-type:after{content:"";height:1px;flex:1 1;background:linear-gradient(90deg,var(--glass-border) 0,transparent 100%);max-width:100px}.saved-item-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:700;font-size:1rem;color:var(--primary-text-color);line-height:1.2;letter-spacing:.01em;margin:0}.saved-item-link,.saved-item-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-item-link{font-size:.85rem;color:var(--secondary-text-color);opacity:.8;transition:opacity .2s}.saved-item-date{font-size:.8rem;color:var(--secondary-text-color);opacity:.7;display:flex;align-items:center;gap:.25rem}.saved-item-date:before{content:"🕒";font-size:var(--font-size-xs)}.saved-item:hover .saved-item-link{opacity:1;color:var(--gradient-blue)}.saved-item-actions{display:flex;gap:var(--spacing-sm);flex-shrink:0}.saved-item-button{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);border-radius:var(--radius-sm);cursor:pointer;font-weight:600;font-family:Inter,sans-serif;transition:all var(--transition-base) cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:var(--spacing-xs);white-space:nowrap;border-radius:9999px}.load-button{background:var(--primary-gradient);border:none;color:#ffffff;box-shadow:0 2px 8px rgba(37,99,235,.25);border-radius:9999px}.load-button:hover{background:var(--primary-gradient-hover);transform:translateY(-2px);box-shadow:0 4px 16px rgba(37,99,235,.4);border-radius:9999px}.load-button:active{transform:translateY(0);border-radius:9999px}.delete-button{background:rgba(229,62,62,.1);border:1px solid rgba(229,62,62,.3);color:var(--secondary-text-color);padding:.625rem;border-radius:9999px}.delete-button svg{display:block;width:18px;height:18px;border-radius:9999px}.delete-button:hover{border-color:var(--error-color);color:var(--error-color);background:rgba(229,62,62,.2);transform:scale(1.05);border-radius:9999px}.delete-button:active{transform:scale(.98);border-radius:9999px}.no-results-message{text-align:center;color:var(--secondary-text-color);padding:3rem 1rem;font-size:1.05rem;background:rgba(255,255,255,.02);border-radius:var(--radius-sm);border:1px dashed var(--glass-border)}.scheduler-page,.stats-page{margin-top:1rem}.stats-page{padding:0;max-width:100%;width:100%}.stats-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}.stats-header-left h2{font-size:1.75rem;font-weight:700;margin:0 0 .25rem;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stats-subtitle{color:var(--secondary-text-color);font-size:.875rem;margin:0}.stats-time-filter{display:flex;gap:.5rem;background:rgba(255,255,255,.03);padding:4px;border-radius:var(--radius-sm);border:1px solid var(--glass-border)}.filter-btn{padding:.5rem 1rem;background:transparent;border:none;border-radius:calc(var(--radius-sm) - 2px);color:var(--secondary-text-color);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.filter-btn:hover{background:rgba(255,255,255,.05);color:var(--primary-text-color)}.filter-btn.active{background:var(--primary-gradient);color:white}.stats-error,.stats-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.spinner{width:40px;height:40px;border:4px solid rgba(99,102,241,.2);border-top:4px solid var(--primary-color);animation:spin 1s linear infinite}.retry-button{padding:.75rem 1.5rem;background:var(--primary-gradient);border:none;border-radius:var(--radius-sm);color:white;font-weight:600;cursor:pointer;transition:all .2s}.retry-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(99,102,241,.3)}.stats-kpi-strip{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.kpi-item{display:flex;align-items:center;gap:1rem;padding:1.25rem;min-height:100px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s cubic-bezier(.4,0,.2,1)}.kpi-item:hover{background:rgba(255,255,255,.05);border-color:rgba(99,102,241,.3);transform:translateY(-2px);box-shadow:0 8px 24px rgba(99,102,241,.15)}.kpi-icon{font-size:2rem;line-height:1;opacity:.9;filter:drop-shadow(0 2px 8px rgba(99,102,241,.3))}.kpi-content{flex:1 1}.kpi-value{font-size:2.25rem;font-weight:800;line-height:1;margin-bottom:.25rem;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.kpi-label{color:var(--secondary-text-color);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.8px;opacity:.8}.stats-analytics-row{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:1.5rem;gap:1.5rem;margin-bottom:1.5rem}.analytics-card{padding:1.25rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.analytics-card:first-child,.analytics-card:last-child{grid-column:span 12}.analytics-title{margin:0 0 1rem;font-size:.875rem;font-weight:600;color:var(--primary-text-color);text-transform:uppercase;letter-spacing:.5px}.analytics-chart{min-height:280px}.chart-empty{display:flex;align-items:center;justify-content:center;height:280px;color:var(--secondary-text-color);font-style:italic;font-size:.875rem}.stats-metadata-bar{display:flex;align-items:center;gap:2rem;padding:1rem 1.5rem;background:rgba(255,255,255,.02);border-radius:var(--radius-md);border:1px solid var(--glass-border)}.metadata-item{display:flex;align-items:center;gap:.5rem;color:var(--secondary-text-color);font-size:.8125rem}.metadata-icon{font-size:1rem}.metadata-text strong{color:var(--primary-text-color);font-weight:600}.stats-yearly-section{margin-top:1.5rem;padding:1.5rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.stats-yearly-section .analytics-title{margin:0 0 1.5rem;font-size:.875rem;font-weight:600;color:var(--primary-text-color);text-transform:uppercase;letter-spacing:.5px}.yearly-chart-container{min-height:280px}@media (max-width:1024px){.stats-analytics-row{grid-template-columns:1fr}.analytics-card:first-child,.analytics-card:last-child{grid-column:span 1}}@media (max-width:768px){.stats-header{flex-direction:column;align-items:flex-start}.stats-time-filter{width:100%}.filter-btn{flex:1 1;padding:.5rem;font-size:.75rem}.stats-kpi-strip{grid-template-columns:repeat(2,1fr)}.kpi-value{font-size:1.5rem}.stats-metadata-bar{flex-direction:column;align-items:flex-start;gap:.75rem}}@media (max-width:480px){.stats-kpi-strip{grid-template-columns:1fr}}.stats-header-right{display:flex;align-items:center;gap:1rem}.export-btn{padding:.5rem 1rem;background:rgba(255,255,255,.05);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--primary-text-color);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.export-btn:hover{background:rgba(255,255,255,.08);border-color:var(--primary-color);transform:translateY(-1px)}.skeleton-kpi-strip{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.skeleton-kpi{height:90px;background:rgba(255,255,255,.03);border-radius:var(--radius-md);border:1px solid var(--glass-border)}.skeleton-charts{display:grid;grid-template-columns:2fr 1fr;grid-gap:1.5rem;gap:1.5rem}.skeleton-chart{height:320px;background:rgba(255,255,255,.03);border-radius:var(--radius-md);border:1px solid var(--glass-border)}.skeleton-pulse{animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.7}}.stats-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem;text-align:center}.error-icon{font-size:4rem;opacity:.5;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.stats-error-state h3{font-size:1.5rem;margin:0;color:var(--primary-text-color)}.error-message{color:var(--secondary-text-color);margin:0}.kpi-item{position:relative;overflow:hidden}.kpi-animated{animation:kpi-fade-in .5s ease-out forwards;opacity:0}.kpi-animated:first-child{animation-delay:.1s}.kpi-animated:nth-child(2){animation-delay:.2s}.kpi-animated:nth-child(3){animation-delay:.3s}.kpi-animated:nth-child(4){animation-delay:.4s}@keyframes kpi-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.kpi-icon-animated{animation:icon-bounce 2s ease-in-out infinite}@keyframes icon-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.kpi-header{display:flex;align-items:baseline;gap:.75rem;margin-bottom:.375rem}.kpi-trend{font-size:.8125rem;font-weight:700;display:flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:4px;background:rgba(0,0,0,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.kpi-badge{font-size:.6875rem;color:var(--secondary-text-color);font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.7}.kpi-sparkline{display:flex;align-items:flex-end;gap:1px;height:16px;margin-top:.625rem;opacity:.7;transition:opacity .3s}.sparkline-bar{flex:1 1;background:linear-gradient(180deg,rgba(99,102,241,.9),rgba(99,102,241,.5));border-radius:1px 1px 0 0;min-height:1px;transition:all .3s}.kpi-item:hover .sparkline-bar{background:linear-gradient(180deg,rgba(99,102,241,1),rgba(99,102,241,.7))}.kpi-item:hover .kpi-sparkline{opacity:1}.kpi-progress-bar{width:100%;height:6px;background:rgba(0,0,0,.3);border-radius:3px;overflow:hidden;margin-top:.625rem;box-shadow:inset 0 1px 3px rgba(0,0,0,.2)}.kpi-progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6 50%,#ec4899);border-radius:3px;transition:width 1.2s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px rgba(99,102,241,.5)}.kpi-streak-indicator{display:flex;gap:3px;margin-top:.625rem}.streak-dot{font-size:.875rem;filter:drop-shadow(0 0 4px rgba(251,146,60,.6));animation:flame-flicker 1.5s ease-in-out infinite}.streak-dot:first-child{animation-delay:0s}.streak-dot:nth-child(2){animation-delay:.2s}.streak-dot:nth-child(3){animation-delay:.4s}.streak-dot:nth-child(4){animation-delay:.6s}.streak-dot:nth-child(5){animation-delay:.8s}.streak-dot:nth-child(6){animation-delay:1s}.streak-dot:nth-child(7){animation-delay:1.2s}@keyframes flame-flicker{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.chart-legend-toggle{display:flex;gap:.5rem}.legend-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:rgba(255,255,255,.05);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--secondary-text-color);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.legend-btn:hover{background:rgba(255,255,255,.08)}.legend-btn.active{background:rgba(255,255,255,.1);border-color:var(--primary-color);color:var(--primary-text-color)}.legend-color{width:12px;height:12px;border-radius:2px}.chart-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:280px;text-align:center;padding:2rem;animation:fade-in .5s ease-out}@keyframes fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.chart-empty-state h4{font-size:1.125rem;margin:0 0 .5rem;color:var(--primary-text-color)}.chart-empty-state p{color:var(--secondary-text-color);margin:0 0 1.5rem;font-size:.875rem}.empty-action-btn{padding:.625rem 1.25rem;background:var(--primary-gradient);border:none;border-radius:var(--radius-sm);color:white;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s}.empty-action-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(99,102,241,.3)}.analytics-card{transition:all .3s}.analytics-card:hover{border-color:rgba(99,102,241,.3);box-shadow:0 8px 24px rgba(99,102,241,.1)}@media (max-width:768px){.stats-header-right{width:100%;flex-direction:column}.export-btn,.stats-time-filter{width:100%}.skeleton-charts{grid-template-columns:1fr}.chart-legend-toggle{flex-direction:column;width:100%}.legend-btn{width:100%;justify-content:center}}@media (max-width:480px){.kpi-progress-bar,.kpi-sparkline,.kpi-streak-indicator{display:none}.empty-icon{font-size:2rem}.chart-empty-state h4{font-size:1rem}}.empty-action-btn:focus,.export-btn:focus,.filter-btn:focus,.legend-btn:focus,.retry-button:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-color-scheme:dark){.skeleton-chart,.skeleton-kpi{background:rgba(255,255,255,.02)}.kpi-item{background:rgba(255,255,255,.03)}.kpi-item:hover{background:rgba(255,255,255,.06)}}@media (max-width:768px){.stats-charts-grid,.stats-info-grid,.stats-metrics-grid{grid-template-columns:1fr}}.scheduled-list-container{padding:var(--spacing-xs)}.scheduled-list-header{margin-bottom:1.25rem;padding:.9rem 1rem;background:rgba(100,116,139,.08);border:1px solid var(--glass-border);border-radius:var(--radius-sm)}.scheduled-list-header h2{display:flex;align-items:center;gap:.75rem}.scheduled-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:.25rem;gap:.25rem}.scheduled-item{display:flex;flex-direction:column;background-color:var(--glass-bg);border-radius:var(--radius-sm);border:1px solid var(--glass-border);overflow:hidden;transition:all var(--transition-smooth) ease}.scheduled-item.expanded{border-color:rgba(139,92,246,.5);box-shadow:0 4px 16px rgba(139,92,246,.2)}.scheduled-item-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.scheduled-item-preview{width:100%;background-color:rgba(0,0,0,.2);overflow:hidden}.scheduled-item-preview img{width:100%;height:100%;object-fit:cover;transition:all var(--transition-smooth) ease}.scheduled-item-details{padding:var(--spacing-sm);display:flex;flex-direction:column;gap:.75rem;flex-grow:1}.scheduled-item-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.platform-tag{padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;color:#fff}.platform-tag.facebook{background-color:#1877F2}.platform-tag.threads{background-color:#000;border:1px solid #fff}.scheduled-time{font-size:.8rem;color:var(--secondary-text-color);font-weight:500}.scheduled-item-caption-wrapper{display:flex;flex-direction:column}.scheduled-item-caption{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--primary-text-color);flex-grow:1;white-space:pre-wrap;word-break:break-word;background:rgba(13,15,27,.85);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);padding:var(--spacing-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px 3px rgba(0,0,0,.3);margin:var(--spacing-sm) 0}.scheduled-item-caption:not(.expanded){display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.scheduled-item-caption.expanded{display:block;max-height:none}.scheduled-item-actions{padding:0 1rem 1rem;display:flex;gap:var(--spacing-xs)}.scheduled-item-button.post-now-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;color:white;padding:.7rem 1.4rem;border-radius:12px;cursor:pointer;font-size:.9rem;font-weight:700;font-family:Inter,sans-serif;transition:transform .16s cubic-bezier(.22,1,.36,1),box-shadow .2s ease,filter .2s ease;display:inline-flex;align-items:center;gap:10px;margin-left:auto;box-shadow:0 6px 18px rgba(37,99,235,.14);will-change:transform,box-shadow;transform:translateY(0)}@keyframes postNowPulse{0%{box-shadow:0 6px 18px rgba(37,99,235,.12);transform:translateY(0)}50%{box-shadow:0 10px 26px rgba(37,99,235,.16);transform:translateY(-2px)}to{box-shadow:0 6px 18px rgba(37,99,235,.12);transform:translateY(0)}}.scheduled-item-button.post-now-button.animate{animation:postNowPulse 3.2s ease-in-out infinite}.scheduled-item-button.post-now-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 14px 36px rgba(37,99,235,.22);filter:brightness(1.03)}@media (prefers-reduced-motion:reduce){.scheduled-item-button.post-now-button.animate,.scheduled-item-button.post-now-button:hover{animation:none!important;transition:none!important;transform:none!important;box-shadow:0 6px 18px rgba(37,99,235,.14)!important}}.scheduled-item-button.cancel-button{background:none;border:1px solid var(--glass-border);color:var(--secondary-text-color);padding:.6rem 1.25rem;border-radius:9999px;cursor:pointer;font-size:.8rem;font-weight:500;font-family:Inter,sans-serif;transition:all var(--transition-base);display:flex;align-items:center;gap:var(--spacing-xs)}.scheduled-item-button.cancel-button:hover{border-color:var(--error-color);color:var(--error-color);background-color:var(--glass-bg-hover)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.modal-content{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;animation:slideIn .3s ease-out;box-shadow:0 8px 32px 0 rgba(0,0,0,.3),0 0 0 1px rgba(37,99,235,.15)}@keyframes slideIn{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--glass-border);flex-shrink:0}.modal-header h3{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.25rem;font-weight:700;color:var(--primary-text-color);margin:0;line-height:1.2;letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.3)}.modal-close-button{background:rgba(255,255,255,.05);border:1px solid var(--glass-border);color:var(--secondary-text-color);font-size:1.5rem;line-height:1;cursor:pointer;transition:all var(--transition-base) ease;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-close-button:hover{background:rgba(248,113,113,.15);border-color:var(--error-color);color:var(--error-color);transform:rotate(90deg)}.modal-body{padding:var(--spacing-md);overflow-y:auto;max-height:calc(80vh - 200px);display:flex;flex-direction:column;gap:var(--spacing-sm)}.modal-preview{border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:var(--spacing-lg);background:rgba(13,15,27,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px 3px rgba(0,0,0,.3)}.modal-preview h4,.modal-scheduling-view h4{margin-bottom:var(--spacing-sm);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.875rem;font-weight:700;color:var(--secondary-text-color);text-transform:uppercase;letter-spacing:.08em;line-height:1.2;margin-top:0}.modal-preview-image{max-height:250px;object-fit:contain}.modal-preview-image,.modal-preview-image-placeholder{width:100%;border-radius:var(--radius-sm);margin-bottom:1rem}.modal-preview-image-placeholder{height:150px;display:flex;align-items:center;justify-content:center;background-color:var(--glass-bg);color:var(--secondary-text-color);font-style:italic}.modal-preview-caption{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);white-space:pre-wrap;color:var(--primary-text-color);background:rgba(13,15,27,.6);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-sm);padding:var(--spacing-sm);margin-top:var(--spacing-sm);max-height:200px;overflow-y:auto}.modal-info{background-color:rgba(0,170,255,.1);border:1px solid var(--gradient-blue);color:#cceeff;padding:var(--spacing-sm);border-radius:var(--radius-sm);font-size:.9rem;line-height:1.6}.modal-scheduling-view{border-top:1px solid var(--glass-border);padding-top:1.5rem}.schedule-form{display:flex;gap:.25rem}.schedule-input-group{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1 1}.schedule-input-group label{font-size:.8rem;color:var(--secondary-text-color)}.schedule-input{width:100%;padding:.6rem .8rem;font-size:.9rem;font-family:Inter,sans-serif;background-color:rgba(13,15,27,.7);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--primary-text-color)}.schedule-input:focus{outline:none;border-image:var(--primary-gradient) 1}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--glass-border);gap:.25rem;flex-shrink:0}.modal-footer-button{padding:.6rem 1.2rem;border-radius:var(--radius-sm);border:1px solid;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;transition:all var(--transition-base);border-radius:9999px}.modal-footer-button.secondary{background:none;border-color:var(--glass-border);color:var(--secondary-text-color);border-radius:9999px}.modal-footer-button.secondary:hover{background-color:var(--glass-bg-hover);color:var(--primary-text-color);border-radius:9999px}.modal-footer-button.primary{background:linear-gradient(-45deg,#2563eb,#1d4ed8,#3b82f6,#1e40af);background-size:300% 300%;border-color:transparent;color:#fff;border-radius:9999px;position:relative;font-weight:700;letter-spacing:.5px;animation:gradientShift 4s ease infinite}.modal-footer-button.primary:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(255,255,255,.1),transparent);border-radius:inherit;pointer-events:none}.modal-footer-button.primary:hover{box-shadow:0 8px 28px rgba(37,99,235,.35);transform:translateY(-2px);border-radius:9999px}.social-platform-button{padding:.6rem 1.2rem;border-radius:var(--radius-sm);border:1px solid;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;transition:all var(--transition-base);flex:1 1;border-radius:9999px}.social-platform-button.facebook{background:linear-gradient(-45deg,#1877F2,#0d47a1,#2563eb,#1565c0);background-size:300% 300%;border-color:#1877F2;color:white;border-radius:9999px;position:relative;font-weight:700;letter-spacing:.5px;animation:gradientShift 4s ease infinite}.social-platform-button.facebook:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(255,255,255,.12),transparent);border-radius:inherit;pointer-events:none}.social-platform-button.facebook:hover:not(:disabled){box-shadow:0 8px 24px rgba(24,119,242,.4);transform:translateY(-2px) scale(1.02);border-radius:9999px}.social-platform-button.threads{background:linear-gradient(-45deg,#1877f2,#0d47a1,#2563eb,#1565c0);background-size:300% 300%;border-color:#1877f2;color:white;border-radius:9999px;position:relative;font-weight:700;letter-spacing:.5px;animation:gradientShift 4s ease infinite}.social-platform-button.threads:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(255,255,255,.12),transparent);border-radius:inherit;pointer-events:none}.social-platform-button.threads:hover:not(:disabled){border-color:#fff;box-shadow:0 8px 24px rgba(30,144,255,.4);transform:translateY(-2px) scale(1.02);border-radius:9999px}.social-platform-button:disabled{opacity:.4;cursor:not-allowed;border-radius:9999px}.privacy-page{min-height:100vh;padding:2rem 1rem;background-image:radial-gradient(at 5% 10%,hsla(28,100%,50%,.2) 0,transparent 50%),radial-gradient(at 90% 95%,hsla(202,100%,50%,.25) 0,transparent 50%)}.privacy-container{max-width:900px;margin:0 auto;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-sm);box-shadow:0 8px 32px 0 rgba(0,0,0,.3);animation:fadeInUp .6s ease-out}.privacy-header{padding:3rem 3rem 2rem;text-align:center;border-bottom:1px solid var(--glass-border);position:relative}.privacy-header:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:120px;height:3px;background:var(--primary-gradient);border-radius:var(--radius-sm)}.privacy-header h1{font-size:2.5rem;font-weight:700;margin:0 0 1rem;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.last-updated{font-size:.95rem;color:var(--secondary-text-color);margin:0;font-style:italic}.privacy-content{padding:3rem}.privacy-section{margin-bottom:3rem}.privacy-section:last-child{margin-bottom:0}.privacy-section h2{font-size:1.5rem;font-weight:700;color:var(--primary-text-color);margin:0 0 1.25rem;display:flex;align-items:center;gap:.75rem}.privacy-section h2:before{content:"";width:4px;height:1.5rem;background:var(--primary-gradient);border-radius:var(--radius-sm);flex-shrink:0}.privacy-section p{font-size:1.05rem;line-height:1.8;color:var(--primary-text-color);margin:0 0 1rem}.privacy-section p:last-child{margin-bottom:0}.privacy-section ul{list-style:none;padding:0;margin:1rem 0}.privacy-section li{position:relative;padding-left:2rem;margin-bottom:1rem;font-size:1.05rem;line-height:1.8;color:var(--primary-text-color)}.privacy-section li:before{content:"→";position:absolute;left:0;color:var(--gradient-blue);font-weight:700;font-size:1.2rem}.privacy-section li strong{color:var(--primary-text-color);font-weight:600}.privacy-section .highlight{padding:1rem 1.5rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);font-weight:500;margin:1.5rem 0}.contact-email{font-size:1.1rem;font-weight:600}.contact-email a{color:var(--gradient-blue);text-decoration:none;transition:all var(--transition-base) ease;display:inline-flex;align-items:center;gap:var(--spacing-xs)}.contact-email a:hover{color:var(--gradient-blue);transform:translateX(4px)}.privacy-footer{padding:2rem 3rem;border-top:1px solid var(--glass-border);text-align:center}.back-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:.75rem 1.5rem;background:var(--primary-gradient);color:#ffffff;text-decoration:none;border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-size-base);transition:all var(--transition-smooth) ease;box-shadow:0 4px 12px rgba(37,99,235,.3)}.back-link:hover{background:var(--primary-gradient-hover);transform:translateY(-2px);box-shadow:0 6px 20px rgba(37,99,235,.4)}@media (max-width:768px){.privacy-header{padding:2rem 1.5rem 1.5rem}.privacy-header h1{font-size:2rem}.privacy-content{padding:2rem 1.5rem}.privacy-section h2{font-size:var(--font-size-xl)}.privacy-section li,.privacy-section p{font-size:var(--font-size-base)}.privacy-footer{padding:var(--spacing-md)}}.app-footer{margin-top:3rem;padding:2rem 1rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-top:1px solid var(--glass-border);border-radius:8px 8px 0 0}.footer-content{max-width:var(--content-max-width);margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.footer-text{color:var(--secondary-text-color);font-size:.9rem;margin:0}.footer-links{display:flex;gap:var(--spacing-md);align-items:center}.footer-link{color:var(--secondary-text-color);text-decoration:none;font-size:.9rem;transition:all var(--transition-base) ease;position:relative}.footer-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--primary-gradient);transition:width .3s ease}.footer-link:hover{color:var(--primary-text-color)}.footer-link:hover:after{width:100%}@media (max-width:600px){.footer-content{flex-direction:column;text-align:center;gap:.75rem}}@media (max-width:1300px){.app-container-wrapper{max-width:calc(var(--content-max-width) - 200px)}}@media (max-width:1200px){.app-wrapper{padding:var(--spacing-sm)}.app-container-wrapper{max-width:calc(var(--content-max-width) - 300px);padding:0 1rem}.advanced-options-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem 1.5rem}.header{flex-direction:column;gap:0}.header-row-1{text-align:center}.header-row-1,.header-row-2{flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm)}.header-nav-links,.header-user-actions{justify-content:center}.header-user-actions{width:100%}.branding{text-align:center}.unified-tab-bar{justify-content:center;width:100%}}@media (max-width:900px){.advanced-options-grid{grid-template-columns:1fr 1fr}.form-with-analysis,.standard-section-row,.three-column-row,.visual-card-body{grid-template-columns:1fr}.form-with-analysis{gap:var(--spacing-sm)}.analysis-column{position:static;order:2}.form-column{order:1;min-height:auto;overflow:visible}.generate-button{position:relative;z-index:100;margin:1.5rem 0;font-size:1.1rem;padding:1rem 2rem;width:100%;max-width:none;display:block!important;visibility:visible!important;opacity:1!important}.output-actions-section-top{gap:.25rem}.output-actions-left,.output-actions-section-top{flex-direction:column;align-items:stretch}.output-tab-selector{width:100%}.unified-tab-bar{flex-direction:row;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:.25rem}.unified-tab-bar::-webkit-scrollbar{display:none}.unified-tab{flex-shrink:0;padding:.5rem 1rem;font-size:.85rem}.unified-tab .tab-icon{font-size:var(--font-size-base)}.image-upload-layout{flex-direction:column}.image-preview-sidebar{width:100%;max-width:360px}.image-drop-zone.compact{min-height:180px}.image-preview-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-element)}.image-preview-grid.grid-2col{grid-template-columns:repeat(2,1fr);gap:.875rem}.upload-placeholder{padding:var(--spacing-md);min-height:120px}.upload-hint{font-size:var(--font-size-xs)}.header-top{flex-direction:column;gap:.25rem;text-align:center}.header-actions{justify-content:center}.nav-container{justify-content:space-around;flex-wrap:wrap;gap:.25rem}.nav-button{flex:1 1;min-width:120px;padding:.75rem 1rem;border-radius:9999px}}@media (max-width:768px){.app-wrapper{padding:var(--spacing-xs)}.app-container-wrapper{max-width:none;padding:0 var(--spacing-xs)}.app-container{gap:var(--spacing-xs)}.header{padding:var(--spacing-xs) var(--spacing-sm);gap:var(--spacing-sm)}.branding h1{font-size:1.5rem}.branding p{font-size:.85rem}.nav-button{font-size:var(--font-size-sm);padding:12px 16px;gap:var(--spacing-xs);min-height:44px;border-radius:9999px}.nav-button svg{width:18px;height:18px;flex-shrink:0;border-radius:9999px}.unified-tab-bar{width:100%;flex-wrap:wrap}.unified-tab{min-height:44px;padding:0 14px;font-size:.85rem;flex:1 1 auto}.unified-tab .tab-icon{font-size:var(--font-size-base)}.unified-tab .count-badge{font-size:.65rem;padding:.1rem .4rem}.output-controls{flex-direction:column;align-items:stretch;padding:var(--spacing-sm);gap:var(--spacing-sm)}.segmented-control{max-width:none;width:100%}.segmented-control button{min-height:44px;padding:12px 16px}.export-actions{justify-content:center;gap:var(--spacing-xs)}.export-button{flex:1 1 auto;min-width:120px;min-height:44px;text-align:center;border-radius:9999px}.saved-list-header{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.saved-list-controls{flex-direction:column;width:100%}.search-input{width:100%;min-width:auto}.preview-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.preview-section:first-child{grid-row:auto}.advanced-options-grid,.standard-section-row,.three-column-row{grid-template-columns:1fr;gap:var(--spacing-md)}.input-form{display:flex;flex-direction:column;width:100%;gap:var(--spacing-md);margin:0;padding:0 0 var(--spacing-lg) 0;overflow:visible}.form-group{gap:var(--spacing-xs)}.card-header{padding:var(--spacing-sm) var(--spacing-md);min-height:60px}.card-content{padding:var(--spacing-md)}.modal-content{max-width:calc(100vw - var(--spacing-md));margin:var(--spacing-sm)}.modal-body,.modal-footer{padding:var(--spacing-md)}.modal-footer{gap:var(--spacing-sm)}.form-card .accordion-content-inner,.form-card .accordion-header{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.accordion-header{min-height:72px;padding:var(--spacing-md)}.accordion-content.open{max-height:none!important;overflow:visible!important}.accordion-content-inner{padding:var(--spacing-md);padding-bottom:var(--spacing-lg)}}@media (max-width:480px){.app-wrapper{padding:var(--spacing-xs)}.app-container-wrapper{padding:0 var(--spacing-xs)}.header{padding:var(--spacing-sm)}.branding,.header{gap:var(--spacing-xs)}.branding{flex-wrap:wrap}.logo-icon{width:1.5rem;height:1.5rem}.branding h1{font-size:var(--font-size-base)}.branding p{font-size:.65rem;padding-left:var(--spacing-xs)}.unified-tab{padding:0 10px;font-size:.8rem;min-height:44px}.unified-tab .tab-label{display:none}.unified-tab .tab-icon{font-size:1.2rem}.modal-footer-button,.output-action-btn,button{min-height:44px;padding:12px 14px;font-size:.85rem}.input-field,.select-field,.textarea-field{padding:12px 14px;font-size:.95rem}.card-content,.card-header{padding:var(--spacing-sm)}.output-actions-section-top{flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm)}.output-actions-left{flex-direction:column;width:100%;align-items:flex-start}.output-tab-selector{width:100%;flex-wrap:wrap}.output-tab-btn{flex:1 1 auto;min-width:80px}.modal-content{max-width:calc(100vw - var(--spacing-sm));margin:var(--spacing-xs)}.modal-header h3{font-size:1.05rem}.ready-to-post-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.nav-container{flex-direction:column;gap:var(--spacing-xs)}.nav-button{width:100%;justify-content:center;border-radius:9999px}.label-with-action{flex-direction:column;align-items:stretch;gap:.25rem}.analyze-button{width:100%;text-align:center;border-radius:9999px}.option-selector{justify-content:center}.generate-button{position:relative!important;z-index:100!important;margin:2rem 0!important;font-size:1.1rem!important;padding:1.25rem 2rem!important;width:100%!important;max-width:none!important;display:block!important;visibility:visible!important;opacity:1!important;background:var(--primary-gradient)!important;border:none!important;color:white!important}.export-actions{flex-direction:column}.export-button{width:100%;border-radius:9999px}}.about-page-wrapper{width:100%;max-width:var(--content-max-width);margin:0 auto;padding:2rem 1rem}.about-back-button-container{margin-bottom:1.5rem}.about-back-button{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:.75rem 1.5rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--button-radius);color:var(--primary-text-color);text-decoration:none;font-weight:500;font-size:.95rem;transition:all var(--transition-smooth) ease}.about-back-button:hover{background:var(--glass-bg-hover);border-color:rgba(255,255,255,.25);transform:translateX(-3px)}.about-content{width:100%;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:24px;padding:3rem 2.5rem;box-shadow:0 8px 32px rgba(0,0,0,.3)}.about-content h1{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:2.5rem;font-weight:800;text-align:center;line-height:1.1;letter-spacing:.01em;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 1rem}.about-section{margin-bottom:2.5rem}.about-section:last-child{margin-bottom:0}.about-section h2{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.5rem;font-weight:700;line-height:1.2;letter-spacing:.02em;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 1rem}.about-section h3{font-size:1.1rem;font-weight:600;color:var(--primary-text-color);margin-bottom:.5rem;display:flex;align-items:center;gap:var(--spacing-xs)}.intro-text{font-size:1.1rem;line-height:1.8;color:var(--secondary-text-color);text-align:center;padding:var(--spacing-md);background:rgba(255,255,255,.03);border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.08)}.intro-text strong{color:var(--primary-text-color);font-weight:600}.contact-info .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:var(--spacing-sm);gap:var(--spacing-sm);margin-top:1rem}.info-item{background:rgba(255,255,255,.03);padding:1.25rem;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.08);transition:all var(--transition-smooth) ease}.info-item:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.15);transform:translateY(-2px)}.info-item p{color:var(--secondary-text-color);line-height:1.7;margin-top:.5rem;font-size:.95rem}.info-item a{text-decoration:none;font-weight:500;transition:color .3s ease}.info-item a,.info-item a:hover{color:var(--gradient-blue)}.mission p{font-size:1.05rem;line-height:1.8;color:var(--secondary-text-color);padding:1.25rem;background:rgba(255,255,255,.03);border-radius:var(--radius-sm);border-left:3px solid transparent;border-image:var(--primary-gradient) 1}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:var(--spacing-sm);gap:var(--spacing-sm);margin-top:1rem}.value-card{background:rgba(255,255,255,.03);padding:var(--spacing-md);border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.08);transition:all var(--transition-smooth) ease}.value-card:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.15);transform:translateY(-3px)}.value-card h3{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.15rem;font-weight:700;margin:0 0 .75rem;line-height:1.2;letter-spacing:.02em;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.value-card p{line-height:1.6;font-size:.95rem}.business-type p,.value-card p{color:var(--secondary-text-color)}.business-type p{font-size:1.05rem;line-height:1.8;padding:1.25rem;background:rgba(255,255,255,.03);border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.08)}.business-type strong{color:var(--primary-text-color);font-weight:600}.closing{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.closing-text{font-size:1.05rem;color:var(--secondary-text-color);line-height:1.7}.closing-text strong{color:var(--primary-text-color);font-weight:600}.form-group label{font-weight:600}.form-group input:focus,.form-group textarea:focus{border-color:var(--gradient-blue);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.contact-submit-button{box-shadow:0 4px 12px rgba(99,102,241,.3)}.contact-submit-button:hover:not(:disabled){box-shadow:0 6px 20px rgba(99,102,241,.4)}.form-success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);color:#22c55e}.form-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#ef4444}.hours-grid{gap:.75rem;margin-top:1rem}.hours-item{padding:1rem 1.25rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);transition:all var(--transition-smooth) ease}.hours-item:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.15)}.hours-label{color:var(--primary-text-color);font-weight:500}.hours-time{color:var(--gradient-blue)}.social-links{margin-top:1rem}.social-link{gap:.75rem;padding:1rem 1.5rem;border-radius:9999px;flex:1 1;min-width:200px;justify-content:center}.social-link:hover{border-color:rgba(255,255,255,.2);box-shadow:0 4px 12px rgba(0,0,0,.2)}.social-link.facebook:hover{background:rgba(24,119,242,.1)}.social-link.instagram:hover{background:rgba(228,64,95,.1)}.social-icon{font-size:1.5rem}.social-label{font-size:var(--font-size-base)}@media (max-width:768px){.about-page-wrapper{padding:1.5rem 1rem}.about-content{padding:2rem 1.5rem}.about-content h1{font-size:2rem}.about-section h2{font-size:1.3rem}.info-grid,.values-grid{grid-template-columns:1fr;gap:.75rem}.business-type p,.intro-text,.mission p{font-size:var(--font-size-base);padding:var(--spacing-sm)}.about-back-button{font-size:.9rem;padding:.65rem 1.25rem}.hours-item{gap:var(--spacing-xs);text-align:center}.hours-item,.social-links{flex-direction:column}.social-link{min-width:100%}.contact-form{padding:0}}@media (max-width:480px){.about-page-wrapper{padding:1rem .75rem}.about-content{padding:1.5rem 1rem;border-radius:var(--radius-sm)}.about-content h1{font-size:1.75rem}.about-section{margin-bottom:2rem}}.contact-form-section{margin-top:2rem}.form-intro{color:var(--secondary-text-color);font-size:var(--font-size-base);margin-bottom:1.5rem;text-align:center}.contact-form{max-width:600px;margin:0 auto}.form-group{margin-bottom:1.5rem}.form-group label{display:block;color:var(--primary-text-color);font-weight:500;margin-bottom:.5rem;font-size:.95rem}.form-group input,.form-group textarea{width:100%;padding:.875rem 1rem;background:rgba(255,255,255,.05);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--primary-text-color);font-family:inherit;font-size:.95rem;transition:all var(--transition-smooth) ease}.form-group input:focus,.form-group textarea:focus{outline:none;background:rgba(255,255,255,.08);border-color:var(--focus-ring-color);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--secondary-text-color);opacity:.6}.form-group textarea{resize:vertical;min-height:120px}.contact-submit-button{width:100%;padding:1rem 2rem;background:var(--primary-gradient);border:none;border-radius:var(--button-radius);color:white;font-weight:600;font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-smooth) ease;box-shadow:0 4px 12px rgba(37,99,235,.3)}.contact-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(37,99,235,.4)}.contact-submit-button:disabled{opacity:.6;cursor:not-allowed}.form-success{background:rgba(72,187,120,.1);border:1px solid rgba(72,187,120,.3);border-radius:var(--radius-sm);color:#48bb78}.form-error,.form-success{padding:var(--spacing-sm);text-align:center;margin-bottom:1rem;font-weight:500}.form-error{background:rgba(229,62,62,.1);border:1px solid rgba(229,62,62,.3);border-radius:var(--radius-sm);color:#e53e3e}.business-hours{margin-top:2rem}.hours-grid{display:flex;flex-direction:column;gap:var(--spacing-sm);background:rgba(255,255,255,.03);border-radius:var(--radius-sm);padding:var(--spacing-md);border:1px solid rgba(255,255,255,.08)}.hours-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.hours-item:last-child{border-bottom:none}.hours-label{color:var(--secondary-text-color);font-size:.95rem}.hours-time{color:var(--primary-text-color);font-weight:600;font-size:.95rem}.social-section{margin-top:2rem}.social-links{display:flex;gap:var(--spacing-sm);justify-content:center;flex-wrap:wrap}.social-link{display:flex;align-items:center;gap:var(--spacing-xs);padding:.875rem 1.5rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:var(--button-radius);color:var(--primary-text-color);text-decoration:none;font-weight:500;transition:all var(--transition-smooth) ease}.social-link:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);transform:translateY(-2px)}.social-link.facebook:hover{border-color:#1877f2;box-shadow:0 4px 12px rgba(24,119,242,.2)}.social-link.instagram:hover{border-color:#e4405f;box-shadow:0 4px 12px rgba(228,64,95,.2)}.social-link.linkedin:hover{border-color:#0a66c2;box-shadow:0 4px 12px rgba(10,102,194,.2)}.social-icon{font-size:var(--font-size-xl);line-height:1}.social-label{font-size:.95rem}@media (max-width:768px){.contact-form{max-width:100%}.hours-item{align-items:flex-start;gap:.25rem}.hours-item,.social-links{flex-direction:column}.social-link{width:100%;justify-content:center}}.deletion-form{background:rgba(37,99,235,.05);padding:var(--spacing-lg);border-radius:var(--radius-sm);border:1px solid rgba(37,99,235,.2);margin:1.5rem 0}.deletion-form .form-group{margin-bottom:1.5rem}.deletion-form .form-label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--primary-text-color)}.deletion-form .form-input{width:100%;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);background:rgba(13,15,27,.6);color:var(--primary-text-color);font-size:var(--font-size-base);transition:all var(--transition-smooth) ease}.deletion-form .form-input:focus{outline:none;border-color:rgba(37,99,235,.5);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.deletion-form .form-input:disabled{opacity:.6;cursor:not-allowed}.deletion-form .submit-button{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:white;border:none;border-radius:9999px;font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-smooth) ease}.deletion-form .submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px rgba(37,99,235,.3)}.deletion-form .submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.deletion-form .success-message{padding:var(--spacing-sm);background:rgba(0,255,0,.1);border:1px solid rgba(0,255,0,.3);border-radius:var(--radius-sm);color:#4ade80;margin-bottom:1rem}.deletion-form .error-message{padding:var(--spacing-sm);background:rgba(255,0,0,.1);border:1px solid rgba(255,0,0,.3);border-radius:var(--radius-sm);color:#f87171;margin-bottom:1rem}@media (max-width:768px){.deletion-form{padding:var(--spacing-md)}.deletion-form .submit-button{font-size:.95rem}}.sub-header{font-size:.9rem;color:var(--secondary-text-color);margin-top:.5rem}.contact-info-box{background:rgba(37,99,235,.05);border:1px solid rgba(37,99,235,.2);border-radius:var(--radius-sm);padding:var(--spacing-md);margin:1.5rem 0}.contact-info-box p{margin:.5rem 0;line-height:1.6}.summary-section{background:linear-gradient(135deg,rgba(37,99,235,.05),rgba(0,170,255,.05));border:2px solid rgba(37,99,235,.2);border-radius:var(--radius-sm);padding:var(--spacing-lg);margin-top:2rem}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md);margin-top:1.5rem}.summary-item{display:flex;gap:var(--spacing-sm);align-items:flex-start;background:rgba(13,15,27,.6);padding:1.25rem;border-radius:var(--radius-sm);border:1px solid var(--glass-border);transition:all var(--transition-smooth) ease}.summary-item:hover{border-color:rgba(37,99,235,.5);transform:translateY(-2px);box-shadow:0 4px 12px rgba(37,99,235,.2)}.summary-icon{font-size:2rem;min-width:2.5rem}.summary-content strong{display:block;color:var(--primary-text-color);margin-bottom:.5rem;font-size:var(--font-size-base)}.summary-content p{font-size:.9rem;color:var(--secondary-text-color);margin:0;line-height:1.5}.acknowledgment-box{background:rgba(37,99,235,.1);border:2px solid rgba(37,99,235,.4);border-radius:var(--radius-sm);padding:var(--spacing-md);margin:2rem 0 1rem;text-align:center}.acknowledgment-box p{margin:0;font-size:.95rem;line-height:1.6}.rights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:var(--spacing-sm);gap:var(--spacing-sm);margin:1.5rem 0}.right-item{display:flex;gap:.75rem;align-items:flex-start;background:rgba(13,15,27,.5);padding:var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--glass-border)}.right-icon{font-size:1.5rem;min-width:2rem}.right-content strong{display:block;color:var(--primary-text-color);margin-bottom:.25rem;font-size:.95rem}.right-content p{font-size:.85rem;color:var(--secondary-text-color);margin:0;line-height:1.4}.footer-links-grid{display:flex;gap:var(--spacing-lg);justify-content:center;flex-wrap:wrap}@media (max-width:768px){.summary-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.summary-section{padding:var(--spacing-md)}.summary-item{padding:var(--spacing-sm)}.acknowledgment-box{padding:1.25rem}.rights-grid{grid-template-columns:1fr;gap:.75rem}.right-item{padding:.85rem}.footer-links-grid{flex-direction:column;align-items:center;gap:var(--spacing-sm)}}.post-history-container{margin-top:1.5rem;background:var(--glass-bg);padding:1.25rem;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.post-history-container,.post-history-header{border:1px solid var(--glass-border);border-radius:var(--radius-sm)}.post-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:var(--spacing-sm) var(--spacing-md);background:var(--major-header-bg)}.post-history-header>div{display:flex;align-items:center;gap:.75rem}.post-history-header h3{margin:0}.clear-all-btn{padding:.5rem 1rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);color:rgba(239,68,68,1);font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--transition-base) ease}.clear-all-btn:hover{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.5);transform:translateY(-1px)}.post-count{font-size:.85rem;color:var(--secondary-text-color);background:rgba(255,255,255,.05);padding:.25rem .75rem;border-radius:var(--radius-sm)}.post-history-list{display:flex;flex-direction:column;gap:.75rem;max-height:500px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.post-history-list::-webkit-scrollbar{display:none}.post-history-empty{text-align:center;padding:3rem 1rem;color:var(--secondary-text-color)}.empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-subtitle{font-size:.9rem;margin-top:.5rem;opacity:.7}.history-item{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);transition:all var(--transition-base) ease;cursor:pointer;position:relative;height:120px;align-items:flex-start}.history-item:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);transform:translateY(-1px)}.history-delete-btn{position:absolute;top:.5rem;right:.5rem;padding:.4rem .6rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-sm);color:rgba(239,68,68,1);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-base) ease;opacity:0}.history-item:hover .history-delete-btn{opacity:1}.history-delete-btn:hover{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.4);transform:scale(1.1)}.history-item-image{flex-shrink:0;width:100px;height:100px;border-radius:var(--radius-sm);overflow:hidden}.history-item-content{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-xs);height:100%;justify-content:space-between}.history-item-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.375rem}.history-platform-badge{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--secondary-text-color);background:rgba(37,99,235,.1);padding:.25rem .6rem;border-radius:var(--radius-sm)}.history-platform-badge svg{flex-shrink:0}.history-timestamp{font-size:.8rem;color:var(--secondary-text-color);opacity:.7;white-space:nowrap}.history-caption{font-size:.9rem;line-height:1.6;color:rgba(255,255,255,.75);margin:.25rem 0 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical}.history-link{font-size:.85rem;color:var(--gradient-blue);text-decoration:none;display:inline-flex;align-items:center;gap:.3rem;transition:opacity .2s ease;opacity:0;max-height:0;overflow:hidden}.history-item.expanded .history-link,.history-item:hover .history-link{opacity:1;max-height:20px}@media (max-width:768px){.post-history-container{padding:var(--spacing-sm)}.history-item{flex-direction:column;gap:.75rem}.history-item-image{width:100%}.history-item-image img{width:100%!important;height:auto!important}}.post-confirmation-modal{max-width:520px;width:90%}.post-confirmation-modal .modal-header{padding:var(--spacing-md) var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.1)}.post-confirmation-modal .modal-header h2{font-size:1.375rem;font-weight:700;display:flex;align-items:center;gap:.625rem;color:var(--primary-text-color)}.post-confirmation-modal .modal-body{padding:var(--spacing-md) 0 var(--spacing-sm) 0;gap:var(--spacing-sm)}.post-confirmation-modal .modal-description{color:var(--secondary-text-color);margin-bottom:var(--spacing-sm);padding:0 var(--spacing-md);font-size:.9rem;line-height:1.5}.post-options-grid{display:flex;flex-direction:column;gap:var(--spacing-md);padding:0 var(--spacing-md)}.option-section{background:transparent;border:none;border-radius:var(--radius-sm);padding:0}.option-section:first-child{margin-bottom:0}.platforms-container{display:flex;flex-direction:column;gap:.625rem}.platform-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);transition:all var(--transition-base) ease}.platform-toggle-row:hover:not(.disabled){background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}.platform-toggle-row.disabled{opacity:.5;cursor:not-allowed}.platform-info{display:flex;align-items:center;gap:.75rem;flex:1 1}.platform-info .option-icon{font-size:1.25rem;line-height:1;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.platform-info strong{font-size:.9375rem;font-weight:600;color:var(--primary-text-color)}.toggle-switch{position:relative;width:44px;height:24px;flex-shrink:0}.toggle-switch input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.toggle-slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:24px}.toggle-slider,.toggle-slider:before{position:absolute;transition:all .25s cubic-bezier(.4,0,.2,1)}.toggle-slider:before{content:"";height:18px;width:18px;left:2px;bottom:2px;background:white;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#2563eb,#3b82f6);border-color:#2563eb}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.toggle-switch input:disabled+.toggle-slider{cursor:not-allowed;opacity:.5}.connection-pill{display:inline-flex;align-items:center;padding:.25rem .5rem;margin-left:.5rem;border-radius:var(--radius-full);font-size:.72rem;font-weight:700;color:rgba(245,158,11,.95);background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.25);letter-spacing:.01em}.facebook-pages-section{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.facebook-pages-title{font-size:.875rem;color:rgba(255,255,255,.7);margin:0 0 .5rem}.facebook-pages-list{display:flex;flex-direction:column;gap:.5rem}.facebook-page-option{font-size:.875rem;min-width:auto}.option-section h3{font-size:.75rem;font-weight:800;color:rgba(255,255,255,.85);text-transform:uppercase;letter-spacing:.06em;margin:0 0 .75rem;padding-bottom:0;position:relative;padding-left:0}.card-option{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) 1.25rem;background:rgba(255,255,255,.03);border:2px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base) cubic-bezier(.4,0,.2,1);margin-bottom:var(--spacing-xs);position:relative;overflow:hidden}.card-option:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(37,99,235,.1),rgba(59,130,246,.05));opacity:0;transition:opacity .25s ease}.card-option:last-child{margin-bottom:0}.card-option input[type=radio]{width:22px;height:22px;cursor:pointer;accent-color:#2563eb;flex-shrink:0;margin-top:.25rem;position:relative;z-index:1}.card-option:hover:not(.disabled){background:rgba(255,255,255,.06);border-color:rgba(37,99,235,.4);transform:translateY(-2px);box-shadow:0 8px 24px rgba(37,99,235,.15)}.card-option:hover:not(.disabled):before{opacity:1}.card-option.selected{background:linear-gradient(135deg,rgba(37,99,235,.15),rgba(59,130,246,.1));border-color:#2563eb;box-shadow:0 0 0 1px #2563eb,0 8px 28px rgba(37,99,235,.25);transform:translateY(-1px)}.card-option.selected .card-icon{transform:scale(1.1);filter:drop-shadow(0 2px 8px rgba(37,99,235,.3))}.card-content{display:flex;align-items:flex-start;gap:var(--spacing-sm);flex:1 1;position:relative;z-index:1}.card-option-compact{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;padding:.875rem .625rem;background:rgba(255,255,255,.02);border:1.5px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base) cubic-bezier(.4,0,.2,1);margin-bottom:0;position:relative;overflow:hidden;height:100%}.card-option-compact:last-child{margin-bottom:0}.card-option-compact:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(59,130,246,.04));opacity:0;transition:opacity .25s ease}.card-option-compact input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:#2563eb;flex-shrink:0;margin:0;position:absolute;top:.625rem;left:.625rem;z-index:1}.card-option-compact .compact-icon{font-size:2rem;line-height:1;flex-shrink:0;transition:all var(--transition-base) cubic-bezier(.4,0,.2,1);position:relative;z-index:1;margin:0}.card-option-compact .compact-content{display:flex;flex-direction:column;gap:.25rem;flex:1 1;position:relative;z-index:1;width:100%}.card-option-compact .compact-content strong{color:var(--primary-text-color);font-size:.8125rem;font-weight:700;line-height:1.25;display:block}.card-option-compact .compact-content small{color:rgba(255,255,255,.55);font-size:.6875rem;line-height:1.35;display:block}.card-option-compact:hover:not(.disabled){background:rgba(255,255,255,.06);border-color:rgba(37,99,235,.4);transform:translateY(-1px);box-shadow:0 3px 10px rgba(0,0,0,.15)}.card-option-compact:hover:not(.disabled):before{opacity:1}.card-option-compact.selected{background:linear-gradient(135deg,rgba(37,99,235,.15),rgba(59,130,246,.1));border-color:rgba(37,99,235,.8);border-width:2px;box-shadow:0 0 0 1px rgba(37,99,235,.3),0 6px 20px rgba(37,99,235,.25);transform:translateY(-1px)}.card-option-compact.selected .compact-icon{transform:scale(1.08);filter:drop-shadow(0 2px 6px rgba(37,99,235,.25))}.card-option-compact.selected .compact-content strong{color:#93c5fd}.card-option-compact.selected .compact-content small{color:rgba(255,255,255,.75)}.option-section:has(.card-option-compact.selected) .card-option-compact:not(.selected){opacity:.55;background:rgba(255,255,255,.02)}.option-section:has(.card-option-compact.selected) .card-option-compact:not(.selected):hover{opacity:.75}.card-icon{font-size:2rem;line-height:1;flex-shrink:0;margin-top:.125rem;transition:all var(--transition-base) cubic-bezier(.4,0,.2,1)}.card-text{display:flex;flex-direction:column;gap:.375rem;flex:1 1}.card-text strong{color:var(--primary-text-color);font-size:var(--font-size-base);font-weight:600;line-height:1.4}.card-text small{color:var(--secondary-text-color);font-size:.8125rem;line-height:1.5;opacity:.75}.section-description{color:rgba(255,255,255,.5);font-size:.8125rem;margin:0 0 .75rem;line-height:1.4;font-weight:400}.post-format-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.625rem;gap:.625rem;margin:0}.checkbox-option{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) 1.125rem;background:rgba(255,255,255,.03);border:2px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base) cubic-bezier(.4,0,.2,1);position:relative;flex:1 1;min-width:160px;overflow:hidden}.checkbox-option:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(59,130,246,.04));opacity:0;transition:opacity .25s ease}.checkbox-option:last-child{margin-bottom:0}.checkbox-option:hover:not(.disabled){background:rgba(255,255,255,.06);border-color:rgba(37,99,235,.35);transform:translateY(-2px);box-shadow:0 6px 20px rgba(37,99,235,.12)}.checkbox-option:hover:not(.disabled):before{opacity:1}.checkbox-option input[type=checkbox]{accent-color:#2563eb;position:relative;z-index:1}.checkbox-option input[type=checkbox]:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.checkbox-option input[type=checkbox]:checked~.checkbox-label{opacity:1}.checkbox-option input[type=checkbox]:checked{accent-color:var(--primary-color)}.checkbox-option:has(input[type=checkbox]:checked){background:rgba(37,99,235,.12);border-color:#2563eb;box-shadow:0 0 0 1px rgba(37,99,235,.3),0 6px 20px rgba(37,99,235,.2)}.checkbox-option:has(input[type=checkbox]:checked) .option-icon{transform:scale(1.05);filter:drop-shadow(0 2px 8px rgba(37,99,235,.3))}.checkbox-option.disabled{opacity:.4;cursor:not-allowed;background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.05)}.checkbox-option input[type=checkbox]{margin-top:.125rem;width:20px;height:20px;cursor:pointer;flex-shrink:0;border-radius:4px}.checkbox-option input[type=checkbox]:disabled{cursor:not-allowed}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-xs);flex:1 1;cursor:pointer;position:relative;z-index:1}.option-icon{font-size:1.5rem;line-height:1;flex-shrink:0;transition:all var(--transition-base) cubic-bezier(.4,0,.2,1)}.platforms-container .checkbox-option .option-text{display:none}.platforms-container .checkbox-option .option-icon{margin:0}.platforms-container .checkbox-label{gap:var(--spacing-xs)}.platforms-container .checkbox-label strong{font-size:.9375rem;font-weight:600;color:var(--primary-text-color)}.option-text{display:flex;flex-direction:column;gap:.375rem;flex:1 1}.option-text strong{color:var(--primary-text-color);font-size:.9375rem;font-weight:600;line-height:1.3}.option-text small{color:var(--secondary-text-color);font-size:.8125rem;line-height:1.5;opacity:.8}.input-field-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs)}.affiliate-link-input{width:100%;padding:var(--spacing-sm);background:rgba(255,255,255,.04);border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:var(--primary-text-color);font-size:var(--font-size-base);font-family:inherit;line-height:var(--line-height-normal);transition:all var(--transition-base) cubic-bezier(.4,0,.2,1)}.affiliate-link-input:hover{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.06)}.affiliate-link-input:focus{outline:none;background:rgba(255,255,255,.06);border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.15)}.affiliate-link-input::placeholder{color:rgba(255,255,255,.4);opacity:1}.input-hint{color:var(--secondary-text-color);font-size:.8125rem;line-height:1.5;opacity:.7;padding-left:2px}.modal-footer{display:flex;gap:var(--spacing-sm);justify-content:flex-end;align-items:center;padding:var(--spacing-md);border-top:1px solid rgba(255,255,255,.1);margin-top:var(--spacing-xs);min-height:80px}.modal-btn{padding:var(--spacing-sm) 1.75rem;border-radius:var(--radius-sm);font-weight:600;font-size:.9375rem;cursor:pointer;transition:all var(--transition-base) cubic-bezier(.4,0,.2,1);border:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);min-width:140px;position:relative;overflow:hidden}.modal-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.15);transform:translate(-50%,-50%);transition:width .6s,height .6s}.modal-btn:hover:before{width:300px;height:300px}.modal-btn.ghost{background:transparent;color:var(--primary-text-color);border:2px solid rgba(255,255,255,.15);font-weight:500}.modal-btn.ghost:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.25);transform:translateY(-2px);color:var(--primary-text-color);box-shadow:0 6px 16px rgba(0,0,0,.15)}.modal-btn.primary{color:white;box-shadow:0 4px 20px rgba(59,130,246,.4),0 0 30px rgba(139,92,246,.2),inset 0 1px 0 rgba(255,255,255,.2);font-weight:700;letter-spacing:.02em;position:relative;z-index:1;border:1px solid rgba(255,255,255,.15);text-shadow:0 1px 2px rgba(0,0,0,.2)}.modal-btn.primary,.modal-btn.primary:after{background:linear-gradient(135deg,#3b82f6,#8b5cf6 50%,#06b6d4);background-size:200% 200%;animation:gradientShift 3s ease infinite}.modal-btn.primary:after{content:"";position:absolute;inset:-2px;border-radius:inherit;z-index:-1;opacity:.5;filter:blur(8px)}.modal-btn.primary:hover{background:linear-gradient(135deg,#2563eb,#7c3aed 50%,#0891b2);background-size:200% 200%;box-shadow:0 8px 30px rgba(59,130,246,.5),0 0 40px rgba(139,92,246,.35),inset 0 1px 0 rgba(255,255,255,.25);transform:translateY(-3px) scale(1.02)}.modal-btn.primary:active{transform:translateY(0) scale(.98);box-shadow:0 2px 10px rgba(59,130,246,.3),0 0 20px rgba(139,92,246,.15)}.modal-btn svg{width:18px;height:18px;position:relative;z-index:1}@media (max-width:768px){.post-confirmation-modal{width:95%;max-width:none}.modal-footer{flex-direction:column}.modal-btn{width:100%;justify-content:center}}.post-preview-section{margin-top:2rem;padding:0 1rem}.preview-header{text-align:center;margin-bottom:1.5rem}.preview-header h2{font-size:1.75rem;font-weight:700;color:var(--primary-text-color);margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.preview-header p{color:var(--secondary-text-color);font-size:.95rem}.preview-container{max-width:700px;margin:0 auto}.preview-card{background:rgba(255,255,255,.03);border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.2)}.preview-card-header{background:rgba(255,255,255,.05);padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:.75rem}.preview-icon{font-size:1.5rem}.preview-card-header h3{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.1rem;font-weight:700;color:var(--primary-text-color);margin:0;line-height:1.2;letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.3)}.preview-content{padding:var(--spacing-md)}.preview-text-section{margin-bottom:1.5rem}.preview-text-section:last-child{margin-bottom:0}.preview-label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--secondary-text-color);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.625rem}.preview-label-hint{display:block;font-size:var(--font-size-xs);font-weight:400;text-transform:none;letter-spacing:0;opacity:.7;margin-top:.25rem}.preview-text{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);padding:var(--spacing-sm);color:var(--primary-text-color);font-size:.95rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}.preview-hashtags{color:#667eea;font-weight:500}.preview-image-section{margin-bottom:1.5rem}.preview-image-container{border-radius:var(--radius-sm);overflow:hidden;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.08)}.preview-image{width:100%;height:auto;display:block;object-fit:cover}.preview-affiliate-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.08)}.affiliate-input{width:100%;padding:.875rem 1rem;background:rgba(255,255,255,.05);border:1.5px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:var(--primary-text-color);font-size:.9375rem;transition:all var(--transition-base) ease}.affiliate-input:focus{outline:none;background:rgba(255,255,255,.08);border-color:rgba(102,126,234,.5);box-shadow:0 0 0 3px rgba(102,126,234,.1)}.affiliate-input::placeholder{color:var(--secondary-text-color);opacity:.6}.preview-actions{padding:var(--spacing-md);background:rgba(255,255,255,.02);border-top:1px solid rgba(255,255,255,.08);display:flex;gap:var(--spacing-sm);justify-content:flex-end}.preview-btn{padding:.875rem 1.75rem;border-radius:var(--radius-sm);font-weight:600;font-size:.9375rem;cursor:pointer;transition:all var(--transition-base) cubic-bezier(.4,0,.2,1);border:none;display:inline-flex;align-items:center;justify-content:center;gap:.625rem;min-width:140px}.preview-btn:disabled{opacity:.5;cursor:not-allowed}.preview-btn.btn-secondary{background:rgba(255,255,255,.08);color:var(--primary-text-color);border:1.5px solid rgba(255,255,255,.12)}.preview-btn.btn-secondary:hover:not(:disabled){background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);transform:translateY(-1px)}.preview-btn.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:white;box-shadow:0 4px 12px rgba(102,126,234,.4)}.preview-btn.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#5568d3,#63408a);box-shadow:0 6px 16px rgba(102,126,234,.5);transform:translateY(-2px)}.preview-btn.btn-primary:active:not(:disabled){transform:translateY(0)}.preview-btn svg{width:18px;height:18px}.ready-to-post-section{padding:1.25rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));margin-bottom:1.25rem}.ready-to-post-section .section-title{display:flex;align-items:center;gap:var(--spacing-sm);padding:0;margin:0}.post-section-header{justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:1.25rem;background:var(--major-header-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm)}.post-header-title,.post-section-header{display:flex;align-items:center;flex-wrap:wrap}.post-header-title{flex-direction:row;gap:.75rem}.post-count-subtext{display:inline-flex;align-items:center;color:var(--secondary-text-color);font-size:.85rem;font-weight:500;background:rgba(255,255,255,.05);padding:.25rem .75rem;border-radius:var(--radius-sm);margin:0}.form-card>.accordion-header,.output-actions-section-top,.post-history-header,.post-section-header,.saved-list-header,.scheduled-list-header{background:var(--major-header-bg);border-bottom:1px solid var(--glass-border);border:1px solid var(--glass-border);border-bottom-color:var(--major-header-border);border-radius:var(--radius-sm);padding:var(--major-header-pad-y) var(--major-header-pad-x);min-height:72px;box-shadow:var(--major-header-glow),var(--shadow-sm)}.output-actions-section-top,.post-history-header,.post-section-header,.saved-list-header,.scheduled-list-header{align-items:center}.post-history-header .section-title,.post-section-header .section-title,.saved-list-header .section-title,.scheduled-list-header .section-title{display:inline-flex;align-items:center;gap:.625rem;font-size:1.5rem;font-weight:700}.input-title,.input-title .pill-text,.output-title,.output-title .pill-text{font-size:1.5rem;font-weight:700}.input-title .pill-icon,.output-title .pill-icon{width:26px;height:26px}.status-chip-enhanced{display:inline-flex;align-items:center;gap:.25rem;background:linear-gradient(135deg,rgba(34,197,94,.18),rgba(22,163,74,.12));border:1px solid rgba(34,197,94,.35);color:rgb(34,197,94);padding:.4rem .85rem;border-radius:24px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;box-shadow:0 2px 8px rgba(34,197,94,.15)}.post-filters{display:flex;align-items:center}.sort-dropdown{padding:.5rem 1rem;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:rgba(255,255,255,.85);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--transition-base) ease}.sort-dropdown:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2)}.sort-dropdown:focus{outline:none;border-color:rgba(88,101,242,.5);box-shadow:0 0 0 3px rgba(88,101,242,.1)}.section-header{margin-bottom:1rem;padding:.75rem;background:rgba(100,116,139,.08);border-bottom:1px solid var(--glass-border);border-radius:var(--radius-sm)}.section-header h2{font-size:var(--font-size-xl);font-weight:700;color:var(--primary-text-color);margin:0;display:flex;align-items:center;gap:var(--spacing-xs)}.scheduled-posts-section{margin-bottom:2rem}.scheduled-posts-section>.section-title{font-size:1.35rem;font-weight:700;color:var(--primary-text-color);margin-bottom:1rem;padding:.75rem 1rem;background:transparent;border-left:none;border-bottom:none;border-radius:var(--radius-sm);letter-spacing:.01em}.ready-to-post-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--spacing-md);gap:var(--spacing-md);width:100%;padding:0;align-items:stretch;grid-auto-rows:1fr}@media (max-width:1400px){.ready-to-post-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.ready-to-post-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.ready-to-post-grid{grid-template-columns:1fr}}.scheduled-preview-card{width:100%;background:rgba(30,30,35,.95);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.25);transition:all var(--transition-base) cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;height:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.scheduled-preview-card:hover{border-color:rgba(88,101,242,.25);box-shadow:0 8px 24px rgba(88,101,242,.2),0 0 0 1px rgba(88,101,242,.15);transform:translateY(-2px)}.scheduled-preview-image-wrapper{width:100%;height:160px;overflow:hidden;background:rgba(0,0,0,.4);position:relative;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.06)}.scheduled-preview-image-wrapper:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(180deg,transparent,rgba(30,30,35,.8));pointer-events:none}.scheduled-image{width:100%;height:100%;object-fit:cover}.scheduled-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.2);background:linear-gradient(135deg,rgba(88,101,242,.08),rgba(88,101,242,.03))}.scheduled-preview-content{padding:.95rem;display:flex;flex-direction:column;gap:.625rem;flex:1 1}.scheduled-preview-meta{justify-content:space-between}.card-badges,.scheduled-preview-meta{display:flex;align-items:center;gap:var(--spacing-xs)}.card-badges{flex-wrap:wrap}.scheduled-platform-badge-pill{padding:var(--spacing-xs) var(--spacing-sm);background:linear-gradient(135deg,rgba(88,101,242,.18),rgba(88,101,242,.12));border:1px solid rgba(88,101,242,.35);border-radius:var(--radius-full);color:rgb(139,148,255);font-size:.7rem;letter-spacing:.04em;box-shadow:0 2px 6px rgba(88,101,242,.12)}.card-status-ready,.scheduled-platform-badge-pill{display:inline-flex;align-items:center;font-weight:700;text-transform:uppercase}.card-status-ready{padding:.35rem .65rem;background:linear-gradient(135deg,rgba(34,197,94,.18),rgba(22,163,74,.12));border:1px solid rgba(34,197,94,.35);border-radius:var(--radius-full);color:rgb(34,197,94);font-size:.65rem;letter-spacing:.05em;box-shadow:0 2px 6px rgba(34,197,94,.12)}.scheduled-preview-time{color:rgba(255,255,255,.45);font-size:.7rem;font-weight:500}.scheduled-preview-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--primary-text-color);font-size:.95rem;font-weight:700;line-height:1.2;letter-spacing:.01em}.scheduled-preview-text,.scheduled-preview-title{margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.scheduled-preview-text{color:rgba(255,255,255,.65);font-size:.8125rem;line-height:1.5}.view-details-link{display:inline-flex;align-items:center;gap:.375rem;color:rgba(88,101,242,.9);font-size:var(--font-size-xs);font-weight:600;background:none;border:none;padding:0;cursor:pointer;transition:all var(--transition-base) ease;margin-top:.25rem}.view-details-link:hover{color:rgb(88,101,242);gap:var(--spacing-xs)}.view-details-link svg{transition:transform .2s ease}.view-details-link:hover svg{transform:scale(1.1)}.scheduled-preview-actions{display:flex;gap:var(--spacing-sm);margin-top:auto;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.06)}.scheduled-action-btn{flex:1 1;padding:.75rem .9rem;border-radius:var(--radius-sm);font-weight:600;font-size:.8125rem;cursor:pointer;transition:all var(--transition-base) cubic-bezier(.4,0,.2,1);border:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);min-height:44px;white-space:nowrap}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.scheduled-btn-post{background:linear-gradient(135deg,#3b82f6,#8b5cf6 50%,#06b6d4);background-size:200% 200%;animation:gradientShift 3s ease infinite;color:white;box-shadow:0 4px 20px rgba(59,130,246,.4),0 0 30px rgba(139,92,246,.2),inset 0 1px 0 rgba(255,255,255,.2);position:relative;font-weight:700;letter-spacing:.02em;border:1px solid rgba(255,255,255,.15);text-shadow:0 1px 2px rgba(0,0,0,.2);z-index:1}.scheduled-btn-post:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(255,255,255,.12),transparent);border-radius:inherit;pointer-events:none}.scheduled-btn-post:after{content:"";position:absolute;inset:-2px;border-radius:inherit;background:linear-gradient(135deg,#3b82f6,#8b5cf6 50%,#06b6d4);background-size:200% 200%;animation:gradientShift 3s ease infinite;z-index:-1;opacity:.5;filter:blur(8px)}.scheduled-btn-post:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#7c3aed 50%,#0891b2);background-size:200% 200%;box-shadow:0 8px 30px rgba(59,130,246,.5),0 0 40px rgba(139,92,246,.35),inset 0 1px 0 rgba(255,255,255,.25);transform:translateY(-3px) scale(1.02);letter-spacing:.025em}.scheduled-btn-post:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:0 2px 10px rgba(59,130,246,.3),0 0 20px rgba(139,92,246,.15)}.scheduled-btn-cancel{background:transparent;color:rgba(255,255,255,.5);border:1.5px solid rgba(255,255,255,.12)}.scheduled-btn-cancel:hover{background:rgba(239,68,68,.08);color:rgba(239,68,68,.9);border-color:rgba(239,68,68,.3)}.scheduled-action-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}.detail-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--spacing-sm);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.detail-modal-content{background:linear-gradient(135deg,rgba(20,20,25,.98),rgba(30,30,35,.98));border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 24px 64px rgba(0,0,0,.6),0 0 0 1px rgba(88,101,242,.2);position:relative;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.detail-modal-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:50%;border:none;background:rgba(255,255,255,.08);color:rgba(255,255,255,.7);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base) ease;z-index:1}.detail-modal-close:hover{background:rgba(255,255,255,.15);color:white;transform:rotate(90deg)}.detail-modal-header{padding:2rem 2rem 1rem;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.detail-modal-header h2{font-size:1.5rem;font-weight:700;color:rgba(255,255,255,.95);margin:0}.detail-modal-image{padding:var(--spacing-md);padding-bottom:0}.detail-modal-image img{border-radius:var(--radius-sm);box-shadow:0 8px 24px rgba(0,0,0,.3)}.detail-modal-body{padding:1.5rem 2rem;display:flex;flex-direction:column;gap:var(--spacing-md)}.detail-section{display:flex;flex-direction:column;gap:var(--spacing-xs)}.detail-section h3{font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:rgba(88,101,242,.9);margin:0}.detail-section p{font-size:.9375rem;line-height:1.6;color:rgba(255,255,255,.85);margin:0;white-space:pre-wrap}.detail-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);padding-top:1rem;border-top:1px solid rgba(255,255,255,.06)}.detail-meta-item{display:flex;align-items:center;gap:var(--spacing-xs);color:rgba(255,255,255,.6);font-size:.8125rem}.detail-meta-item svg{color:rgba(88,101,242,.7)}.detail-modal-actions{padding:1.5rem 2rem 2rem;border-top:1px solid rgba(255,255,255,.08);display:flex;gap:.75rem}.detail-modal-btn{flex:1 1;padding:.875rem 1.5rem;border-radius:var(--radius-sm);font-weight:600;font-size:.9375rem;cursor:pointer;transition:all var(--transition-base) ease;border:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.detail-btn-post{background:linear-gradient(-45deg,#2563eb,#1d4ed8,#3b82f6,#1e40af);background-size:300% 300%;color:white;box-shadow:0 8px 24px rgba(37,99,235,.45),0 0 35px rgba(37,99,235,.18);position:relative;font-weight:700;letter-spacing:.5px;animation:gradientShift 4s ease infinite}.detail-btn-post:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(255,255,255,.12),transparent);border-radius:inherit;pointer-events:none}.detail-btn-post:hover:not(:disabled){box-shadow:0 12px 36px rgba(37,99,235,.6),0 0 45px rgba(37,99,235,.28);transform:translateY(-3px) scale(1.03)}.detail-btn-close{background:transparent;color:rgba(255,255,255,.7);border:1.5px solid rgba(255,255,255,.15)}.detail-btn-close:hover{background:rgba(255,255,255,.08);color:white;border-color:rgba(255,255,255,.3)}@media (prefers-reduced-motion:reduce){.detail-btn-post,.modal-btn.primary,.modal-footer-button.primary,.scheduled-btn-post,.social-platform-button.facebook,.social-platform-button.threads{animation:none!important;background:linear-gradient(135deg,#2563eb,#1d4ed8)!important}.detail-btn-post:hover:not(:disabled),.modal-btn.primary:hover,.modal-footer-button.primary:hover,.scheduled-btn-post:hover:not(:disabled),.social-platform-button.facebook:hover:not(:disabled),.social-platform-button.threads:hover:not(:disabled){box-shadow:0 6px 20px rgba(37,99,235,.45),0 0 20px rgba(37,99,235,.25)!important;transform:translateY(-2px)!important}}.detail-modal-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}@media (max-width:768px){.post-section-header{gap:var(--spacing-sm)}.post-filters,.post-section-header{flex-direction:column;align-items:stretch}.sort-dropdown{width:100%}.scheduled-preview-card{max-width:100%}.scheduled-preview-actions{flex-direction:column;gap:.625rem}.scheduled-action-btn{width:100%;min-height:48px;padding:.875rem 1rem}.ready-to-post-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.detail-modal-content{margin:var(--spacing-xs);max-height:95vh}.detail-modal-header{padding:1.5rem 1.5rem 1rem}.detail-modal-body{padding:1rem 1.5rem}.detail-modal-actions{padding:1rem 1.5rem 1.5rem;flex-direction:column}.detail-modal-btn{width:100%;min-height:48px}.output-actions-section-top{padding:var(--spacing-md);gap:var(--spacing-sm)}.output-tab-btn{min-height:44px;padding:10px 14px}.output-action-btn{min-height:44px;padding:10px 16px}.image-upload-layout{flex-direction:column}.image-preview-sidebar{width:100%;max-width:100%}.image-drop-zone.compact{min-height:160px}.image-preview-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--spacing-sm)}.image-preview-grid.grid-2col{grid-template-columns:repeat(2,1fr);gap:.75rem}.saved-item{flex-direction:column;padding:var(--spacing-md)}.saved-item-image{width:100%;height:auto;max-height:200px}.saved-item-actions{width:100%;justify-content:stretch}.saved-item-button{flex:1 1;min-height:44px}}.post-preview-section{display:none}.skeleton{background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.1) 50%,rgba(255,255,255,.05));animation:shimmer 2s infinite}@keyframes spin{to{transform:rotate(1turn)}}.spinner{display:inline-block;width:1em;height:1em;border:2px solid rgba(255,255,255,.3);border-top:2px solid var(--focus-ring-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes copyPulse{0%{color:var(--success-color);transform:scale(1)}50%{transform:scale(1.1)}to{color:var(--primary-text-color);transform:scale(1)}}.copy-feedback{animation:copyPulse .6s ease-out forwards}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.list-item{animation:slideInLeft .4s ease-out;animation-fill-mode:both}.list-item:first-child{animation-delay:0s}.list-item:nth-child(2){animation-delay:50ms}.list-item:nth-child(3){animation-delay:.1s}.list-item:nth-child(4){animation-delay:.15s}.list-item:nth-child(5){animation-delay:.2s}.list-item:nth-child(n+6){animation-delay:.25s}a{color:var(--gradient-blue);text-decoration:underline;text-underline-offset:4px;transition:all var(--transition-base) ease;cursor:pointer}a:hover{color:#55cdff;text-decoration-thickness:2px}a:focus-visible{outline:3px solid var(--focus-ring-color);outline-offset:4px;border-radius:2px}a:active{opacity:.8}.button-group{display:flex;gap:var(--spacing-md);align-items:center;flex-wrap:wrap}.button-group-vertical{display:flex;flex-direction:column;gap:var(--spacing-sm)}.icon-button{width:44px;height:44px;min-width:unset;padding:0!important;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);border:1px solid var(--glass-border);transition:all var(--transition-base) ease}.icon-button:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);transform:scale(1.08)}.icon-button:active{transform:scale(.95)}@media (max-width:480px){.button,[role=button],a[role=button],button{min-height:52px;padding:.875rem 1.5rem;font-size:var(--font-size-base)}.button-primary,button[type=submit]{min-height:56px;padding:1rem 2rem;font-size:1.05rem}.icon-button{width:48px;height:48px}}@media (max-width:640px){html{font-size:16px}body{font-size:.95rem}h1{font-size:1.5rem;line-height:1.2}h2{font-size:var(--font-size-xl);line-height:1.3}h3{font-size:1.1rem;line-height:1.4}h4{font-size:var(--font-size-base);line-height:1.5}p{font-size:.95rem}}@media (max-width:480px){.modal,[role=dialog]{position:fixed;bottom:0;left:0;right:0;max-height:100vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;animation:slideUpMobile .3s cubic-bezier(.32,.72,0,1) forwards}.modal-content{padding:1.5rem 1.25rem;max-height:calc(100vh - 2rem);overflow-y:auto}form{padding:1.25rem}input,select,textarea{font-size:16px}}[role=button]:not(:disabled):hover,a[role=button]:hover,button:not(:disabled):hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);transition:all var(--transition-base) cubic-bezier(.34,1.56,.64,1)}[role=button]:active,button:active{transform:translateY(0);box-shadow:var(--shadow-md)}.card:hover,[role=article]:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);transition:all var(--transition-base) ease}a:not(.button):hover{transition:color var(--transition-fast) ease}input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 3px rgba(102,126,234,.1),0 0 0 5px rgba(102,126,234,.2);transition:box-shadow var(--transition-base) ease}input[type=email]:focus,input[type=password]:focus,input[type=text]:focus,textarea:focus{animation:inputFocus .3s ease forwards}.input-group .icon{transition:transform var(--transition-fast) ease,color var(--transition-fast) ease}input:focus~.input-group .icon{transform:scale(1.1) rotate(2deg);color:var(--primary)}.validation-icon{animation:validationPop .4s cubic-bezier(.34,1.56,.64,1) forwards}input[type=checkbox]:checked{animation:checkMark .3s ease forwards}.tooltip,[role=tooltip]{background:rgba(13,15,27,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);padding:.5rem .75rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;z-index:1000;pointer-events:none;white-space:nowrap;border:1px solid var(--glass-border);box-shadow:0 8px 32px 0 rgba(0,0,0,.3);animation:tooltipFade .2s ease-out forwards}.tooltip:before,[role=tooltip]:before{content:"";position:absolute;width:6px;height:6px;background:inherit;transform:rotate(45deg);border:1px solid var(--glass-border)}.popover,[role=dialog][data-popper-placement]{animation:popoverFade .25s ease-out forwards;max-width:360px}.image-container,[role=img]{position:relative;overflow:hidden;border-radius:var(--radius-sm);background:var(--glass-bg);aspect-ratio:auto}.image-container.loading,.image-loading{background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.15),rgba(255,255,255,.05));background-size:200% 100%;animation:shimmer 2s infinite}.image-blur{filter:blur(8px);transition:filter .4s ease-out}.image-blur.loaded{filter:blur(0)}.image-container img,img[loading=lazy]{width:100%;height:100%;object-fit:cover;display:block;transition:opacity var(--transition-base) ease}.image-container img.loaded{animation:imageLoadFade .5s ease-out forwards}picture{display:block}html{scroll-behavior:smooth;scroll-padding-top:80px}.scroll-to-top{position:fixed;bottom:2rem;right:2rem;z-index:999;opacity:0;visibility:hidden;transform:translateY(20px);transition:all var(--transition-base) ease}.scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top:hover{transform:translateY(-4px)}[role=main],main{animation:pageFadeIn .4s ease-out forwards}section{animation:sectionFadeIn .5s ease-out forwards}section:nth-child(2){animation-delay:.1s}section:nth-child(3){animation-delay:.2s}section:nth-child(4){animation-delay:.3s}section:nth-child(5){animation-delay:.4s}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes inputFocus{0%{background-color:transparent}to{background-color:rgba(102,126,234,.03)}}@keyframes validationPop{0%{opacity:0;transform:scale(0) rotate(-180deg)}50%{transform:scale(1.15)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes checkMark{0%{transform:scale(.5)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes tooltipFade{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes popoverFade{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes imageLoadFade{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}@keyframes sectionFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (min-width:768px) and (max-width:1024px){[role=button],button{padding:.875rem 1.5rem}.modal,[role=dialog]{max-width:90vw;margin:0 auto}}@media (min-width:1440px){body{max-width:1400px;margin:0 auto}.container{max-width:1200px;margin:0 auto}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}@media (prefers-color-scheme:dark){.image-loading{background:linear-gradient(90deg,rgba(255,255,255,.03),rgba(255,255,255,.08),rgba(255,255,255,.03))}}.keyword-chip-container{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem 1rem;background:rgba(26,28,48,.4);border:1px solid rgba(59,130,246,.25);border-radius:var(--radius-sm);min-height:56px;transition:all .2s ease}.keyword-chip-container:focus-within{border-color:rgba(59,130,246,.5);box-shadow:0 0 0 3px rgba(59,130,246,.1);background:rgba(26,28,48,.6)}.keyword-chip{display:inline-flex;align-items:center;gap:.625rem;padding:.5rem .875rem;background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(96,165,250,.1));border:1px solid rgba(59,130,246,.4);border-radius:var(--radius-full);color:#60a5fa;font-size:.875rem;font-weight:600;letter-spacing:.01em;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.1)}.keyword-chip:hover{background:linear-gradient(135deg,rgba(59,130,246,.25),rgba(96,165,250,.18));border-color:rgba(59,130,246,.55);transform:translateY(-1px);box-shadow:0 4px 8px rgba(59,130,246,.2)}.keyword-chip span{white-space:nowrap}.keyword-chip-remove{display:flex;align-items:center;justify-content:center;width:auto;height:auto;padding:0;background:transparent;border:none;border-radius:0;color:rgba(96,165,250,.7);font-size:1.125rem;font-weight:700;line-height:1;cursor:pointer;transition:color .15s ease}.keyword-chip-remove:hover{background:transparent;color:#f87171}.keyword-chip-input{flex:1 1;min-width:200px;padding:.5rem 0;background:transparent;border:none;outline:none;color:var(--primary-text-color);font-size:.9375rem;font-family:inherit}.keyword-chip-input::placeholder{color:rgba(96,165,250,.4);opacity:1}.keyword-highlight{color:#60a5fa;background:rgba(59,130,246,.2);padding:.15rem .35rem;border-radius:4px;font-weight:600;transition:all .2s ease;box-shadow:0 0 0 1px rgba(59,130,246,.3)}.prose .keyword-highlight{display:inline}.keyword-highlight:hover{background:rgba(59,130,246,.3);box-shadow:0 0 0 1px rgba(59,130,246,.5)}.skeleton{background:linear-gradient(90deg,rgba(255,255,255,.03),rgba(255,255,255,.08) 50%,rgba(255,255,255,.03));background-size:200% 100%;animation:shimmer 2s ease-in-out infinite;border-radius:var(--radius-sm);position:relative;overflow:hidden}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);animation:fadeInScale .4s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.skeleton-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.skeleton-icon{width:24px;height:24px;border-radius:50%;animation:shimmer 2s ease-in-out infinite}.skeleton-icon,.skeleton-title{background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.12) 50%,rgba(255,255,255,.05));background-size:200% 100%}.skeleton-title{flex:1 1;height:20px;max-width:180px;animation:shimmer 2s ease-in-out .1s infinite;border-radius:var(--radius-xs)}.skeleton-line{height:14px;background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.09) 50%,rgba(255,255,255,.04));background-size:200% 100%;animation:shimmer 2s ease-in-out infinite;border-radius:var(--radius-xs);margin-bottom:var(--spacing-sm)}.skeleton-line:first-child{animation-delay:.1s;width:95%}.skeleton-line:nth-child(2){animation-delay:.2s;width:88%}.skeleton-line:nth-child(3){animation-delay:.3s;width:92%}.skeleton-line:nth-child(4){animation-delay:.4s;width:75%}.generating-glow{position:relative;animation:breathingGlow 3s ease-in-out infinite}@keyframes breathingGlow{0%,to{box-shadow:0 0 10px rgba(96,165,250,.1),inset 0 0 20px rgba(96,165,250,.05)}50%{box-shadow:0 0 20px rgba(96,165,250,.2),inset 0 0 30px rgba(96,165,250,.08)}}.progress-dots{display:flex;justify-content:center;align-items:center;gap:8px;padding:var(--spacing-md) 0}.progress-dot{width:8px;height:8px;border-radius:50%;background:rgba(96,165,250,.3);animation:dotPulse 1.4s ease-in-out infinite}.progress-dot:first-child{animation-delay:0s}.progress-dot:nth-child(2){animation-delay:.2s}.progress-dot:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.progress-bar-container{width:100%;height:3px;background:rgba(255,255,255,.05);border-radius:2px;overflow:hidden;margin:var(--spacing-md) 0}.progress-bar-fill{height:100%;background:linear-gradient(90deg,rgba(96,165,250,.4),rgba(96,165,250,.8),rgba(96,165,250,.4));background-size:200% 100%;animation:progressSlide 2s ease-in-out infinite;border-radius:2px;width:100%}@keyframes progressSlide{0%{background-position:-200% 0}to{background-position:200% 0}}.generate-button{position:relative;overflow:hidden;transition:all .3s ease}.generate-button:disabled{cursor:not-allowed;opacity:.7}.generate-button.generating{pointer-events:none}.generate-button.generating:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(96,165,250,.1),transparent);animation:buttonShimmer 2s ease-in-out infinite}@keyframes buttonShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.generating-dots{display:inline-flex;margin-left:2px}.generating-dots span{animation:dotBlink 1.4s ease-in-out infinite;opacity:0}.generating-dots span:first-child{animation-delay:0s}.generating-dots span:nth-child(2){animation-delay:.2s}.generating-dots span:nth-child(3){animation-delay:.4s}@keyframes dotBlink{0%,20%{opacity:0}50%{opacity:1}80%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.generate-button.generating:after,.generating-glow,.progress-bar-fill,.progress-dot,.skeleton,.skeleton-icon,.skeleton-line,.skeleton-title{animation:none}.skeleton-card{animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}.loading-state-container{animation:fadeInScale .4s ease-out}.loading-state-container.exiting{animation:fadeOutScale .3s ease-in forwards}@keyframes fadeOutScale{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}