*{box-sizing:border-box}body{margin:0;padding:0;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}#root{min-height:100vh}.legal-page{min-height:100vh;background:#080b16;color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.legal-page-header{padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.08)}.legal-logo{color:#fff;text-decoration:none;font-size:1.25rem;font-weight:700;letter-spacing:.15em;display:inline-flex;align-items:center;gap:.25rem}.legal-logo-icon{background:linear-gradient(135deg,#6e8efb,#a777e3,#e07edc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.5rem}.legal-page-content{max-width:720px;margin:0 auto;padding:3rem 2rem 4rem}.legal-page-content h1{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.5rem}.legal-updated{color:#888;font-size:.875rem;margin-bottom:1.5rem}.legal-intro{font-size:1rem;line-height:1.7;color:#bbb;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.08)}.legal-page-content section{margin-bottom:2rem}.legal-page-content h2{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:.75rem}.legal-page-content p{font-size:.95rem;line-height:1.7;color:#bbb;margin-bottom:.75rem}.support-contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1rem}.support-contact-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem}.support-contact-card h3{font-size:1rem;font-weight:600;color:#fff;margin-bottom:.5rem}.support-link{color:#a777e3;text-decoration:none;font-weight:500;font-size:1rem}.support-link:hover{text-decoration:underline}.support-faq{display:flex;flex-direction:column;gap:.5rem}.support-faq details{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:0;overflow:hidden}.support-faq summary{padding:1rem 1.25rem;cursor:pointer;color:#fff;font-weight:500;font-size:.95rem;list-style:none;display:flex;align-items:center;gap:.5rem}.support-faq summary:before{content:"+";font-size:1.25rem;color:#a777e3;flex-shrink:0;width:1.25rem;text-align:center}.support-faq details[open] summary:before{content:"−"}.support-faq summary::-webkit-details-marker{display:none}.support-faq details p{padding:0 1.25rem 1rem 2.75rem;margin:0}.legal-page-footer{max-width:720px;margin:0 auto;padding:2rem;border-top:1px solid rgba(255,255,255,.08);text-align:center}.legal-page-footer p{color:#666;font-size:.8rem;margin-bottom:.75rem}.legal-footer-links{display:flex;justify-content:center;gap:1.5rem}.legal-footer-links a{color:#888;text-decoration:none;font-size:.85rem}.legal-footer-links a:hover{color:#a777e3}@media(max-width:600px){.legal-page-content{padding:2rem 1.25rem 3rem}.legal-page-content h1{font-size:1.5rem}.support-contact-grid{grid-template-columns:1fr}}:root{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-bg: #0f172a;--color-surface: #1e293b;--color-surface-hover: #334155;--color-border: #334155;--color-text: #f1f5f9;--color-text-secondary: #94a3b8;--radius: 8px;--shadow: 0 1px 3px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .4)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6}.app-layout{display:flex;min-height:100vh;background:var(--color-bg)}.app-main{flex:1;min-width:0;overflow-y:auto;height:100vh}.app-content{max-width:1100px;margin:0 auto;padding:2rem 2rem 3rem}.app-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--color-bg)}.app-loading-content{text-align:center;color:var(--color-text-secondary)}.app-loading-logo{font-size:3rem;color:var(--color-primary);display:block;margin-bottom:1rem}.sidebar{width:240px;min-width:240px;height:100vh;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;transition:width .2s,min-width .2s;position:sticky;top:0;z-index:50}.sidebar-collapsed{width:64px;min-width:64px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--color-border)}.sidebar-logo{display:flex;align-items:center;gap:.6rem;cursor:pointer}.sidebar-logo-icon{font-size:1.5rem;color:var(--color-primary);line-height:1}.sidebar-logo-text{font-size:1.25rem;font-weight:700;color:var(--color-text);letter-spacing:.5px}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:6px;transition:all .15s}.sidebar-toggle:hover{background:var(--color-surface-hover);color:var(--color-text)}.sidebar-collapsed .sidebar-header{justify-content:center;padding:1rem .5rem}.sidebar-collapsed .sidebar-toggle{display:none}.sidebar-nav{flex:1;padding:.5rem;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.sidebar-nav-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .75rem;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:8px;font-size:.875rem;font-weight:500;transition:all .15s;text-align:left;width:100%}.sidebar-nav-item:hover{background:var(--color-surface-hover);color:var(--color-text)}.sidebar-nav-item.active{background:#2563eb1a;color:var(--color-primary)}.sidebar-nav-item svg{flex-shrink:0}.sidebar-collapsed .sidebar-nav-item{justify-content:center;padding:.65rem}.sidebar-collapsed .sidebar-nav-item span{display:none}.sidebar-footer{padding:.75rem;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:.5rem}.sidebar-balance{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#2563eb14;border-radius:8px;font-size:.8rem;font-weight:600;color:var(--color-primary)}.sidebar-balance-mini{display:flex;align-items:center;justify-content:center;padding:.5rem;color:var(--color-primary)}.sidebar-user{padding:.25rem 0}.sidebar-user-email{font-size:.75rem;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 .25rem;margin-bottom:.35rem}.sidebar-user-actions{display:flex;align-items:center;gap:.5rem;padding:0 .25rem}.sidebar-logout{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:6px;transition:all .15s}.sidebar-logout:hover{background:#ef44441a;color:var(--color-error)}.sidebar-logout-mini{margin:0 auto}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:40}.results-job-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:.25rem}.results-job-tab{display:flex;flex-direction:column;gap:.15rem;padding:.5rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;white-space:nowrap;transition:all .15s ease;min-width:0}.results-job-tab:hover{border-color:var(--color-text-muted)}.results-job-tab.active{border-color:var(--color-primary);background:#8b5cf614}.results-job-tab-name{font-size:.85rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;max-width:160px}.results-job-tab-count{font-size:.75rem;color:var(--color-text-muted)}.page-split{display:flex;flex-direction:column;gap:3rem}.dashboard{display:flex;flex-direction:column;gap:1.5rem}.dashboard-welcome{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 0}.dashboard-welcome h1{font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.dashboard-welcome p{color:var(--color-text-secondary);font-size:.95rem}.dashboard-status{display:flex;align-items:center}.dashboard-health{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--color-text-secondary)}.dashboard-health .status-dot{width:8px;height:8px;border-radius:50%;background:var(--color-success);animation:pulse 2s infinite}.dashboard-health.offline .status-dot{background:var(--color-error)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.dashboard-balance-card{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#2563eb1f,#6366f114);border:1px solid rgba(37,99,235,.2);border-radius:12px}.dashboard-balance-left{display:flex;align-items:center;gap:1rem}.dashboard-balance-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#2563eb26;border-radius:12px;color:var(--color-primary)}.dashboard-balance-label{font-size:.8rem;color:var(--color-text-secondary);margin-bottom:.15rem}.dashboard-balance-value{font-size:1.75rem;font-weight:700;color:var(--color-text)}.dashboard-sub-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:8px;color:var(--color-success);font-size:.8rem;font-weight:600}.dashboard-buy-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s}.dashboard-buy-btn:hover{background:var(--color-primary-hover)}.dashboard-section{margin-top:.5rem}.dashboard-section-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--color-text)}.dashboard-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.dashboard-action-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;cursor:pointer;transition:all .15s;text-align:left;width:100%}.dashboard-action-card:hover{border-color:var(--color-primary);background:var(--color-surface-hover);transform:translateY(-1px)}.dashboard-action-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;flex-shrink:0}.action-upload{background:#2563eb1f;color:var(--color-primary)}.action-store{background:#10b9811f;color:var(--color-success)}.action-brand{background:#a855f71f;color:#a855f7}.action-results{background:#f59e0b1f;color:var(--color-warning)}.dashboard-action-info{flex:1;min-width:0}.dashboard-action-info h3{font-size:.9rem;font-weight:600;margin-bottom:.15rem;color:var(--color-text)}.dashboard-action-info p{font-size:.78rem;color:var(--color-text-secondary)}.dashboard-action-arrow{color:var(--color-text-secondary);flex-shrink:0;opacity:0;transition:opacity .15s}.dashboard-action-card:hover .dashboard-action-arrow{opacity:1}.dashboard-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.dashboard-stat-card{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px}.dashboard-stat-card svg{color:var(--color-text-secondary);flex-shrink:0}.dashboard-stat-info{flex:1;display:flex;flex-direction:column}.dashboard-stat-value{font-size:1.25rem;font-weight:700;color:var(--color-text)}.dashboard-stat-label{font-size:.75rem;color:var(--color-text-secondary)}.dashboard-stat-action{background:transparent;border:1px solid var(--color-border);color:var(--color-primary);padding:.3rem .6rem;border-radius:6px;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.dashboard-stat-action:hover{background:#2563eb14;border-color:var(--color-primary)}.dashboard-integrations-list{display:flex;flex-direction:column;gap:.5rem}.dashboard-integration-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px}.dashboard-integration-provider{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);min-width:80px}.dashboard-integration-name{flex:1;font-size:.85rem;font-weight:500;color:var(--color-text)}.dashboard-integration-status{display:flex;align-items:center;gap:.3rem;font-size:.75rem;color:var(--color-success)}.dashboard-integration-add{background:transparent;border:1px dashed var(--color-border);color:var(--color-text-secondary);padding:.6rem 1rem;border-radius:8px;font-size:.8rem;cursor:pointer;transition:all .15s;text-align:left}.dashboard-integration-add:hover{border-color:var(--color-primary);color:var(--color-primary)}.onboarding-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:200;padding:2rem}.onboarding-wizard{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:2.5rem;width:100%;max-width:540px;position:relative;box-shadow:0 20px 60px #00000080}.onboarding-skip{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.3rem;background:transparent;border:none;color:var(--color-text-secondary);font-size:.75rem;cursor:pointer;padding:.3rem .5rem;border-radius:6px;transition:all .15s}.onboarding-skip:hover{color:var(--color-text);background:var(--color-surface-hover)}.onboarding-progress{display:flex;justify-content:center;gap:.5rem;margin-bottom:2rem}.onboarding-dot{width:8px;height:8px;border-radius:50%;background:var(--color-border);transition:all .2s}.onboarding-dot.active{background:var(--color-primary);width:24px;border-radius:4px}.onboarding-dot.done{background:var(--color-success)}.onboarding-step{text-align:center}.onboarding-step-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:#2563eb1a;border-radius:16px;color:var(--color-primary);margin-bottom:1.25rem}.onboarding-step h2{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.onboarding-desc{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:1.5rem;line-height:1.5}.onboarding-field{text-align:left}.onboarding-field label{display:block;font-size:.8rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:.5rem}.onboarding-input{width:100%;padding:.85rem 1rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text);font-size:1rem;transition:border-color .15s}.onboarding-input:focus{outline:none;border-color:var(--color-primary)}.onboarding-category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;text-align:left}.onboarding-category-btn{padding:.7rem .9rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;font-size:.85rem;transition:all .15s;text-align:left}.onboarding-category-btn:hover{border-color:var(--color-primary);color:var(--color-text)}.onboarding-category-btn.selected{border-color:var(--color-primary);background:#2563eb1a;color:var(--color-primary);font-weight:500}.onboarding-palette-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;text-align:left;margin-bottom:1rem}.onboarding-palette-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem .5rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:10px;cursor:pointer;transition:all .15s}.onboarding-palette-btn:hover{border-color:var(--color-primary)}.onboarding-palette-btn.selected{border-color:var(--color-primary);background:#2563eb14}.onboarding-palette-swatches{display:flex;gap:4px}.onboarding-swatch{width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.1)}.onboarding-palette-name{font-size:.7rem;color:var(--color-text-secondary)}.onboarding-custom-colors{display:flex;justify-content:center;gap:1rem;margin-top:.5rem}.onboarding-color-input{display:flex;align-items:center;gap:.5rem}.onboarding-color-input input[type=color]{width:32px;height:32px;padding:0;border:2px solid var(--color-border);border-radius:8px;cursor:pointer;background:transparent}.onboarding-hex-input{width:80px;padding:.4rem .6rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-size:.8rem;font-family:monospace}.onboarding-hex-input:focus{outline:none;border-color:var(--color-primary)}.onboarding-mood-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.onboarding-mood-btn{padding:.8rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-secondary);cursor:pointer;font-size:.9rem;text-transform:capitalize;transition:all .15s}.onboarding-mood-btn:hover{border-color:var(--color-primary);color:var(--color-text)}.onboarding-mood-btn.selected{border-color:var(--color-primary);background:#2563eb1a;color:var(--color-primary);font-weight:600}.onboarding-error{margin-top:.75rem;padding:.6rem .8rem;background:#ef44441a;border:1px solid var(--color-error);border-radius:8px;color:var(--color-error);font-size:.8rem}.onboarding-nav{display:flex;justify-content:space-between;margin-top:2rem}.onboarding-back{display:inline-flex;align-items:center;gap:.3rem;padding:.6rem 1rem;background:transparent;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;font-size:.85rem;transition:all .15s}.onboarding-back:hover{border-color:var(--color-text-secondary);color:var(--color-text)}.onboarding-next,.onboarding-finish{display:inline-flex;align-items:center;gap:.3rem;padding:.6rem 1.25rem;background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;transition:background .15s}.onboarding-next:hover,.onboarding-finish:hover{background:var(--color-primary-hover)}.onboarding-next:disabled,.onboarding-finish:disabled{opacity:.5;cursor:not-allowed}.app{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1100px;margin:0 auto;padding:0 1.5rem;width:100%}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--color-success)}.status-dot-error{background:var(--color-error)}.main{flex:1;padding:2rem 0}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:30}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);cursor:pointer;transition:all .15s}.mobile-menu-btn:hover{background:var(--color-surface-hover)}.mobile-logo{display:flex;align-items:center;gap:.4rem;font-size:1.1rem;font-weight:700;color:var(--color-text)}.mobile-logo-icon{color:var(--color-primary);font-size:1.25rem}.mobile-balance{font-size:.8rem;font-weight:600;color:var(--color-primary);padding:.25rem .6rem;background:#2563eb14;border-radius:6px}@media(max-width:1024px){.dashboard-actions-grid{grid-template-columns:1fr}.app-content{padding:1.5rem}}@media(max-width:768px){.sidebar{position:fixed;left:0;top:0;z-index:50;width:260px;min-width:260px}.sidebar-collapsed{width:0;min-width:0;overflow:hidden;border:none;transform:translate(-260px)}.app-main{height:auto;min-height:100vh}.app-content{padding:1rem}.dashboard-welcome h1{font-size:1.35rem}.dashboard-welcome{flex-direction:column;gap:.75rem;padding:1rem 0}.dashboard-actions-grid,.dashboard-stats-row{grid-template-columns:1fr}.dashboard-balance-card{flex-direction:column;gap:1rem;align-items:flex-start}.dashboard-action-card{padding:.85rem 1rem}.onboarding-wizard{padding:1.5rem;max-width:calc(100vw - 2rem)}.onboarding-palette-grid{grid-template-columns:repeat(2,1fr)}.onboarding-category-grid{grid-template-columns:1fr}.onboarding-custom-colors{flex-direction:column;align-items:stretch}.onboarding-step h2{font-size:1.25rem}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:40}}@media(max-width:480px){.app-content{padding:.75rem}.dashboard-balance-value{font-size:1.4rem}.onboarding-mood-grid{grid-template-columns:repeat(2,1fr)}.dashboard-action-info h3{font-size:.82rem}.dashboard-action-info p{font-size:.72rem}}.section-header{margin-bottom:2rem}.section-header h2{font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.section-header p{color:var(--color-text-secondary);font-size:1rem}.section-header-row{display:flex;justify-content:space-between;align-items:flex-start}.drop-zone{border:2px dashed var(--color-border);border-radius:var(--radius);padding:3rem;text-align:center;cursor:pointer;transition:all .3s;background:var(--color-surface)}.drop-zone:hover{border-color:var(--color-primary);background:var(--color-surface-hover)}.drop-zone.dragging{border-color:var(--color-primary);background:#2563eb1a}.drop-zone svg{margin-bottom:1rem;color:var(--color-text-secondary)}.drop-zone h3{font-size:1.25rem;margin-bottom:.5rem}.drop-zone p{color:var(--color-text-secondary);margin-bottom:.5rem}.hint{font-size:.875rem;color:var(--color-text-secondary)}.file-list{margin:2rem 0;background:var(--color-surface);border-radius:var(--radius);padding:1.5rem}.file-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.file-list-header h3{font-size:1rem;font-weight:600}.file-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--color-bg);border-radius:var(--radius);margin-bottom:.5rem}.file-info{flex:1}.file-name{font-weight:500;margin-bottom:.25rem}.file-meta{font-size:.875rem;color:var(--color-text-secondary)}.file-status{display:flex;align-items:center;gap:.5rem}.progress-bar{width:120px;height:4px;background:var(--color-border);border-radius:2px;overflow:hidden}.progress-bar.large{width:100%;height:8px;border-radius:4px}.progress-fill{height:100%;background:var(--color-primary);transition:width .5s ease;border-radius:4px}.progress-fill-success{background:var(--color-success)}.progress-fill-error{background:var(--color-error)}.progress-fill-warning{background:var(--color-warning)}.status-icon{flex-shrink:0}.status-icon.success{color:var(--color-success)}.status-icon.error{color:var(--color-error)}.button-primary,.button-secondary,.button-icon{padding:.75rem 1.5rem;border-radius:var(--radius);border:none;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.button-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow);width:100%;justify-content:center}.button-primary:hover{background:var(--color-primary-hover)}.button-primary:disabled{opacity:.5;cursor:not-allowed}.button-primary.button-sm{width:auto}.button-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.button-secondary:hover{background:var(--color-surface-hover)}.button-secondary:disabled{opacity:.5;cursor:not-allowed}.button-danger{padding:.75rem 1.5rem;border-radius:var(--radius);border:none;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem;background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.button-danger:hover{background:#ef444440}.button-danger:disabled{opacity:.5;cursor:not-allowed}.button-sm{padding:.5rem 1rem;font-size:.813rem}.button-icon{padding:.5rem;background:transparent;color:var(--color-text-secondary)}.button-icon:hover{background:var(--color-surface-hover);color:var(--color-text)}.input{width:100%;padding:.75rem 1rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-size:.875rem}.input:focus{outline:none;border-color:var(--color-primary)}.input-group{display:flex;gap:.5rem;margin-bottom:1rem}.upload-status,.loading-box{display:flex;align-items:center;justify-content:center;gap:1rem;padding:2rem;background:var(--color-surface);border-radius:var(--radius);margin:2rem 0}.success-message{display:flex;align-items:center;gap:.5rem;padding:1rem;background:#10b9811a;border:1px solid var(--color-success);border-radius:var(--radius);color:var(--color-success);margin-top:1rem}.error-box{display:flex;align-items:center;gap:.5rem;padding:1rem;background:#ef44441a;border:1px solid var(--color-error);border-radius:var(--radius);color:var(--color-error)}.error-text{font-size:.813rem;color:var(--color-error)}.spinning{animation:spin 1s linear infinite}.job-details{background:var(--color-surface);border-radius:var(--radius);padding:1.5rem}.job-id-row{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.job-id-value{font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.82rem;color:#ffffff8c;background:#ffffff0a;padding:.3rem .6rem;border-radius:6px;border:1px solid rgba(255,255,255,.08);-webkit-user-select:all;user-select:all;cursor:text;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-id-copy{background:none;border:none;color:#ffffff4d;cursor:pointer;padding:.25rem;border-radius:4px;display:flex;flex-shrink:0;transition:color .15s,background .15s}.job-id-copy:hover{color:#ffffffb3;background:#ffffff0f}.job-timer-row{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding:.7rem .9rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:10px}.job-timer{display:flex;align-items:center;gap:.4rem;flex-shrink:0;color:#ffffff80}.job-timer-value{font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:1.1rem;font-weight:600;color:#ffffffd9;min-width:3.5rem}.job-timer-pulse{animation:timer-pulse 2s ease-in-out infinite}@keyframes timer-pulse{0%,to{opacity:.5}50%{opacity:1}}.job-step-explanation{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#fff9}.job-step-done{color:#4ade80cc}.job-step-error{color:#f87171cc}.job-step-warning{color:#fbbf24cc}@media(max-width:768px){.job-timer-row{flex-direction:column;gap:.5rem;align-items:flex-start}}.monitor-actions{display:flex;gap:.5rem;align-items:center}.refund-notice{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.25);border-radius:var(--radius);color:#22c55e;font-size:.875rem;margin-bottom:1rem}.item-actions{display:flex;align-items:center;gap:.5rem}.job-history-section{margin-bottom:1.5rem}.job-history-section h4{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;color:var(--color-text-secondary);font-size:.875rem}.job-history-inline{padding:.75rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);margin-bottom:1rem}.job-history-list{display:flex;flex-direction:column;gap:.25rem}.job-history-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:transparent;border:1px solid transparent;border-radius:var(--radius);cursor:pointer;transition:all .15s;text-align:left;color:var(--color-text);width:100%}.job-history-item:hover{background:#ffffff0a;border-color:#ffffff14}.job-history-active{background:#8b5cf61a;border-color:#8b5cf640}.job-history-id{font-size:.8rem;color:var(--color-text-secondary)}.job-history-time{font-size:.75rem;color:var(--color-text-secondary);margin-left:auto}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius);font-size:.813rem;font-weight:500}.badge-default{background:var(--color-border);color:var(--color-text-secondary)}.badge-info{background:#38bdf81a;color:#38bdf8}.badge-processing{background:#2563eb1a;color:var(--color-primary)}.badge-success{background:#10b9811a;color:var(--color-success)}.badge-error{background:#ef44441a;color:var(--color-error)}.badge-warning{background:#f59e0b1a;color:var(--color-warning)}.progress-section{margin-bottom:2rem}.progress-header{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.875rem}.progress-percentage{font-weight:600;color:var(--color-primary)}.progress-stats{display:flex;gap:1.5rem;margin-top:.75rem;font-size:.813rem}.stat-completed{color:var(--color-success)}.stat-processing{color:var(--color-primary)}.stat-failed{color:var(--color-error)}.stat-total{color:var(--color-text-secondary)}.items-section h4{font-size:1rem;margin-bottom:1rem}.items-list{display:flex;flex-direction:column;gap:.5rem}.item-card{background:var(--color-bg);border-radius:var(--radius);padding:1rem}.item-header{display:flex;justify-content:space-between;align-items:center}.item-filename{font-weight:500;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.item-scene-tag{font-size:.75rem;font-weight:500;padding:.125rem .5rem;background:#2563eb1a;color:var(--color-primary);border-radius:4px}.item-scene-index{font-size:.75rem;color:var(--color-text-secondary)}.item-angle-tag{font-size:.75rem;font-weight:500;padding:.125rem .5rem;background:#8b5cf61a;color:#a78bfae6;border-radius:4px}.item-group{border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);overflow:hidden}.item-group-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;background:#ffffff08;font-weight:500;font-size:.85rem}.item-group-count{font-size:.75rem;color:#fff6;font-weight:400}.item-card-nested{border-radius:0;padding:.6rem 1rem .6rem 1.5rem;border-top:1px solid rgba(255,255,255,.04)}.item-variant-label{display:flex;align-items:center;gap:.4rem}.item-timings{display:flex;flex-wrap:wrap;gap:.3rem;padding:.25rem 0}.timing-chip{font-size:.7rem;padding:.15rem .5rem;border-radius:999px;background:#ffffff0f;color:#ffffff8c;font-variant-numeric:tabular-nums}.timing-chip.timing-total{background:#a882ff26;color:#a882ffd9;font-weight:600}.item-error{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#ef44441a;border-radius:var(--radius);font-size:.875rem;color:var(--color-error);margin-top:.75rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-state svg{margin-bottom:1rem;color:var(--color-text-secondary);opacity:.5}.empty-state h3{font-size:1.25rem;margin-bottom:.5rem}.empty-state p{color:var(--color-text-secondary);margin-bottom:.5rem}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.result-card{background:var(--color-surface);border-radius:var(--radius);overflow:hidden;transition:transform .2s,box-shadow .2s}.result-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.result-preview{aspect-ratio:4/3;background:var(--color-bg)}.result-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--color-text-secondary)}.result-placeholder svg{margin-bottom:.5rem;opacity:.5}.result-image{width:100%;height:100%;object-fit:cover}.result-info{padding:1rem}.result-info h4{font-size:.938rem;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.result-scene-tag{font-size:.688rem;font-weight:500;padding:.125rem .5rem;background:#2563eb1a;color:var(--color-primary);border-radius:4px}.result-actions{display:flex;gap:.5rem}.gallery-summary{text-align:center;padding:1.5rem;color:var(--color-text-secondary);font-size:.875rem}.lightbox-overlay{position:fixed;inset:0;z-index:9999;background:#000000eb;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease-out}.lightbox-content{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;padding:3rem 1rem 0}.lightbox-close{position:absolute;top:1rem;right:1rem;z-index:10;background:#ffffff1a;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:background .15s}.lightbox-close:hover{background:#fff3}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:#ffffff14;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:background .15s}.lightbox-nav:hover{background:#ffffff2e}.lightbox-prev{left:1rem}.lightbox-next{right:1rem}.lightbox-image-container{flex:1;display:flex;align-items:center;justify-content:center;width:100%;min-height:0;overflow:hidden}.lightbox-image{max-width:calc(100% - 8rem);max-height:calc(100vh - 8rem);object-fit:contain;border-radius:6px;-webkit-user-select:none;user-select:none}.lightbox-error{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--color-text-secondary)}.lightbox-footer{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:800px;padding:.75rem 0 1rem;gap:1rem}.lightbox-info{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;min-width:0}.lightbox-filename{color:#fff;font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lightbox-counter{color:#ffffff80;font-size:.8rem}@media(max-width:640px){.lightbox-image{max-width:calc(100% - 2rem);max-height:calc(100vh - 6rem)}.lightbox-nav{width:36px;height:36px}.lightbox-prev{left:.5rem}.lightbox-next{right:.5rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.export-banner{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius);margin-bottom:1.5rem}.export-banner-info{display:flex;align-items:center;gap:.75rem;color:var(--color-success);font-weight:500;font-size:.875rem}.watermark-upgrade-banner{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#fbbf241a;border:1px solid rgba(251,191,36,.25);border-radius:var(--radius);margin-bottom:1.5rem;color:#fbbf24}.watermark-upgrade-banner div{display:flex;flex-direction:column;gap:.15rem}.watermark-upgrade-banner strong{font-size:.875rem}.watermark-upgrade-banner span{font-size:.8rem;color:var(--color-text-secondary)}.format-picker{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1.5rem}.format-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.format-picker-header h4{margin:0;font-size:.9rem;color:var(--color-text)}.format-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem;margin-bottom:1rem}.format-option{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border:1px solid var(--color-border);border-radius:calc(var(--radius) - 2px);cursor:pointer;transition:all .15s;background:transparent}.format-option:hover{border-color:var(--color-primary);background:#6366f10d}.format-option.selected{border-color:var(--color-primary);background:#6366f11a}.format-option input[type=checkbox]{display:none}.format-option-info{display:flex;flex-direction:column;flex:1}.format-name{font-size:.8rem;font-weight:500;color:var(--color-text)}.format-size{font-size:.7rem;color:var(--color-text-secondary)}.format-check{color:var(--color-primary);flex-shrink:0}.format-picker-actions{display:flex;justify-content:flex-end}.seo-metadata{margin-top:.5rem;padding:.5rem;background:#6366f10d;border-radius:calc(var(--radius) - 4px);display:flex;flex-direction:column;gap:.25rem}.seo-field{display:flex;align-items:center;gap:.4rem;font-size:.7rem;color:var(--color-text-secondary)}.seo-label{font-weight:600;white-space:nowrap;color:var(--color-text-secondary)}.seo-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seo-copy{flex-shrink:0;padding:2px;opacity:.5;transition:opacity .15s}.seo-copy:hover{opacity:1}.processing-options{background:var(--color-surface);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem}.processing-options-title{font-size:1rem;font-weight:600;margin-bottom:1rem}.processing-options-list{display:flex;flex-direction:column;gap:.5rem}.processing-option{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;background:var(--color-bg);border-radius:var(--radius);cursor:pointer;transition:background .2s}.processing-option:hover{background:var(--color-surface-hover)}.processing-option.disabled{opacity:.5;pointer-events:none}.processing-option-left{display:flex;align-items:center;gap:.75rem;flex:1}.processing-option-icon{color:var(--color-primary);flex-shrink:0}.processing-option-info{flex:1}.processing-option-name{font-weight:500;color:var(--color-text);font-size:.875rem;margin-bottom:.125rem}.processing-option-desc{font-size:.75rem;color:var(--color-text-secondary)}.toggle-switch{width:44px;height:24px;background:var(--color-border);border-radius:12px;cursor:pointer;transition:background .2s;position:relative;flex-shrink:0}.toggle-switch.toggle-on{background:var(--color-primary)}.toggle-thumb{width:20px;height:20px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .2s;box-shadow:0 1px 3px #0000004d}.toggle-on .toggle-thumb{transform:translate(20px)}.scene-count-section{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem;background:var(--color-surface);border-radius:var(--radius)}.scene-count-label{font-weight:500;font-size:.875rem;white-space:nowrap}.scene-count-stepper{display:flex;align-items:center;gap:0;border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.stepper-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-bg);border:none;color:var(--color-text);cursor:pointer;transition:background .2s}.stepper-btn:hover:not(:disabled){background:var(--color-surface-hover)}.stepper-btn:disabled{opacity:.3;cursor:not-allowed}.stepper-value{display:flex;align-items:center;justify-content:center;width:40px;height:36px;background:var(--color-surface);font-weight:600;font-size:.875rem;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border)}.scene-count-hint{font-size:.813rem;color:var(--color-text-secondary)}.angle-picker-section{margin-bottom:1.5rem;padding:1rem 1.5rem;background:var(--color-surface);border-radius:var(--radius)}.angle-picker-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.angle-picker-hint{font-size:.813rem;color:var(--color-text-secondary);margin:0 0 .75rem}.style-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.style-card{display:flex;flex-direction:column;align-items:center;padding:.5rem;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#ffffff05;cursor:pointer;transition:all .15s;text-align:center}.style-card:hover{border-color:#8b5cf64d;background:#8b5cf60a}.style-card.selected{border-color:#8b5cf699;background:#8b5cf61a}.style-card-thumb{width:100%;aspect-ratio:4 / 3;border-radius:6px;margin-bottom:.35rem}.style-card-label{font-size:.8rem;font-weight:600;color:#ffffffd9}.style-card-desc{font-size:.7rem;color:#fff6;line-height:1.25}.style-thumb-eye-level{background:linear-gradient(180deg,#d4d0c8,#b8b4aa 40%,#9a9690,#787470)}.style-thumb-low-angle{background:linear-gradient(0deg,#1a1a2e,#16213e,#0f3460 60%,#533483)}.style-thumb-overhead{background:radial-gradient(circle at 50% 50%,#e8e4de,#c8c4be 40%,#a8a49e,#888480)}.style-thumb-side-lit{background:linear-gradient(90deg,#f0e6d3,#c8b89a,#3a3530 50%,#1a1510)}.style-thumb-backlit{background:radial-gradient(ellipse at 50% 30%,#fff8e7,#ffd87030,#2a2520 60%,#1a1510)}.style-thumb-golden{background:linear-gradient(135deg,#f5c542,#e6a817,#c4841d 60%,#8b5e2f)}.angle-picker-count{display:block;margin-top:.5rem;font-size:.813rem;color:var(--color-text-secondary)}.footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding:1.5rem 0;text-align:center;color:var(--color-text-secondary);font-size:.875rem;margin-top:auto}.lang-selector{position:relative}.lang-selector-btn{display:inline-flex;align-items:center;gap:.35rem;background:none;border:1px solid var(--color-border);color:var(--color-text-secondary);padding:.2rem .6rem;border-radius:var(--radius);cursor:pointer;font-size:.75rem;transition:all .15s}.lang-selector-btn:hover{border-color:var(--color-primary);color:var(--color-text)}.lang-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);min-width:140px;z-index:100;box-shadow:0 8px 24px #0000004d;overflow:hidden}.lang-option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:.8rem;text-align:left;transition:background .1s}.lang-option:hover{background:#ffffff0d;color:var(--color-text)}.lang-option.active{color:var(--color-primary);font-weight:600}.lang-flag{font-size:1rem}.landing-lang-selector{position:absolute;top:0;right:0}.landing-lang-selector .lang-selector-btn{color:#fff9;border-color:#ffffff26}.landing-lang-selector .lang-selector-btn:hover{color:#fff;border-color:#ffffff4d}.auth-bar{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:.4rem 0;font-size:.8rem}.auth-bar-content{display:flex;align-items:center;justify-content:flex-end;gap:1rem}.auth-user-email{color:var(--color-text-secondary)}.auth-logout-btn{display:inline-flex;align-items:center;gap:.3rem;background:none;border:1px solid var(--color-border);color:var(--color-text-secondary);padding:.2rem .6rem;border-radius:var(--radius);cursor:pointer;font-size:.75rem;transition:all .15s}.auth-logout-btn:hover{color:var(--color-text);border-color:var(--color-text-secondary)}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem;background:var(--color-bg)}.login-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:3rem;max-width:420px;width:100%;text-align:center;box-shadow:var(--shadow-lg)}.login-logo{margin-bottom:1.5rem}.login-logo .logo-icon{font-size:2.5rem;color:var(--color-primary);display:block;margin-bottom:.5rem}.login-logo h1{font-size:2rem;font-weight:700;letter-spacing:.1em}.login-subtitle{color:var(--color-text-secondary);font-size:.9rem;margin-top:.25rem}.login-description{color:var(--color-text-secondary);font-size:.875rem;line-height:1.6;margin-bottom:2rem}.login-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s}.login-button:hover:not(:disabled){background:var(--color-primary-hover)}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-footer-text{color:var(--color-text-secondary);font-size:.8rem;margin-top:1rem}.brand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.brand-card{background:var(--color-surface);border-radius:var(--radius);padding:1.25rem;transition:transform .2s,box-shadow .2s}.brand-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.brand-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.brand-card-name{font-size:1.1rem;font-weight:600}.brand-card-actions{display:flex;gap:.25rem}.brand-mood-badge{display:inline-block;padding:.2rem .6rem;border-radius:4px;font-size:.75rem;font-weight:500;background:#2563eb1a;color:var(--color-primary);text-transform:capitalize;margin-bottom:.75rem}.brand-keywords{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:.75rem}.brand-category-badge{display:inline-block;padding:.2rem .6rem;border-radius:4px;font-size:.75rem;font-weight:500;background:#10b9811a;color:var(--color-success);margin-bottom:.5rem}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.category-btn{padding:.75rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);font-size:.813rem;cursor:pointer;text-align:left;transition:all .2s}.category-btn:hover{border-color:var(--color-primary)}.category-btn.selected{border-color:var(--color-success);background:#10b9811a;color:var(--color-success)}.brand-keyword-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;background:var(--color-bg);color:var(--color-text-secondary);border:1px solid var(--color-border)}.brand-keyword-chip.removable{cursor:pointer}.brand-keyword-chip.removable:hover{border-color:var(--color-error);color:var(--color-error)}.brand-palette{display:flex;gap:.375rem;margin-bottom:.75rem}.brand-swatch{width:24px;height:24px;border-radius:4px;border:2px solid var(--color-border)}.brand-card-meta{font-size:.75rem;color:var(--color-text-secondary)}.brand-refs{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border)}.brand-refs-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.brand-refs-label{display:flex;align-items:center;gap:.35rem;font-size:.7rem;color:var(--color-text-secondary);font-weight:600;flex:1}.brand-refs-count{opacity:.6}.brand-refs-grid{display:flex;gap:.35rem;flex-wrap:wrap}.brand-ref-thumb{position:relative;width:40px;height:40px;border-radius:4px;overflow:hidden;border:1px solid var(--color-border)}.brand-ref-img{width:100%;height:100%;object-fit:cover}.brand-ref-placeholder{width:100%;height:100%;background:var(--color-surface)}.brand-ref-colors{position:absolute;bottom:0;left:0;right:0;display:flex;height:4px}.brand-swatch-mini{flex:1;display:block}.brand-ref-delete{position:absolute;top:0;right:0;background:#0009;color:#fff;border:none;padding:1px;cursor:pointer;opacity:0;transition:opacity .15s;line-height:0}.brand-ref-thumb:hover .brand-ref-delete{opacity:1}.brand-ref-analyzing{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0006;color:var(--color-primary)}.wizard-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.wizard{background:var(--color-surface);border-radius:var(--radius);width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.wizard-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border)}.wizard-header h3{font-size:1.125rem;font-weight:600}.wizard-steps{display:flex;gap:.25rem;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border)}.wizard-step-indicator{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:4px;font-size:.75rem;color:var(--color-text-secondary)}.wizard-step-indicator.active{background:#2563eb1a;color:var(--color-primary)}.wizard-step-indicator.done{color:var(--color-success)}.wizard-step-num{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--color-bg);font-size:.688rem;font-weight:600}.wizard-step-indicator.active .wizard-step-num{background:var(--color-primary);color:#fff}.wizard-step-indicator.done .wizard-step-num{background:var(--color-success);color:#fff}.wizard-body{flex:1;overflow-y:auto;padding:1.5rem}.wizard-footer{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--color-border)}.form-label{display:block;font-size:.813rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:.5rem}.form-hint{font-size:.813rem;color:var(--color-text-secondary);line-height:1.5}.mood-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.mood-btn{padding:.625rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);font-size:.813rem;cursor:pointer;text-transform:capitalize;transition:all .2s}.mood-btn:hover{border-color:var(--color-primary)}.mood-btn.selected{border-color:var(--color-primary);background:#2563eb1a;color:var(--color-primary)}.keyword-input-row{display:flex;gap:.5rem}.palette-inputs{display:flex;gap:.75rem}.palette-input-group{display:flex;align-items:center;gap:.5rem}.palette-color-picker{width:36px;height:36px;border:none;border-radius:4px;cursor:pointer;padding:0;background:none}.palette-hex-input{width:90px;font-family:monospace;font-size:.813rem}.preview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1rem}.preview-card{position:relative;border-radius:var(--radius);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .2s,opacity .2s}.preview-card.selected{border-color:var(--color-primary)}.preview-card.deselected{opacity:.4}.preview-img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.preview-toggle{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:#000000b3;color:#fff;font-size:.688rem}.review-section{display:flex;flex-direction:column;gap:1rem}.review-row{display:flex;align-items:center;gap:1rem}.review-label{font-size:.813rem;color:var(--color-text-secondary);width:100px;flex-shrink:0}.review-value{font-weight:500}.library-toolbar{margin-bottom:1.25rem}.library-filter-select{max-width:250px}.scene-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.scene-card{background:var(--color-surface);border-radius:var(--radius);overflow:hidden;transition:transform .2s,box-shadow .2s}.scene-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.scene-card-preview{aspect-ratio:16/10;background:var(--color-bg);overflow:hidden}.scene-card-img{width:100%;height:100%;object-fit:cover}.scene-card-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:.5rem;color:var(--color-text-secondary);padding:1rem}.scene-card-prompt-text{font-size:.688rem;text-align:center;opacity:.6}.scene-card-info{padding:.75rem 1rem .25rem}.scene-card-name{font-size:.875rem;font-weight:600;margin-bottom:.375rem}.scene-card-badges{display:flex;gap:.375rem;flex-wrap:wrap}.brand-badge-sm{display:inline-block;padding:.125rem .4rem;border-radius:4px;font-size:.688rem;background:#f59e0b1a;color:var(--color-warning)}.scene-card-actions{display:flex;justify-content:flex-end;gap:.25rem;padding:.375rem .75rem .75rem}.scene-form-card{background:var(--color-surface);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--color-border)}.scene-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.scene-form-header h3{font-size:1rem;font-weight:600}.scene-prompt-textarea{resize:vertical;min-height:80px;font-family:inherit}.scene-form-preview-area{margin-top:1rem;border-radius:var(--radius);overflow:hidden;background:var(--color-bg);aspect-ratio:16/9}.scene-form-preview-img{width:100%;height:100%;object-fit:cover}.scene-form-preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:.5rem;color:var(--color-text-secondary)}.scene-form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem}.brand-selector{background:var(--color-surface);border-radius:var(--radius);padding:1rem 1.5rem;margin-bottom:1.5rem}.template-picker{background:var(--color-surface);border-radius:var(--radius);overflow:hidden;margin-bottom:1.5rem}.template-picker-toggle{display:flex;align-items:center;gap:.75rem;width:100%;padding:1rem 1.5rem;background:transparent;border:none;color:var(--color-text);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.template-picker-toggle:hover{background:var(--color-surface-hover)}.template-picker-toggle span{flex:1;text-align:left}.template-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem;padding:0 1rem 1rem}.template-picker-card{position:relative;border-radius:var(--radius);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .2s;background:var(--color-bg)}.template-picker-card.selected{border-color:var(--color-primary)}.template-picker-img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.template-picker-placeholder{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;color:var(--color-text-secondary)}.template-picker-name{display:block;padding:.25rem .5rem;font-size:.688rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-picker-check{position:absolute;top:4px;right:4px;color:var(--color-primary);filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.template-picker-option{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;border-top:1px solid var(--color-border);font-size:.813rem}@media(max-width:768px){.header-content{flex-direction:column;gap:1rem}.tabs-list{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab{flex-shrink:0}.results-grid{grid-template-columns:1fr}.job-id-row,.progress-stats{flex-wrap:wrap}.section-header-row{flex-direction:column;gap:1rem}.export-banner{flex-direction:column;gap:1rem;text-align:center}.scene-count-section{flex-wrap:wrap}.brand-grid{grid-template-columns:1fr}.scene-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.wizard{max-width:100%}.mood-grid{grid-template-columns:repeat(2,1fr)}.palette-inputs{flex-direction:column}.preview-grid{grid-template-columns:1fr}}.billing-page{max-width:800px;margin:0 auto}.billing-payment-banner{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:10px;margin-bottom:1.5rem;font-size:.95rem;font-weight:500}.billing-banner-paid{background:#22c55e1f;border:1px solid rgba(34,197,94,.3);color:#22c55e}.billing-banner-failed{background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#ef4444}.billing-banner-pending{background:#eab3081f;border:1px solid rgba(234,179,8,.3);color:#eab308}.billing-banner-dismiss{margin-left:auto;background:none;border:none;color:inherit;font-size:1.25rem;cursor:pointer;opacity:.7;padding:0 .25rem}.billing-banner-dismiss:hover{opacity:1}.billing-balance-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:2rem;text-align:center;margin-bottom:2rem}.billing-balance-label{color:var(--color-text-muted);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.billing-balance-value{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:2.5rem;font-weight:700;color:var(--color-primary)}.billing-section-title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:var(--color-text)}.billing-tab-toggle{display:flex;gap:.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:.25rem;margin-bottom:1.5rem}.billing-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1rem;border:none;border-radius:8px;background:transparent;color:var(--color-text-muted);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.billing-tab-btn:hover{color:var(--color-text)}.billing-tab-btn.active{background:var(--color-primary);color:#fff;box-shadow:0 2px 8px #6366f14d}.billing-tab-save{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:.1rem .4rem;border-radius:4px;background:#22c55e26;color:#22c55e}.billing-tab-btn.active .billing-tab-save{background:#fff3;color:#fff}.billing-pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.billing-pricing-card{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;text-align:center;display:flex;flex-direction:column;transition:all .2s}.billing-pricing-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 20px #00000026}.billing-pricing-recommended{border-color:var(--color-primary);box-shadow:0 0 0 1px #6366f133,0 4px 20px #6366f11a}.billing-pricing-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .75rem;background:linear-gradient(135deg,var(--color-primary),#a855f7);color:#fff;border-radius:100px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.billing-pricing-name{font-size:1rem;font-weight:700;margin-bottom:.5rem;color:var(--color-text)}.billing-pricing-price{font-size:2rem;font-weight:800;color:var(--color-text);line-height:1;margin-bottom:.25rem}.billing-pricing-interval{font-size:.9rem;font-weight:500;color:var(--color-text-muted)}.billing-pricing-tokens{font-size:.95rem;color:var(--color-primary);font-weight:600;margin-bottom:.25rem}.billing-pricing-per{font-size:.75rem;color:var(--color-text-muted);padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--color-border)}.billing-pricing-features{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem;flex:1;text-align:left;padding:0}.billing-pricing-features li{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--color-text-muted)}.billing-pricing-features li svg{color:var(--color-primary);flex-shrink:0}.billing-pricing-btn{width:100%;padding:.6rem 1rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.billing-pricing-btn:hover{border-color:var(--color-primary);background:#6366f114}.billing-pricing-btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.billing-pricing-btn-primary:hover{filter:brightness(1.1);box-shadow:0 4px 16px #6366f14d}.billing-pricing-btn:disabled{opacity:.5;cursor:not-allowed}.billing-sub-card{position:relative;border-color:#6366f14d;background:linear-gradient(135deg,var(--color-surface) 0%,rgba(99,102,241,.05) 100%)}.billing-sub-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);margin-bottom:.5rem}.billing-sub-active{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius);margin-bottom:1.5rem}.billing-sub-active-info{display:flex;align-items:center;gap:.75rem;color:var(--color-success)}.billing-sub-active-info div{display:flex;flex-direction:column}.billing-sub-detail{font-size:.75rem;color:var(--color-text-secondary);margin-top:.15rem}.billing-package-name{font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.billing-package-tokens{font-size:2rem;font-weight:700;color:var(--color-primary);margin-bottom:.25rem}.billing-package-price{font-size:1.125rem;font-weight:500;margin-bottom:.25rem}.billing-package-per-token{font-size:.8rem;color:var(--color-text-muted);margin-bottom:1rem}.billing-buy-btn{width:100%}.billing-transactions{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.billing-tx-table{width:100%;border-collapse:collapse}.billing-tx-table th{text-align:left;padding:.75rem 1rem;color:var(--color-text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border)}.billing-tx-table td{padding:.75rem 1rem;border-bottom:1px solid var(--color-border);font-size:.9rem}.billing-tx-table tr:last-child td{border-bottom:none}.tx-type-cell{display:flex;align-items:center;gap:.5rem;text-transform:capitalize}.tx-icon.tx-credit{color:#22c55e}.tx-icon.tx-debit{color:#ef4444}.tx-amount-positive{color:#22c55e;font-weight:600}.tx-amount-negative{color:#ef4444;font-weight:600}.auth-token-balance{display:flex;align-items:center;gap:.35rem;color:var(--color-primary);font-size:.85rem;font-weight:500}.integrations-page{max-width:900px}.integration-success{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#22c55e26;border:1px solid var(--color-success);border-radius:var(--radius);color:var(--color-success);margin-bottom:1rem;font-size:.875rem}.integration-success button{margin-left:auto;background:none;border:none;color:var(--color-success);cursor:pointer;text-decoration:underline;font-size:.8rem}.integration-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ef444426;border:1px solid var(--color-error);border-radius:var(--radius);color:var(--color-error);margin-bottom:1rem;font-size:.875rem}.integration-error button{margin-left:auto;background:none;border:none;color:var(--color-error);cursor:pointer;text-decoration:underline;font-size:.8rem}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem;margin-bottom:2rem}.integration-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.25rem}.integration-card-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.integration-card-header>div{flex:1}.integration-store-name{font-weight:600;font-size:1rem}.integration-store-url{font-size:.8rem;color:var(--color-text-secondary)}.integration-badge{font-size:.7rem;padding:.2rem .5rem;border-radius:9999px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.integration-badge-active{background:#10b98126;color:var(--color-success)}.integration-badge-disconnected{background:#ef444426;color:var(--color-error)}.integration-badge-expired{background:#f59e0b26;color:var(--color-warning)}.integration-card-meta{display:flex;gap:1rem;font-size:.8rem;color:var(--color-text-secondary);margin-bottom:1rem}.integration-provider{text-transform:capitalize}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem 1rem;border-radius:var(--radius);border:1px solid transparent;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn.btn-primary:hover:not(:disabled){filter:brightness(1.12);box-shadow:0 2px 12px #6366f14d}.btn.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover)}.btn-danger{background:#ef44441a;color:var(--color-error);border:1px solid rgba(239,68,68,.25)}.btn-danger:hover:not(:disabled){background:#ef444433}.integration-card-actions{display:flex;gap:.5rem;flex-wrap:wrap}.integration-card-actions .btn{flex:1 1 auto;min-width:0;font-size:.8rem;padding:.45rem .75rem}.connect-providers{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.connect-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.25rem;display:flex;flex-direction:column}.connect-form h4{margin:0 0 .75rem;font-size:.95rem;font-weight:600;color:var(--color-text)}.connect-input-group{display:flex;gap:.5rem;align-items:stretch}.connect-input{flex:1;min-width:0;padding:.55rem .875rem;border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font-size:.875rem}.connect-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #6366f126}.connect-input-group .btn{flex-shrink:0}.connect-cost-info{margin-top:.75rem;font-size:.8rem;color:var(--color-text-secondary)}.view-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.view-header .section-title{margin-bottom:0}.products-grid{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.product-card{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:background .15s}.product-card:hover{background:var(--color-surface-hover)}.product-card-image{width:56px;height:56px;object-fit:cover;border-radius:4px}.product-card-no-image{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--color-bg);border-radius:4px;color:var(--color-text-secondary)}.product-card-info{flex:1}.product-card-title{font-weight:500;font-size:.95rem}.product-card-meta{font-size:.8rem;color:var(--color-text-secondary)}.product-card-arrow{color:var(--color-text-secondary)}.pagination{display:flex;justify-content:center;gap:.75rem}.products-tab-bar{display:flex;gap:0;margin-bottom:1.5rem;border-bottom:1px solid rgba(200,205,224,.1)}.products-tab{display:flex;align-items:center;gap:.4rem;padding:.6rem 1.2rem;background:none;border:none;border-bottom:2px solid transparent;color:#c8cde080;font-size:.9rem;cursor:pointer;transition:color .15s,border-color .15s}.products-tab:hover{color:#c8cde0cc}.products-tab.active{color:var(--color-text-primary, #e0e5f0);border-bottom-color:var(--color-accent, #6c5ce7)}.product-detail-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.product-detail-header h3{font-size:1.15rem}.product-detail-actions{display:flex;gap:.5rem}.import-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;padding:.2rem .6rem;border-radius:1rem;white-space:nowrap}.import-badge.importing{background:#3b82f626;color:#60a5fa}.import-badge.imported{background:#22c55e26;color:#4ade80}.product-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.product-image-card{position:relative;border-radius:var(--radius);overflow:hidden;border:2px solid var(--color-border);cursor:pointer;transition:border-color .15s}.product-image-card:hover{border-color:var(--color-primary)}.product-image-card.selected{border-color:var(--color-primary);box-shadow:0 0 0 2px #2563eb4d}.product-image-card img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.product-image-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#2563eb4d;opacity:0;transition:opacity .15s}.product-image-card.selected .product-image-overlay{opacity:1}.product-image-overlay svg{color:#fff}.product-image-info{padding:.4rem .5rem;font-size:.75rem;color:var(--color-text-secondary);background:var(--color-surface)}.processing-view{text-align:center;padding:3rem 1rem}.processing-status{display:flex;flex-direction:column;align-items:center;gap:1rem}.processing-progress{display:flex;align-items:center;gap:.75rem;font-size:.9rem}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.results-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin-bottom:2rem}.result-image-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between}.result-image-filename{font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%}.status-badge{font-size:.7rem;padding:.2rem .5rem;border-radius:9999px;font-weight:600;text-transform:uppercase}.status-completed{background:#10b98126;color:var(--color-success)}.status-processing{background:#2563eb26;color:var(--color-primary)}.status-failed{background:#ef444426;color:var(--color-error)}.status-created,.status-uploaded{background:#94a3b826;color:var(--color-text-secondary)}.push-back-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem}.push-back-section h3{margin-bottom:1rem;font-size:1rem}.push-back-options{display:flex;gap:1.5rem;margin-bottom:1rem}.push-back-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem}.push-back-option input[type=radio]{accent-color:var(--color-primary)}.push-back-results{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem}.push-back-results h3{margin-bottom:.75rem}.push-back-result{display:flex;align-items:center;gap:.5rem;padding:.4rem 0;font-size:.85rem}.push-back-success{color:var(--color-success)}.push-back-error{color:var(--color-error)}.push-back-error .push-back-error{margin-left:auto;font-size:.8rem;opacity:.8}.admin-page{max-width:900px}.admin-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--color-border);padding-bottom:.5rem}.admin-tab{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border:none;background:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius) var(--radius) 0 0;font-size:.9rem;transition:color .15s,background .15s}.admin-tab:hover{color:var(--color-text);background:var(--color-surface)}.admin-tab.active{color:var(--color-primary);background:var(--color-surface);font-weight:500}.settings-category{margin-bottom:2rem}.settings-category-title{font-size:.95rem;font-weight:600;color:var(--color-text);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.04em;font-size:.8rem}.settings-list{display:flex;flex-direction:column;gap:.25rem}.setting-row{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:.75rem 1rem}.setting-info{margin-bottom:.5rem}.setting-key{font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem;font-weight:600;color:var(--color-text)}.setting-description{font-size:.78rem;color:var(--color-text-secondary);margin-top:.15rem}.setting-value-row{display:flex;align-items:center;gap:.5rem}.setting-value{flex:1;display:flex;align-items:center;gap:.4rem;font-size:.85rem}.setting-masked{font-family:JetBrains Mono,Fira Code,monospace;font-size:.82rem}.setting-empty{color:var(--color-text-secondary);font-style:italic}.setting-edit{display:flex;align-items:center;gap:.4rem}.setting-input{flex:1;padding:.4rem .65rem;border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font-size:.85rem;font-family:JetBrains Mono,Fira Code,monospace}.setting-input:focus{outline:none;border-color:var(--color-primary)}.setting-select{padding:.4rem .65rem;border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font-size:.85rem}.setting-meta{font-size:.72rem;color:var(--color-text-secondary);margin-top:.35rem}.btn-sm{padding:.3rem .5rem;font-size:.8rem}.btn-icon{display:flex;align-items:center;justify-content:center;padding:.3rem;border:none;background:none;color:var(--color-text-secondary);cursor:pointer;border-radius:4px;transition:color .15s,background .15s}.btn-icon:hover{color:var(--color-text);background:var(--color-surface-hover)}.btn-danger-icon:hover{color:var(--color-error);background:#ef44441a}.setting-add-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.25rem;margin-top:1rem}.setting-add-form h3{font-size:.95rem;margin-bottom:.75rem}.setting-add-fields{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.setting-checkbox{display:flex;align-items:center;gap:.4rem;font-size:.85rem;cursor:pointer}.setting-add-actions{display:flex;gap:.5rem}.admin-pipeline-panel{display:flex;flex-direction:column;gap:0}.pipeline-chart-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1.25rem}.pipeline-chart-card .recharts-tooltip-cursor{fill:#ffffff0a}.admin-table{width:100%;border-collapse:collapse;font-size:.85rem}.admin-table th{text-align:left;padding:.6rem .75rem;color:var(--color-text-secondary);font-weight:500;font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--color-border)}.admin-table td{padding:.6rem .75rem;border-bottom:1px solid var(--color-border)}.admin-table tr:hover td{background:var(--color-surface)}.user-email{font-weight:500}.admin-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .5rem;border-radius:9999px;font-size:.72rem;font-weight:600;text-transform:uppercase}.admin-yes{background:#2563eb26;color:var(--color-primary)}.admin-no{background:#94a3b826;color:var(--color-text-secondary)}.token-display{cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .4rem;border-radius:4px;transition:background .15s}.token-display:hover{background:#94a3b826}.token-edit-icon{opacity:0;transition:opacity .15s}.token-display:hover .token-edit-icon{opacity:.5}.token-edit-inline{display:flex;align-items:center;gap:.35rem}.token-edit-input{width:80px;padding:.2rem .4rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);font-size:.85rem}.system-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.5rem}.system-item{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}.system-label{font-size:.85rem;color:var(--color-text-secondary)}.system-value{font-size:.85rem;font-weight:500}.system-status{display:flex;align-items:center;gap:.3rem;font-size:.82rem;font-weight:500}.status-ok{color:var(--color-success)}.status-missing{color:var(--color-warning)}@keyframes opal-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes sparkle-pulse{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.landing{min-height:100vh;position:relative;overflow-x:hidden;background:#080b16;color:#c8cde0}.landing-glow{position:fixed;top:-40%;left:50%;transform:translate(-50%);width:1400px;height:1400px;background:radial-gradient(ellipse at 25% 45%,rgba(30,80,180,.2) 0%,transparent 50%),radial-gradient(ellipse at 75% 35%,rgba(120,60,200,.15) 0%,transparent 50%),radial-gradient(ellipse at 50% 65%,rgba(20,180,160,.12) 0%,transparent 45%);pointer-events:none;z-index:0;animation:float 12s ease-in-out infinite}.landing-glow-2{position:fixed;top:20%;left:50%;transform:translate(-60%);width:1000px;height:800px;background:radial-gradient(ellipse at 60% 50%,rgba(220,100,60,.08) 0%,transparent 45%),radial-gradient(ellipse at 30% 40%,rgba(80,200,180,.06) 0%,transparent 40%);pointer-events:none;z-index:0;animation:float 16s ease-in-out infinite reverse}.landing-sparkles{position:fixed;inset:0;pointer-events:none;z-index:1;overflow:hidden}.sparkle{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:0 0 6px 1px #96c8ff99;animation:sparkle-pulse ease-in-out infinite}.landing-nav{position:sticky;top:0;z-index:100;background:#080b16d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(100,160,255,.08)}.landing-nav-inner{max-width:1100px;margin:0 auto;padding:.875rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.landing-nav-logo{display:flex;align-items:center;gap:.6rem;font-size:1.25rem;font-weight:700;color:#e8ecf8;letter-spacing:.06em}.landing-nav-diamond{font-size:1.4rem;background:linear-gradient(135deg,#4dc9f6,#a855f7,#f97316,#22d3ee);background-size:300% 300%;animation:opal-shift 6s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.landing-nav-links{display:flex;gap:2rem}.landing-nav-link{font-size:.82rem;font-weight:500;color:#c8cde0bf;text-decoration:none;transition:color .2s}.landing-nav-link:hover{color:#e8ecf8}.landing-nav-cta{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1.1rem;background:transparent;color:#e8ecf8;border:1px solid rgba(100,160,255,.2);border-radius:6px;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s}.landing-nav-cta:hover{background:#64a0ff0f;border-color:#64a0ff66;box-shadow:0 0 16px #64a0ff1a}.landing-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .9rem;background:#4dc9f60f;border:1px solid rgba(77,201,246,.15);border-radius:100px;font-size:.75rem;font-weight:600;color:#4dc9f6;letter-spacing:.03em;text-transform:uppercase}.landing-hero{position:relative;z-index:2;padding:6rem 1.5rem 3rem;text-align:center}.landing-hero-inner{max-width:760px;margin:0 auto}.landing-h1{font-size:clamp(2.4rem,5.5vw,3.75rem);font-weight:800;line-height:1.1;letter-spacing:-.025em;color:#f0f2fa;margin:1.25rem 0 1.5rem}.landing-h1-accent{background:linear-gradient(135deg,#4dc9f6,#a855f7,#f97316,#22d3ee);background-size:300% 300%;animation:opal-shift 6s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-hero-sub{font-size:1.1rem;line-height:1.7;color:#c8cde0d9;max-width:540px;margin:0 auto 2.5rem}.landing-hero-sub em{font-style:italic;color:#c8cde0f2}.landing-hero-actions{display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap}.landing-btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.75rem;background:linear-gradient(135deg,#4dc9f6,#a855f7,#f97316);background-size:200% 200%;animation:opal-shift 4s ease infinite;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s;text-shadow:0 1px 2px rgba(0,0,0,.2)}.landing-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 30px #4dc9f64d,0 0 60px #a855f726;filter:brightness(1.1)}.landing-btn-lg{padding:1rem 2.25rem;font-size:1.05rem}.landing-btn-ghost{display:inline-flex;align-items:center;gap:.4rem;padding:.8rem 1.5rem;background:transparent;color:#c8cde099;border:1px solid rgba(100,160,255,.15);border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none}.landing-btn-ghost:hover{color:#e8ecf8;border-color:#64a0ff4d;background:#64a0ff0a}.landing-hero-note{margin-top:1.25rem;font-size:.8rem;color:#c8cde099}.landing-hero-image{position:relative;margin:3.5rem auto 0;max-width:860px;border-radius:16px;overflow:hidden;border:1px solid rgba(100,160,255,.15)}.landing-hero-image-glow{position:absolute;inset:-2px;border-radius:17px;background:linear-gradient(135deg,#4dc9f6,#a855f7,#f97316,#22d3ee,#4dc9f6);background-size:400% 400%;animation:opal-shift 5s ease infinite;opacity:.5;z-index:-1;filter:blur(12px)}.landing-hero-image img{width:100%;height:auto;display:block;border-radius:15px}.landing-pipeline{position:relative;z-index:2;padding:5rem 1.5rem;border-top:1px solid rgba(100,160,255,.06)}.landing-pipeline-inner{max-width:960px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}.landing-pipeline-inner:before{content:"";position:absolute;top:22px;left:calc(12.5% + 22px);right:calc(12.5% + 22px);height:2px;background:linear-gradient(90deg,#4dc9f640,#a855f740,#f9731640)}.landing-pipeline-step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 1rem;position:relative}.landing-pipeline-num{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#0f1428e6;border:2px solid rgba(77,201,246,.3);color:#4dc9f6;font-size:1rem;font-weight:800;flex-shrink:0;margin-bottom:1rem;position:relative;z-index:1;box-shadow:0 0 20px #4dc9f61a}.landing-pipeline-step:nth-child(2) .landing-pipeline-num{border-color:#8b5cf64d;color:#a78bfa;box-shadow:0 0 20px #8b5cf61a}.landing-pipeline-step:nth-child(3) .landing-pipeline-num{border-color:#f973164d;color:#f97316;box-shadow:0 0 20px #f973161a}.landing-pipeline-step:nth-child(4) .landing-pipeline-num{border-color:#22c55e4d;color:#22c55e;box-shadow:0 0 20px #22c55e1a}.landing-pipeline-detail{display:flex;flex-direction:column;gap:.35rem}.landing-pipeline-label{font-size:1.05rem;font-weight:700;color:#e8ecf8}.landing-pipeline-desc{font-size:1rem;color:#c8cde0cc;line-height:1.5}.landing-pipeline-arrow{display:none}.landing-section-inner{max-width:1100px;margin:0 auto;padding:0 1.5rem}.landing-section-header{text-align:center;margin-bottom:3.5rem}.landing-h2{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800;letter-spacing:-.02em;color:#f0f2fa;margin:1rem 0 .75rem;line-height:1.2}.landing-section-sub{font-size:1.05rem;color:#c8cde0d1;max-width:520px;margin:0 auto;line-height:1.6}.landing-pain{position:relative;z-index:2;padding:5rem 1.5rem;border-top:1px solid rgba(100,160,255,.06)}.landing-pain-inner{max-width:800px;margin:0 auto;text-align:center}.landing-pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin:2.5rem 0}.landing-pain-card{padding:1.75rem 1.5rem;background:#0f142880;border:1px solid rgba(100,160,255,.08);border-radius:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.landing-pain-card p{font-size:1rem;line-height:1.6;color:#c8cde0d1;font-style:italic}.landing-pain-cta{font-size:1.05rem;font-weight:600;color:#e8ecf8;margin-top:.5rem}.landing-showcase{position:relative;z-index:2;padding:5rem 1.5rem;border-top:1px solid rgba(100,160,255,.06)}.landing-showcase-inner{max-width:900px;margin:0 auto}.landing-showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:3rem}.landing-showcase-card{border-radius:14px;overflow:hidden;border:1px solid rgba(100,160,255,.1);box-shadow:0 4px 24px #0000004d;background:#0f142880}.landing-showcase-after{box-shadow:0 4px 24px #0000004d,0 0 40px #4dc9f614;border-color:#4dc9f633}.landing-showcase-card img{width:100%;height:260px;object-fit:cover;display:block}.landing-showcase-label{padding:1rem 1.25rem;font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.landing-showcase-card:first-child .landing-showcase-label{color:#c8cde0b3}.landing-showcase-card:last-child .landing-showcase-label{color:#4dc9f6}.landing-features{position:relative;z-index:2;padding:5rem 0;border-top:1px solid rgba(100,160,255,.06)}.landing-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.landing-feature-card{padding:2rem;background:#0f142880;border:1px solid rgba(100,160,255,.08);border-radius:12px;transition:all .3s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.landing-feature-card:hover{border-color:#4dc9f640;transform:translateY(-2px);box-shadow:0 8px 40px #0000004d,0 0 30px #4dc9f60f}.landing-feature-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:#4dc9f614;border:1px solid rgba(77,201,246,.15);border-radius:10px;color:#4dc9f6;margin-bottom:1.25rem}.landing-feature-card:nth-child(2) .landing-feature-icon{background:#a855f714;border-color:#a855f726;color:#a855f7}.landing-feature-card:nth-child(3) .landing-feature-icon{background:#f9731614;border-color:#f9731626;color:#f97316}.landing-feature-card:nth-child(4) .landing-feature-icon{background:#22d3ee14;border-color:#22d3ee26;color:#22d3ee}.landing-feature-card h3{font-size:1.05rem;font-weight:700;margin-bottom:.5rem;color:#f0f2fa}.landing-feature-card p{font-size:1rem;line-height:1.65;color:#c8cde0d1}.landing-brand-callout{position:relative;z-index:2;padding:5rem 1.5rem;border-top:1px solid rgba(100,160,255,.06)}.landing-brand-inner{max-width:640px;margin:0 auto;padding:3rem;background:#0f142899;border:1px solid rgba(100,160,255,.1);border-radius:16px;text-align:center;position:relative;overflow:hidden}.landing-brand-inner:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#4dc9f60a,#a855f70f,#f9731608);pointer-events:none}.landing-brand-text p{font-size:1.05rem;line-height:1.7;color:#c8cde0d1;margin:1rem 0 2rem;position:relative}.landing-pricing{position:relative;z-index:2;padding:5rem 0;border-top:1px solid rgba(100,160,255,.06)}.landing-price-toggle{display:inline-flex;gap:.25rem;background:#0f142899;border:1px solid rgba(100,160,255,.1);border-radius:10px;padding:.25rem;margin-top:1.5rem}.landing-price-toggle-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1.25rem;border:none;border-radius:8px;background:transparent;color:#c8cde080;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.landing-price-toggle-btn:hover{color:#c8cde0cc}.landing-price-toggle-btn.active{background:linear-gradient(135deg,#4dc9f626,#a855f726);color:#f0f2fa;box-shadow:0 0 0 1px #4dc9f633}.landing-price-toggle-save{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:.1rem .4rem;border-radius:4px;background:#22c55e33;color:#22c55e}.landing-pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;max-width:1000px;margin:0 auto}.landing-price-card{position:relative;padding:2.25rem 1.75rem;background:#0f142880;border:1px solid rgba(100,160,255,.08);border-radius:12px;display:flex;flex-direction:column;transition:all .3s}.landing-price-card:hover{transform:translateY(-2px);box-shadow:0 8px 40px #0000004d;border-color:#64a0ff26}.landing-price-popular{border-color:#4dc9f64d;box-shadow:0 0 0 1px #4dc9f626,0 8px 40px #4dc9f614}.landing-price-badge{position:absolute;top:-11px;left:50%;transform:translate(-50%);padding:.2rem .85rem;background:linear-gradient(135deg,#4dc9f6,#a855f7);color:#fff;border-radius:100px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.landing-price-name{font-size:1rem;font-weight:700;color:#f0f2fa;margin-bottom:.75rem}.landing-price-amount{font-size:2rem;font-weight:800;color:#f0f2fa;letter-spacing:-.02em;line-height:1}.landing-price-interval{font-size:.9rem;font-weight:500;color:#c8cde080}.landing-price-tokens{font-size:1rem;color:#c8cde0b8;margin:.4rem 0 .25rem}.landing-price-per{font-size:.75rem;color:#c8cde099;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(100,160,255,.08)}.landing-price-features{list-style:none;display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.75rem;flex:1}.landing-price-features li{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:#c8cde0d1}.landing-price-features li svg{color:#4dc9f6;flex-shrink:0}.landing-price-btn{width:100%;padding:.7rem 1rem;background:#64a0ff0f;color:#e8ecf8;border:1px solid rgba(100,160,255,.12);border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.landing-price-btn:hover{background:#64a0ff1a;border-color:#64a0ff40}.landing-price-btn-primary{background:linear-gradient(135deg,#4dc9f6,#a855f7);border-color:transparent;color:#fff}.landing-price-btn-primary:hover{filter:brightness(1.1);border-color:transparent;box-shadow:0 4px 20px #4dc9f640}.landing-cta{position:relative;z-index:2;padding:6rem 1.5rem;text-align:center;border-top:1px solid rgba(100,160,255,.06);background:radial-gradient(ellipse at 50% 100%,rgba(30,80,180,.08) 0%,transparent 60%),radial-gradient(ellipse at 50% 0%,rgba(168,85,247,.04) 0%,transparent 50%)}.landing-cta-inner{max-width:560px;margin:0 auto}.landing-cta .landing-section-sub{margin-bottom:2rem}.landing-stores-strip{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.06)}.landing-stores-label{font-size:.7rem;color:#c8cde0b3;text-transform:uppercase;letter-spacing:.12em;font-weight:600}.landing-stores-logos{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.landing-store-badge{display:flex;align-items:center;gap:.75rem;font-size:1rem;font-weight:700;padding:.85rem 1.5rem;border-radius:12px;border:1px solid;transition:all .3s ease;cursor:default}.landing-store-badge--shopify{color:#95bf47;background:#95bf470f;border-color:#95bf4733;box-shadow:0 0 24px #95bf4714,inset 0 1px #95bf470f}.landing-store-badge--shopify:hover{background:#95bf471a;border-color:#95bf4759;box-shadow:0 0 36px #95bf4726,inset 0 1px #95bf471a}.landing-store-badge--woo{color:#9b5c8f;background:#9b5c8f0f;border-color:#9b5c8f33;box-shadow:0 0 24px #9b5c8f14,inset 0 1px #9b5c8f0f}.landing-store-badge--woo:hover{background:#9b5c8f1a;border-color:#9b5c8f59;box-shadow:0 0 36px #9b5c8f26,inset 0 1px #9b5c8f1a}.landing-store-badge--etsy{color:#f1641e;background:#f1641e0f;border-color:#f1641e33;box-shadow:0 0 24px #f1641e14,inset 0 1px #f1641e0f}.landing-store-badge--etsy:hover{background:#f1641e1a;border-color:#f1641e59;box-shadow:0 0 36px #f1641e26,inset 0 1px #f1641e1a}.landing-store-badge svg{flex-shrink:0;opacity:.85;transition:opacity .3s ease}.landing-store-badge:hover svg{opacity:1}.landing-integration-spotlight{padding:5rem 1.5rem}.landing-spotlight-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;max-width:1100px;margin:0 auto}.landing-spotlight-text h2{margin-top:.75rem}.landing-spotlight-text p{font-size:1.05rem;color:#c8cde0d9;line-height:1.7;margin:1rem 0 1.5rem}.landing-spotlight-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.landing-spotlight-list li{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:#c8cde0e0}.landing-spotlight-list li svg{color:#4ade80;flex-shrink:0}.landing-spotlight-visual{display:flex;justify-content:center}.landing-spotlight-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:1.5rem;width:100%;max-width:340px}.landing-spotlight-card-header{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.95rem;color:#e8ecf8;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.06)}.landing-spotlight-card-body{display:flex;flex-direction:column;gap:.85rem}.landing-spotlight-stat{display:flex;align-items:center;gap:.6rem;font-size:1rem;color:#c8cde0d1}.landing-spotlight-stat svg{color:#8b5cf6b3}.landing-ab-highlight{padding:5rem 1.5rem;background:#8b5cf608;border-top:1px solid rgba(139,92,246,.08);border-bottom:1px solid rgba(139,92,246,.08)}.landing-ab-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:900px;margin:2.5rem auto 0}.landing-ab-step{text-align:center;padding:1.5rem}.landing-ab-step-num{width:36px;height:36px;border-radius:50%;background:#8b5cf626;color:#a78bfa;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;margin:0 auto 1rem}.landing-ab-step h4{margin:0 0 .5rem;font-size:1rem;color:#e8ecf8}.landing-ab-step p{margin:0;font-size:1rem;color:#c8cde0d1;line-height:1.6}.landing-proof{padding:3rem 1.5rem;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}.landing-proof-inner{max-width:800px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;text-align:center}.landing-proof-item{display:flex;flex-direction:column;align-items:center;gap:.4rem}.landing-proof-item svg{color:#8b5cf680;margin-bottom:.25rem}.landing-proof-stat{font-size:1.5rem;font-weight:700;color:#e8ecf8;letter-spacing:-.01em}.landing-proof-label{font-size:1rem;color:#c8cde0b8}.landing-features-grid-4{grid-template-columns:repeat(4,1fr)!important}@media(max-width:1024px)and (min-width:769px){.landing-features-grid-4{grid-template-columns:repeat(2,1fr)!important}}.landing-feature-card:nth-child(5) .landing-feature-icon{background:#22c55e14;border-color:#22c55e26;color:#22c55e}.landing-feature-card:nth-child(6) .landing-feature-icon{background:#8b5cf614;border-color:#8b5cf626;color:#8b5cf6}.landing-feature-card:nth-child(7) .landing-feature-icon{background:#f43f5e14;border-color:#f43f5e26;color:#f43f5e}.landing-feature-card:nth-child(8) .landing-feature-icon{background:#f59e0b14;border-color:#f59e0b26;color:#f59e0b}.landing-legal{padding:4rem 1.5rem 3rem;border-top:1px solid rgba(100,160,255,.06)}.landing-legal-inner{max-width:800px;margin:0 auto}.landing-legal-title{font-size:1.75rem;font-weight:700;color:#e8ecf8;margin-bottom:.25rem}.landing-legal-updated{font-size:.8rem;color:#c8cde080;margin-bottom:1.5rem}.landing-legal-text{font-size:.95rem;line-height:1.7;color:#c8cde0cc;margin-bottom:1.5rem}.landing-legal-section{margin-bottom:1.5rem}.landing-legal-section h3{font-size:1rem;font-weight:600;color:#d0d5e8;margin-bottom:.5rem}.landing-legal-section p{font-size:.9rem;line-height:1.7;color:#c8cde0bf}.landing-legal-list{list-style:disc;padding-left:1.5rem;margin:.5rem 0}.landing-legal-list li{font-size:.9rem;line-height:1.8;color:#c8cde0bf}.landing-footer{border-top:1px solid rgba(100,160,255,.06);padding:3rem 1.5rem 1.5rem;background:#0000004d}.landing-footer-inner{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start}.landing-footer-columns{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem}.landing-footer-col{display:flex;flex-direction:column;gap:.5rem}.landing-footer-col-brand{padding-right:2rem}.landing-footer-heading{font-size:.8rem;font-weight:600;color:#c8cde099;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.25rem}.landing-footer-link{font-size:.85rem;color:#c8cde0b3;text-decoration:none;display:flex;align-items:center;gap:.3rem;transition:color .15s}.landing-footer-link:hover{color:#a78bfa}.landing-footer-brand{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:.95rem;color:#e8ecf8;letter-spacing:.03em}.landing-footer-text{font-size:.8rem;color:#c8cde099;margin-top:.5rem}.landing-footer-bottom{max-width:1100px;margin:2rem auto 0;padding-top:1rem;border-top:1px solid rgba(100,160,255,.06);font-size:.75rem;color:#c8cde066;text-align:center}@media(max-width:768px){.landing-hero{padding:4rem 1.5rem 2rem}.landing-nav-links{display:none}.landing-features-grid{grid-template-columns:1fr}.landing-pricing-grid{grid-template-columns:1fr;max-width:380px}.landing-pain-grid{grid-template-columns:1fr}.landing-pipeline-inner{grid-template-columns:1fr 1fr;gap:2rem 0}.landing-pipeline-inner:before{display:none}.landing-pipeline-step{padding:0 .75rem}.landing-footer-columns{grid-template-columns:1fr 1fr;gap:1.5rem;text-align:left}.landing-footer-col-brand{grid-column:1 / -1;padding-right:0;text-align:center}.landing-footer-inner{flex-direction:column;gap:.75rem;text-align:center}.landing-hero-actions{flex-direction:column}.landing-btn-ghost,.landing-btn-primary{width:100%;justify-content:center}.landing-brand-inner{padding:2rem 1.5rem}.landing-showcase-grid{grid-template-columns:1fr}.landing-showcase-card img{height:200px}.landing-sparkles{display:none}.landing-stores-logos{gap:.75rem}.landing-store-badge{padding:.65rem 1rem;font-size:.85rem;gap:.5rem}.landing-store-badge svg{width:20px;height:20px}.landing-spotlight-content{grid-template-columns:1fr}.landing-ab-steps{grid-template-columns:1fr;gap:1rem}.landing-proof-inner{grid-template-columns:1fr;gap:1.5rem}.landing-features-grid-4{grid-template-columns:1fr!important}}.plugin-card .integration-store-url{font-size:.82rem;color:#c8cde0b3;line-height:1.4;margin-top:.25rem}.plugin-setup-hint{margin-top:.75rem;padding:.75rem 1rem;background:#ffffff0a;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.plugin-setup-hint p{margin:0;font-size:.82rem;color:#ffffffa6;line-height:1.5}.integration-card-actions a.btn{display:inline-flex;align-items:center;gap:.35rem;text-decoration:none}.apikeys-section{margin-top:1rem}.apikeys-description{font-size:.85rem;color:#c8cde099;margin-bottom:1rem;line-height:1.5}.apikey-generate-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:#a78bfa1a;border:1px solid rgba(167,139,250,.2);border-radius:.5rem;color:#a78bfa;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s;margin-bottom:1rem}.apikey-generate-btn:hover{background:#a78bfa26;border-color:#a78bfa4d}.apikey-generate-form{background:#64a0ff08;border:1px solid rgba(100,160,255,.08);border-radius:.75rem;padding:1rem;margin-bottom:1rem}.apikey-name-input{width:100%;padding:.5rem .75rem;background:#0000004d;border:1px solid rgba(100,160,255,.1);border-radius:.375rem;color:#e8ecf8;font-size:.85rem;margin-bottom:.75rem}.apikey-name-input::placeholder{color:#c8cde066}.apikey-generate-actions{display:flex;gap:.5rem}.apikey-reveal{background:#f59e0b0d;border:1px solid rgba(245,158,11,.2);border-radius:.75rem;padding:1rem;margin-bottom:1rem}.apikey-reveal-header{display:flex;align-items:center;gap:.5rem;color:#f59e0b;margin-bottom:.5rem}.apikey-reveal-warning{font-size:.8rem;color:#f59e0bcc;margin-bottom:.75rem}.apikey-reveal-box{display:flex;gap:.5rem;margin-bottom:.75rem}.apikey-reveal-input{flex:1;padding:.5rem .75rem;background:#0006;border:1px solid rgba(245,158,11,.2);border-radius:.375rem;color:#e8ecf8;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.8rem}.apikey-copy-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.5rem .75rem;background:#a78bfa1a;border:1px solid rgba(167,139,250,.2);border-radius:.375rem;color:#a78bfa;font-size:.8rem;cursor:pointer;white-space:nowrap}.apikey-copy-btn:hover{background:#a78bfa26}.apikey-done-btn{padding:.4rem 1rem;background:#64a0ff0d;border:1px solid rgba(100,160,255,.1);border-radius:.375rem;color:#c8cde0b3;font-size:.8rem;cursor:pointer}.apikey-prefix{padding:.15rem .4rem;background:#64a0ff0f;border-radius:.25rem;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.8rem;color:#c8cde0b3}.apikey-revoke-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .6rem;background:#ef444414;border:1px solid rgba(239,68,68,.15);border-radius:.375rem;color:#ef4444;font-size:.75rem;cursor:pointer;transition:all .15s}.apikey-revoke-btn:hover{background:#ef444426;border-color:#ef444440}.apikey-revoke-btn:disabled{opacity:.5;cursor:not-allowed}.billing-section-title{display:flex;align-items:center;gap:.5rem}.catalog-processor{display:flex;flex-direction:column;gap:1rem}.catalog-header{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.catalog-header h2{display:flex;align-items:center;gap:.5rem;flex:1;margin:0;font-size:1.1rem}.catalog-tabs{display:flex;gap:.25rem}.catalog-tab{padding:.4rem .8rem;border:1px solid var(--border);background:transparent;color:var(--text-secondary);border-radius:6px;cursor:pointer;font-size:.85rem}.catalog-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.catalog-error{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:#ff50501a;border:1px solid rgba(255,80,80,.3);border-radius:8px;color:var(--text-primary);font-size:.85rem}.catalog-error button{margin-left:auto;background:none;border:none;cursor:pointer;color:var(--text-secondary)}.catalog-loading{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:3rem;color:var(--text-secondary)}.catalog-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.catalog-stat{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--card-bg);border:1px solid var(--border);border-radius:8px}.catalog-stat-value{display:block;font-size:1.4rem;font-weight:700;color:var(--text-primary)}.catalog-stat-label{font-size:.75rem;color:var(--text-secondary)}.catalog-product-list{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;overflow:hidden}.catalog-product-list-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;border-bottom:1px solid var(--border);font-size:.85rem}.catalog-select-all{display:flex;align-items:center;gap:.5rem;cursor:pointer}.catalog-selection-info{color:var(--text-secondary);font-size:.8rem}.catalog-products-scroll{max-height:350px;overflow-y:auto}.catalog-product-row{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-bottom:1px solid var(--border-subtle, rgba(255,255,255,.05));cursor:pointer;font-size:.85rem}.catalog-product-row:hover{background:#ffffff08}.catalog-product-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalog-product-images{color:var(--text-secondary);font-size:.8rem;white-space:nowrap}.catalog-actions{display:flex;gap:.5rem;padding:.5rem 0}.catalog-progress-bar-container{width:100%;height:8px;background:var(--border);border-radius:4px;overflow:hidden}.catalog-progress-bar{height:100%;background:var(--primary);border-radius:4px;transition:width .3s ease}.catalog-progress-stats{display:flex;gap:1rem;font-size:.8rem;color:var(--text-secondary);flex-wrap:wrap}.stat-processed{color:var(--success, #4ade80)}.stat-failed{color:var(--danger, #f87171)}.catalog-error-message{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#ff50501a;border-radius:6px;color:var(--danger, #f87171);font-size:.85rem}.catalog-product-status-list{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;overflow:hidden}.catalog-product-status-list h4{padding:.6rem 1rem;margin:0;border-bottom:1px solid var(--border);font-size:.85rem}.catalog-product-status{display:flex;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.8rem;border-bottom:1px solid var(--border-subtle, rgba(255,255,255,.03))}.catalog-product-status-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalog-product-status-images{color:var(--text-secondary);white-space:nowrap}.catalog-product-status-error{color:var(--danger, #f87171);font-size:.75rem}.catalog-product-status-icon{width:16px;display:flex;justify-content:center}.catalog-product-completed .catalog-product-status-icon{color:var(--success, #4ade80)}.catalog-product-failed .catalog-product-status-icon{color:var(--danger, #f87171)}.catalog-product-processing .catalog-product-status-icon{color:var(--primary)}.dot{width:6px;height:6px;border-radius:50%;background:var(--text-secondary);display:inline-block}.catalog-history-card{padding:.75rem 1rem;background:var(--card-bg);border:1px solid var(--border);border-radius:8px;cursor:pointer;margin-bottom:.5rem}.catalog-history-card:hover{border-color:var(--primary)}.catalog-history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.catalog-history-date{font-size:.75rem;color:var(--text-secondary)}.catalog-history-stats{display:flex;gap:1rem;font-size:.8rem;color:var(--text-secondary)}.catalog-badge{padding:.15rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.catalog-badge-completed{background:#4ade8026;color:#4ade80}.catalog-badge-processing{background:#60a5fa26;color:#60a5fa}.catalog-badge-failed{background:#f8717126;color:#f87171}.catalog-badge-canceled,.catalog-badge-created{background:#9ca3af26;color:#9ca3af}.ab-test-page{padding:0}.ab-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.ab-header h2{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.25rem}.ab-error{background:#f871711a;border:1px solid rgba(248,113,113,.3);color:#f87171;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem}.ab-loading{display:flex;align-items:center;gap:.5rem;color:#9ca3af;padding:2rem;justify-content:center}.ab-empty{text-align:center;padding:3rem;color:#6b7280}.ab-list{display:flex;flex-direction:column;gap:.75rem}.ab-list>div{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:1rem 1.25rem;cursor:pointer;transition:all .2s}.ab-list>div:hover{border-color:#ffffff26;background:#ffffff0d}.ab-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.ab-card-title{font-weight:600;font-size:.95rem}.ab-card-meta{display:flex;align-items:center;gap:.75rem;font-size:.8rem;color:#9ca3af;flex-wrap:wrap}.ab-winner{color:#4ade80;font-weight:500}.ab-card-date{color:#6b7280}.ab-create{max-width:600px}.ab-create h3{margin:0 0 .25rem;font-size:1.1rem}.ab-hint{color:#9ca3af;font-size:.85rem;margin:0 0 1.25rem}.ab-form{display:flex;flex-direction:column;gap:.75rem}.ab-form label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:#d1d5db}.ab-form input,.ab-form select{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:.5rem .75rem;color:#f3f4f6;font-size:.9rem}.ab-form input:focus,.ab-form select:focus{outline:none;border-color:#8b5cf680}.ab-form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.ab-form-actions{display:flex;gap:.75rem;margin-top:.5rem}.ab-detail-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.ab-detail-header h3{margin:0;font-size:1.1rem}.ab-variants{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:start;margin-bottom:1.5rem}.ab-variants>div:first-child,.ab-variants>div:last-child{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:1.25rem}.ab-variant-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.ab-variant-label{font-weight:600;font-size:1rem}.ab-live-badge{background:#4ade8026;color:#4ade80;padding:.15rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;letter-spacing:.05em}.ab-variant-stats{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:#d1d5db}.ab-stat-value{font-weight:600;color:#f3f4f6;font-size:1rem;margin-right:.25rem}.ab-no-data{color:#6b7280;font-style:italic;font-size:.85rem}.ab-vs{display:flex;align-items:center;justify-content:center;font-weight:700;color:#6b7280;font-size:.9rem;padding-top:2rem}.ab-lift{font-size:.85rem}.ab-actions{display:flex;gap:.5rem;flex-wrap:wrap}.ab-metrics-entry{max-width:600px}.ab-metrics-entry h3{margin:0 0 .25rem;font-size:1.1rem}.ab-metrics-table{margin-top:1.5rem}.ab-metrics-table table{width:100%;border-collapse:collapse;font-size:.85rem}.ab-metrics-table th{text-align:left;padding:.5rem;border-bottom:1px solid rgba(255,255,255,.1);color:#9ca3af;font-weight:500}.ab-metrics-table td{padding:.5rem;border-bottom:1px solid rgba(255,255,255,.05);color:#d1d5db}.ab-badge{display:inline-block;padding:.15rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.ab-badge-created{background:#9ca3af26;color:#9ca3af}.ab-badge-running{background:#60a5fa26;color:#60a5fa}.ab-badge-concluded{background:#4ade8026;color:#4ade80}.ab-badge-canceled{background:#9ca3af26;color:#9ca3af}.ab-significance{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:1rem 1.25rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.ab-significance .confident{color:#4ade80}.ab-significance .not-confident{color:#fbbf24}@media(max-width:768px){.ab-variants{grid-template-columns:1fr}.ab-vs{padding:.5rem 0}.ab-form-row{grid-template-columns:1fr}}.bench-page{padding:0}.bench-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.bench-header h2{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.25rem}.bench-header-actions{display:flex;gap:.5rem}.bench-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;color:#ef4444}.bench-analyze{display:flex;flex-direction:column;gap:2rem}.bench-upload-card{background:#ffffff08;border:2px dashed rgba(255,255,255,.12);border-radius:12px;padding:3rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.bench-upload-icon{color:#ffffff40}.bench-upload-card h3{margin:0;font-size:1.2rem}.bench-upload-card p{margin:0;color:#ffffff80;max-width:400px}.bench-options{display:flex;gap:1rem;align-items:end}.bench-option{display:flex;flex-direction:column;gap:.25rem;position:relative}.bench-option label{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.bench-option select,.bench-option input{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:.5rem .75rem;color:#fff;font-size:.9rem;min-width:140px;appearance:none}.bench-select-icon{position:absolute;right:8px;bottom:10px;pointer-events:none;color:#fff6}.btn-lg{padding:.75rem 2rem;font-size:1rem}.bench-categories-ref h4{margin:0 0 1rem;font-size:.9rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.bench-cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.bench-cat-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.75rem 1rem}.bench-cat-name{font-weight:600;margin-bottom:.5rem;text-transform:capitalize;font-size:.85rem}.bench-cat-scores{display:flex;flex-direction:column;gap:.2rem}.bench-cat-score{display:flex;justify-content:space-between;font-size:.75rem;color:#ffffff80}.bench-result{display:flex;flex-direction:column;gap:1.5rem}.bench-result-top{display:flex;gap:2rem;align-items:center}.bench-result-preview{width:200px;height:200px;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.bench-result-preview img{width:100%;height:100%;object-fit:cover}.bench-result-overview{display:flex;flex-direction:column;align-items:center;gap:.5rem}.bench-result-title{font-weight:600;font-size:1rem}.bench-result-category{color:#fff6;font-size:.85rem;text-transform:capitalize}.bench-gauge{display:flex;flex-direction:column;align-items:center;gap:.5rem}.bench-gauge-ring{width:100px;height:100px;border-radius:50%;border:4px solid;display:flex;align-items:center;justify-content:center}.bench-gauge-score{font-size:2rem;font-weight:700}.bench-gauge-label{font-size:.9rem;font-weight:600}.bench-result-scores{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:1.25rem}.bench-result-scores h4{margin:0 0 1rem;font-size:.9rem}.bench-score-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.6rem}.bench-score-label{width:140px;font-size:.85rem;color:#ffffffb3;flex-shrink:0}.bench-score-bar-container{flex:1;height:8px;background:#ffffff14;border-radius:4px;position:relative;overflow:visible}.bench-score-bar{height:100%;border-radius:4px;transition:width .5s ease}.bench-score-avg-marker{position:absolute;top:-3px;width:2px;height:14px;background:#ffffff80;border-radius:1px;transform:translate(-1px)}.bench-score-value{width:30px;text-align:right;font-size:.85rem;font-weight:600}.bench-legend{margin-top:.75rem;display:flex;gap:1rem}.bench-legend-item{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:#fff6}.bench-legend-dot{width:8px;height:2px;border-radius:1px;display:inline-block}.bench-suggestions h4{display:flex;align-items:center;gap:.4rem;margin:0 0 1rem;font-size:.9rem}.bench-suggestion{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-left:3px solid;border-radius:8px;padding:1rem;margin-bottom:.75rem}.bench-suggestion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem}.bench-suggestion-metric{font-weight:600;font-size:.9rem}.bench-suggestion-priority{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.bench-suggestion p{margin:0 0 .5rem;color:#fff9;font-size:.85rem}.btn-sm{padding:.3rem .75rem;font-size:.8rem}.bench-all-good{text-align:center;padding:2rem;color:#22c55e;display:flex;flex-direction:column;align-items:center;gap:.5rem}.bench-history-list{display:flex;flex-direction:column;gap:.5rem}.bench-history-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;cursor:pointer;transition:background .15s}.bench-history-item:hover{background:#ffffff0f}.bench-history-score{width:44px;height:44px;border-radius:50%;border:2px solid;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0}.bench-history-info{flex:1;min-width:0}.bench-history-title{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bench-history-meta{font-size:.8rem;color:#fff6}.bench-history-arrow{color:#fff3}.bench-empty{text-align:center;padding:3rem;color:#ffffff4d;display:flex;flex-direction:column;align-items:center;gap:.5rem}.bench-loading{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem;color:#ffffff80}@media(max-width:768px){.bench-result-top,.bench-options{flex-direction:column}.bench-cat-grid{grid-template-columns:1fr}}.help-tooltip-wrapper{position:relative;display:inline-flex;align-items:center;margin-left:.35rem;cursor:help;vertical-align:middle}.help-tooltip-icon{color:#ffffff59;transition:color .15s}.help-tooltip-wrapper:hover .help-tooltip-icon{color:#8b5cf6cc}.help-tooltip-popover{position:absolute;z-index:1000;background:#141428f7;border:1px solid rgba(139,92,246,.25);border-radius:8px;padding:.6rem .8rem;font-size:.82rem;font-weight:400;line-height:1.45;color:#ffffffd9;width:max-content;max-width:280px;box-shadow:0 8px 24px #0006;pointer-events:auto;animation:tooltip-in .12s ease-out}@keyframes tooltip-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.help-tooltip-top{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.help-tooltip-bottom{top:calc(100% + 8px);left:50%;transform:translate(-50%)}.help-tooltip-left{right:calc(100% + 8px);top:50%;transform:translateY(-50%)}.help-tooltip-right{left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.tips-bar{display:flex;align-items:center;gap:.6rem;padding:.6rem 1rem;margin-bottom:1rem;background:linear-gradient(135deg,#8b5cf614,#3b82f60f);border:1px solid rgba(139,92,246,.15);border-radius:10px;font-size:.85rem;color:#ffffffbf;animation:tips-slide-in .25s ease-out}@keyframes tips-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.tips-bar-icon{color:#facc15b3;flex-shrink:0}.tips-bar-text{flex:1}.tips-bar-dismiss{background:none;border:none;color:#ffffff4d;cursor:pointer;padding:.2rem;border-radius:4px;display:flex;flex-shrink:0;transition:color .15s,background .15s}.tips-bar-dismiss:hover{color:#fff9;background:#ffffff0f}.settings-page{max-width:640px}.settings-section{margin-top:1.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1.25rem}.settings-section-title{font-size:.9rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.04)}.settings-toggle-row:last-child{border-bottom:none}.settings-toggle-info{display:flex;align-items:center;gap:.75rem}.settings-toggle-icon{color:#fff6;flex-shrink:0}.settings-toggle-name{font-weight:500;color:#ffffffe6}.settings-toggle-desc{font-size:.8rem;color:#fff6;margin-top:.15rem}.processing-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:.75rem}.processing-preset{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.7rem .6rem;cursor:pointer;text-align:left;transition:all .15s}.processing-preset:hover{border-color:#8b5cf64d;background:#8b5cf60d}.processing-preset.active{border-color:#8b5cf680;background:#8b5cf61a}.processing-preset.disabled{opacity:.5;cursor:not-allowed}.processing-preset-label{font-weight:600;font-size:.85rem;color:#ffffffe6;margin-bottom:.2rem}.processing-preset-desc{font-size:.75rem;color:#fff6;line-height:1.3}.processing-customize-btn{background:none;border:none;color:#fff6;cursor:pointer;display:flex;align-items:center;gap:.3rem;font-size:.8rem;padding:.3rem 0;transition:color .15s}.processing-customize-btn:hover{color:#8b5cf6cc}.cost-preview{display:flex;align-items:center;gap:.5rem;padding:.6rem .8rem;margin-bottom:.75rem;background:#facc150f;border:1px solid rgba(250,204,21,.12);border-radius:8px;font-size:.85rem}.cost-preview-icon{color:#facc15b3;flex-shrink:0}.cost-preview-text{color:#ffffffb3}.cost-preview-detail{color:#fff6}@media(max-width:768px){.processing-presets{grid-template-columns:1fr}.help-tooltip-popover{max-width:220px}}