*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-inter),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;line-height:1.5;color:#1d1f27;background-color:#FDFDF8;font-weight:500}.min-h-screen{min-height:100vh}.flex{display:flex}.flex-1{flex:1 1}.items-center{align-items:center}.justify-center{justify-content:center}.gap-3{gap:12px}.gap-8{gap:32px}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.px-6{padding-left:24px;padding-right:24px}.py-4{padding-top:16px;padding-bottom:16px}.py-12{padding-top:48px;padding-bottom:48px}.p-6{padding:24px}.mb-4{margin-bottom:16px}.pb-2{padding-bottom:8px}.w-full{width:100%}.w-8{width:32px}.h-8{height:32px}.h-64{height:256px}.max-w-7xl{max-width:1280px}.max-w-6xl{max-width:1152px}.mx-auto{margin-left:auto;margin-right:auto}.bg-gray-50{background-color:#FDFDF8}.bg-white{background-color:#1a1d29}.bg-gray-100{background-color:#252a36}.bg-blue-600{background-color:#3b82f6}.text-3xl{font-size:30px;font-weight:700}.text-xl{font-size:22px;font-weight:700}.text-lg{font-size:18px;font-weight:600}.text-sm{font-size:14px;font-weight:500}.font-bold{font-weight:800}.font-semibold{font-weight:700}.text-gray-900{color:#f8fafc}.text-gray-600{color:#94a3b8}.text-gray-500{color:#64748b}.font-mono{font-family:var(--font-jetbrains),monospace;font-weight:600}.main-container{min-height:100vh;background-color:#EEEFE9}.header{padding:16px 24px;background:#e0dccf;border-bottom:1px solid #9ca3af}.header-content{max-width:1152px;margin:0 auto}.header-flex{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.logo-title-row{gap:clamp(4px,2vw,12px);flex-wrap:nowrap;flex-shrink:1}.logo-title-row,.tagline-section{display:flex;align-items:center;min-width:0}.tagline-section{justify-content:space-between;flex:1 1}.tagline-description{font-weight:500;font-size:15px;flex:1 1;margin-right:16px;color:#6b7280}.site-title,.tagline-description{font-family:var(--font-ibm-plex),sans-serif}.site-title{font-size:clamp(26px,4.5vw,30px);font-weight:700;color:#1d1f27;white-space:nowrap}.site-title-link{color:inherit;text-decoration:none;transition:opacity .2s ease;display:flex;align-items:center;gap:8px}.site-title-link:hover{opacity:.8}.highlighted-text{background:#eb9d2a;color:#1d1f27;font-weight:600;padding:2px 8px;font-size:clamp(12px,3.5vw,18px);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.crown-icon{width:18px;height:18px;color:#1a1d29}.tagline-animated{color:#3b82f6;font-weight:700;min-width:200px;display:inline-block;position:relative;overflow:hidden;height:28px;font-family:var(--font-jetbrains);white-space:nowrap}.tagline-word{position:absolute;width:auto;white-space:nowrap;transition:transform .5s ease-in-out,opacity .5s ease-in-out}.tagline-word.active{transform:translateY(0);opacity:1}.tagline-word.entering{transform:translateY(-100%);opacity:1}.tagline-word.hidden{transform:translateY(-100%);opacity:0;pointer-events:none}.main-content{flex:1 1;display:flex;align-items:center;justify-content:center;padding:32px 24px;background:#eeefe9}.content-wrapper{width:100%;max-width:1152px;margin:0 auto}.grid-container{display:grid;grid-template-columns:60% 40%;grid-gap:16px;gap:16px;align-items:center;width:100%;max-width:100%}.right-side-container{display:flex;flex-direction:column;gap:16px;width:100%;max-width:100%;min-width:0}.right-side-container.full-width{grid-column:1/-1;width:100%;max-width:100%;overflow:hidden}.ai-processing-badge{display:flex;justify-content:center;align-items:center;padding:12px 16px;margin-bottom:8px}.ai-processing-badge span{font-family:var(--font-ibm-plex),sans-serif;font-size:clamp(20px,3.5vw,24px);font-weight:700;color:#1d1f27;white-space:nowrap}.animated-words-section{display:flex;justify-content:center;align-items:center;padding:16px 0 8px 72px}.animated-words-wrapper{display:flex;flex-direction:column;align-items:center;gap:4px}.ai-processing-subtitle{display:flex;justify-content:center;align-items:center}.ai-processing-subtitle span{font-family:var(--font-inter),sans-serif;font-size:13px;font-weight:500;color:#9ca3af;letter-spacing:.3px}.animated-words-container{font-family:var(--font-ibm-plex),sans-serif;font-weight:600;font-size:18px;color:#6b7280;display:inline-flex;gap:8px;align-items:center;white-space:nowrap}.user-avatars-container{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:16px;justify-content:center;padding:16px}.avatars-and-text{gap:12px}.avatars-and-text,.avatars-stack{display:flex;align-items:center}.avatar-image{width:32px;height:32px;border-radius:9999px;border:2px solid black;object-fit:cover;background:#2d3039;margin-left:-12.8px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)}.avatar-image.first{margin-left:0}.users-count-text{font-family:var(--font-inter),sans-serif;font-style:italic;margin:0;font-size:12px;color:black;text-align:center}.rating-stars{display:flex;align-items:center;gap:4px;justify-content:center}.golden-star{width:16x;height:16px}.app-benefits-container{display:flex;justify-content:center;align-items:center;padding:12px 16px}.benefits-list{width:100%;max-width:320px}.benefits-row{display:flex;justify-content:center;gap:6px}@media (max-width:768px){.benefits-list{max-width:100%}.benefits-row{flex-direction:column;gap:8px;align-items:center}.benefit-item{width:100%;max-width:200px;justify-content:flex-start;padding:8px 12px}.benefit-text{white-space:normal;text-align:left}}.benefit-item{gap:4px;padding:4px 6px;background:#EEEFE9;border-radius:4px;border:1px solid #9ca3af;transition:all .2s ease;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.benefit-checkmark,.benefit-item{display:flex;align-items:center;justify-content:center}.benefit-checkmark{flex-shrink:0;color:#10b981}.benefit-checkmark,.benefit-checkmark svg{width:18px;height:18px}.benefit-text{font-family:var(--font-open-sans),sans-serif;font-size:13px;font-weight:500;color:#1d1f27;line-height:1.1;white-space:nowrap;padding:0 8px}.benefit-item:hover{background:#E0DCCF;border-color:#6b7280;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.benefit-item:hover .benefit-text{color:#1d1f27}.download-button{margin-top:12px;background:#10b981;border:1px solid #059669;border-radius:4px;color:white;padding:14px 20px;font-family:var(--font-jetbrains),monospace;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)}.download-button:hover{background:linear-gradient(145deg,#10b981,#34d399);border-color:#10b981;transform:translateY(-1px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.download-button:active{transform:translateY(0)}.download-button svg{width:16px;height:16px}.card-content{padding:24px}.card-content.left{padding:6px}.upload-icon{width:48px;height:48px;margin-bottom:1rem;opacity:.6;transition:opacity .3s ease}.upload-icon svg{width:100%;height:100%;fill:#6b7280}.upload-zone:hover .upload-icon{opacity:.8}.upload-zone:hover .upload-icon svg{fill:#1d1f27}.upload-main-text{font-family:var(--font-open-sans),sans-serif;font-weight:600;color:#1d1f27;font-size:16px}.upload-sub-text{font-family:var(--font-jetbrains),monospace;font-weight:500;font-size:13px;color:#6b7280;margin-top:8px}.image-comparison{display:flex;gap:16px;align-items:center;justify-content:center;height:100%;min-height:600px}.comparison-image{flex:1 1;max-width:50%;position:relative}.comparison-image img{width:100%;height:auto;height:520px;max-height:520px;object-fit:cover;transition:all .6s cubic-bezier(.25,.46,.45,.94);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);transform:scale(1) translateY(0)}.image-comparison.transitioning .comparison-image img{opacity:0;transform:scale(.98) translateY(10px)}.image-label{margin-bottom:8px;font-family:var(--font-bricolage),sans-serif;font-size:36px;color:#94a3b8;text-transform:none;letter-spacing:.5px}.magic-text-container{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin-top:16px;padding-left:25%}.magic-text-wrapper{display:flex;flex-direction:column;gap:2px}.magic-text{font-family:var(--font-bricolage),sans-serif;font-size:26px;font-weight:600;color:#000000}.magic-subtitle{font-family:var(--font-inter),sans-serif;font-size:13px;font-weight:500;color:#121212;letter-spacing:.3px}.curved-arrow-up{color:#000000;width:40px;height:40px;transform:scaleY(-1) rotate(30deg)}@media (max-width:1024px){.grid-container{grid-template-columns:1fr;width:100%;max-width:100%}.right-side-container{gap:12px;width:100%;max-width:100%}.right-side-container.full-width{width:100%;max-width:100%;grid-column:1}.ai-processing-subtitle span{font-size:11px}.animated-words-section{padding:12px 12px 12px 72px}.user-avatars-container{padding:12px;margin-bottom:12px}.avatar-image{width:28px;height:28px;margin-left:-10px}.avatar-image.first{margin-left:0}}.border-2{border:2px solid}.border{border:1px solid}.border-b-2{border-bottom:2px solid}.border-b{border-bottom:1px solid}.border-gray-300{border-color:#374151}.border-gray-200{border-color:#4b5563}.border-gray-400{border-color:#6b7280}.border-blue-800{border-color:#1e40af}.border-dashed{border-style:dashed}.rounded{border-radius:.375rem}.rounded-lg{border-radius:.75rem}.tool-card{background:#FDFDF8;border:1px solid #9ca3af;border-radius:16px;position:relative;transition:all .15s cubic-bezier(.4,0,.2,1);transform:translateY(0);overflow:hidden}.tool-card.left{background:transparent;border:none;border-radius:0}.tool-card:active{border-color:#6b7280}.tool-header{background:#e0dccf;border-bottom:1px solid #9ca3af;border-radius:4px 4px 0 0;padding:18px 24px;font-family:var(--font-ibm-plex),sans-serif;font-weight:700;font-size:16px;color:#1d1f27;text-transform:uppercase;letter-spacing:1px}.tool-section{border:1px solid #9ca3af;border-radius:4px;padding:32px;font-family:var(--font-jetbrains),monospace;font-size:14px;font-weight:600;color:#6b7280;text-align:center;min-height:360px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px 0 rgba(0,0,0,.1)}.tool-section,.upload-zone{background:#FDFDF8;position:relative}.upload-zone{border:2px dashed #9ca3af;border-radius:24px;padding:48px 24px;transition:all .2s cubic-bezier(.4,0,.2,1)}.upload-zone:hover{background:#EEEFE9}.upload-zone:active{transform:translateY(1px)}.logo-box{display:flex;align-items:center;justify-content:center;border:1px solid black;border-radius:12px;padding:clamp(4px,1vw,6px);flex-shrink:0;background:#EEEFE9}.logo-svg{width:clamp(24px,5vw,32px);height:clamp(24px,5vw,32px);fill:#000000;flex-shrink:0}.logo-content{display:flex;align-items:center}header{background:#FDFDF8;border-bottom:1px solid #9ca3af}.upload-result{margin-top:16px;padding:16px;background:linear-gradient(145deg,#065f46,#047857);border:1px solid rgba(16,185,129,.3);border-radius:.375rem;text-align:center;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)}.upload-success-text{font-weight:600;color:#d1fae5;margin-bottom:8px;font-size:14px}.upload-success-text,.upload-url{font-family:var(--font-jetbrains),monospace}.upload-url{font-weight:500;color:#a7f3d0;font-size:12px;word-break:break-all;line-height:1.4}.editor-container{margin-top:40px;width:100%}.editor-grid{display:grid;grid-template-columns:60% 40%;grid-gap:16px;gap:16px;align-items:flex-start}.editor-card{background:#FDFDF8;border:1px solid #9ca3af;border-radius:12px;position:relative;transition:all .15s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px rgba(0,0,0,.1);overflow:hidden}.editor-card:hover{border-color:#6b7280;box-shadow:0 2px 6px rgba(0,0,0,.15)}.editor-image-container{padding:24px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.editor-image{max-width:100%;height:auto}.processing-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(253,253,248,.95);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:4px}.processing-text{font-family:var(--font-ibm-plex),sans-serif;font-size:16px;font-weight:600;color:#f8fafc;margin-top:16px}.error-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;display:flex;align-items:center;justify-content:center;border-radius:4px;animation:errorPulse 2s ease-in-out infinite}.error-text{font-family:var(--font-ibm-plex),sans-serif;font-size:14px;font-weight:700;color:#dc2626;text-align:center;padding:16px}.upload-container{width:100%}.upload-zone{border:2px dashed rgba(209,213,219,.5);border-radius:12px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center}.upload-zone:hover{border-color:#6b7280;background-color:#EEEFE9}.upload-zone.drag-active{border-color:#6b7280;background-color:#E0DCCF}.upload-zone.uploading{cursor:not-allowed;border-color:#6b7280}.upload-error,.upload-progress,.upload-success{display:flex;flex-direction:column;align-items:center;gap:.75rem}.upload-spinner{width:40px;height:40px;border:3px solid #9ca3af;border-top-color:#1d1f27;border-radius:9999px;animation:spin 1s linear infinite}.success-icon{width:40px;height:40px;min-width:40px;min-height:40px;background-color:#10b981;color:#ffffff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:900;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);text-shadow:0 1px 2px rgba(0,0,0,.3);flex-shrink:0}.success-icon svg{width:24px;height:24px;stroke:currentColor;flex-shrink:0}.error-icon{width:40px;height:40px;background-color:#dc2626;color:#ffffff;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:900;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);text-shadow:0 1px 2px rgba(0,0,0,.3)}.progress-bar{width:200px;height:8px;background-color:rgba(229,231,235,.3);border-radius:.25rem;width:100%}.progress-fill{background-color:#3b82f6}.retry-button{background-color:#eb9d2a;color:#1d1f27;border:1px solid #b17816;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;transition:background-color .2s;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.retry-button:hover{background-color:#d4881f;border-color:#8f5f12}.editor-options-container{padding:24px;display:flex;flex-direction:column}.replacement-editor{display:flex;flex-direction:column;height:100%}.table-container{flex:1 1;overflow:hidden}.table-row{display:grid;grid-template-columns:1fr 1fr 1fr 40px;grid-gap:0;gap:0;align-items:center;min-height:48px}.header-row{padding:0 16px;font-weight:600}.data-row{transition:background-color .2s ease}.table-cell{display:flex;align-items:center}.header-cell{font-family:var(--font-jetbrains),monospace;font-weight:600;font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;padding:12px 0}.text-column{padding-right:12px}.remove-column,.replace-column{padding-left:12px}.remove-column{justify-content:center;align-items:center}.table-input{width:100%;background:#FDFDF8;border:1px solid #9ca3af;border-radius:4px;padding:8px 12px;font-family:var(--font-inter),sans-serif;font-size:14px;color:#1d1f27;transition:all .2s ease;outline:none;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.table-input::placeholder{color:#9ca3af;font-style:italic}.table-input:disabled{opacity:.5;cursor:not-allowed}.disabled-input{opacity:.5!important;background:#f3f4f6!important;color:#9ca3af!important;cursor:not-allowed!important}.table-select{width:100%;background:#FDFDF8;border:1px solid #9ca3af;border-radius:4px;font-family:var(--font-inter),sans-serif;font-size:14px;color:#1d1f27;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;padding:8px 32px 8px 12px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.table-select:disabled{opacity:.5;cursor:not-allowed}.table-select option{background:#FDFDF8;color:#1d1f27}.remove-button{background:#FDFDF8;border:1px solid #9ca3af;color:#6b7280;cursor:pointer;padding:6px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.remove-button:hover:not(:disabled){background:#fef2f2;color:#ef4444;border-color:#ef4444}.remove-button:disabled{opacity:.3;cursor:not-allowed}.editor-actions{display:flex;flex-direction:column;gap:12px}.add-button{background:#FDFDF8;border:1px solid #9ca3af;border-radius:4px;color:#1d1f27;padding:12px 16px;font-family:var(--font-jetbrains),monospace;font-weight:500;font-size:13px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.add-button:hover:not(:disabled){background:#E0DCCF;border-color:#6b7280;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.add-button:active:not(:disabled){transform:translateY(0)}.add-button:disabled{opacity:.5;cursor:not-allowed}.process-button{margin-top:12px;background:#eb9d2a;border:1px solid #b17816;border-radius:4px;color:#1d1f27;padding:14px 20px;font-family:var(--font-jetbrains),monospace;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1)}.process-button:hover:not(:disabled):not(.disabled){background:#d4881f;border-color:#8f5f12;transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.process-button:active:not(:disabled):not(.disabled){transform:translateY(0)}.process-button.disabled,.process-button:disabled{background:#f3f4f6;border-color:#d1d5db;color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.processing-spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:currentcolor;border-radius:9999px;animation:spin 1s linear infinite}@media (max-width:1024px){.editor-grid,.grid-cols-2{grid-template-columns:1fr}}@media (max-width:768px){.table-row{grid-template-columns:1fr;grid-template-rows:auto;gap:12px;min-height:auto;padding:16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px}.data-row,.table-row{margin-bottom:16px}.header-row{display:none}.table-cell{display:flex;flex-direction:column;align-items:stretch;padding:0}.text-column:before{content:"Text to edit"}.action-column:before,.text-column:before{font-size:12px;font-weight:600;color:#6b7280;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.action-column:before{content:"Action"}.replace-column:before{content:"Replace with";font-size:12px;font-weight:600;color:#6b7280;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.remove-column{display:flex;justify-content:flex-end;padding:0;margin-top:8px}.table-input,.table-select{padding:12px 16px;font-size:16px;min-height:48px;width:100%}.action-column,.replace-column,.text-column{padding:0}.remove-button{padding:8px 16px}.comparison-image img{height:320px;max-height:320px}.image-comparison{min-height:400px}.magic-text-container{padding-left:12%}.right-side-container{margin-top:24px}}.vertical-comparison{gap:24px}.image-section,.vertical-comparison{display:flex;flex-direction:column;width:100%}.image-section{gap:12px}.image-label{text-align:center;font-family:var(--font-ibm-plex),sans-serif;font-size:16px;font-weight:600;padding:8px 16px;border-radius:9999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);color:#f8fafc;align-self:center;margin-left:36px;margin-right:36px;margin-bottom:16px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.processed-label{background:rgba(16,185,129,.9)}.original-label{background:rgba(239,68,68,.9)}@media (max-width:768px){.vertical-comparison{gap:16px}.image-section{gap:8px}.editor-image-container{padding:16px}.vertical-comparison .editor-image{max-width:100%;max-height:820px;width:auto;height:auto;object-fit:contain;display:block;margin:0 auto}.image-label{font-size:clamp(10px,3vw,14px);padding:4px 8px;margin-left:16px;margin-right:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100vw - 64px)}}@media (max-width:480px){.editor-image-container{padding:12px}.vertical-comparison .editor-image{max-height:820px}.vertical-comparison{gap:12px}.image-label{font-size:clamp(8px,2.5vw,12px);padding:3px 6px;margin-left:8px;margin-right:8px;max-width:calc(100vw - 32px)}}@media (max-width:360px){.editor-image-container{padding:8px}.vertical-comparison .editor-image{max-height:820px}.vertical-comparison{gap:8px}.image-label{font-size:clamp(7px,2vw,10px);padding:2px 4px;margin-left:4px;margin-right:4px;max-width:calc(100vw - 16px)}}.usage-indicator{background:#EEEFE9;border:1px solid #9ca3af;border-radius:4px;padding:16px;margin-top:16px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.usage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.usage-title{font-family:var(--font-ibm-plex),sans-serif;font-size:14px}.premium-badge,.usage-title{font-weight:600;color:#1d1f27}.premium-badge{display:flex;align-items:center;gap:4px;background:#eb9d2a;font-size:12px;padding:2px 8px;border-radius:4px;border:1px solid #b17816}.premium-badge svg{width:14px;height:14px}.usage-count{font-family:var(--font-jetbrains),monospace;font-size:14px;font-weight:600;color:#059669}.usage-count.near-limit{color:#f59e0b}.usage-count.at-limit{color:#ef4444}.usage-progress{width:100%;margin-bottom:8px}.progress-bar{height:6px;background:#f3f4f6;border-radius:3px;overflow:hidden;border:1px solid #d1d5db}.progress-fill{height:100%;background:#10b981;border-radius:3px;transition:width .3s ease}.progress-fill.near-limit{background:#f59e0b}.progress-fill.at-limit{background:#ef4444}.usage-details{margin-bottom:12px}.limit-message,.remaining-message,.warning-message{font-family:var(--font-inter),sans-serif;font-size:12px;font-weight:500}.limit-message{color:#ef4444}.warning-message{color:#f59e0b}.remaining-message{color:#6b7280}.upgrade-hint{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid #d1d5db}.upgrade-text{color:#94a3b8}.upgrade-link,.upgrade-text{font-family:var(--font-inter),sans-serif;font-size:14px}.upgrade-link{background:none;border:1px solid rgba(59,130,246,.3);color:#60a5fa;padding:4px 8px;border-radius:.25rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.upgrade-link:hover{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.5);color:#3b82f6}.upgrade-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:rgba(238,239,233,.9);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;box-sizing:border-box;margin:0}.upgrade-modal{background:#FDFDF8;border:1px solid #9ca3af;border-radius:16px;width:100%;max-width:450px;max-height:90vh;overflow-y:auto;position:relative}.upgrade-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 16px;border-bottom:1px solid #9ca3af;background:#EEEFE9}.upgrade-modal-title{font-family:var(--font-ibm-plex),sans-serif;font-size:22px;font-weight:700;color:#1d1f27;margin:0}.upgrade-modal-close{background:#FDFDF8;border:1px solid #9ca3af;color:#6b7280;cursor:pointer;padding:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.upgrade-modal-close:hover{color:#1d1f27;background:#E0DCCF;border-color:#9ca3af}.upgrade-modal-content{padding:20px}.current-usage-info{margin-bottom:18px}.current-usage-info h4{font-family:var(--font-ibm-plex),sans-serif;font-size:16px;font-weight:600;color:#1d1f27;margin:0 0 12px}.usage-stats{display:flex;gap:16px}.stat{display:flex;flex-direction:column;gap:4px}.stat-label{font-family:var(--font-inter),sans-serif;font-size:12px;color:#6b7280;font-weight:500}.stat-value{font-family:var(--font-jetbrains),monospace;font-size:18px;color:#1d1f27;font-weight:600}.premium-benefits{margin-bottom:18px}.premium-benefits h4{font-family:var(--font-ibm-plex),sans-serif;font-size:16px;font-weight:600;color:#1d1f27;margin:0 0 12px}.benefits-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.benefits-list li{display:flex;align-items:center;gap:8px;font-family:var(--font-inter),sans-serif;font-size:14px;color:#1d1f27}.benefits-list li svg{color:#f54e00;flex-shrink:0}.pricing-plans{margin-bottom:20px}.plan-selector{display:flex;flex-direction:column;gap:8px}.plan-option{border:1px solid #d1d5db;border-radius:6px;padding:16px;transition:border-color .15s ease;text-align:left}.plan-option:hover{border-color:#9ca3af}.plan-option.selected{border-color:#f54e00;background:#EEEFE9}.plan-info{justify-content:space-between;align-items:center}.plan-name{font-size:15px;font-weight:600;margin-bottom:2px}.plan-price{margin-bottom:1px}.plan-savings{font-family:var(--font-inter),sans-serif;font-size:12px;color:#f7a501;font-weight:600;background:#EEEFE9;padding:2px 6px;border-radius:4px;margin-top:4px}.upgrade-error-message{display:flex;align-items:center;gap:10px;background:transparent;border:1px solid #dc2626;border-radius:4px;padding:12px 16px;margin-top:20px;margin-bottom:20px;animation:errorShake .5s ease-in-out}.upgrade-error-message .error-icon{font-size:18px;font-weight:700}.upgrade-error-message .error-text{font-family:var(--font-inter),sans-serif;font-size:14px;font-weight:500;color:#1d1f27;line-height:1.4}.upgrade-success-message{display:flex;align-items:center;gap:10px;background:transparent;border:1px solid #16a34a;border-radius:4px;padding:12px 16px;margin-top:20px;margin-bottom:20px;animation:successBounce .6s ease-out}.upgrade-success-message .success-icon{width:40px;height:40px;min-width:40px;min-height:40px;background-color:#10b981;color:#ffffff;border-radius:50%;font-size:18px;font-weight:700;flex-shrink:0}.upgrade-success-message .success-text{font-family:var(--font-inter),sans-serif;font-size:14px;font-weight:500;color:#1d1f27;line-height:1.4}.upgrade-modal-actions{display:flex;gap:12px;margin-bottom:16px;margin-top:12px}.upgrade-button{flex:1 1;background:#eb9d2a;border:1px solid #b17816;border-radius:8px;width:auto;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;top:2px;text-decoration:none;text-align:center;cursor:pointer;transition:all .1s ease;color:#000000;font-weight:700;font-size:15px;padding:8px 20px;font-family:var(--font-inter),sans-serif;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform:translateY(-4px);margin-left:-1.5px;margin-right:-1.5px}.upgrade-button:hover{top:3px;transform:translateY(-2px)}.upgrade-button:disabled{opacity:.6;cursor:not-allowed;top:2px;transform:translateY(-4px)}.upgrade-spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:currentcolor;border-radius:9999px;animation:spin 1s linear infinite}.cancel-upgrade-button{background:#eb9d2a;border:1px solid #b17816;border-radius:6px;width:auto;display:inline-block;position:relative;top:2px;text-decoration:none;text-align:center;cursor:pointer;transition:all .1s ease;color:#4d4f46;font-weight:700;font-size:14px;padding:4px 16px;background-color:#FDFDF8;font-family:var(--font-inter),sans-serif;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform:translateY(-2px);margin-left:-1.5px;margin-right:-1.5px}.cancel-upgrade-button:hover{top:3px;transform:translateY(-1px)}.upgrade-footer{text-align:center}.upgrade-footer p{font-family:var(--font-inter),sans-serif;font-size:12px;color:#6b7280;margin:0}.payment-method-selector{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.payment-method-radio{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .2s;width:100%}.payment-method-radio:hover{border-color:#0070ba;background:#f0f9ff}.payment-method-radio.selected{border-color:#0070ba;background:#e6f3ff}.payment-method-radio input[type=radio]{margin-top:2px;width:18px;height:18px;cursor:pointer;accent-color:#0070ba;flex-shrink:0}.payment-method-radio:has(input:disabled){opacity:.5;cursor:not-allowed}.payment-method-content{flex:1 1;display:flex;flex-direction:column;gap:4px}.payment-method-name{font-family:var(--font-inter),sans-serif;font-size:16px;font-weight:600;color:#1d1f27}.payment-method-info{font-family:var(--font-inter),sans-serif;font-size:13px;color:#6b7280;font-weight:400}.visible{display:block!important}.hidden{display:none!important}.razorpay-button-wrapper{margin:18px 0}.razorpay-subscription-container{width:100%}.razorpay-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;min-height:60px}.razorpay-loading span{color:#6c757d;font-size:14px}.razorpay-subscription-container [class*=razorpay],.razorpay-subscription-container [class*=rzp],.razorpay-subscription-container form,.razorpay-subscription-container form *{display:block!important;visibility:visible!important;opacity:1!important;max-width:none!important;max-height:none!important;width:auto!important;height:auto!important;overflow:visible!important}.razorpay-subscription-container button,.razorpay-subscription-container input[type=submit]{min-height:44px!important;min-width:200px!important;padding:12px 24px!important;border:none!important;border-radius:4px!important;background-color:#528ff0!important;color:white!important;font-size:16px!important;cursor:pointer!important;display:block!important;width:100%!important}.razorpay-purchase-button,.razorpay-subscribe-button{width:100%;padding:14px 20px;background:linear-gradient(135deg,#0070ba,#005a94);color:white;border:none;border-radius:8px;font-family:var(--font-inter),sans-serif;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px rgba(0,112,186,.2)}.razorpay-purchase-button:hover,.razorpay-subscribe-button:hover{background:linear-gradient(135deg,#005a94,#004872);box-shadow:0 4px 8px rgba(0,112,186,.3);transform:translateY(-1px)}.razorpay-purchase-button:disabled,.razorpay-subscribe-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.razorpay-purchase-button:active,.razorpay-subscribe-button:active{transform:translateY(0)}.razorpay-payment-button-container,.razorpay-payment-button-form,.razorpay-payment-button-form form,.razorpay-subscription-button-container,.razorpay-subscription-button-form,.razorpay-subscription-button-form form{width:100%;display:block;margin:0}.razorpay-edit-buttons .razorpay-payment-button-form form,.razorpay-edit-buttons .razorpay-payment-button-form form button,.razorpay-edit-buttons .razorpay-payment-button-form form input[type=submit],.razorpay-edit-buttons form,.razorpay-edit-buttons form button,.razorpay-edit-buttons form input[type=submit]{transform:scale(1.4)!important;transform-origin:top left!important}.razorpay-button-placeholder{width:100%;padding:14px 20px;background:#f3f4f6;border:2px dashed #d1d5db;border-radius:8px;text-align:center}.placeholder-message{color:#6b7280;font-size:14px;font-weight:500}.placeholder-message small{display:block;margin-top:4px;font-size:12px;color:#9ca3af}.razorpay-button-disabled{width:100%}.razorpay-button-disabled-btn{width:100%;padding:14px 20px;background:#e5e7eb;color:#9ca3af;border:none;border-radius:8px;font-family:var(--font-inter),sans-serif;font-size:16px;font-weight:600;cursor:not-allowed}.upgrade-type-selector{display:flex;gap:4px;margin-bottom:18px;background:#E0DCCF;border-radius:12px;padding:6px}.type-option{flex:1 1;background:none;border:1px solid transparent;color:#6b7280;padding:12px 16px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .15s ease;font-family:var(--font-inter),sans-serif}.type-option.selected{background:#f54e00;color:#ffffff}.type-option:hover:not(.selected){background:#E0DCCF;color:#374151}.plan-edits{font-size:12px;color:#6b7280;margin-top:2px}.edit-selector{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-bottom:16px}.edit-option{background:#FDFDF8;border:1px solid #9ca3af;border-radius:12px;padding:14px 12px;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .1s ease;text-align:center;position:relative}.edit-option:hover{border-color:#6b7280;top:2px}.edit-option.selected{border-color:#b17816;background:#eb9d2a;top:0;transform:translateY(-1px)}.edit-amount{font-size:14px;font-weight:600;color:#1d1f27;margin-bottom:3px;font-family:var(--font-ibm-plex),sans-serif}.edit-option.selected .edit-amount{color:#000000;font-weight:700}.edit-price{font-size:15px;font-weight:700;color:#1d1f27;margin-bottom:2px}.edit-option.selected .edit-price{color:#000000}.edit-option.selected .edit-savings{color:#8b4513;font-weight:700}.edit-option input[type=radio]{width:20px;height:20px;margin:0;accent-color:#f54e00;flex-shrink:0}.edit-info{flex:1 1}@media (max-width:768px){.edit-option input[type=radio]{width:18px;height:18px}}.plan-radio-option{display:block;position:relative;background:#ffffff;border:1px solid #d1d5db;border-radius:8px;padding:14px 16px;cursor:pointer;transition:all .1s ease}.plan-radio-option:hover{border-color:#6b7280}.plan-radio-option.selected{background:#eb9d2a;border-color:#b17816;transform:translateY(-1px)}.plan-radio-input{position:absolute;top:16px;right:16px;width:20px;height:20px;cursor:pointer;accent-color:#f54e00}.plan-radio-content{margin-right:35px}.plan-radio-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.plan-radio-option .plan-name{font-size:16px;font-weight:700;color:#1d1f27;margin-bottom:2px}.plan-radio-option.selected .plan-name{color:#000000}.plan-radio-option .plan-price{font-size:15px;font-weight:700;color:#1d1f27;margin-bottom:1px}.plan-radio-option.selected .plan-price{color:#000000}.plan-radio-option .plan-edits{font-size:13px;color:#6b7280;margin-top:2px}.plan-radio-option.selected .plan-edits{color:#4d4f46}@media (max-width:768px){.upgrade-modal-backdrop{padding:16px}.upgrade-modal{max-width:90vw}.upgrade-modal-actions{flex-direction:column;gap:12px}.cancel-upgrade-button,.upgrade-button{width:100%;min-height:48px;padding:12px 20px;font-size:16px}.edit-selector{grid-template-columns:1fr;gap:8px}.plan-radio-option{padding:12px 14px}.plan-radio-option .plan-name{font-size:14px;margin-bottom:0;flex-shrink:0}.plan-radio-option .plan-price{font-size:13px;margin-bottom:0;flex-shrink:0}.plan-radio-header{flex-direction:row;align-items:center;justify-content:space-between;gap:8px}.plan-radio-input{top:50%;right:12px;width:18px;height:18px;transform:translateY(-50%)}.plan-radio-content{margin-right:35px;flex:1 1}}@media (max-width:480px){.upgrade-modal-backdrop{padding:12px}.upgrade-modal{max-width:95vw;max-height:85vh}.upgrade-modal-header{padding:16px 18px 12px}.upgrade-modal-content{padding:18px}.upgrade-modal-title{font-size:18px}}.case-sensitive-note{margin:16px 0;font-size:12px;color:#f59e0b}.note-item{display:flex;align-items:center;gap:8px;margin-bottom:4px}.note-item:last-child{margin-bottom:0}.note-icon{width:14px;height:14px;color:#f59e0b;flex-shrink:0}.error-input{border-color:#ef4444!important;box-shadow:0 0 0 1px #ef4444!important}.error-message{margin-top:4px;padding:8px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;color:#dc2626;font-size:12px;font-weight:500}@media (min-width:769px){.header-flex{flex-direction:row;align-items:center;gap:32px}}@media (max-width:768px){.header-flex{flex-direction:column;align-items:flex-start;gap:24px}.logo-title-row{flex-wrap:nowrap;gap:clamp(2px,1.5vw,8px)}.tagline-description{font-size:16px}.header{padding:24px}.app-benefits-container{padding:12px 0}.tagline-section{max-width:100%}}.login-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(238,239,233,.9);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.login-modal{background-color:#FDFDF8;border-radius:16px;border:1px solid #9ca3af;box-shadow:0 4px 12px rgba(0,0,0,.1);max-width:420px;width:100%;max-height:90vh;overflow-y:auto}.login-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 16px;border-bottom:1px solid #9ca3af;background:#EEEFE9}.login-modal-title{font-size:20px;font-weight:600;color:#1d1f27;margin:0;font-family:var(--font-ibm-plex),sans-serif}.login-modal-close{background:#FDFDF8;border:1px solid #9ca3af;color:#6b7280;cursor:pointer;padding:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.login-modal-close:hover{color:#1d1f27;background-color:#E0DCCF;border-color:#6b7280}.login-modal-close:disabled{opacity:.5;cursor:not-allowed}.login-modal-content{padding:24px}.login-modal-message{text-align:center;margin-bottom:32px}.login-modal-message p{color:#1d1f27;font-size:16px;margin:0 0 8px;line-height:1.5}.login-modal-subtitle{color:#6b7280!important;font-size:14px!important}.oauth-warning-info{margin-top:16px;padding:12px;background-color:#EEEFE9;border:1px solid #9ca3af;border-radius:4px}.oauth-warning-text{color:#6b7280!important;font-size:13px!important;margin:0!important;line-height:1.4}.login-error-message{display:flex;align-items:center;gap:10px;background:transparent;border:1px solid #dc2626;border-radius:4px;padding:12px 16px;margin-top:20px;margin-bottom:20px;animation:errorShake .5s ease-in-out}.login-error-message .error-icon{color:#dc2626;font-size:18px;font-weight:700;flex-shrink:0}.login-error-message .error-text{font-family:var(--font-inter),sans-serif;font-size:14px;font-weight:500;color:#1d1f27;line-height:1.4}.login-modal-actions{display:flex;flex-direction:column;gap:12px}.google-login-button{display:flex;align-items:center;justify-content:center;gap:12px;background-color:#FDFDF8;color:#374151;border:1px solid #d1d5db;border-radius:12px;padding:12px 20px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%}.google-login-button:hover{background-color:#E0DCCF;border-color:#9ca3af;transform:translateY(-1px)}.google-login-button:active{transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,.1)}.google-login-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.google-icon{flex-shrink:0}.login-spinner{width:20px;height:20px;border:2px solid #e5e7eb;border-top-color:#374151;border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}.cancel-login-button{background:none;border:1px solid #374151;border-radius:12px;padding:12px 20px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%}.cancel-login-button:hover{border-color:#6b7280;background-color:rgba(55,65,81,.1)}.cancel-login-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:480px){.login-modal{margin:16px;max-width:calc(100vw - 32px)}.login-modal-header{padding:20px 20px 16px}.login-modal-content{padding:20px}.login-modal-title{font-size:18px}}.aboutContainer{background-color:#0f1117;color:#e4e4e7;padding:2rem;border-radius:12px;max-width:800px;margin:0 auto;font-family:var(--font-inter),sans-serif;line-height:1.6}.heading{font-family:var(--font-ibm-plex),sans-serif;font-size:2rem;font-weight:700;color:#f8fafc;text-align:center}.heading,.text{margin-bottom:1rem}.text{font-size:1rem;font-weight:500;text-align:justify}.highlight{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a1d29;font-weight:700;padding:0 4px;border-radius:4px}.user-profile-icon-container{position:relative;flex-shrink:0}.header-login-container{flex-shrink:0}.header-login-button{background:#FDFDF8;border:1px solid #9ca3af;color:#1d1f27;padding:8px 16px;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:70px}.header-login-button:hover{background:#E0DCCF;border-color:#6b7280;color:#1d1f27}.user-profile-icon{position:relative;width:32px;height:32px;border-radius:50%;overflow:hidden;background:#EEEFE9;display:flex;align-items:center;justify-content:center;border:1px solid #9ca3af;cursor:pointer;transition:all .2s ease;flex-shrink:0}.user-profile-icon:hover{border-color:#6b7280;background:#E0DCCF}.profile-icon-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-icon-fallback{color:#1d1f27;font-weight:600;font-size:14px;text-transform:uppercase}.profile-icon-fallback.hidden{display:none}.logout-menu{position:absolute;top:100%;right:0;margin-top:8px;background:#FDFDF8;border:1px solid #9ca3af;border-radius:12px;min-width:100px;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,.1)}.logout-menu-button{width:100%;background:none;border:none;color:#1d1f27;padding:12px 16px;text-align:left;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s ease;border-radius:12px}.logout-menu-button:hover{background:#E0DCCF}@media (max-width:768px){.user-profile-icon{width:28px;height:28px}.profile-icon-fallback{font-size:12px}.logout-menu-button{padding:10px 14px;font-size:13px}.user-profile-container{padding:6px 8px;gap:8px}.user-avatar{width:32px;height:32px}.user-avatar-fallback{font-size:14px}.user-name{font-size:13px;max-width:100px}.logout-button{font-size:11px}}@media (max-width:480px){.user-info{display:none}.user-profile-container{padding:6px}}.desktop-only{display:block}.mobile-only{display:none}@media (max-width:768px){.desktop-only{display:none}.mobile-only{display:block}}.mobile-hamburger-container{position:relative;flex-shrink:0}.hamburger-button{background:#FDFDF8;border:1px solid #9ca3af;color:#1d1f27;cursor:pointer;padding:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.hamburger-button:hover{background:#E0DCCF;border-color:#6b7280;color:#1d1f27}.hamburger-button svg{width:24px;height:24px}.mobile-menu{position:absolute;top:100%;right:0;margin-top:8px;background:#FDFDF8;border:1px solid #9ca3af;border-radius:12px;min-width:280px;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,.1);animation:slideDown .2s ease-out}.mobile-menu-content{padding:16px;border-radius:12px}.mobile-user-info{display:flex;align-items:center;gap:12px;margin-bottom:16px}.mobile-user-avatar{position:relative;width:48px;height:48px;border-radius:50%;overflow:hidden;background:#EEEFE9;display:flex;align-items:center;justify-content:center;border:1px solid #9ca3af;flex-shrink:0}.mobile-avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.mobile-avatar-fallback{color:#1d1f27;font-weight:700;font-size:18px;text-transform:uppercase}.mobile-user-details{flex:1 1;min-width:0}.mobile-user-name{font-family:var(--font-ibm-plex),sans-serif;font-size:16px;font-weight:600;color:#1d1f27;margin-bottom:2px}.mobile-user-email,.mobile-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-user-email{font-family:var(--font-inter),sans-serif;font-size:13px;color:#6b7280}.mobile-logout-button{width:100%;background:#FDFDF8;border:1px solid #ef4444;color:#ef4444;padding:12px 16px;border-radius:12px;font-family:var(--font-inter),sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.mobile-logout-button:hover{background:#fef2f2;border-color:#dc2626;color:#dc2626}.mobile-logout-button svg{width:16px;height:16px;flex-shrink:0}.mobile-login-button{width:100%;background:#FDFDF8;border:1px solid #9ca3af;color:#1d1f27;padding:12px 16px;border-radius:4px;font-family:var(--font-inter),sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.mobile-login-button:hover{background:#E0DCCF;border-color:#6b7280;color:#1d1f27}.mobile-login-button svg{width:16px;height:16px;flex-shrink:0}@media (max-width:480px){.mobile-menu{min-width:260px;right:-8px}.mobile-menu-content{padding:14px}.mobile-user-info{gap:10px;margin-bottom:14px}.mobile-user-avatar{width:40px;height:40px}.mobile-avatar-fallback{font-size:16px}.mobile-user-name{font-size:15px}.mobile-user-email{font-size:12px}.mobile-login-button,.mobile-logout-button{padding:10px 14px;font-size:13px}}.paypal-button{background:linear-gradient(135deg,#0070ba,#003087)!important;border-color:#0070ba!important}.paypal-button:hover:not(:disabled){background:linear-gradient(135deg,#005ea6,#002b7a)!important;border-color:#005ea6!important}.edit-option.popular{position:relative}.popular-badge{top:-8px;background:#f54e00;padding:3px 8px;border-radius:6px;font-size:9px;font-weight:600;letter-spacing:.3px;z-index:10}.edit-savings{font-size:10px;color:#f7a501;font-weight:600;margin-top:1px}.plan-selector{margin-bottom:24px}.plan-options{display:flex;flex-direction:column;gap:10px}.plan-option{background:#FDFDF8;border:1px solid #9ca3af;border-radius:12px;padding:14px 16px;cursor:pointer;transition:all .1s ease;display:flex;align-items:center;gap:12px;position:relative}.plan-option:hover{border-color:#6b7280}.plan-option.selected{background:#eb9d2a;border-color:#b17816;transform:translateY(-1px)}.plan-option input[type=\"radio\"]{width:20px;height:20px;margin:0;accent-color:#f54e00}.plan-header{gap:12px}.plan-name{font-family:var(--font-ibm-plex),sans-serif;font-size:18px;font-weight:700;color:#1d1f27;margin-bottom:4px}.plan-option.selected .plan-name{color:#000000}.plan-price{font-size:16px;font-weight:700;color:#1d1f27;font-family:var(--font-jetbrains),monospace;margin-bottom:2px}.plan-option.selected .plan-price{color:#000000}.plan-features{color:#6b7280;font-size:14px;font-weight:500;line-height:1.4}.plan-option.selected .plan-features{color:#4d4f46}.plan-option.selected .plan-savings{color:#8b4513;background:#E0DCCF}.plan-option.disabled{opacity:.5;cursor:not-allowed}.plan-option.disabled:hover{border-color:#d1d5db;transform:none}.paypal-buttons-stack{margin-top:20px;display:flex;flex-direction:column;gap:10px}.edit-options .paypal-buttons-stack,.edit-options .paypal-plan-option,.edit-options .selected-package-summary{display:none!important}.paypal-button-container{min-height:44px;border-radius:8px;overflow:hidden}.paypal-plan-option{display:flex;align-items:center;justify-content:space-between;padding:20px;border:2px solid #e5e7eb;border-radius:12px;margin-bottom:16px;background:#FDFDF8;transition:all .2s ease}.paypal-plan-option:hover{border-color:#0070ba}.plan-info{flex:1 1}.plan-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.paypal-plan-option .plan-name{font-size:18px;font-weight:600;color:#1d1f27;margin-right:12px}.paypal-plan-option .plan-price{font-size:16px;font-weight:600;color:#1d1f27}.paypal-plan-option .plan-edits{font-size:14px;color:#6b7280;font-weight:500}.paypal-button-wrapper{margin-left:20px;min-width:200px}.paypal-button-container{min-height:40px}.paypal-credit-button-wrapper{margin-top:30px}.selected-package-summary{background:#eb9d2a;padding:12px 16px;border-radius:8px;margin-bottom:20px;border:1px solid #b17816;transform:translateY(-1px)}.summary-label{font-size:12px;color:#4d4f46;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-weight:700}.summary-details{display:flex;justify-content:space-between;align-items:center}.edits-amount{font-size:18px}.edits-amount,.edits-price{font-weight:700;color:#000000}.edits-price{font-size:20px}.payment-method-title{font-size:14px;font-weight:600;color:#1d1f27;margin-bottom:15px;text-align:center;text-transform:uppercase;letter-spacing:.5px}.paypal-edit-button-wrapper{margin:20px 0}.paypal-edit-button-wrapper .paypal-button-container{max-width:100%;margin:0 auto;min-height:45px}.loading-paypal{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px;color:#6b7280;font-size:14px}.loading-spinner{width:16px;height:16px;border:2px solid #e5e7eb;border-top-color:#0070ba;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.plan-option{padding:12px 14px}.plan-header{flex-direction:row;align-items:center;justify-content:space-between;gap:16px}.plan-name{font-size:14px}.plan-name,.plan-price{margin-bottom:0;flex-shrink:0}.plan-price{font-size:13px}.paypal-buttons-stack{gap:10px}}@media (max-width:640px){.paypal-plan-option{flex-direction:column;align-items:stretch;gap:16px}.plan-header{flex-direction:column;align-items:flex-start;gap:4px}.paypal-button-wrapper{margin-left:0;min-width:auto}.plan-option{padding:14px;gap:12px}.plan-option input[type=\"radio\"]{width:18px;height:18px}.plan-name{font-size:15px}.plan-features,.plan-price{font-size:13px}.paypal-buttons-stack{gap:8px}}.subscription-management{margin-top:40px;width:100%;max-width:800px;margin-left:auto;margin-right:auto}.subscription-card{background:#FDFDF8;border:1px solid #9ca3af;border-radius:16px;padding:0;margin:32px 0;overflow:hidden}.subscription-header{background:#E0DCCF;border-bottom:1px solid #9ca3af;border-radius:6px 6px 0 0;padding:24px;font-family:var(--font-ibm-plex),sans-serif;display:flex;justify-content:space-between;align-items:center}.subscription-header h3{margin:0;font-size:20px;font-weight:600;color:#1d1f27;letter-spacing:-.025em}.subscription-status{display:flex;align-items:center}.status-badge{padding:8px 16px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-inter),sans-serif}.status-badge.active{background:#10b981;color:#ffffff}.status-badge.cancelled{background:#f59e0b;color:#ffffff}.status-badge.free{background:#f3f4f6;color:#6b7280}.subscription-details{display:grid;grid-template-columns:1fr 1fr;grid-gap:32px;gap:32px;padding:24px;margin-bottom:0}.plan-info{display:flex;flex-direction:column}.subscription-card .plan-info .plan-name,.subscription-card .plan-info .plan-price{white-space:nowrap}.subscription-card .plan-header{display:flex;align-items:baseline;gap:8px;white-space:nowrap;flex-wrap:nowrap;min-width:0}@media (max-width:640px){.subscription-card .plan-name,.subscription-card .plan-price{font-size:18px}}@media (max-width:480px){.subscription-card .plan-name,.subscription-card .plan-price{font-size:16px}}@media (max-width:360px){.subscription-card .plan-name,.subscription-card .plan-price{font-size:14px}}.subscription-card .plan-name{font-size:22px;font-weight:600;color:#1d1f27;font-family:var(--font-ibm-plex),sans-serif;display:inline;margin-right:8px}.subscription-card .plan-price{font-size:22px;color:#1d1f27;font-weight:700;font-family:var(--font-jetbrains),monospace;display:inline}.subscription-card .plan-features{font-size:14px;color:#6b7280}.usage-summary{display:flex;flex-direction:column;gap:12px}.usage-item{display:flex;justify-content:space-between;align-items:center;border-radius:4px}.usage-label{font-size:14px;color:#6b7280;font-weight:500}.usage-value{font-size:14px;color:#1d1f27;font-weight:600;font-family:var(--font-jetbrains),monospace}.subscription-actions{display:flex;justify-content:flex-start;padding:16px;border-top:1px solid #e5e7eb}.subscription-action-buttons{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.cancel-subscription-link{background:#dc2626;border:1px solid #b91c1c;border-radius:8px;width:auto;display:inline-block;position:relative;top:2px;text-decoration:none;text-align:center;cursor:pointer;transition:all .1s ease;color:#ffffff;font-weight:700;font-size:14px;padding:4px 16px;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform:translateY(-2px);margin-left:-1.5px;margin-right:-1.5px}.cancel-subscription-link:hover{top:3px;transform:translateY(-1px)}.cancel-subscription-link:disabled{opacity:.6;cursor:not-allowed;top:2px;transform:translateY(-2px)}.renew-subscription-button{background:#cd8407;display:inline-block;top:2px;text-decoration:none;cursor:pointer;transition:all .1s ease}.renew-subscription-button:hover{top:3px}.renew-subscription-button:disabled{opacity:.6;cursor:not-allowed;top:2px}.buy-edits-button{background:#cd8407;border-radius:8px;display:inline-block;top:2px;text-decoration:none;cursor:pointer;transition:all .1s ease}.buy-edits-button:hover{top:3px}.buy-edits-button:disabled{opacity:.6;cursor:not-allowed;top:2px}.renew-subscription-button{color:#000000;font-size:15px;padding:8px 20px;background-color:#eb9d2a;border:1px solid #b17816;border-radius:8px;transform:translateY(-4px)}.buy-edits-button,.renew-subscription-button{font-weight:700;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:auto;display:block;margin-left:-1.5px;margin-right:-1.5px;position:relative}.buy-edits-button{color:#4d4f46;font-size:14px;padding:4px 16px;background-color:#FDFDF8;border:1px solid #b17816;border-radius:6px}.buy-edits-button,.renew-subscription-button:hover{transform:translateY(-2px)}.buy-edits-button:hover{transform:translateY(-1px)}.renew-subscription-button:disabled{transform:translateY(-4px)}.buy-edits-button:disabled{transform:translateY(-2px)}.cancel-warning{text-align:center;margin-bottom:18px}.warning-icon{font-size:48px;margin-bottom:16px}.cancel-warning h4{margin:0 0 16px;font-size:20px;font-weight:600;color:#1d1f27}.cancel-warning p{margin:0 0 12px;font-size:16px;color:#6b7280}.cancel-warning ul{text-align:left;margin:16px 0;padding-left:20px}.cancel-warning li{margin-bottom:8px;font-size:14px;color:#6b7280}.cancel-subscription-button{background:#dc2626;border:1px solid #b91c1c;border-radius:8px;width:auto;display:inline-block;position:relative;top:2px;text-decoration:none;text-align:center;cursor:pointer;transition:all .1s ease;color:#ffffff;font-weight:700;font-size:15px;padding:8px 20px;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform:translateY(-4px);margin-left:-1.5px;margin-right:-1.5px}.cancel-subscription-button:hover{top:3px;transform:translateY(-2px)}.keep-subscription-button{background:#d1d5db;border:1px solid #9ca3af;border-radius:6px;width:auto;display:inline-block;position:relative;top:2px;text-decoration:none;text-align:center;cursor:pointer;transition:all .1s ease;color:#4d4f46;font-weight:700;font-size:14px;padding:4px 16px;background-color:#FDFDF8;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform:translateY(-2px);margin-left:-1.5px;margin-right:-1.5px}.keep-subscription-button:hover{top:3px;transform:translateY(-1px)}.subscription-error{background:linear-gradient(135deg,#991b1b,#dc2626);border:2px solid #b91c1c;border-radius:6px;box-shadow:0 2px 8px rgba(239,68,68,.25);animation:errorShake .5s ease-in-out}.subscription-error,.subscription-success{display:flex;align-items:center;gap:10px;margin:20px 24px 16px;padding:12px 16px}.subscription-success{background:transparent;border:1px solid #16a34a;border-radius:4px;animation:successBounce .6s ease-out}.subscription-error .error-icon{color:#dc2626;font-size:18px;font-weight:700;flex-shrink:0}.subscription-error .error-text{font-family:var(--font-inter),sans-serif;font-size:14px;font-weight:500;color:#1d1f27;line-height:1.4}.subscription-success .success-icon{width:40px;height:40px;min-width:40px;min-height:40px;background-color:#10b981;color:#ffffff;border-radius:50%;font-size:18px;font-weight:700;flex-shrink:0}.subscription-success .success-text{font-family:var(--font-inter),sans-serif;font-size:14px;font-weight:500;color:#1d1f27;line-height:1.4}.plan-end-date{margin-top:8px;padding:0 16px 2px;border-radius:4px}.end-date-label{font-size:12px;font-weight:600;color:#dc2626}.end-date-value{font-size:12px;font-weight:700;color:#b91c1c}.plan-billing-date{margin-top:8px;padding:0 16px 2px}.billing-date-label{font-size:12px;font-weight:600;color:#dc2626}.billing-date-value{font-size:12px;font-weight:700;color:#b91c1c}@media (max-width:768px){.subscription-management{margin-top:24px}.subscription-card{margin:16px}.subscription-details{padding:20px}.subscription-actions{padding:12px 20px 20px}.subscription-action-buttons{align-items:stretch;gap:12px}.buy-edits-button,.cancel-subscription-link,.renew-subscription-button{width:100%!important;text-align:center;min-height:48px!important;padding:12px 20px!important;font-size:16px}.subscription-header h3{font-size:20px}.subscription-details{grid-template-columns:1fr;gap:20px}.cancel-warning ul{padding-left:16px}.cancel-subscription-button,.keep-subscription-button{min-height:48px!important;padding:12px 20px!important;font-size:16px}}@keyframes errorPulse{0%,to{box-shadow:0 4px 12px rgba(239,68,68,.3)}50%{box-shadow:0 4px 16px rgba(239,68,68,.5)}}@keyframes errorShake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes successBounce{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes warningPulse{0%,to{border-color:#f59e0b;box-shadow:0 2px 8px rgba(245,158,11,.15)}50%{border-color:#d97706;box-shadow:0 2px 12px rgba(245,158,11,.25)}}.how-to-use-section{background:#FDFDF8;margin-top:60px;padding:24px;border:1px solid #9ca3af;border-radius:16px}.how-to-use-container{max-width:1200px;margin:0 auto;padding:0 24px}.how-to-use-header{text-align:center;margin-bottom:24px}.how-to-use-title{font-family:var(--font-ibm-plex),sans-serif;font-size:2rem;font-weight:700;color:#1d1f27;margin-bottom:16px;line-height:1.2}.how-to-use-subtitle{font-family:var(--font-inter),sans-serif;font-size:1rem;color:#6b7280;font-weight:500;line-height:1.6}.how-to-use-subtitle a{color:#1d1f27;text-decoration:underline;-webkit-text-decoration-color:#d1d5db;text-decoration-color:#d1d5db;text-underline-offset:2px;transition:-webkit-text-decoration-color .2s;transition:text-decoration-color .2s;transition:text-decoration-color .2s,-webkit-text-decoration-color .2s}.how-to-use-subtitle a:hover{-webkit-text-decoration-color:#6b7280;text-decoration-color:#6b7280}.how-to-use-footer{text-align:center;margin-top:32px}.how-to-use-footer p{color:#6b7280;font-size:14px;margin:0}.how-to-use-footer a{color:#1d1f27;text-decoration:underline;-webkit-text-decoration-color:#d1d5db;text-decoration-color:#d1d5db;text-underline-offset:2px;transition:-webkit-text-decoration-color .2s;transition:text-decoration-color .2s;transition:text-decoration-color .2s,-webkit-text-decoration-color .2s}.how-to-use-footer a:hover{-webkit-text-decoration-color:#6b7280;text-decoration-color:#6b7280}.steps-container{justify-content:center;gap:20px}.step-card,.steps-container{display:flex;align-items:center;position:relative}.step-card{flex:1 1;flex-direction:column;text-align:center;background:#FDFDF8;border-radius:4px;padding:32px 20px;transition:all .3s ease;min-height:240px;max-width:240px}.step-card:hover{border-color:#6b7280;transform:translateY(-2px)}.step-icon-container{position:relative;margin-bottom:20px}.step-icon{background:#EEEFE9;border:1px solid #9ca3af;border-radius:50%;width:70px;height:70px;display:flex;align-items:center;justify-content:center;color:#1d1f27;transition:all .3s ease}.step-card:hover .step-icon{background:#1d1f27;color:#FDFDF8;border-color:#1d1f27}.step-number{position:absolute;top:-8px;right:-8px;background:#eb9d2a;color:#1d1f27;border:2px solid #fdfdf8;width:28px;height:28px;font-family:var(--font-ibm-plex),sans-serif;font-size:14px;font-weight:700}.step-content{width:100%}.step-title{font-family:var(--font-ibm-plex),sans-serif;font-size:1.125rem;font-weight:600;color:#1d1f27;margin-bottom:12px;line-height:1.4}.step-description{font-family:var(--font-inter),sans-serif;font-size:.95rem;color:#6b7280;font-weight:400;line-height:1.5;margin:0}.step-arrow{display:flex;align-items:center;justify-content:center;color:#9ca3af;flex-shrink:0}.step-arrow svg{width:32px;height:32px}@media (max-width:1024px){.steps-container{gap:20px}}@media (max-width:768px){.how-to-use-section{padding:40px 0}.how-to-use-title{font-size:1.75rem}.how-to-use-header{margin-bottom:40px}.steps-container{flex-direction:column;gap:20px;align-items:center}.step-arrow{display:none}.step-card{padding:24px 20px;min-height:200px;max-width:100%;width:100%}.step-icon{width:60px;height:60px}.step-icon-container{margin-bottom:16px}.step-number{width:24px;height:24px;font-size:12px}.step-title{font-size:1.125rem;margin-bottom:8px}.step-description{font-size:.875rem}}@media (max-width:480px){.how-to-use-container{padding:0 16px}.how-to-use-section{padding:30px 0}.how-to-use-title{font-size:1.5rem}.how-to-use-header{margin-bottom:30px}.steps-container{gap:16px}.step-card{padding:20px 16px;min-height:180px}.step-icon{width:50px;height:50px}.step-icon-container{margin-bottom:12px}.step-number{width:20px;height:20px;font-size:11px}.step-title{font-size:1rem;margin-bottom:6px}.step-description{font-size:.8rem}}.capabilities-section{background:#EEEFE9;padding:60px 0}.capabilities-container{max-width:1200px;margin:0 auto;padding:0 24px}.capabilities-header{text-align:center;margin-bottom:60px}.capabilities-title{font-family:var(--font-ibm-plex),sans-serif;font-size:2rem;font-weight:700;color:#1d1f27;margin-bottom:20px;line-height:1.2}.capabilities-subtitle{font-family:var(--font-inter),sans-serif;font-size:1rem;color:#6b7280;font-weight:500;line-height:1.6;max-width:600px;margin:0 auto}.capabilities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));grid-gap:32px;gap:32px;align-items:stretch}.capability-card{background:#FDFDF8;border:1px solid #9ca3af;border-radius:16px;padding:32px 24px;display:flex;align-items:flex-start;gap:20px;transition:all .3s ease;box-shadow:0 1px 3px rgba(0,0,0,.1)}.capability-card:hover{border-color:#6b7280}.capability-icon{flex-shrink:0;background:#EEEFE9;border-radius:50%;width:72px;height:72px;display:flex;align-items:center;justify-content:center;color:#1d1f27;transition:all .3s ease}.capability-card:hover .capability-icon{background:#1d1f27;color:#FDFDF8;border-color:#1d1f27}.capability-content{flex:1 1}.capability-title{font-family:var(--font-ibm-plex),sans-serif;font-size:1.125rem;font-weight:600;color:#1d1f27;margin-bottom:12px;line-height:1.3}.capability-description{font-family:var(--font-inter),sans-serif;font-size:.95rem;color:#6b7280;font-weight:400;line-height:1.6;margin:0}@media (max-width:1024px){.capabilities-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}}@media (max-width:768px){.capabilities-section{padding:60px 0}.capabilities-title{font-size:1.75rem}.capabilities-subtitle{font-size:.95rem}.capabilities-header{margin-bottom:40px}.capabilities-grid{grid-template-columns:1fr;gap:20px}.capability-card{padding:24px 20px;gap:16px}.capability-icon{width:60px;height:60px}.capability-title{font-size:1.25rem}.capability-description{font-size:.95rem}}@media (max-width:480px){.capabilities-container{padding:0 16px}.capabilities-section{padding:40px 0}.capabilities-title{font-size:1.5rem}.capabilities-subtitle{font-size:.875rem}.capabilities-header{margin-bottom:30px}.capabilities-grid{gap:16px}.capability-card{padding:20px 16px;gap:14px}.capability-icon{width:56px;height:56px}.capability-title{font-size:1.125rem;margin-bottom:8px}.capability-description{font-size:.875rem}}.pricing-section{background:#EEEFE9;padding:60px 0}.pricing-container{max-width:1100px;margin:0 auto;padding:0 24px}.pricing-header{text-align:center;margin-bottom:40px}.pricing-title{font-size:2rem;font-weight:700;color:#1d1f27;margin-bottom:12px;line-height:1.2}.pricing-subtitle,.pricing-title{font-family:var(--font-inter),sans-serif}.pricing-subtitle{font-size:1rem;color:#6b7280;font-weight:400;line-height:1.6;max-width:500px;margin:0 auto}.pricing-mode-toggle{display:flex;justify-content:center;gap:12px;margin-bottom:32px;background:rgba(255,255,255,.5);padding:6px;border-radius:16px;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto;border:1px solid #d1d5db}.pricing-mode-button{font-family:var(--font-inter),sans-serif;font-size:.95rem;font-weight:600;padding:10px 24px;border-radius:12px;border:none;background:transparent;color:#6b7280;cursor:pointer;transition:all .2s ease}.pricing-mode-button:hover{color:#1d1f27}.pricing-mode-button.active{background:#1d1f27;color:#FDFDF8;box-shadow:0 2px 4px rgba(0,0,0,.1)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px;margin-bottom:32px}.pricing-grid-credits{grid-template-columns:repeat(4,1fr);max-width:1200px;margin-left:auto;margin-right:auto}.pricing-card{background:#fdfdf8;border:1px solid #9ca3af;border-radius:36px;padding:24px 20px;position:relative;transition:all .15s ease;box-shadow:0 2px 4px rgba(0,0,0,.06)}.pricing-card:hover{transform:translateY(-2px);border-color:#6b7280}.pricing-card.popular{background:#f4b95a;border:1px solid #b17816;transform:scale(1.03)}.pricing-card.popular:hover{transform:scale(1.03) translateY(-2px)}.popular-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:#1d1f27;color:white;padding:4px 12px;border-radius:16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}@media (max-width:480px){.popular-badge{font-size:9px;padding:3px 6px;letter-spacing:.2px}}@media (max-width:360px){.popular-badge{font-size:8px;padding:2px 4px;letter-spacing:.1px}}@media (max-width:320px){.popular-badge{font-size:7px;padding:2px 3px;letter-spacing:0}}.pricing-card-header{text-align:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.1)}.pricing-card-name{font-family:var(--font-inter),sans-serif;font-size:1.125rem;font-weight:700;color:#1d1f27;margin-bottom:6px}.pricing-card-price{margin-bottom:6px}.price-amount{font-family:var(--font-inter),sans-serif;font-size:2.5rem;font-weight:800;color:#1d1f27;line-height:1}.price-period{font-size:.875rem;color:#4d4f46;font-weight:500}.pricing-card-edits{font-size:.95rem;color:#1d1f27;font-weight:600}.pricing-card-savings{font-size:.85rem;color:#059669;font-weight:600;margin-top:4px;padding:3px 8px;background:#d1fae5;border-radius:6px;display:inline-block}.pricing-card-features{margin-bottom:24px}.features-list{list-style:none;padding:0;margin:0}.feature-item{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:13px;color:#1d1f27;line-height:1.4;font-weight:500}.feature-check{color:#059669;flex-shrink:0;width:14px;height:14px}.pricing-card-cta{text-align:center}.pricing-cta-button{width:100%;padding:10px 16px;border-radius:12px;font-family:var(--font-inter),sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:all .1s ease;position:relative;top:0;text-align:center}.pricing-cta-button.primary{background:#cd8407;border:1px solid #b17816;color:#000000;box-shadow:0 2px 4px rgba(0,0,0,.1)}.pricing-cta-button.primary:hover{transform:translateY(-1px)}.pricing-cta-button.secondary{background:#E0DCCF;color:#1d1f27;border:1px solid #9ca3af}.pricing-cta-button.secondary:hover{transform:translateY(-1px);background:#d4d0c3}.pricing-footer{text-align:center;padding-top:24px}.pricing-footer p{color:#4d4f46;font-size:13px;margin:6px 0;line-height:1.4;font-weight:500}.pricing-link{color:#1d1f27;text-decoration:underline;-webkit-text-decoration-color:#9ca3af;text-decoration-color:#9ca3af;text-underline-offset:2px;transition:-webkit-text-decoration-color .2s;transition:text-decoration-color .2s;transition:text-decoration-color .2s,-webkit-text-decoration-color .2s;font-weight:600}.pricing-link:hover{-webkit-text-decoration-color:#4d4f46;text-decoration-color:#4d4f46}@media (max-width:1024px){.pricing-grid{gap:20px}.pricing-grid,.pricing-grid-credits{grid-template-columns:repeat(2,1fr)}.pricing-card.popular{transform:none;grid-column:1/-1}.pricing-card.popular:hover{transform:translateY(-2px)}.pricing-mode-button{font-size:.9rem;padding:8px 20px}}@media (max-width:768px){.pricing-section{padding:50px 0}.pricing-title{font-size:1.75rem}.pricing-subtitle{font-size:.95rem}.pricing-grid{gap:20px}.pricing-grid,.pricing-grid-credits{grid-template-columns:1fr}.pricing-card.popular{transform:none;grid-column:1}.pricing-card{padding:20px 16px}.pricing-mode-toggle{width:100%;max-width:350px}.pricing-mode-button{flex:1 1;font-size:.85rem;padding:8px 16px}.price-amount{font-size:2.25rem}}@media (max-width:480px){.pricing-container{padding:0 16px}.pricing-section{padding:40px 0}.pricing-title{font-size:1.5rem}.pricing-subtitle{font-size:.875rem}.pricing-card{padding:18px 14px}.price-amount{font-size:2rem}.pricing-cta-button{padding:12px 20px;font-size:15px}}.upload-zone-large{min-height:280px}.conditional-section-wrapper{opacity:1;max-height:none;margin-bottom:inherit;transition:opacity .3s ease-out,max-height .3s ease-out,margin-bottom .3s ease-out}.conditional-section-wrapper.hidden-for-user{opacity:0;max-height:0;margin-bottom:0;pointer-events:none}@media (max-width:768px){.conditional-section-wrapper{transition:opacity .2s ease-out,max-height .2s ease-out,margin-bottom .2s ease-out}}.subscription-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.subscription-loading-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#6b7280;border-radius:50%;animation:subscription-spin 1s linear infinite;margin-bottom:16px}.subscription-loading-text{font-family:var(--font-ibm-plex),sans-serif;font-size:14px;color:#6b7280;font-weight:500;margin:0}@keyframes subscription-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.subscription-loading{padding:32px 16px}.subscription-loading-spinner{width:28px;height:28px;border-width:2.5px}.subscription-loading-text{font-size:13px}.upload-zone-large{min-height:240px}}@media (max-width:480px){.upload-zone-large{min-height:220px}}footer{background-color:#1d1f27;color:#94a3b8;padding:24px 0;margin-top:auto;border-top:1px solid #374151}footer .footer-content{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;justify-content:center;align-items:center;gap:32px;flex-wrap:wrap}footer .footer-links{display:flex;gap:24px;align-items:center}footer .footer-links a{color:#94a3b8;text-decoration:none;font-size:14px;transition:color .2s ease}footer .footer-links a:hover{color:#ffffff}footer .footer-copyright{font-size:14px;color:#6b7280}@media (max-width:768px){footer .footer-content{flex-direction:column;gap:16px;text-align:center}}.faq-section{width:100%;padding:60px 0}.faq-container{max-width:1200px;margin:0 auto;padding:0 24px}.faq-title{font-size:2rem;font-weight:700;color:#1f2937;text-align:center;margin-bottom:48px;font-family:var(--font-inter),sans-serif}.faq-grid{display:flex;flex-direction:column;gap:16px}.faq-item{background:white;border:1px solid #1f2937;border-radius:32px;overflow:hidden;transition:all .2s ease}.faq-item:hover{transform:translateY(-2px)}.faq-question{width:100%;padding:20px 24px;background:white;border:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-family:var(--font-inter),sans-serif;font-size:16px;font-weight:600;color:#1f2937;text-align:left;transition:background-color .2s ease}.faq-question:hover{background-color:#f9fafb}.faq-question.active{background-color:#f3f4f6}.faq-icon{flex-shrink:0;transition:transform .5s cubic-bezier(.4,0,.2,1);color:#6b7280}.faq-icon.rotated{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1),padding .5s cubic-bezier(.4,0,.2,1),opacity .3s ease;background:white;border-top:1px solid #e5e7eb;opacity:0}.faq-answer.open{max-height:600px;padding:20px 24px;transition:max-height .5s cubic-bezier(.4,0,.2,1),padding .5s cubic-bezier(.4,0,.2,1),opacity .3s ease .1s;opacity:1}.faq-answer p{margin:0;font-family:var(--font-inter),sans-serif;font-size:14px;line-height:1.6;color:#4b5563}.faq-answer a{color:#1d1f27;text-decoration:underline;-webkit-text-decoration-color:#d1d5db;text-decoration-color:#d1d5db;text-underline-offset:2px;transition:-webkit-text-decoration-color .2s;transition:text-decoration-color .2s;transition:text-decoration-color .2s,-webkit-text-decoration-color .2s}.faq-answer a:hover{-webkit-text-decoration-color:#6b7280;text-decoration-color:#6b7280}@media (max-width:768px){.faq-section{padding:40px 0}.faq-title{font-size:1.5rem;margin-bottom:32px}.faq-question{padding:16px 20px;font-size:15px}.faq-answer.open{padding:16px 20px;max-height:500px}.faq-answer p{font-size:13px}}@media (max-width:480px){.faq-container{padding:0 16px}.faq-title{font-size:1.25rem;margin-bottom:24px}.faq-question{padding:14px 16px;font-size:14px}.faq-icon{width:18px;height:18px}}.blog-content{padding-top:32px;padding-bottom:64px}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280}.breadcrumb a{color:#6b7280;text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:#1d1f27}.breadcrumb-separator{color:#d1d5db}.breadcrumb-current{color:#1d1f27;font-weight:500}.blog-article{background:white;border:1px solid #e5e7eb;border-radius:8px;padding:48px;margin-bottom:32px}.blog-header{margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid #e5e7eb}.blog-title{font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:16px;color:#1d1f27;font-family:var(--font-inter),sans-serif}.blog-meta{display:flex;align-items:center;gap:16px;font-size:14px}.blog-date,.blog-meta{color:#6b7280}.blog-reading-time{padding-left:16px;border-left:1px solid #e5e7eb}.blog-body{color:#374151;line-height:1.7;font-size:16px}.blog-intro{margin-bottom:40px}.lead-text{font-size:1.125rem;line-height:1.75;color:#374151;font-weight:400}.blog-section{margin-bottom:40px}.blog-section h2{font-size:1.75rem;margin-bottom:20px}.blog-section h2,.blog-section h3{font-weight:600;color:#1d1f27;font-family:var(--font-inter),sans-serif}.blog-section h3{font-size:1.25rem;margin-bottom:12px}.blog-section p{margin-bottom:16px;color:#374151}.blog-body a{color:#1d1f27;text-decoration:underline;-webkit-text-decoration-color:#d1d5db;text-decoration-color:#d1d5db;text-decoration-thickness:1px;text-underline-offset:2px;transition:-webkit-text-decoration-color .2s;transition:text-decoration-color .2s;transition:text-decoration-color .2s,-webkit-text-decoration-color .2s}.blog-body a:hover{-webkit-text-decoration-color:#6b7280;text-decoration-color:#6b7280}.blog-list{margin:20px 0;padding-left:24px}.blog-list li{margin-bottom:12px;color:#374151}.step-by-step{margin:32px 0}.step{display:flex;gap:24px;margin-bottom:32px;padding:24px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;position:relative}.step-number{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#1d1f27;color:white;border-radius:50%;font-weight:600;flex-shrink:0}.step-content{flex:1 1}.step-content h3{margin-bottom:8px}.step-content p{margin:0;color:#374151}.example-placeholder,.screenshot-placeholder{margin:16px 0;padding:48px 24px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;text-align:center;color:#6b7280;font-size:14px}.examples-grid,.features-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px;margin:24px 0}.feature-card{padding:24px;background:white;border:1px solid #e5e7eb;border-radius:8px}.feature-card h3{margin-bottom:8px;color:#1d1f27;font-size:1.125rem}.feature-card p{margin:0;color:#6b7280;font-size:14px;line-height:1.6}.use-cases{margin:24px 0}.use-case{margin-bottom:24px;padding:20px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.use-case h3{margin-bottom:8px;color:#1d1f27;font-size:1.125rem}.use-case p{margin:0;color:#374151;font-size:15px;line-height:1.6}.tips-list li{margin-bottom:12px;color:#374151}.tips-list strong{color:#1d1f27}.cta-section{margin-top:32px;text-align:center;padding:32px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.cta-button{display:inline-block;padding:16px 40px;background:#e0dccf;border-radius:16px;font-weight:700;font-size:18px;transition:all .1s ease;border:1px solid #9ca3af;position:relative;top:2px;transform:translateY(-2px);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cta-button,.cta-button:hover{color:#000000!important;text-decoration:none!important}.cta-button:hover{top:3px;transform:translateY(-1px)}.cta-subtext{margin-top:12px;color:#6b7280;font-size:14px}.blog-content{display:grid;grid-template-columns:1fr 300px;grid-gap:32px;gap:32px;max-width:1200px;margin:0 auto}.blog-sidebar{position:-webkit-sticky;position:sticky;top:24px;height:-moz-fit-content;height:fit-content}.sidebar-section{padding:24px;background:white;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:20px}.sidebar-section h3{font-size:1rem;font-weight:600;margin-bottom:12px;color:#1d1f27}.sidebar-section p{color:#6b7280;font-size:14px;line-height:1.6;margin-bottom:16px}.sidebar-links{list-style:none;padding:0}.sidebar-links li{margin-bottom:8px}.sidebar-links a{color:#374151;text-decoration:none;font-size:14px;transition:color .2s}.sidebar-links a:hover{color:#1d1f27}.sidebar-cta{display:inline-block;padding:10px 20px;background:#e0dccf;color:#000000;text-decoration:none!important;border-radius:12px;font-size:14px;font-weight:700;transition:all .1s ease;border:1px solid #9ca3af;position:relative;top:2px;transform:translateY(-2px);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sidebar-cta:hover{top:3px;transform:translateY(-1px);text-decoration:none!important}.related-posts{list-style:none;padding:0}.related-posts li{margin-bottom:8px}.related-posts a{color:#374151;text-decoration:none;font-size:14px;transition:color .2s}.related-posts a:hover{color:#1d1f27}.blog-listing{max-width:1200px;margin:0 auto;padding:48px 24px}.blog-listing-header{text-align:center;margin-bottom:48px;padding-bottom:32px}.blog-listing-title{font-size:2.5rem;font-weight:700;margin-bottom:16px;color:#1d1f27}.blog-listing-subtitle{font-size:1.125rem;color:#6b7280;max-width:600px;margin:0 auto;line-height:1.6}.blog-posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:32px;gap:32px}.blog-card{background:white;border:1px solid #e5e7eb;border-radius:16px;padding:24px;position:relative;transition:border-color .2s,box-shadow .2s}.blog-card:hover{border-color:#d1d5db}.blog-card.featured{grid-column:1/-1}.featured-badge{position:absolute;top:16px;right:16px;background:#1d1f27;color:white;padding:4px 12px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase}.blog-card-link{text-decoration:none;color:inherit}.blog-card-title{font-size:1.5rem;font-weight:600;margin-bottom:12px;color:#1d1f27;line-height:1.3}.blog-card-description{color:#6b7280;font-size:15px;line-height:1.6;margin-bottom:16px}.blog-card-meta{display:flex;align-items:center;gap:16px;margin-bottom:16px;color:#9ca3af;font-size:14px}.blog-card-date{color:#9ca3af}.blog-card-read-time{padding-left:16px;border-left:1px solid #e5e7eb}.blog-card-cta{color:#1d1f27;font-weight:500;font-size:14px;display:inline-flex;align-items:center}.no-posts{text-align:center;padding:64px 24px;color:#6b7280}@media (max-width:1024px){.blog-content{grid-template-columns:1fr}.blog-sidebar{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:20px;gap:20px;position:static}.examples-grid{grid-template-columns:1fr}}@media (max-width:768px){.blog-article{padding:32px 24px}.blog-title{font-size:2rem}.blog-section h2{font-size:1.5rem}.blog-posts-grid,.features-grid{grid-template-columns:1fr}.blog-card.featured{grid-column:1}.step{padding:20px}.blog-listing-title{font-size:2rem}}@media (max-width:480px){.blog-article{padding:24px 16px}.blog-title{font-size:1.75rem}.blog-body{font-size:15px}.step{flex-direction:column;gap:16px}.blog-listing{padding:32px 16px}.blog-card{padding:20px}.blog-card-title{font-size:1.25rem}}.download-payment-info{text-align:center;margin-bottom:32px;padding:24px;background:#f9f9f9;border-radius:8px;border:1px solid #ddd}.download-payment-price{font-size:48px;font-weight:700;color:#000;margin-bottom:12px}.download-payment-description{font-size:16px;color:#666;line-height:1.6;margin:0}.payment-buttons-container{margin-top:24px;margin-bottom:24px}.razorpay-button-wrapper{width:100%;position:relative}.razorpay-pay-button{width:100%;padding:14px 20px;background:#0a4a9e;color:white;border:1px solid #073872;border-radius:4px;font-family:var(--font-jetbrains),monospace;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px 0 rgba(0,0,0,.1)}.razorpay-pay-button:hover:not(:disabled){background:#072655;border-color:#051d3f;transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.razorpay-pay-button:active:not(:disabled){transform:translateY(0)}.razorpay-pay-button:disabled{background:#f3f4f6;border-color:#d1d5db;color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.payment-success-message{display:flex;align-items:center;gap:12px;padding:16px 20px;margin-bottom:16px;background:#d4edda;border:1px solid #28a745;border-radius:6px;color:#155724;font-size:15px;line-height:1.5;animation:slideDown .3s ease-out}.payment-success-message svg{flex-shrink:0;color:#28a745}.payment-success-message span{flex:1 1}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.download-payment-price{font-size:40px}.download-payment-description{font-size:14px}.payment-success-message{font-size:14px;padding:14px 16px;gap:10px}}.generation-history-container{max-width:1200px;margin:48px auto;padding:0 20px}.generation-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.generation-history-header h3{font-family:var(--font-jetbrains),monospace;font-size:18px;font-weight:600;color:#1f2937;margin:0;text-transform:uppercase;letter-spacing:.5px}.generation-count{font-size:13px;color:#6b7280;background:#f3f4f6;padding:4px 10px;border-radius:12px;font-weight:500}.section-expand-button{background:none;border:none;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s ease;border-radius:4px}.section-expand-button:hover{background:#f3f4f6;color:#1f2937}.generation-empty{padding:40px 20px;text-align:center;background:#FDFDF8;border:1px solid #9ca3af;border-radius:8px;margin-top:20px}.generation-empty p{color:#6b7280;font-size:14px;margin:0}.generation-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;color:#6b7280;background:#FDFDF8;border:1px solid #9ca3af;border-radius:12px}.generation-list{display:flex;flex-direction:column;gap:16px}.generation-item{background:#FDFDF8;border:1px solid #9ca3af;border-radius:12px;overflow:hidden;transition:all .15s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px rgba(0,0,0,.1)}.generation-item:hover{border-color:#6b7280;box-shadow:0 2px 6px rgba(0,0,0,.15)}.generation-summary{display:grid;grid-template-columns:80px 1fr auto;grid-gap:16px;gap:16px;padding:16px;cursor:pointer;align-items:center}.generation-preview{width:80px;height:80px;border-radius:8px;overflow:hidden;background:#f9fafb;border:1px solid #e5e7eb}.generation-thumb{width:100%;height:100%;object-fit:cover}.generation-info{display:flex;flex-direction:column;gap:4px}.generation-date{font-size:14px;font-weight:600;color:#1f2937}.generation-inputs-summary{font-size:13px;color:#6b7280}.generation-actions{display:flex;gap:8px}.expand-button{padding:8px;background:transparent;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .15s}.expand-button:hover{background:#f3f4f6;border-color:#9ca3af;color:#1f2937}.generation-details{padding:0 16px 16px;border-top:1px solid #e5e7eb;margin-top:-1px}.generation-images{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-top:16px;margin-bottom:16px}.generation-image-item{display:flex;flex-direction:column;gap:8px}.generation-image-label{font-family:var(--font-jetbrains),monospace;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.generation-full-image{width:100%;height:auto;border-radius:8px;border:1px solid #e5e7eb}.generation-modifications{display:flex;flex-direction:column;gap:8px;padding:14px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb;margin-bottom:12px}.modifications-label{font-family:var(--font-jetbrains),monospace;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.modification-row{display:flex;align-items:center;gap:12px;font-size:14px;padding:4px 0}.modification-find{font-weight:600;color:#dc2626;font-family:var(--font-jetbrains),monospace}.modification-arrow{color:#9ca3af}.modification-replace{font-weight:600;color:#059669;font-family:var(--font-jetbrains),monospace}.modification-delete{font-weight:500;color:#6b7280;font-style:italic}.generation-download-section{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.history-download-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;background:#eb9d2a;border:1px solid #b17816;border-radius:4px;color:#1d1f27;font-family:var(--font-jetbrains),monospace;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px 0 rgba(0,0,0,.1)}.history-download-button:hover{background:#d4881f;border-color:#8f5f12;transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.history-download-button:active{transform:translateY(0)}.download-count-badge{font-size:12px;color:#6b7280;background:white;padding:4px 10px;border-radius:12px;border:1px solid #e5e7eb}.watermarked-image-wrapper{position:relative;display:inline-block;width:100%;height:100%}.watermark-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,transparent,transparent 100px,rgba(0,0,0,.02) 0,rgba(0,0,0,.02) 200px);z-index:10}.watermark-overlay,.watermark-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.watermark-text{font-family:var(--font-jetbrains),monospace;font-size:48px;font-weight:900;color:rgba(255,255,255,.4);text-shadow:2px 2px 4px rgba(0,0,0,.3),-2px -2px 4px rgba(0,0,0,.3);transform:rotate(-45deg);letter-spacing:8px;white-space:nowrap}.watermark-small .watermark-text{font-size:16px;letter-spacing:3px}@media (max-width:768px){.generation-history-container{margin:32px auto;padding:0 16px}.generation-history-header h3{font-size:16px}.generation-summary{grid-template-columns:60px 1fr auto;gap:12px;padding:12px}.generation-preview{width:60px;height:60px}.generation-images{grid-template-columns:1fr}.generation-download-section{flex-direction:column;align-items:stretch}.history-download-button{width:100%;justify-content:center}.generation-details{padding:0 12px 12px}}