@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=Fira+Code:wght@400;500&display=swap";.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:#07000fb4;padding:30px;border-radius:8px;box-shadow:0 4px 15px #3d0158b3;text-align:center;max-width:400px;width:90%;position:relative;display:flex;flex-direction:column;gap:20px}.modal-content h2{color:var(--color-text);font-size:1.8em;margin-bottom:10px}.modal-content p{color:var(--color-text-secondary);font-size:1.1em;margin-bottom:20px}.modal-actions{display:flex;justify-content:center;gap:15px}.modal-actions .btn{padding:10px 25px;border-radius:5px;text-decoration:none;font-weight:600;transition:background-color .3s ease}.modal-actions .btn-primary{background-color:var(--color-primary);color:var(--color-background)}.modal-actions .btn-primary:hover{background-color:var(--color-primary-dark)}.modal-actions .btn-secondary{background-color:var(--color-gray);color:var(--color-text)}.modal-actions .btn-secondary:hover{background-color:var(--color-gray-dark)}.close-button{position:absolute;top:15px;right:15px;background:none;border:none;font-size:1.8em;color:var(--color-text-secondary);cursor:pointer;transition:color .3s ease}.close-button:hover{color:var(--color-text)}.keywords-input .chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px;border:1px solid var(--color-border,#333);border-radius:6px}.keywords-input{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap}.keywords-input .chips{flex:1 1 520px;min-height:48px;max-width:100%}.keywords-input .btn{flex:0 0 auto}.keyword-btn{flex-shrink:0;white-space:nowrap;min-width:260px;padding:12px 20px;font-size:1rem}@media (max-width:768px){.keywords-input{flex-direction:column;align-items:stretch;gap:12px}.keyword-btn{width:100%;min-width:0}}.chip{display:inline-flex;align-items:center;max-width:220px;padding:6px 9px;border-radius:999px;background:linear-gradient(180deg,#7c4dff,#5a3cf0);color:#fff;font-size:.9rem;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 2px 10px #5c3ef040;gap:6px}.chip-x{margin-left:0;width:14px;height:14px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:12px;border:0;border-radius:50%;background:#ffffff2e;color:#fff;cursor:pointer;vertical-align:middle;-webkit-appearance:none;appearance:none;transform:translateY(-.5px)}.chip-x:hover{background:#ffffff47}.chip-x:focus-visible{outline:2px solid rgba(168,118,255,.85);outline-offset:2px}#keyword-input{flex:1;min-width:200px;background:transparent;border:0;outline:none;color:var(--color-text,#fff);padding:8px 6px;font-size:1rem}.new-filename-cell .new-filename-display{display:block;white-space:normal;overflow-wrap:anywhere;word-break:break-word;line-height:1.35}.new-filename-cell .new-name-input{width:100%;box-sizing:border-box}.vision-highlight{background:#7c4dff2e;padding:0 .2em;border-radius:.25em}.pricing .pricing-grid{align-items:stretch}.pricing .pricing-card{position:relative;overflow:visible;display:flex;flex-direction:column}.pricing .pricing-card .btn{margin-top:auto;align-self:center}.packs-grid .pricing-card h3{min-height:3.2rem}.packs-grid .pricing-card{display:flex;flex-direction:column}.packs-grid .pricing-card h3{height:3.8rem;line-height:1.2;display:flex;align-items:flex-end;justify-content:center;text-align:center;margin:0 0 .5rem}.packs-grid .pricing-card .price{min-height:3.25rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.packs-grid .pricing-card .btn{margin-top:auto}.subsection-header{text-align:center;margin-top:4rem;margin-bottom:2rem}.subsection-header p{color:var(--gray-500);margin:6px 0 0}:root{--primary: #8b5cf6;--primary-light: #a78bfa;--primary-dark: #7c3aed;--secondary: #10b981;--success: #34d399;--warning: #fbbf24;--danger: #f87171;--gray-50: #1a1b23;--gray-100: #1f2028;--gray-200: #26272f;--gray-300: #2e3039;--gray-400: #52525b;--gray-500: #71717a;--gray-600: #a1a1aa;--gray-700: #d4d4d8;--gray-800: #e4e4e7;--gray-900: #fafafa;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px 0 rgba(139, 92, 246, .2);--font-sans: "Poppins", "Inter", system-ui, -apple-system, sans-serif;--font-mono: "Fira Code", "JetBrains Mono", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--shadow-sm: 0 2px 4px 0 rgb(0 0 0 / .2);--shadow-md: 0 8px 16px -1px rgb(0 0 0 / .3);--shadow-lg: 0 16px 24px -3px rgb(0 0 0 / .4);--shadow-xl: 0 24px 32px -5px rgb(0 0 0 / .5);--shadow-glow: 0 0 20px rgba(139, 92, 246, .4)}body{font-family:var(--font-sans);line-height:1.6;color:var(--gray-900);background:linear-gradient(135deg,#0a0a0f,#1a0f2e,#0f172a);min-height:100vh;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 50%,rgba(139,92,246,.2) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(16,185,129,.15) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(251,191,36,.1) 0%,transparent 50%);pointer-events:none;z-index:1}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-lg);position:relative;z-index:2}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}header{background:#0a0a0fcc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);padding:var(--space-lg) 0;position:sticky;top:0;z-index:100}header .container{display:flex;justify-content:space-between;align-items:center}header .logo h1{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary-light) 0%,var(--secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:var(--space-sm)}header nav ul{display:flex;list-style:none;gap:var(--space-xl);align-items:center}header nav a{color:var(--gray-700);text-decoration:none;font-weight:500;transition:all .3s;position:relative}header nav a:hover{color:var(--primary-light)}header nav a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%);transition:width .3s}header nav a:hover:after{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);text-decoration:none;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;outline:none;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.05em}.btn.keyword-btn{display:block!important;width:100%;max-width:100%;text-align:center;padding:16px 18px;min-height:56px;line-height:1.25;white-space:normal;overflow-wrap:anywhere;word-break:normal;text-wrap:balance;overflow:hidden}.btn.keyword-btn i{margin-right:.5rem}@media (max-width: 400px){.btn.keyword-btn{font-size:.98rem;letter-spacing:.02em}}@media (max-width: 640px){.keywords-input{grid-template-columns:1fr}.btn.keyword-btn{width:100%}}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 4px 15px #8b5cf64d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf680}.btn-outline{background:var(--glass-bg);color:var(--primary-light);border:1px solid var(--primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-outline:hover{background:#8b5cf61a;box-shadow:0 4px 15px #8b5cf64d}.btn-success{background:linear-gradient(135deg,var(--success) 0%,#059669 100%);color:#fff;box-shadow:0 4px 15px #34d3994d}.btn:disabled,.btn[disabled]{background:var(--gray-300);color:var(--gray-500);cursor:not-allowed;transform:none;box-shadow:none}.hero{padding:var(--space-3xl) 0;position:relative;z-index:2}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);background:#8b5cf633;border:1px solid var(--primary);border-radius:var(--radius-2xl);color:var(--primary-light);font-size:.875rem;font-weight:600;margin-bottom:var(--space-lg)}.hero-content h1{font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:var(--space-lg);background:linear-gradient(135deg,var(--gray-900) 0%,var(--gray-700) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-content p{font-size:1.125rem;color:var(--gray-600);margin-bottom:var(--space-xl);line-height:1.8}.hero-features{display:flex;gap:var(--space-lg);margin-bottom:var(--space-xl)}.mini-feature{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mini-feature i{color:var(--primary-light);font-size:1.125rem}.mini-feature span{font-size:.875rem;font-weight:500;color:var(--gray-700)}.hero-stats{display:flex;gap:var(--space-xl)}.stat{display:flex;flex-direction:column}.stat-number{font-size:2rem;font-weight:800;background:linear-gradient(135deg,var(--primary-light) 0%,var(--secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.stat-label{font-size:.875rem;color:var(--gray-600)}.drop-area{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px dashed var(--primary);border-radius:var(--radius-xl);padding:var(--space-3xl);text-align:center;transition:all .3s;box-shadow:var(--glass-shadow);position:relative;overflow:hidden}.drop-area:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(139,92,246,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s}.drop-area:hover:before,.drop-area.highlight:before{opacity:1}.drop-area:hover,.drop-area.highlight{border-color:var(--primary-light);box-shadow:0 0 30px #8b5cf680}.upload-icon{font-size:3rem;color:var(--primary-light);margin-bottom:var(--space-lg);animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.drop-area h3{font-size:1.5rem;color:var(--gray-900);margin-bottom:var(--space-sm)}.drop-area p{color:var(--gray-600);margin-bottom:var(--space-lg)}.upload-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);border:none;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-sm);transition:all .3s;box-shadow:0 4px 15px #8b5cf64d}.upload-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf680}.supported-formats{margin-top:var(--space-lg);font-size:.875rem;color:var(--gray-500)}.features{padding:var(--space-3xl) 0;position:relative;z-index:2}.section-header{text-align:center;margin-bottom:var(--space-3xl)}.section-header h2{font-size:2.5rem;font-weight:800;margin-bottom:var(--space-md);background:linear-gradient(135deg,var(--gray-900) 0%,var(--gray-700) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.section-header p{font-size:1.125rem;color:var(--gray-600)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg)}.feature-card{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-xl);transition:all .3s;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%);transform:scaleX(0);transition:transform .3s}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #8b5cf64d;border-color:var(--primary)}.feature-icon{width:60px;height:60px;background:linear-gradient(135deg,#8b5cf633,#10b98133);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--primary-light);margin-bottom:var(--space-lg)}.feature-card h3{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,var(--primary-light) 0%,var(--secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--space-sm)}.feature-card p{color:var(--gray-600);line-height:1.6}.pricing{padding:var(--space-3xl) 0;position:relative;z-index:2}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-xl);margin-top:var(--space-3xl)}.packs-grid{display:flex;flex-wrap:wrap;justify-content:center;max-width:1100px;margin-left:auto;margin-right:auto}.packs-grid .pricing-card{flex:1 1 280px;max-width:320px}.pricing-card{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-xl);text-align:center;position:relative;transition:all .3s}.pricing-card.featured{border:2px solid var(--primary);transform:scale(1.05);box-shadow:0 20px 40px #8b5cf666}.featured-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;padding:var(--space-xs) var(--space-lg);border-radius:var(--radius-2xl);font-size:.75rem;font-weight:600;text-transform:uppercase}.pricing-card h3{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin-bottom:var(--space-lg)}.price{font-size:3rem;font-weight:800;background:linear-gradient(135deg,var(--primary-light) 0%,var(--secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--space-xl)}.price span{font-size:1rem;color:var(--gray-600)}.pricing-card ul{list-style:none;margin-bottom:var(--space-xl)}.pricing-card li{padding:var(--space-sm) 0;color:var(--gray-700);position:relative;padding-left:var(--space-lg)}.pricing-card li:before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:700}.toast{margin-top:1rem;border-radius:var(--radius-lg);padding:.75rem 1rem;font-weight:600;box-shadow:var(--shadow-sm);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:inline-flex;align-items:center;gap:.5rem}.toast.success{background:#10b9811f;color:#c7f9e5}.toast.error{background:#f871711f;color:#ffd2d2}.toast.info{background:#6366f11f;color:#d8dcff}.credits-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--glass-bg);padding:.5rem .75rem;border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.credits-badge .credits-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);box-shadow:0 0 10px #8b5cf699}footer{background:#0a0a0fe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);padding:var(--space-3xl) 0 var(--space-xl);margin-top:var(--space-3xl);position:relative;z-index:2}.footer-content{display:grid;grid-template-columns:minmax(260px,1.5fr) 2fr;align-items:start;gap:var(--space-2xl) var(--space-3xl);margin-bottom:var(--space-xl)}.footer-logo h2{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,var(--primary-light) 0%,var(--secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--space-sm)}.footer-logo p{color:var(--gray-600)}.footer-links{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));gap:var(--space-xl) var(--space-2xl);align-items:start;justify-content:start}.footer-column h4{font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;margin:0 0 .6rem}.footer-column ul{list-style:none;margin:0;padding:0;padding-inline-start:0}.footer-column li{margin-left:0;padding-left:0}.footer-column a{color:var(--gray-600);text-decoration:none;font-size:.95rem;line-height:1.6}.footer-column a:hover{color:var(--primary-light)}.contact-info{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--gray-200);padding:8px 12px;border-radius:12px;border:1px solid var(--glass-border)}.contact-info span{color:var(--gray-700);word-break:break-all;font-size:.9rem;line-height:1.4}.btn-copy{background:var(--gray-300);color:var(--primary-light);border:1px solid var(--primary);border-radius:8px;padding:6px 12px;cursor:pointer;transition:all .2s;font-size:.85rem;font-weight:600;flex-shrink:0}.btn-copy:hover{background:#8b5cf633;border-color:var(--primary-light)}.footer-contact-centered{text-align:center;margin:2rem 0}.footer-contact-centered h4{font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;margin:0 0 .6rem;color:var(--gray-800)}.footer-contact-centered .contact-info{display:inline-flex;max-width:100%}.footer-bottom{padding-top:var(--space-xl);border-top:1px solid var(--glass-border);text-align:center;color:var(--gray-600)}.mobile-menu{display:none;color:var(--gray-700);font-size:1.5rem;cursor:pointer}.mobile-only{display:none}@media (max-width: 1024px){.footer-content{grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(3,minmax(120px,1fr))}}@media (max-width: 680px){.footer-links{grid-template-columns:repeat(2,minmax(140px,1fr))}}@media (max-width: 420px){.footer-links{grid-template-columns:1fr}}@media (max-width: 640px){.workflow-section,.workflow-section .container,.workflow-section .workflow-step,.workflow-section .table-container,.workflow-section #filename-table{width:100%;max-width:100vw!important;margin-inline:0!important}.workflow-section *{min-width:0;box-sizing:border-box}#filename-table td{grid-template-columns:96px 1fr}.actions{width:100%}.actions .btn{width:100%;white-space:normal}}@media (max-width: 360px){#filename-table td{grid-template-columns:84px 1fr}}@media (max-width: 640px){#filename-table{display:block;border-spacing:0}#filename-table thead{display:none}#filename-table tbody{display:block}#filename-table tr{display:block;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--glass-shadow);padding:var(--space-md);margin-bottom:var(--space-md);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}#filename-table td{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:8px;padding:8px 0;border:0;width:100%}#filename-table td:nth-child(1):before{content:"Image"}#filename-table td:nth-child(2):before{content:"Original"}#filename-table td:nth-child(3):before{content:"New SEO"}#filename-table td:before{font-weight:700;color:var(--gray-600);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem}#filename-table td.image-cell{grid-template-columns:1fr;align-items:start}#filename-table td.image-cell:before{margin-bottom:6px}#filename-table .image-thumbnail{width:60px;height:60px;object-fit:cover;border-radius:10px}#filename-table .filename-text,#filename-table .new-filename-display,#filename-table .new-name-input{max-width:100%;width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word}#filename-table .current-filename-cell,#filename-table .new-filename-cell{min-width:0!important;width:auto!important}.table-container{overflow-x:visible}}@media (max-width: 360px){#filename-table td{grid-template-columns:88px 1fr}}@media (max-width: 640px){.actions .btn{width:100%}.navigation-actions{display:grid;grid-template-columns:1fr;gap:12px}.navigation-actions .btn{width:100%}}.workflow-section .container,.workflow-section .table-container,.workflow-section #filename-table{overflow-x:visible!important}#filename-table .filename-text,#filename-table .new-filename-display,#filename-table .new-name-input{width:100%;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word}@media (max-width: 768px){.hero-grid{grid-template-columns:1fr;gap:var(--space-xl)}.hero-content h1{font-size:2rem}.hero-features{flex-direction:column}header nav{display:none}.mobile-menu{display:block}.mobile-only{display:inline-block}.mobile-nav ul{background:#121218f5;color:var(--gray-800);border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 48px #0009,var(--glass-shadow);border-radius:16px;padding:10px;overflow:hidden}.mobile-nav li+li{border-top:1px solid rgba(255,255,255,.06)}.mobile-nav a.mobile-link,.mobile-nav a.btn,.mobile-nav button.btn{display:flex;align-items:center;gap:12px;padding:14px 12px;text-decoration:none;color:var(--gray-700);border-radius:12px}.mobile-nav .mobile-only{width:28px;height:28px;display:grid;place-items:center;border-radius:999px;background:linear-gradient(135deg,var(--primary-light) 0%,var(--secondary) 100%);color:#0b0b10;font-weight:700}.mobile-nav li:hover>a.mobile-link{background:#ffffff0f}.mobile-nav li:active>a.mobile-link{background:#ffffff1a}.mobile-cta{padding-top:4px;border-top:none!important}.mobile-cta .btn{width:100%;box-sizing:border-box;margin:2px 0;padding:14px 16px;border-radius:12px}.mobile-nav{transform:translateY(-6px) scale(.98);opacity:0;transition:transform .2s ease,opacity .2s ease;z-index:1000}.mobile-nav.open{transform:translateY(0) scale(1);opacity:1}.mobile-nav-backdrop.open{background:#0000008c}.footer-content{grid-template-columns:1fr}.footer-links{justify-content:flex-start}}@media (max-width: 900px){.footer-content{grid-template-columns:1fr}.footer-links{justify-content:flex-start}}@media (max-width: 360px){.container{padding:0 12px}.pricing-card{padding:var(--space-lg)}}html,body{max-width:100%;overflow-x:hidden}img,svg,video,canvas{max-width:100%;height:auto}.container{box-sizing:border-box;overflow-x:clip}.pricing-card{overflow:hidden}@media (max-width: 768px){.pricing-card.featured{transform:none!important}.featured-badge{position:static!important;transform:none!important;display:inline-block;margin-bottom:12px;padding:6px 12px;border-radius:999px}}html{scroll-behavior:smooth}.mobile-nav,.mobile-nav-backdrop{display:none}@media (max-width: 768px){.mobile-menu{background:transparent;border:0;padding:8px;line-height:1}.mobile-nav{position:absolute;left:0;right:0;top:100%;z-index:99;display:block;transform:translateY(-8px);opacity:0;pointer-events:none;transition:transform .2s ease,opacity .2s ease}.mobile-nav a,.mobile-nav button.btn{width:100%;text-align:left}.mobile-nav li{display:block}.mobile-nav-backdrop{position:fixed;inset:0;background:#00000059;z-index:98;opacity:0;pointer-events:none;transition:opacity .2s ease;display:block}.mobile-nav.open{transform:translateY(0);opacity:1;pointer-events:auto}.mobile-nav-backdrop.open{opacity:1;pointer-events:auto}header nav{display:none}}.keywords-input{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,1fr);gap:var(--space-md);max-width:min(900px,100%);margin-inline:auto;align-items:start}.keywords-input .btn,.keywords-input button{display:block!important;width:100%!important;max-width:100%!important;text-align:center!important;white-space:normal!important;overflow-wrap:anywhere;word-break:normal;line-height:1.25;min-height:56px;padding:16px 18px;overflow:visible}.keywords-input .chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);min-width:0}#keyword-input{flex:1 1 220px;min-width:120px;width:100%;border:0;outline:none;font-size:1rem;padding:8px 4px;color:var(--gray-900);background:transparent}.keyword-btn{display:block;width:100%;text-align:center;white-space:normal;word-break:keep-all;line-height:1.25;font-size:clamp(.95rem,3.8vw,1.05rem);padding:16px 18px;min-height:56px;overflow:visible}.keyword-hint{margin-top:4px;color:var(--gray-600)}@media (max-width: 640px){.keywords-input{grid-template-columns:1fr}.keyword-btn{width:100%}.keywords-input .chips{border-radius:16px}}.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{display:inline-grid;grid-template-columns:1fr auto;align-items:center;gap:8px;max-width:100%;padding:8px 10px 8px 14px;border-radius:9999px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 6px 18px #00000040}.chip-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-x:hover{background:#ffffff52}.auth-page{min-height:calc(100vh + -0px);display:grid;place-items:center;padding:var(--space-3xl) var(--space-md);background:radial-gradient(1200px 600px at -10% -20%,rgba(139,92,246,.18),transparent 60%),radial-gradient(900px 500px at 110% 120%,rgba(16,185,129,.16),transparent 60%),linear-gradient(135deg,#0a0a0f,#1a0f2e,#0f172a)}.auth-card{width:100%;max-width:980px;display:grid;grid-template-columns:1.1fr 1fr;gap:0;border-radius:24px;border:1px solid var(--glass-border);background:#12121880;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--glass-shadow);overflow:hidden}.auth-illustration{padding:clamp(24px,4vw,48px);background:linear-gradient(135deg,#8b5cf624,#10b9811f),radial-gradient(800px 400px at 10% -20%,rgba(139,92,246,.18),transparent 60%),#12121899;border-right:1px solid var(--glass-border)}.illu-badge{display:inline-flex;gap:8px;align-items:center;padding:6px 12px;border-radius:999px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#0b0b10;font-weight:800;font-size:.75rem;box-shadow:var(--shadow-glow);margin-bottom:14px}.auth-illustration h1{font-size:clamp(1.6rem,3.2vw,2rem);background:linear-gradient(135deg,var(--gray-900),var(--gray-700));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.auth-illustration p{color:var(--gray-600);margin:10px 0 16px}.illu-points{list-style:none;display:grid;gap:8px;color:var(--gray-700)}.illu-points li:before{content:"✓";color:var(--success);margin-right:8px}.auth-panel{padding:clamp(24px,4vw,48px);background:#12121866}.auth-card,.auth-illustration,.auth-panel{min-width:0}.auth-illustration h1,.auth-illustration p,.auth-header h2,.auth-subtitle{overflow-wrap:anywhere;word-break:normal;max-width:100%}.auth-header h2{font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,var(--gray-900),var(--gray-700));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.auth-subtitle{color:var(--gray-600);margin-top:6px}.auth-form{margin-top:20px;display:grid;gap:16px}.auth-header{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;padding-block:6px;margin-bottom:4px}.auth-panel .auth-header,.auth-panel .auth-links{max-width:520px;margin-inline:auto}.auth-links{margin-top:12px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 10px;font-size:.95rem;color:var(--gray-600)}.auth-links .sep{color:var(--gray-600);opacity:.6}.auth-links .muted{color:var(--gray-600)}.auth-links a.text-link{color:var(--primary-light);font-weight:800;text-decoration:none;position:relative}.auth-links a.text-link:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--primary-light),var(--secondary));transform:scaleX(0);transform-origin:left;transition:transform .18s ease-out}.auth-links a.text-link:hover:after,.auth-links a.text-link:focus-visible:after{transform:scaleX(1)}.auth-links a.text-link:focus-visible{outline:2px solid var(--primary-light);outline-offset:2px}.auth-links.center{justify-content:center}.form-group label{font-weight:600;color:var(--gray-800);display:flex;align-items:center;gap:6px;margin-bottom:6px}.req{color:var(--danger)}.input-wrap{position:relative;display:grid;grid-template-columns:auto 1fr auto;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:14px;overflow:hidden;transition:border-color .2s,box-shadow .2s,background .2s}.input-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px #8b5cf62e;background:#8b5cf614}.input-icon{padding-inline:12px;color:var(--gray-600);font-weight:800}.input-wrap input{border:0;outline:0;padding:14px 12px;font-size:1rem;color:var(--gray-900);background:transparent}.input-action{margin-right:8px;padding:6px 10px;border:0;background:#ffffff14;color:var(--gray-800);border-radius:8px;font-size:.85rem;cursor:pointer}.input-action:hover{background:#ffffff24}.field-help{font-size:.85rem;color:var(--gray-600);margin-top:6px}.alert{border-radius:12px;padding:12px 14px;font-weight:700;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.alert.error{background:#f871711f;color:#ffd2d2}.alert.success{background:#10b9811f;color:#c7f9e5}.alert.info{background:#6366f124;border-color:var(--glass-border);color:#d8dcff}.form-actions{margin-top:6px}.btn.block{width:100%}.btn[aria-busy=true]{position:relative}.btn[aria-busy=true]:after{content:"";width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.55);border-top-color:#fff;position:absolute;right:16px;animation:spin .8s linear infinite}@media (max-width: 980px){.auth-card{grid-template-columns:1fr}.auth-illustration{order:-1;border-right:0;border-bottom:1px solid var(--glass-border)}}.password-strength{margin-top:8px}.strength-bars{display:flex;gap:6px;height:8px}.strength-bars span{flex:1;background:#ffffff1a;border-radius:999px;opacity:.9;transition:background .2s,opacity .2s}.strength-bars span.on-1{background:#f8717199}.strength-bars span.on-2{background:#fbbf2499}.strength-bars span.on-3{background:#34d399a6}.strength-bars span.on-4{background:linear-gradient(90deg,var(--primary-light),var(--secondary))}.strength-label{margin-top:6px;font-size:.85rem;color:var(--gray-600);font-weight:700}.rule-list{margin-top:8px;display:grid;gap:6px;font-size:.9rem;color:var(--gray-600)}.rule-item{display:flex;align-items:center;gap:8px}.rule-item .dot{width:10px;height:10px;border-radius:50%;background:#ffffff2e;box-shadow:var(--shadow-sm)}.rule-item.ok{color:var(--gray-700)}.rule-item.ok .dot{background:var(--success)}.hiw{padding:var(--space-3xl) 0}.hiw-tl{list-style:none;display:grid;gap:clamp(18px,2.4vw,26px);position:relative;padding-left:0;isolation:isolate}.hiw-tl:before{content:"";position:absolute;left:38px;top:0;bottom:0;width:3px;border-radius:999px;background:linear-gradient(180deg,var(--primary-light) 0%,var(--secondary) 100%);opacity:.28}.hiw-tl__item{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:start;gap:14px}.hiw-node{position:relative;min-height:60px;display:grid;place-items:center;z-index:1}.hiw-node__icon{position:relative;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;color:#0b0b10;background:linear-gradient(135deg,var(--primary-light) 0%,var(--secondary) 100%);box-shadow:none;z-index:1}.hiw-node__icon:after{content:"";position:absolute;inset:-10px;border-radius:50%;background:radial-gradient(closest-side,rgba(167,139,250,.28) 0%,rgba(16,185,129,.18) 55%,transparent 72%);filter:blur(4px);z-index:-1}.hiw-node__num{position:absolute;bottom:auto;top:calc(100% + 10px);left:50%;transform:translate(-50%);z-index:2;font-weight:800;font-size:.85rem;line-height:1;color:var(--gray-800);background:#ffffff14;border:1px solid var(--glass-border);padding:3px 8px;border-radius:999px}.hiw-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;padding:clamp(18px,2.4vw,24px);box-shadow:var(--glass-shadow);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.hiw-card:hover{transform:translateY(-2px);box-shadow:0 16px 38px #00000073,var(--glass-shadow);border-color:var(--primary)}.hiw-title{font-size:1.1rem;font-weight:800;background:linear-gradient(135deg,var(--gray-900),var(--gray-700));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:6px 0 8px}.hiw-text{color:var(--gray-600);line-height:1.8}@media (max-width: 520px){.hiw-tl:before{left:28px}.hiw-tl__item{grid-template-columns:60px 1fr}.hiw-node__icon{width:52px;height:52px}}.divider-or{text-align:center;margin:10px 0;color:var(--text-muted);font-size:.9em;text-transform:uppercase}.btn.btn-outline.block{width:100%;text-align:center}.btn-google{display:flex;align-items:center;justify-content:center;gap:12px;background-color:#fff;color:#444;border:1px solid #ddd;font-weight:600}.btn-google:hover{background-color:#f7f7f7;border-color:#ccc}.btn-google img{width:20px;height:20px}.btn.btn-large,.btn-large{padding:12px 24px;font-size:1.05em}.workflow-section{min-height:100vh;background:linear-gradient(135deg,#0a0a0f,#1a0f2e,#0f172a);display:flex;align-items:center;padding:var(--space-2xl) 0;position:relative}.workflow-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(139,92,246,.2) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(16,185,129,.15) 0%,transparent 50%),radial-gradient(circle at 40% 90%,rgba(251,191,36,.1) 0%,transparent 50%);pointer-events:none;z-index:1}.workflow-content{background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-2xl);padding:var(--space-3xl);box-shadow:0 8px 32px #8b5cf633,inset 0 1px #ffffff1a;width:100%;max-width:1200px;margin:0 auto;position:relative;z-index:2}.workflow-content .step-header{text-align:center;margin-bottom:var(--space-xl)}.workflow-content .step-header i{font-size:2.5rem;color:var(--primary);margin-bottom:var(--space-sm);display:block}.workflow-content .step-header h2{font-size:2rem;font-weight:700;color:var(--gray-900);margin-bottom:var(--space-sm);text-shadow:0 2px 4px rgba(0,0,0,.3)}.workflow-content .step-header p{color:var(--gray-700);font-size:1.125rem;opacity:.9}.workflow-content .keywords-input{flex-direction:column;align-items:stretch;gap:var(--space-xs);margin-bottom:var(--space-xl)}.workflow-content .keywords-input input{flex:1;padding:var(--space-md) var(--space-lg);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--gray-900);font-size:1rem;font-family:var(--font-sans);transition:all .3s ease}.workflow-content .keywords-input input::placeholder{color:var(--gray-600);opacity:.8}.workflow-content .keywords-input input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf61a;background:#ffffff14}.workflow-content .keywords-input .keyword-btn{padding:var(--space-md) var(--space-xl);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;border-radius:var(--radius-lg);font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #8b5cf64d;white-space:nowrap}.workflow-content .keywords-input .keyword-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.workflow-content .keywords-input .keyword-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #8b5cf633}.workflow-content .table-container{width:100%;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);margin-bottom:var(--space-2xl);background:#ffffff05;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px #ffffff1a;overflow-x:auto}.workflow-content .filename-table{table-layout:fixed;width:100%;border-collapse:collapse;font-family:var(--font-sans)}.workflow-content .filename-table thead{position:sticky;top:0;z-index:10;background:#8b5cf61a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.workflow-content .filename-table th{padding:var(--space-sm);text-align:left;font-weight:600;color:var(--gray-900);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(255,255,255,.1);background:#8b5cf60d}.workflow-content .filename-table th{white-space:nowrap}.workflow-content .filename-table tbody tr{border-bottom:1px solid rgba(255,255,255,.05);transition:all .2s ease}.workflow-content .filename-table tbody tr:hover{background:#ffffff08;transform:translateY(-1px)}.workflow-content .filename-table tbody tr:last-child{border-bottom:none}.workflow-content .filename-table td{padding:var(--space-sm);vertical-align:middle;overflow:hidden;color:var(--gray-800);font-size:.85rem;line-height:1.3}.thumbnail-cell{width:60px;text-align:center;padding:var(--space-xs)!important}.image-thumbnail{width:40px;height:40px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 6px #0000004d,inset 0 1px #ffffff1a;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.image-thumbnail:hover{transform:scale(1.1);box-shadow:0 4px 12px #8b5cf666,inset 0 1px #fff3;border-color:var(--primary-light)}.current-filename-cell{min-width:0}.current-filename-cell .filename-text{font-family:var(--font-mono);font-size:.875rem;color:var(--gray-700);background:#ffffff0d;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1);word-break:break-word}.new-filename-cell{min-width:0;position:relative}.new-filename-display{font-family:var(--font-mono);font-size:.875rem;color:var(--gray-800);background:#8b5cf60d;padding:var(--space-sm);border-radius:var(--radius-sm);border:1px solid rgba(139,92,246,.2);cursor:pointer;transition:all .2s ease;word-break:break-word;min-height:2.5rem;display:flex;align-items:center}.current-filename-cell .filename-text,.new-filename-display{display:block;width:100%;max-width:100%;box-sizing:border-box;white-space:normal;word-break:break-word;overflow-wrap:anywhere}.new-filename-display:hover{background:#8b5cf614;border-color:#8b5cf64d}.new-filename-display:empty:before{content:'Click "Generate SEO Filenames" button';color:var(--gray-500);font-style:italic}.new-name-input{width:100%;padding:var(--space-sm);border:1px solid var(--primary);border-radius:var(--radius-sm);background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--gray-900);font-family:var(--font-mono);font-size:.875rem;outline:none}.new-name-input:focus{box-shadow:0 0 0 3px #8b5cf61a;background:#ffffff1f}.workflow-content .actions{text-align:center;padding-top:var(--space-lg);display:flex;gap:var(--space-lg);justify-content:center;flex-wrap:wrap;align-items:center}.workflow-content .actions .btn-success{padding:var(--space-lg) var(--space-2xl);background:linear-gradient(135deg,var(--secondary) 0%,#059669 100%);color:#fff;border:none;border-radius:var(--radius-lg);font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #10b9814d,inset 0 1px #fff3;text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-sm);position:relative;overflow:hidden}.workflow-content .actions .btn-success:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.workflow-content .actions .btn-success:hover:not(:disabled):before{left:100%}.workflow-content .actions .btn-success:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #10b98166,inset 0 1px #ffffff4d}.workflow-content .actions .btn-success:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:0 4px 15px #10b98133,inset 0 1px #ffffff1a}.workflow-content .actions .btn-outline{padding:var(--space-md) var(--space-xl);background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--gray-800);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);font-weight:500;font-size:1rem;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-sm)}.workflow-content .actions .btn-outline:hover{background:#ffffff14;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.workflow-content .actions .btn i{font-size:1.1em}.workflow-content .actions .btn .fa-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-section{text-align:center;padding:var(--space-2xl);background:#8b5cf60d;border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-lg);margin:var(--space-xl) 0}.loading-content h3{color:var(--primary);margin:var(--space-md) 0;font-size:1.25rem}.loading-content p{color:var(--gray-600);margin-bottom:var(--space-lg)}.loading-spinner{font-size:3rem;color:var(--primary);margin-bottom:var(--space-lg)}.loading-spinner i{animation:spin 2s linear infinite}.progress-bar{width:100%;height:8px;background:#8b5cf61a;border-radius:4px;overflow:hidden;margin:var(--space-lg) 0}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:4px;width:0%;transition:width .3s ease}#loading-status{color:var(--gray-700);font-size:.9rem;margin-top:var(--space-md)}.results-section{margin-top:var(--space-xl)}.results-header{text-align:center;padding:var(--space-lg);background:#22c55e0d;border:1px solid rgba(34,197,94,.2);border-radius:var(--radius-lg);margin-bottom:var(--space-xl)}.results-header h3{color:#22c55e;margin:0 0 var(--space-sm) 0;font-size:1.25rem}.results-header p{color:var(--gray-600);margin:0}.navigation-actions{display:flex;gap:var(--space-md);justify-content:center;margin-top:var(--space-lg)}.navigation-actions .btn{min-width:160px}@media (max-width: 768px){.workflow-content .actions{flex-direction:column;gap:var(--space-md)}.workflow-content .actions .btn-success,.workflow-content .actions .btn-outline{width:100%;justify-content:center}.navigation-actions{flex-direction:column}}@media (max-width: 768px){.workflow-content .filename-table{font-size:.75rem}.workflow-content .filename-table th,.workflow-content .filename-table td{padding:var(--space-sm)}.workflow-content .current-filename-cell,.workflow-content .new-filename-cell{min-width:150px;width:auto}}.hidden{display:none!important}.workflow-content .keywords-input{display:flex;flex-direction:column!important;align-items:stretch!important;gap:var(--space-xs)}.workflow-content .chips{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0!important;margin:0!important;border-radius:0!important;height:auto!important;min-height:0!important}.workflow-content .keywords-input{display:grid!important;grid-template-columns:1fr;row-gap:8px;max-width:800px;margin:0 auto var(--space-xl)}.workflow-content .keyword-input-wrap input#keyword-input{width:100%;padding-left:10px}.workflow-content .kw-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:0;margin:0;background:transparent;border:0;box-shadow:none}.workflow-content .keyword-help-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-top:4px}.workflow-content .keyword-hint{color:var(--gray-600);font-size:.95rem;margin:0;opacity:.9}.workflow-content .keyword-help-row .add-key-btn{--btn-bg: rgba(255,255,255,.06);--btn-bd: rgba(139,92,246,.22);--btn-text: var(--gray-900);--btn-bg-hover: rgba(139,92,246,.12);--btn-bd-hover: rgba(139,92,246,.4);--btn-bg-active: rgba(139,92,246,.18);display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .85rem;font-size:.9rem;line-height:1;border-radius:9999px;background:var(--btn-bg);color:var(--btn-text);border:1px solid var(--btn-bd);box-shadow:0 1px 2px #0000000f;cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .06s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.workflow-content .keyword-help-row .add-key-btn:hover:not(:disabled){background:var(--btn-bg-hover);border-color:var(--btn-bd-hover);box-shadow:0 2px 10px #8b5cf62e;transform:translateY(-1px)}.workflow-content .keyword-help-row .add-key-btn:active:not(:disabled){transform:translateY(0);background:var(--btn-bg-active)}.workflow-content .keyword-help-row .add-key-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #8b5cf640}.workflow-content .keyword-help-row .add-key-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.workflow-content .keyword-help-row .add-key-btn i{font-size:.9em;line-height:1}@media (max-width: 520px){.workflow-content .keyword-help-row{flex-direction:column;align-items:stretch;gap:var(--space-xs)}.workflow-content .keyword-help-row .add-key-btn{width:100%}}.workflow-content .kw-row,.workflow-content .keyword-help-row,.workflow-content .keyword-btn{width:100%}.workflow-content .keyword-input-wrap{display:block;flex:1 1 100%;min-width:0}.new-name-placeholder{color:var(--gray-500);opacity:.8;font-style:italic}.workflow-content .chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:9999px;font-size:.85rem;line-height:1;height:auto;background:#8b5cf61f!important;border:1px solid rgba(139,92,246,.28)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.workflow-content .chip-label{white-space:nowrap}.workflow-content .chip-x{width:18px;height:18px;border:0;border-radius:50%;background:#0000002e;color:#fff;font-size:12px;line-height:18px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;box-shadow:none}.workflow-content .chip-x:hover{background:#00000047}.workflow-content .kw-row .chip .chip-x{padding:0!important;background:#0000002e!important;border:0!important;border-radius:8px!important;width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;font-size:11px!important;font-weight:600;color:#fff!important;box-shadow:none!important;cursor:pointer;flex:0 0 auto!important;transition:background .15s ease,transform .15s ease;appearance:none}.workflow-content .kw-row .chip .chip-x:hover{background:#00000047!important;transform:translateY(-1px)}.workflow-content .kw-row .chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:9999px;font-size:.85rem;line-height:1;background:#8b5cf61f!important;border:1px solid rgba(139,92,246,.28)!important;box-shadow:none!important}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:12px;min-width:260px;max-width:360px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#111827eb;color:#fff;box-shadow:0 12px 30px #00000059;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:toast-in .18s ease-out}.toast .toast-body{font-size:.95rem;line-height:1.25rem}.toast .toast-close{margin-left:auto;background:transparent;border:0;color:inherit;opacity:.8;cursor:pointer;font-size:18px;line-height:1}.toast .toast-close:hover{opacity:1}.toast.info{border-color:#6366f180;box-shadow:0 10px 24px #6366f140}.toast.success{border-color:#10b9818c;box-shadow:0 10px 24px #10b98140}.toast.warning{border-color:#eab3088c;box-shadow:0 10px 24px #eab30840}.toast.error{border-color:#ef44448c;box-shadow:0 10px 24px #ef444440}@keyframes toast-in{0%{transform:translateY(-6px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 520px){.toast-container{left:12px;right:12px;top:12px}.toast{max-width:none;width:100%}}.post-content h2{font-size:1.8rem;margin-top:2.5rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.post-content h3{font-size:1.5rem;margin-top:2rem;margin-bottom:1rem}.post-content p{margin-bottom:1.25rem;line-height:1.8}.post-content a{color:#8a9ffc;text-decoration:none;border-bottom:1px dotted #8a9ffc;transition:color .3s ease,border-bottom-color .3s ease}.post-content a:hover{color:#fff;border-bottom-color:#fff}.post-content ul,.post-content ol{margin-bottom:1.5rem;padding-left:2rem}.post-content li{margin-bottom:.75rem;line-height:1.8}.post-content strong{color:#e0e0e0}.post-content code{background-color:#0003;padding:.2rem .4rem;border-radius:4px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}.post-content pre{background-color:#0003;padding:1rem;border-radius:8px;overflow-x:auto;margin-bottom:1.5rem}.post-content blockquote{border-left:4px solid #667eea;padding-left:1.5rem;margin-left:0;margin-right:0;margin-bottom:1.5rem;font-style:italic;color:#b8bfd8}