body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--accent-color:#3498db;--accent-hover:#2980b9;--tab-border:#3498db;--icon-color:#3498db}[data-theme=dark]{--bg-primary:#1a1a2e;--accent-color:#4d8cdb;--accent-hover:#366bb3;--tab-border:#4d8cdb;--icon-color:#4d8cdb}body{background-color:#f8f9fa;background-color:var(--bg-primary);color:#212121;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;transition:background-color .3s,color .3s}.main-content{flex:1 1}.container{padding:2rem 20px}.hero-section{margin-bottom:3rem}.carousel-container{height:500px;position:relative}.hero-content{align-items:center;background:#0000004d;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;margin-bottom:2rem;position:absolute;text-align:center;top:0;width:100%;z-index:5}.hero-section h1{font-size:3.5rem;font-weight:800;margin-bottom:1rem;max-width:800px;text-shadow:0 2px 4px #0000004d}.hero-section p{font-size:1.5rem;margin:0 auto 2rem;max-width:800px;text-shadow:0 1px 2px #0000004d}.hero-cta{margin-top:2rem}.primary-button{background-color:#ff5252;background-color:var(--accent-color);box-shadow:0 4px 15px #0003}.primary-button:hover{background-color:#ff3d3d;background-color:var(--accent-hover);box-shadow:0 8px 20px #0000004d}.error-message{background-color:#f44336;background-color:var(--error-color);box-shadow:0 4px 12px #00000014;box-shadow:0 4px 12px var(--shadow-color);color:#fff;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.5rem}.error-message p{margin:0}.close-button{background:none;font-size:1.5rem;padding:.2rem .5rem;transition:background-color .2s}.close-button:hover{background-color:#fff3}.loading-spinner{align-items:center;display:flex;flex-direction:column;margin:3rem 0}.spinner{border-left:4px solid var(--accent-color)}.tool-section{background-color:#fff;background-color:var(--bg-secondary);border-radius:12px;box-shadow:0 8px 30px #00000014;box-shadow:0 8px 30px var(--shadow-color);margin-bottom:3rem;padding:2rem}.upload-section{text-align:center}.result-section{align-items:center;display:flex;flex-direction:column}.result-content{max-width:800px;width:100%}.action-buttons{gap:1.5rem;justify-content:center;margin-top:2.5rem}.reset-button{background-color:#757575;background-color:var(--text-muted);border:none;border-radius:30px;box-shadow:0 4px 12px #00000014;box-shadow:0 4px 12px var(--shadow-color);color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:12px 28px;transition:all .2s ease}.reset-button:hover{background-color:#6c7a89;box-shadow:0 6px 15px #00000014;box-shadow:0 6px 15px var(--shadow-color);transform:translateY(-2px)}.download-all-button{background-color:#00c853;background-color:var(--success-color);border-radius:30px;box-shadow:0 4px 12px #00000014;box-shadow:0 4px 12px var(--shadow-color);font-size:1.1rem;gap:12px;padding:12px 28px}.download-all-button:hover:not(:disabled){background-color:#096;box-shadow:0 6px 15px #00000014;box-shadow:0 6px 15px var(--shadow-color);transform:translateY(-2px)}.download-all-button:disabled{background-color:#999;box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.spinner-sm{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-left-color:#fff;border-radius:50%;display:inline-block;height:16px;width:16px}.tabs-section{margin-top:5rem}.tabs-section h2{color:#212121;color:var(--text-primary);font-size:2.2rem;font-weight:700;margin-bottom:3rem;padding-bottom:1rem;position:relative;text-align:center}.tabs-section h2:after{background-color:#ff5252;background-color:var(--accent-color);bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.feature-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:0 1.5rem}.feature{background-color:var(--card-bg);border-radius:12px;border-top:4px solid #ff5252;border-top:4px solid var(--accent-color);box-shadow:0 8px 20px #00000014;box-shadow:0 8px 20px var(--shadow-color);padding:2rem;transition:transform .3s,box-shadow .3s}.feature:hover{box-shadow:0 15px 30px #00000014;box-shadow:0 15px 30px var(--shadow-color);transform:translateY(-10px)}.feature-icon{background-color:#3498db1a;color:var(--accent-color)}.feature h3{color:#212121;color:var(--text-primary);font-size:1.4rem;font-weight:700;margin-bottom:1rem}.feature p{color:#424242;color:var(--text-secondary);font-size:1rem;line-height:1.7}.user-stats-section{background-color:#fff;background-color:var(--bg-secondary);border-radius:12px;box-shadow:0 8px 20px #00000014;box-shadow:0 8px 20px var(--shadow-color);margin-top:5rem;overflow:hidden;padding:3rem;position:relative;text-align:center}.user-stats-section:before{background:linear-gradient(45deg,#3498db1a,#fff0 70%);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.stats-content{position:relative;z-index:1}.stats-icon{align-items:center;background-color:#3498db1a;border-radius:50%;color:#ff5252;color:var(--accent-color);display:flex;height:80px;justify-content:center;margin:0 auto 2rem;width:80px}.user-stats-section h2{color:#212121;color:var(--text-primary);font-size:2.2rem;font-weight:700;margin-bottom:1.5rem}.user-stats-section p{color:#424242;color:var(--text-secondary);font-size:1.2rem;margin:0 auto 2.5rem;max-width:700px}.stats-counter{display:flex;gap:5rem;justify-content:center;margin-top:3rem}.counter-item{align-items:center;display:flex;flex-direction:column}.counter-number{color:var(--accent-color);font-size:3rem;font-weight:800;margin-bottom:.5rem}.counter-label{color:#424242;color:var(--text-secondary);font-size:1rem;font-weight:500}.how-it-works-section{background-color:#fff;background-color:var(--bg-secondary);border-radius:12px;box-shadow:0 6px 20px #00000014;box-shadow:0 6px 20px var(--shadow-color);margin-top:5rem;padding:3rem 0}.how-it-works-section h2{color:#212121;color:var(--text-primary);font-size:2.2rem;font-weight:700;margin-bottom:3rem;padding-bottom:1rem;position:relative;text-align:center}.how-it-works-section h2:after{background-color:#ff5252;background-color:var(--accent-color);bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.steps-container{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1000px;padding:0 1.5rem}.step-card{background-color:#fff;background-color:var(--card-bg);border-radius:12px;box-shadow:0 8px 20px #00000014;box-shadow:0 8px 20px var(--shadow-color);padding:2.5rem 2rem;position:relative;text-align:center;transition:transform .3s}.step-card:hover{transform:translateY(-10px)}.step-card .step-number{align-items:center;background-color:#ff5252;background-color:var(--accent-color);border-radius:50%;color:#fff;display:flex;font-size:1.8rem;font-weight:700;height:60px;justify-content:center;margin:0 auto 1.5rem;width:60px}.step-card h3{color:#212121;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.step-card p{color:#424242;color:var(--text-secondary);font-size:1rem;line-height:1.7}.testimonials-section{background-color:#fff;background-color:var(--bg-secondary);border-radius:12px;box-shadow:0 6px 20px #00000014;box-shadow:0 6px 20px var(--shadow-color);margin-top:5rem;padding:3rem 0}.testimonials-section h2{color:#212121;color:var(--text-primary);font-size:2.2rem;font-weight:700;margin-bottom:3rem;padding-bottom:1rem;position:relative;text-align:center}.testimonials-section h2:after{background-color:#ff5252;background-color:var(--accent-color);bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.testimonials-container{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:0 1.5rem}.testimonial{background-color:#fff;background-color:var(--card-bg);border-radius:12px;box-shadow:0 8px 20px #00000014;box-shadow:0 8px 20px var(--shadow-color);padding:2rem;position:relative;transition:transform .3s}.testimonial:hover{transform:translateY(-10px)}.testimonial:before{color:#ff5252;color:var(--accent-color);content:'"';font-family:Georgia,serif;font-size:80px;left:20px;opacity:.2;position:absolute;top:-20px}.rating{color:#00c853;color:var(--success-color);font-size:1.2rem}.quote,.rating{margin-bottom:1.5rem}.quote{color:#212121;color:var(--text-primary);font-size:1.1rem;font-style:italic;line-height:1.7}.author{color:#424242;color:var(--text-secondary);font-size:1rem;font-weight:500;text-align:right}.faq-section{background-color:#fff;background-color:var(--bg-secondary);border-radius:12px;box-shadow:0 6px 20px #00000014;box-shadow:0 6px 20px var(--shadow-color);margin-top:5rem;padding:3rem 0}.faq-section h2{color:#212121;color:var(--text-primary);font-size:2.2rem;font-weight:700;margin-bottom:3rem;padding-bottom:1rem;position:relative;text-align:center}.faq-section h2:after{background-color:#ff5252;background-color:var(--accent-color);bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.faq-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));padding:0 1.5rem}.faq-item{background-color:#fff;background-color:var(--card-bg);border-radius:12px;box-shadow:0 8px 20px #00000014;box-shadow:0 8px 20px var(--shadow-color);padding:2rem;transition:transform .3s}.faq-item:hover{transform:translateY(-5px)}.faq-item h3{color:#212121;color:var(--text-primary);font-size:1.3rem;font-weight:700;margin-bottom:1rem}.cta-section{background-color:#ff5252;background-color:var(--accent-color);box-shadow:0 8px 30px #00000014;box-shadow:0 8px 30px var(--shadow-color)}.cta-section:before{background:linear-gradient(135deg,#ffffff1a,#fff0);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.cta-content{position:relative;z-index:1}.cta-section h2{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.cta-section p{color:#ffffffe6;font-size:1.3rem;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:700px}.cta-button{color:var(--accent-color)}.tab-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:0 1.5rem}.tab{background-color:#fff;background-color:var(--tab-bg);border-radius:12px;border-top:4px solid var(--tab-border);box-shadow:0 8px 20px #00000014;box-shadow:0 8px 20px var(--shadow-color);padding:2rem 1.5rem;text-align:left;transition:transform .3s,box-shadow .3s}.tab:hover{box-shadow:0 12px 30px #00000014;box-shadow:0 12px 30px var(--shadow-color);transform:translateY(-8px)}.tab-icon{align-items:center;background-color:#3498db1a;border-radius:50%;color:#ff5252;color:var(--icon-color);display:flex;height:50px;justify-content:center;margin-bottom:1.5rem;width:50px}.tab h3{color:#212121;color:var(--text-primary);font-size:1.3rem;font-weight:700;letter-spacing:.5px;margin-bottom:1.2rem}.tab ul{list-style:none;padding:0}.tab ul li{color:#424242;color:var(--text-secondary);cursor:pointer;font-size:1rem;margin-bottom:.8rem;padding:.4rem 0;transition:color .2s,transform .2s}.tab ul li:hover{color:#ff5252;color:var(--accent-color);transform:translateX(5px)}.features-section{background-color:#fff;background-color:var(--bg-secondary);border-radius:12px;box-shadow:0 6px 20px #00000014;box-shadow:0 6px 20px var(--shadow-color);margin-top:5rem;padding:3rem 0}.features-section h2{color:#212121;color:var(--text-primary);font-size:2.2rem;font-weight:700;margin-bottom:3rem;padding-bottom:1rem;position:relative;text-align:center}.features-section h2:after{background-color:#ff5252;background-color:var(--accent-color);bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}@media (max-width:1200px){.hero-section h1{font-size:3rem}.container{padding:2rem 40px}.stats-counter{gap:3rem}}@media (max-width:992px){.hero-section h1{font-size:2.5rem}.hero-section p{font-size:1.2rem}.carousel-container{height:450px}.testimonials-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.faq-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.stats-counter{flex-wrap:wrap;gap:2rem}.counter-item{flex-basis:calc(33.33% - 2rem);flex-grow:0;flex-shrink:0}}@media (max-width:768px){.hero-section h1{font-size:2rem}.hero-section p{font-size:1.1rem}.carousel-container{height:400px}.primary-button{font-size:1rem;padding:10px 24px}.steps-container,.tab-container{grid-template-columns:1fr}.stats-counter{flex-direction:column;gap:2rem}.counter-item{width:100%}.user-stats-section h2{font-size:1.8rem}.cta-section h2{font-size:2rem}.cta-button,.cta-section p{font-size:1.1rem}.cta-button{padding:12px 30px}}@media (max-width:576px){.hero-section h1{font-size:1.8rem}.hero-section p{font-size:1rem;margin-bottom:1.5rem}.carousel-container{height:350px}.container{padding:1.5rem 20px}.tool-section{padding:1.5rem}.faq-section h2,.features-section h2,.how-it-works-section h2,.tabs-section h2,.testimonials-section h2{font-size:1.8rem}.faq-item,.feature,.testimonial{padding:1.5rem}.cta-section{padding:3rem 1.5rem}.cta-section h2{font-size:1.8rem}.cta-button,.cta-section p{font-size:1rem}.cta-button{padding:10px 24px}}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.counter-number{animation:countUp 1s ease-out forwards}@keyframes fadeZoom{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.carousel-slide.active{animation:fadeZoom .8s ease-out forwards}.theme-toggle{align-items:center;background:none;border:none;border-radius:50%;color:#212121;color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;padding:.5rem;transition:background-color .3s;width:40px}.theme-toggle:hover{background-color:#f7f7f7;background-color:var(--bg-accent)}.theme-toggle svg{height:20px;width:20px}a:focus,button:focus{outline:2px solid #ff5252;outline:2px solid var(--accent-color);outline-offset:2px}@media print{.cta-section,.faq-section,.features-section,.hero-section,.how-it-works-section,.tabs-section,.testimonials-section,.user-stats-section{display:none}.tool-section{border:1px solid #ddd;box-shadow:none}.app{background:#fff;color:#000}}.feature-grid.second-row{margin-top:1rem}@media (max-width:768px){.feature-grid{grid-template-columns:1fr}}.main-content{min-height:calc(100vh - 160px)}.breadcrumbs{width:100%;z-index:5}.container{padding-top:20px}.tool-container{margin-top:10px}.leave-modal-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.leave-modal{border-radius:12px;box-shadow:0 4px 16px #0000001f;padding:24px;text-align:center;width:320px}.leave-modal-title{font-size:20px;font-weight:600;margin:0 0 24px}.leave-modal-buttons{display:flex;gap:12px}.leave-modal-button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:16px;font-weight:500;padding:10px 16px;transition:background-color .2s}.leave-modal-button.cancel{background-color:#e9e9e9;color:#333}.leave-modal-button.cancel:hover{background-color:#d9d9d9}.leave-modal-button.confirm{background-color:#e91e63}.leave-modal-button.confirm:hover{background-color:#d81b60}.dark .leave-modal{background-color:#2a2a2a}.dark .leave-modal-title{color:#f0f0f0}.dark .leave-modal-button.cancel{background-color:#3a3a3a;color:#f0f0f0}.dark .leave-modal-button.cancel:hover{background-color:#454545}@media (prefers-color-scheme:dark){.system .leave-modal{background-color:#2a2a2a}.system .leave-modal-title{color:#f0f0f0}.system .leave-modal-button.cancel{background-color:#3a3a3a;color:#f0f0f0}.system .leave-modal-button.cancel:hover{background-color:#454545}}.hero-section{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;overflow:hidden;padding:0;position:relative}.hero-section,.tabs-section{background-color:#fff;background-color:var(--bg-secondary)}.tabs-section{border-radius:12px;box-shadow:0 6px 20px #00000014;box-shadow:0 6px 20px var(--shadow-color);margin-top:2rem;padding:3rem 0}.tab-menu-container{margin-bottom:2rem;margin-top:0}.container{max-width:1200px}:root{--bg-accent:#f7f7f7;--text-primary:#212121;--text-secondary:#424242;--text-muted:#757575;--shadow-color:#00000014;--success-color:#00c853;--error-color:#f44336;--warning-color:#ff9800;--tab-bg:#fff;--tab-border:#ff5252;--icon-color:#ff5252}[data-theme=dark]{--bg-accent:#2c2c2c;--text-primary:#f5f5f5;--text-secondary:#e0e0e0;--text-muted:#9e9e9e;--accent-color:#ff5252;--accent-hover:#ff7676;--border-color:#333;--success-color:#00e676;--error-color:#ff5252;--warning-color:#ffab40;--tab-bg:#212121;--tab-border:#ff5252;--icon-color:#ff5252}.primary-button{align-items:center;background:linear-gradient(135deg,#ff5252,#ff7043);border:none;border-radius:30px;box-shadow:0 4px 15px #ff52524d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:8px;padding:12px 30px;transition:all .3s ease}.primary-button:hover{background:linear-gradient(135deg,#ff3d3d,#ff5722);box-shadow:0 8px 20px #ff525266;transform:translateY(-3px)}.cta-section{background:linear-gradient(135deg,#ff5252,#ff7043);border-radius:12px;box-shadow:0 8px 30px #0000001a;margin-bottom:2rem;margin-top:5rem;overflow:hidden;padding:4rem 2rem;position:relative;text-align:center}.cta-button{background-color:#fff;border:none;border-radius:30px;box-shadow:0 6px 15px #0003;color:#ff5252;cursor:pointer;font-size:1.2rem;font-weight:700;padding:15px 40px;transition:all .3s}.cta-button:hover{background-color:#f8f8f8;box-shadow:0 12px 30px #0000004d;transform:translateY(-5px)}.feature-icon{align-items:center;background-color:#ff52521a;border-radius:50%;display:flex;height:60px;justify-content:center;margin-bottom:1.5rem;width:60px}.tab{border-top:4px solid #ff5252}.counter-number{color:#ff5252}.step-card .step-number{background:linear-gradient(135deg,#ff5252,#ff7043)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .5s ease}.faq-answer.active{max-height:500px}.faq-item p{color:#424242;color:var(--text-secondary);font-size:1rem;line-height:1.7}@media (max-width:768px){.faq-container{gap:1.5rem;grid-template-columns:1fr;padding:0 1rem}.faq-section h2{font-size:1.8rem;margin-bottom:2rem}.faq-item{padding:1.5rem}}@media (max-width:480px){.faq-section{margin-top:3rem;padding:2rem 0}.faq-section h2{font-size:1.5rem}.faq-item h3{font-size:1.1rem}.faq-item p{font-size:.95rem}}.google-ad-vertical{background:#f5f5f5;border:1px solid #ddd;border-radius:4px}@media (max-width:1199px){.content-with-sidebar-ads{flex-direction:column}.left-sidebar-ad,.right-sidebar-ad{display:none}}.content-with-sidebar-ads{gap:20px}@media (min-width:1200px){.left-sidebar-ad,.right-sidebar-ad{display:block;width:160px}}.google-ad-vertical{background:#fff;border:1px solid #e0e0e0;box-shadow:0 2px 8px #00000014}.google-ad-vertical:hover{box-shadow:0 4px 12px #00000014}[data-theme=dark] .google-ad-vertical{background:#fff;background:var(--card-bg);border-color:#e0e0e0;border-color:var(--border-color)}@media (max-width:1199px){.content-with-sidebar-ads{flex-direction:column;gap:0}.left-sidebar-ad,.right-sidebar-ad{display:none}.main-content-area{width:100%}}@media (min-width:1400px){.left-sidebar-ad,.right-sidebar-ad{width:180px}}@media (min-width:1600px){.content-with-sidebar-ads{gap:30px}.left-sidebar-ad,.right-sidebar-ad{width:200px}}@media (min-width:992px) and (max-width:1199px){.content-with-sidebar-ads{margin:0 auto;max-width:100%}}@media (max-width:768px){.content-with-sidebar-ads{margin:0;padding:0}.main-content-area{padding:0}}.google-ad-vertical.loading{background:#f7f7f7}.google-ad-vertical.loading:before{color:#757575}.google-ad-vertical.error{background:#f7f7f7;border:1px dashed #e0e0e0}.google-ad-vertical.error:before{color:#757575}@media (prefers-reduced-motion:reduce){.google-ad-vertical{transition:none}.google-ad-vertical:hover{transform:none}}@media print{.left-sidebar-ad,.right-sidebar-ad{display:none!important}.content-with-sidebar-ads{flex-direction:column}}.google-ad-vertical:focus-within{outline:2px solid #ff5252}@media (prefers-contrast:high){.google-ad-vertical{border-color:#212121;border-color:var(--text-primary);border-width:2px}}.container{margin:0 auto;max-width:1400px;padding:1.5rem 20px}.header-container{height:60px}.dropdown-arrow-header{font-size:2px;font-weight:1px}.dropdown-toggle[aria-expanded=true] .dropdown-arrow-header{transform:rotate(180deg)}.dropdown-menu{animation:fadeIn .2s ease-out;min-width:200px}.tools-menu{width:480px}.dropdown-column{flex:1 1}.language-menu-header h3{font-size:18px}@media (max-width:768px){.language-selector,.navigation,.theme-selector{display:none}.mobile-menu-toggle{align-items:center;display:flex;justify-content:center}.header-right{margin-left:auto}.mobile-menu{animation:slideIn .3s forwards;background-color:#fff;bottom:0;box-shadow:-2px 0 10px #0000001a;overflow-y:auto;position:fixed;right:0;top:0;width:280px;z-index:2000}.mobile-menu-header{align-items:center;border-bottom:1px solid #0000000f;display:flex;justify-content:space-between;padding:16px}.mobile-menu-close{background:none;border:none;color:#333;cursor:pointer;padding:8px;transition:all .2s ease}.mobile-menu-close:hover{color:#7d4dff;transform:rotate(90deg)}.mobile-nav{padding:16px}.mobile-nav-section{margin-bottom:20px}.mobile-nav-section h3{border-bottom:1px solid #0000000f;color:#333;font-size:15px;font-weight:600;margin-bottom:12px;padding-bottom:8px}.mobile-nav-section ul{list-style:none;margin:0;padding:0}.mobile-nav-section li{margin-bottom:4px}.mobile-nav-item a,.mobile-nav-section a{border-radius:4px;color:#333;display:block;font-size:14px;padding:10px 12px;text-decoration:none;transition:all .2s ease}.mobile-nav-item a:hover,.mobile-nav-section a:hover{background-color:#7d4dff0f;color:#7d4dff;padding-left:16px}.mobile-nav-item{margin-bottom:20px}.mobile-settings{padding:8px 0}.mobile-setting-group{margin-bottom:16px}.mobile-setting-group h4{color:#333;font-size:14px;font-weight:500;margin:0 0 8px}.mobile-setting-options{display:flex;gap:8px}.mobile-setting-option{background:#f5f5f5;border:none;border-radius:4px;cursor:pointer;font-size:13px;padding:8px 12px;transition:all .2s ease}.mobile-setting-option.active{background-color:#7d4dff;color:#fff}.mobile-language-select{background:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#333;font-size:14px;padding:8px 10px;width:100%}.mobile-menu-backdrop{animation:fadeIn .3s forwards;background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1999}.language-selector,.theme-selector{display:none!important}.navigation{display:none}.mobile-menu-toggle{align-items:center;display:flex;justify-content:center}.header-right{margin-left:auto}}[data-theme=dark]{.header{background-color:#1a1a1a;border-bottom-color:#ffffff1a}.dropdown-toggle,.nav-link{color:#f0f0f0}.dropdown-menu{background-color:#2a2a2a;border-color:#ffffff1a}.dropdown-column h3{border-bottom-color:#ffffff1a;color:#f0f0f0}.dropdown-column a,.language-toggle,.theme-toggle{color:#f0f0f0}.language-menu,.theme-menu{background-color:#2a2a2a;border-color:#ffffff1a}.language-menu-header h3,.language-option,.theme-option,.theme-option svg{color:#f0f0f0}.language-option{border-bottom-color:#ffffff1a}.mobile-menu{background-color:#1a1a1a}.mobile-menu-header{border-bottom-color:#ffffff1a}.mobile-menu-close{color:#f0f0f0}.mobile-nav-section h3{border-bottom-color:#ffffff1a;color:#f0f0f0}.mobile-nav-item a,.mobile-nav-section a,.mobile-setting-group h4{color:#f0f0f0}.mobile-language-select,.mobile-setting-option{background-color:#3a3a3a;color:#f0f0f0}.mobile-language-select{border-color:#4a4a4a}}@media (min-width:769px){.language-selector,.theme-selector{display:block}.navigation{display:flex}}[data-theme=dark]{.language-toggle,.theme-toggle{color:#f0f0f0}.language-menu,.theme-menu{background-color:#2a2a2a;border-color:#ffffff1a}.language-menu-header h3,.language-option,.theme-option,.theme-option svg{color:#f0f0f0}.language-option{border-bottom-color:#ffffff1a}}.logo-image{height:50px}.goog-te-menu-value:hover{text-decoration:none!important}.goog-te-banner-frame.skiptranslate,.goog-te-gadget{display:none!important}#google_translate_element{left:0!important;overflow:hidden!important;top:0!important}.goog-te-menu-frame{box-shadow:0 3px 8px 2px #0000001a!important}.goog-te-combo{height:0!important;opacity:0!important;overflow:hidden!important;pointer-events:auto!important;position:absolute!important;width:0!important;z-index:-9999!important}body.goog-te-banner-frame-on{top:0!important}.goog-logo-link{display:none!important}.translation-debug{background:#000c;border-radius:4px;bottom:10px;color:#fff;font-size:12px;max-height:200px;max-width:300px;overflow:auto;padding:10px;position:fixed;right:10px;z-index:9999}#google_translate_element,.VIpgJd-ZVi9od-l4eHX-hSRGPd,.goog-logo-link,.goog-tooltip,.goog-tooltip:hover{display:none!important}#google_translate_element{overflow:hidden}.goog-te-gadget,.skiptranslate{font-size:0!important}html[lang=ar] body,html[lang=fa] body,html[lang=ur] body{direction:rtl}.goog-te-banner-frame,.skiptranslate{display:none!important}#google_translate_element{height:0;left:-9999px;position:absolute;top:-9999px;visibility:hidden}.language-menu{background-color:#fff;border:1px solid #0000000f;border-radius:6px;box-shadow:0 4px 12px #00000014;margin-top:8px;overflow:visible;position:absolute;right:0;top:100%;z-index:1002}.language-options{background-color:#fff;width:100%}[data-theme=dark] .language-options{background-color:#2a2a2a}.language-options{max-height:300px!important;overflow-y:auto!important}.language-option{border-bottom:1px solid #0000000a!important}[data-theme=dark] .language-option{background-color:#2a2a2a!important;color:#f0f0f0!important}[data-theme=dark] .language-options{background-color:#2a2a2a!important}@media (max-width:768px){.header-right .language-selector,.header-right .theme-selector{display:none!important}.header-right .mobile-menu-toggle{display:flex!important}}@media (min-width:769px){.header-right .language-selector,.header-right .theme-selector{display:flex!important}}.mobile-menu{display:none}.mobile-menu.open{animation:slideIn .3s forwards;background-color:#fff;bottom:0;box-shadow:-2px 0 10px #0000001a;display:block;overflow-y:auto;position:fixed;right:0;top:0;width:280px;z-index:2000}@media (max-width:768px){.header-right .language-selector,.header-right .theme-selector,.navigation{display:none!important}.mobile-menu-toggle{align-items:center;display:flex!important;justify-content:center}}@media (min-width:769px){.header-right .language-selector,.header-right .theme-selector,.navigation{display:flex!important}.mobile-menu,.mobile-menu-toggle{display:none!important}}[data-theme=dark] .mobile-menu{background-color:#1a1a1a;color:#f0f0f0}[data-theme=dark] .mobile-menu-header{border-bottom-color:#ffffff1a}[data-theme=dark] .mobile-menu .logo a,[data-theme=dark] .mobile-menu-close{color:#f0f0f0}[data-theme=dark] .mobile-nav-section h3{border-bottom-color:#ffffff1a;color:#f0f0f0}[data-theme=dark] .mobile-dropdown-header h3,[data-theme=dark] .mobile-nav-item a,[data-theme=dark] .mobile-nav-section a,[data-theme=dark] .mobile-setting-group h4{color:#f0f0f0}[data-theme=dark] .mobile-setting-option{background-color:#3a3a3a;color:#f0f0f0}[data-theme=dark] .mobile-setting-option.active{background-color:#7d4dff;color:#fff}[data-theme=dark] .mobile-language-select{background-color:#3a3a3a}[data-theme=dark] .mobile-dropdown-content a{color:#f0f0f0!important}[data-theme=dark] .mobile-dropdown-arrow-header{border-color:#f0f0f0}[data-theme=dark] .mobile-nav-section li a{color:#f0f0f0!important}[data-theme=dark] .mobile-dropdown-content{border-left-color:#fff3}[data-theme=dark] .mobile-menu .mobile-nav .mobile-nav-section .mobile-dropdown-content li a{color:#f0f0f0!important}[data-theme=dark] .mobile-nav-item a.active,[data-theme=dark] .mobile-nav-section a.active{background-color:#7d4dff4d;color:#a88eff!important}.mobile-language-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px}[data-theme=dark] .mobile-language-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f0f0f0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.mobile-language-select:hover{border-color:#7d4dff}.mobile-language-select:focus{border-color:#7d4dff;box-shadow:0 0 0 2px #7d4dff33;outline:none}.mobile-setting-group{position:relative}.mobile-setting-group:after{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid #333;content:"";height:0;pointer-events:none;position:absolute;right:12px;top:50%;width:0}[data-theme=dark] .mobile-setting-group:after{border-top-color:#f0f0f0}.language-select-container{margin-bottom:12px}.select-wrapper{width:100%}.select-wrapper:after{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid #333;content:"";height:0;pointer-events:none;position:absolute;right:15px;top:50%;transform:translateY(-50%);width:0}[data-theme=dark] .select-wrapper:after{border-top-color:#f0f0f0}.mobile-language-select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:none!important;border:1px solid #e0e0e0;border-radius:4px;color:#333;cursor:pointer;font-family:inherit;font-size:14px;font-weight:400;height:40px;padding:8px 12px;width:100%}[data-theme=dark] .mobile-language-select{background-color:#2a2a2a;border-color:#4a4a4a;color:#f0f0f0}.mobile-language-select{text-rendering:optimizeLegibility;text-shadow:0 0 0 #000}[data-theme=dark] .mobile-language-select{text-shadow:0 0 0 #fff}.mobile-language-select::-ms-expand{display:none}.mobile-language-select option{background-color:#fff;color:#333;font-size:14px;padding:8px}[data-theme=dark] .mobile-language-select option{background-color:#2a2a2a;color:#f0f0f0}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.mobile-language-select{background-image:none;padding-right:0}.select-wrapper:after{display:none}}@-moz-document url-prefix(){.mobile-language-select{padding-right:30px;text-indent:.01px;text-overflow:""}}@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:.001dpcm){@supports (-webkit-appearance:none){.mobile-language-select{-webkit-padding-end:30px}}}[data-theme=dark] .mobile-menu-toggle svg{color:#fff!important}[data-theme=dark] .mobile-menu-toggle svg path{fill:#fff!important}.dropdown-menu{padding:16px!important}.dropdown-arrow-header:before,.dropdown-toggle:after,.dropdown-toggle:before,.nav-link:after,.nav-link:before{border:none!important;content:none!important;display:none!important}.dropdown-toggle .dropdown-arrow-header{border:none!important;margin-left:4px}.dropdown-toggle .dropdown-arrow-header:after{content:"v";font-family:Arial,sans-serif;font-size:14px}.dropdown-toggle:hover .dropdown-arrow-header:after{content:"^"}.nav-item:hover .dropdown-menu{display:block}.nav-item .dropdown-menu{display:none;left:0;position:absolute;top:100%}.dropdown-arrow-header{font-size:12px;font-weight:400;margin-left:4px;opacity:.7;transition:transform .2s ease}.dropdown-menu{display:none;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease}.nav-item:hover .dropdown-menu{display:flex}.header{background-color:#fff;border-bottom:1px solid #0000000f;box-shadow:0 1px 3px #00000014;position:sticky;top:0;z-index:1000}.header-container{height:70px;margin:0 auto;max-width:1280px;padding:0 24px}.header-container,.logo{align-items:center;display:flex}.logo{height:100%;margin-right:36px}.logo a{align-items:center;display:flex;padding:5px 0;text-decoration:none}.logo-image{margin:5px 0;max-width:180px}.navigation{align-items:center;display:flex;gap:8px;margin-left:10%}.nav-item{position:relative}.nav-link{align-items:center;border-radius:4px;color:#333;display:inline-flex;font-size:18px;font-weight:500;padding:8px 12px;text-decoration:none;transition:all .2s ease}.nav-link:hover{background-color:#7d4dff0f;color:#7d4dff}.dropdown-toggle{align-items:center;background:none;border:none;border-radius:4px;color:#333;cursor:pointer;display:flex;font-family:inherit;font-size:18px;font-weight:500;gap:4px;padding:8px 12px;transition:all .2s ease}.dropdown-toggle:hover{background-color:#7d4dff0f;color:#7d4dff}.dropdown-icon{align-items:center;display:flex;margin-left:4px;transition:transform .2s ease}.nav-item:hover .dropdown-icon{transform:rotate(180deg)}.dropdown-menu{background-color:#fff;border:1px solid #0000000f;border-radius:6px;box-shadow:0 4px 12px #00000014;left:0;margin-top:8px;min-width:max-content!important;opacity:0;padding:16px;pointer-events:none;position:absolute;top:100%;transform:translateY(-8px);transition:opacity .3s ease,transform .3s ease,visibility .3s ease;visibility:hidden;white-space:nowrap;width:auto!important;z-index:1001}.nav-item:before{bottom:-8px;content:"";left:-8px;position:absolute;right:-8px;top:0;z-index:-1}.nav-item:hover .dropdown-menu{transition-delay:0s}.dropdown-menu:hover,.nav-item:hover .dropdown-menu{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}.nav-item:after{content:"";height:8px;left:0;position:absolute;right:0;top:100%;z-index:1000}.tools-menu{display:flex;gap:24px;width:auto!important}.dropdown-column{flex:0 0 auto!important;min-width:max-content;width:auto!important}.dropdown-column h3{border-bottom:1px solid #0000000f;color:#333;font-size:18px;font-weight:600;margin-bottom:12px;padding-bottom:6px}.dropdown-column ul{list-style:none;margin:0;padding:0}.dropdown-column li{margin-bottom:6px}.dropdown-column a{border-radius:4px;color:#333;display:block;font-size:18px;padding:6px 8px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.dropdown-column a:hover{background-color:#7d4dff0f;color:#7d4dff;padding-left:12px}.header-right{align-items:center;display:flex;gap:12px;margin-left:auto}.language-toggle,.theme-toggle{align-items:center;background:none;border:none;border-radius:4px;color:#333;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.language-toggle{align-items:center;display:flex;gap:6px}.current-language{font-size:14px;font-weight:500}.language-toggle:hover,.theme-toggle:hover{background-color:#7d4dff0f;color:#7d4dff}.language-menu,.theme-menu{animation:fadeIn .2s ease-out;background-color:#fff;border:1px solid #0000000f;border-radius:6px;box-shadow:0 4px 12px #00000014;margin-top:8px;overflow:hidden;position:absolute;right:0;top:100%;width:180px;z-index:1002}.language-option,.theme-option{align-items:center;color:#333;cursor:pointer;display:flex;padding:10px 16px;transition:all .2s ease}.language-option:hover,.theme-option:hover{background-color:#7d4dff0f}.language-option.active,.theme-option.active{background-color:#7d4dff1f;color:#7d4dff}.theme-option svg{color:#333;margin-right:12px}.check-mark{color:#7d4dff}.language-menu{display:flex;flex-direction:column;max-height:400px;width:200px}.language-menu-header{border-bottom:1px solid #0000000f}.language-options{background-color:#fff!important;width:100%!important}.language-option{align-items:center!important;background-color:#fff!important;border-bottom:1px solid #0000000a;color:#333!important;cursor:pointer!important;display:flex!important;padding:10px 16px!important;transition:all .2s ease!important}.language-option:last-child{border-bottom:none}.mobile-menu-toggle{background:none;border:none;color:#333;cursor:pointer;display:none;padding:8px;transition:all .2s ease}.mobile-dropdown-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:10px 0}.mobile-dropdown-header h3{border-bottom:none!important;margin:0;padding-bottom:0!important}.mobile-dropdown-arrow-header{font-size:10px;transition:transform .2s ease}.mobile-dropdown-arrow-header.open{transform:rotate(180deg)}.mobile-dropdown-content{border-left:2px solid #7d4dff33;margin-top:8px;padding-left:10px}.mobile-nav-section{margin-bottom:16px}@media (max-width:768px){.language-selector,.navigation,.theme-selector{display:none!important}.mobile-menu-toggle{align-items:center;display:flex!important;justify-content:center}.header-right{margin-left:auto}.mobile-menu{display:none}.mobile-menu.open{animation:slideIn .3s forwards;background-color:#fff;bottom:0;box-shadow:-2px 0 10px #0000001a;display:block;overflow-y:auto;position:fixed;right:0;top:0;width:280px;z-index:2000}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.mobile-menu-header{align-items:center;border-bottom:1px solid #0000000f;display:flex;justify-content:space-between;padding:16px}.mobile-menu-close{background:none;border:none;color:#333;cursor:pointer;padding:8px;transition:all .2s ease}.mobile-menu-close:hover{color:#7d4dff;transform:rotate(90deg)}.mobile-nav{padding:16px}.mobile-nav-section h3{border-bottom:1px solid #0000000f;color:#333;font-size:15px;font-weight:600;margin-bottom:12px;padding-bottom:8px}.mobile-nav-section ul{list-style:none;margin:0;padding:0}.mobile-nav-section li{margin-bottom:4px}.mobile-nav-item a,.mobile-nav-section a{border-radius:4px;color:#333;display:block;font-size:14px;padding:10px 12px;text-decoration:none;transition:all .2s ease}.mobile-nav-item a:hover,.mobile-nav-section a:hover{background-color:#7d4dff0f;color:#7d4dff;padding-left:16px}.mobile-nav-item{margin-bottom:20px}.mobile-settings{padding:8px 0}.mobile-setting-group{margin-bottom:16px;position:relative}.mobile-setting-group h4{color:#333;font-size:14px;font-weight:500;margin:0 0 8px}.mobile-setting-options{display:flex;gap:8px}.mobile-setting-option{background:#f5f5f5;border:none;border-radius:4px;cursor:pointer;font-size:13px;padding:8px 12px;transition:all .2s ease}.mobile-setting-option.active{background-color:#7d4dff;color:#fff}.mobile-language-select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:1px solid #e0e0e0;border-radius:4px;color:#333;cursor:pointer;font-family:inherit;font-size:14px;font-weight:400;height:40px;padding:8px 30px 8px 12px;text-rendering:optimizeLegibility;width:100%}.mobile-language-select:hover{border-color:#7d4dff}.mobile-language-select:focus{border-color:#7d4dff;box-shadow:0 0 0 2px #7d4dff33;outline:none}.mobile-language-select option{background-color:#fff;color:#333;font-size:14px;padding:8px}.mobile-language-select::-ms-expand{display:none}.mobile-menu-backdrop{animation:fadeIn .3s forwards;background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1999}}@media (min-width:769px){.language-selector,.navigation,.theme-selector{display:flex!important}.mobile-menu,.mobile-menu-toggle{display:none!important}}[data-theme=dark]{.header{background-color:#1a1a1a;border-bottom-color:#ffffff1a}.dropdown-toggle,.nav-link{color:#f0f0f0}.dropdown-menu{background-color:#2a2a2a;border-color:#ffffff1a}.dropdown-column h3{border-bottom-color:#ffffff1a;color:#f0f0f0}.dropdown-column a,.language-toggle,.theme-toggle{color:#f0f0f0}.language-menu,.theme-menu{background-color:#2a2a2a;border-color:#ffffff1a}.language-menu-header h3,.language-option,.theme-option,.theme-option svg{color:#f0f0f0}.language-option{border-bottom-color:#ffffff1a;color:#f0f0f0!important}.language-option,.language-options{background-color:#2a2a2a!important}.mobile-menu{background-color:#1a1a1a;color:#f0f0f0}.mobile-menu-header{border-bottom-color:#ffffff1a}.mobile-menu-close{color:#f0f0f0}.mobile-nav-section h3{border-bottom-color:#ffffff1a;color:#f0f0f0}.mobile-nav-item a,.mobile-nav-section a,.mobile-setting-group h4{color:#f0f0f0}.mobile-setting-option{background-color:#3a3a3a;color:#f0f0f0}.mobile-setting-option.active{background-color:#7d4dff;color:#fff}.mobile-language-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f0f0f0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");border-color:#4a4a4a}.mobile-language-select,.mobile-language-select option{background-color:#2a2a2a;color:#f0f0f0}.mobile-dropdown-content a{color:#f0f0f0!important}.mobile-menu-toggle svg{color:#fff!important}.mobile-menu-toggle svg path{fill:#fff!important}}#google_translate_element{height:0!important;left:-9999px!important;opacity:0!important;pointer-events:none!important;position:absolute!important;top:-9999px!important;visibility:hidden!important}.goog-te-banner-frame,.skiptranslate{display:none!important}body{position:static!important;top:0!important}.goog-te-gadget{color:#0000!important;font-size:0!important}.goog-te-gadget div,.goog-te-gadget span,.goog-tooltip,.goog-tooltip:hover{display:none!important}.goog-text-highlight{background-color:initial!important;border:none!important;box-shadow:none!important}[data-theme=dark] .theme-option:hover{background-color:#7d4dff1a!important}.footer{background-color:#172b4d}.preference-controls{align-items:center;display:flex;justify-content:space-between;margin-bottom:40px}.language-selector,.theme-selector{position:relative}.language-button:hover,.theme-button:hover{background:#fff3}.dropdown-arrow,.globe-icon,.theme-icon{color:#ffffffe6}.language-dropdown{display:none;min-width:160px}.language-selector:hover .language-dropdown{display:block}.language-dropdown ul{list-style:none;margin:0;padding:0}.language-dropdown li{margin:0}.language-dropdown button{background:none;border:none;color:#fff;cursor:pointer;font-size:14px;padding:12px 15px;text-align:left;transition:background-color .2s;width:100%}.language-dropdown button:hover{background-color:#ffffff1a}.user-reviews-section{margin-bottom:30px;padding:30px}.user-reviews-section h2{color:#fff;font-size:18px;font-weight:600;letter-spacing:1px;margin-bottom:25px;text-align:center}.reviews-container{display:flex;gap:20px;justify-content:space-between;margin-bottom:25px}.review-card{padding:20px;transition:transform .3s,box-shadow .3s}.review-card:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.rating{color:gold;font-size:16px;font-weight:600;margin-bottom:15px}.review-card p{color:#ffffffe6;font-size:14px;font-style:italic;line-height:1.6;margin-bottom:15px}.reviewer{color:#ffffffb3;font-size:14px;font-weight:500;text-align:right}.trustpilot-rating{color:#fffc;font-size:14px;text-align:center}.trustpilot-stars{color:#00b67a;font-size:16px;margin-bottom:5px}.trustpilot-rating a{color:#00b67a;font-weight:600;text-decoration:none;transition:color .2s}.trustpilot-rating a:hover{color:#00c684;text-decoration:underline}.stats-section{background-color:#ffffff0d;border-radius:10px;margin-bottom:30px;padding:30px;text-align:center}.stats-section h3{color:#fff;font-size:18px;font-weight:600;letter-spacing:1px;margin-bottom:20px}.total-files{margin-bottom:25px}.total-files .count{color:#7b68ee;display:block;font-size:36px;font-weight:700;margin-bottom:5px}.total-files .label{color:#fffc;font-size:14px;font-weight:500}.file-categories{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.category{border-radius:8px;flex:1 1;min-width:110px;padding:20px 15px;transition:transform .3s}.category:hover{transform:translateY(-5px)}.category-icon{color:#7b68ee;display:flex;justify-content:center;margin-bottom:10px}.category .label{color:#ffffffb3;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px}.category .value{color:#fff;display:block;font-size:20px;font-weight:700}.social-links{display:flex;gap:15px;margin-top:25px}.social-links a{align-items:center;background-color:#ffffff1a;border-radius:50%;color:#fffc;display:flex;height:36px;justify-content:center;transition:all .3s;width:36px}.social-links a:hover{background-color:#7b68ee}.footer-bottom{border-top:1px solid #ffffff1a;margin-top:30px;padding-top:30px}.footer-info{flex-wrap:wrap;gap:20px;justify-content:space-between}.footer-info,.footer-logo{align-items:center;display:flex}.footer-logo{gap:10px}.logo-text{color:#fff;font-size:18px;font-weight:700}.copyright,.powered-by{color:#ffffff80;font-size:14px}.help-button{bottom:30px;position:fixed;right:30px;z-index:999}.floating-help-button{align-items:center;background-color:#7b68ee;border:none;border-radius:30px;box-shadow:0 4px 15px #7b68ee66;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s}.floating-help-button:hover{background-color:#6a57d5;box-shadow:0 8px 20px #7b68ee80}.help-icon{align-items:center;border-radius:50%;color:#7b68ee;display:flex;font-weight:700;height:20px;justify-content:center;width:20px}@media (max-width:992px){.services-grid{gap:30px;grid-template-columns:repeat(2,1fr)}.company-info{grid-column:span 2}.reviews-container{flex-direction:column}}@media (max-width:768px){.services-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;text-align:center}.services-column{min-width:140px;width:45%}.services-column:first-child,.services-column:nth-child(2){order:1}.services-column:nth-child(3),.services-column:nth-child(4){order:2;width:45%}.services-column h3{text-align:center}.services-column ul{padding-left:0}.services-column li{text-align:center}.services-column a{display:inline-block}.services-column a:hover{transform:none}.social-links{justify-content:center}.footer-info{align-items:center;flex-direction:column;text-align:center}.preference-controls{display:flex;flex-direction:row;gap:15px;justify-content:center;margin-bottom:30px}.language-selector,.theme-selector{display:block!important}.language-dropdown,.theme-menu{position:absolute;z-index:1100}.language-dropdown{max-height:300px;overflow-y:auto;right:-20px}}.theme-selector{position:relative}.theme-menu{animation:fadeIn .2s ease-out;background-color:#2c3e50;border:1px solid #ffffff1a;border-radius:6px;box-shadow:0 4px 12px #0003;margin-top:8px;overflow:hidden;position:absolute;right:0;top:100%;width:180px;z-index:1002}.theme-option{align-items:center;color:#fffc;cursor:pointer;display:flex;padding:10px 16px;transition:all .2s ease}.theme-option:hover{background-color:#ffffff1a}.theme-option.active{background-color:#7b68ee33;color:#7b68ee}.theme-icon{margin-right:12px}.language-dropdown{animation:fadeIn .2s ease-out;background-color:#2c3e50;border:1px solid #ffffff1a;margin-top:5px;min-width:180px;overflow:hidden;position:absolute;right:0;top:100%;z-index:10}.language-menu-header{border-bottom:1px solid #ffffff1a;padding:12px 16px}.language-menu-header h3{color:#ffffffe6;font-size:14px;font-weight:600;margin:0}.language-options{max-height:300px;overflow-y:auto}.language-option{align-items:center;border-bottom:1px solid #ffffff0d;color:#fffc;cursor:pointer;display:flex;padding:10px 16px;transition:all .2s ease}.language-option:hover{background-color:#ffffff1a}.language-option.active{background-color:#7b68ee33;color:#7b68ee}.check-mark{color:#7b68ee;font-weight:700;margin-left:auto}@media (max-width:768px){.services-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.services-column{min-width:130px;width:100%}.services-column h3{text-align:center}.services-column ul{padding-left:0}.services-column li{text-align:center}.services-column a{display:inline-block}.services-column a:hover{transform:none}.social-links{justify-content:center}}@media (max-width:480px){.services-grid{gap:15px;grid-template-columns:repeat(2,1fr)}.services-column{padding:0 5px}.services-column h3{font-size:13px;margin-bottom:15px}.services-column li{margin-bottom:10px}.services-column a{font-size:13px}}.services-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(4,1fr);margin-bottom:40px}.services-column{min-width:0}.services-column h3{color:#fff;font-size:14px}.services-column ul{list-style:none;margin:0 0 25px;padding:0}.services-column li{margin-bottom:12px}.services-column a{color:#ffffffb3;display:inline-block;font-size:14px;text-decoration:none;transition:color .2s,transform .2s}.services-column a:hover{color:#fff;transform:translateX(5px)}@media (max-width:1200px){.services-grid{grid-template-columns:repeat(3,1fr)}.company-info{grid-column:span 3}}@media (max-width:992px){.services-grid{gap:30px;grid-template-columns:repeat(2,1fr)}.company-info{grid-column:span 2}}@media (max-width:768px){.services-grid{grid-gap:20px;display:grid;gap:20px;grid-template-areas:"converters resizers" "additional company";grid-template-columns:repeat(2,1fr)}.services-column:first-child{grid-area:converters}.services-column:nth-child(2){grid-area:resizers}.services-column:nth-child(3){grid-area:additional}.services-column:nth-child(4){grid-area:company}.services-column{min-width:130px;width:100%}.services-column h3{text-align:center}.services-column ul{padding-left:0}.services-column li{text-align:center}.services-column a{display:inline-block}.services-column a:hover{transform:none}.social-links{justify-content:center}}@media (max-width:480px){.services-grid{gap:15px;grid-template-areas:"converters resizers" "additional company";grid-template-columns:repeat(2,1fr)}.services-column{padding:0 5px}.services-column h3{font-size:13px;margin-bottom:15px}.services-column li{margin-bottom:10px}.services-column a{font-size:13px}}.footer{background-color:#212121;color:#fff}.language-button,.theme-button{background:#ffffff1a;color:#ffffffe6}.language-dropdown{background-color:#2c2c2c}.language-dropdown button:hover{background-color:#ff52521a}.user-reviews-section{background-color:#ffffff0d}.category,.review-card{background-color:#ffffff14}.social-links a:hover{transform:translateY(-5px)}.floating-help-button{background:linear-gradient(135deg,#ff5252,#ff7043)}.floating-help-button:hover{background:linear-gradient(135deg,#ff3d3d,#ff5722);box-shadow:0 8px 20px #ff525280;transform:translateY(-3px)}.footer,.help-icon{background-color:#fff}.footer{background-color:var(--footer-bg-color,#fff);color:#333;color:var(--footer-text-color,#333);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin-top:60px;padding:60px 0 40px}:root{--footer-bg-color:#fff;--footer-text-color:#333;--footer-section-bg:#0000000d;--footer-card-bg:#00000014;--footer-accent-color:#7b68ee;--footer-link-color:#000000b3;--footer-link-hover-color:#333;--footer-border-color:#0000001a;--theme-button-bg:#0000001a;--theme-button-color:#000000e6}[data-theme=dark]{--footer-bg-color:#212121;--footer-text-color:#fff;--footer-section-bg:#ffffff0d;--footer-card-bg:#ffffff14;--footer-accent-color:#ff5252;--footer-link-color:#ffffffb3;--footer-link-hover-color:#fff;--footer-border-color:#ffffff1a;--theme-button-bg:#ffffff1a;--theme-button-color:#ffffffe6}@media (prefers-color-scheme:dark){[data-theme=system]{--footer-bg-color:#212121;--footer-text-color:#fff;--footer-section-bg:#ffffff0d;--footer-card-bg:#ffffff14;--footer-accent-color:#ff5252;--footer-link-color:#ffffffb3;--footer-link-hover-color:#fff;--footer-border-color:#ffffff1a;--theme-button-bg:#ffffff1a;--theme-button-color:#ffffffe6}}.language-button,.theme-button{align-items:center;background:#0000001a;background:var(--theme-button-bg);border:none;border-radius:6px;color:#000000e6;color:var(--theme-button-color);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 15px;transition:all .2s ease}.language-button:hover,.theme-button:hover{background:#ff525233}.dropdown-arrow,.globe-icon,.theme-icon{color:#000000e6;color:var(--theme-button-color)}.language-dropdown{background-color:#fff;background-color:var(--footer-bg-color);border:1px solid #0000001a;border:1px solid var(--footer-border-color);border-radius:6px;box-shadow:0 4px 12px #0003}.language-dropdown button{color:#333;color:var(--footer-text-color)}.language-dropdown button:hover,.user-reviews-section{background-color:#0000000d;background-color:var(--footer-section-bg)}.user-reviews-section{border-radius:10px}.user-reviews-section h2{color:#333;color:var(--footer-text-color)}.review-card{background-color:#00000014;background-color:var(--footer-card-bg)}.rating{color:#ff5252}.review-card p{color:#333;color:var(--footer-text-color)}.reviewer,.trustpilot-rating{color:#000000b3;color:var(--footer-link-color)}.trustpilot-rating a,.trustpilot-stars{color:#ff5252}.stats-section{background-color:#0000000d;background-color:var(--footer-section-bg)}.stats-section h3{color:#333;color:var(--footer-text-color)}.total-files .count{color:#ff5252}.total-files .label{color:#000000b3;color:var(--footer-link-color)}.category{background-color:#00000014;background-color:var(--footer-card-bg)}.category-icon{color:#ff5252}.category .label{color:#000000b3;color:var(--footer-link-color)}.category .value{color:#333}.category .value,.services-column h3{color:var(--footer-text-color)}.services-column a{color:#000000b3;color:var(--footer-link-color)}.services-column a:hover{color:#333;color:var(--footer-link-hover-color)}.social-links a{background-color:#0000000d;background-color:var(--footer-section-bg);color:#000000b3;color:var(--footer-link-color)}.social-links a:hover{background-color:#ff5252;color:#fff}.footer-bottom{border-top:1px solid #0000001a;border-top:1px solid var(--footer-border-color)}.logo-text{color:#333;color:var(--footer-text-color)}.copyright,.powered-by{color:#000000b3;color:var(--footer-link-color)}.floating-help-button{box-shadow:0 4px 15px #ff525266;color:#fff}.help-icon{color:#ff5252}.theme-menu{background-color:#fff;background-color:var(--footer-bg-color);border:1px solid #0000001a;border:1px solid var(--footer-border-color)}.theme-option{color:#333;color:var(--footer-text-color)}.theme-option:hover{background-color:#0000000d;background-color:var(--footer-section-bg)}.theme-option.active{background-color:#ff525233;color:#ff5252}.check-mark{color:#ff5252}.language-menu-header{border-bottom:1px solid #0000001a;border-bottom:1px solid var(--footer-border-color)}.language-menu-header h3,.language-option{color:#333;color:var(--footer-text-color)}.language-option{border-bottom:1px solid #0000001a;border-bottom:1px solid var(--footer-border-color)}.language-option:hover{background-color:#0000000d;background-color:var(--footer-section-bg)}.language-option.active{background-color:#ff525233;color:#ff5252}.footer-container{margin:0 auto;max-width:1200px;padding:0 40px;position:relative}.visitors-section{background-color:#0000000d;background-color:var(--footer-section-bg);border-radius:10px;margin-bottom:30px;padding:30px;text-align:center}.visitors-container h3{color:#333;color:var(--footer-text-color);font-size:18px;font-weight:600;letter-spacing:1px;margin-bottom:20px}.visitors-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.visitor-stat{background-color:#00000014;background-color:var(--footer-card-bg);border-radius:8px;flex:1 1;min-width:110px;padding:20px 15px;transition:transform .3s}.visitor-stat:hover{transform:translateY(-5px)}.stat-icon{color:#ff5252;display:flex;justify-content:center;margin-bottom:10px}.stat-label{color:#000000b3;color:var(--footer-link-color);display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px}.stat-value-header{color:#333;color:var(--footer-text-color);display:block;font-size:20px;font-weight:700}@media (max-width:992px){.visitors-grid{flex-wrap:wrap}}@media (max-width:768px){.visitors-section{padding:20px}.visitors-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.visitors-section{padding:15px}.visitor-stat{padding:15px 10px}.stat-label{font-size:11px}.stat-value-header{font-size:18px}}.powered-by-link{color:inherit;text-decoration:none}.powered-by-link:hover,.services-column h3{text-decoration:underline}.services-column h3{color:#333;color:var(--footer-text-color,#fff);display:inline-block;font-size:16px;font-weight:600;letter-spacing:1px;margin-bottom:20px;padding-bottom:5px;text-transform:uppercase}[data-theme=dark] .services-column h3{color:#fff;text-decoration-color:#ffffff80}.second-heading{display:inline-block;font-size:16px;font-weight:600;margin-top:30px;padding-bottom:5px;text-decoration:underline;text-transform:uppercase}@media (max-width:768px){.second-heading,.services-column h3{display:block;margin-left:auto;margin-right:auto;text-align:center}}@media (max-width:480px){.second-heading,.services-column h3{font-size:15px}}.stat-content{display:flex;flex-direction:column;gap:.25rem}.stat-values{align-items:baseline;display:flex;gap:.5rem}.stat-values .stat-value-header{font-size:1.1rem;font-weight:600}.stat-values .stat-period{color:var(--secondary-text-color);font-size:.8rem;opacity:.8}.stat-values.secondary{margin-top:-.25rem}.stat-values.secondary .stat-value-header{color:var(--accent-color);font-size:.9rem}.stat-values.secondary .stat-period{font-size:.75rem}@media (max-width:768px){.visitors-grid{gap:1.5rem;grid-template-columns:1fr 1fr}.stat-values .stat-value-header{font-size:1rem}.stat-values.secondary .stat-value-header{font-size:.85rem}}.modal-header{color:#4f46e5}.form-container{background-color:#b7b3fa}.close-button{background:#0003}.close-button:hover{background-color:#0000004d}.required{color:#e74c3c}.form-group input:focus,.form-group textarea:focus{border-color:#4f46e5}.screenshot-button button:hover{border-color:#ccc}.file-upload-area:hover{border-color:#4f46e5}.file-item{background-color:#f5f5f5}.remove-file:hover{color:#e74c3c}.submit-button{background-color:#4f46e5}.submit-button:hover{background-color:#4338ca}.submit-button:active{background-color:#3730a3}[data-theme=dark] .contact-modal{background-color:#1a1a2e}[data-theme=dark] .modal-header{background-color:#1a1a2e;color:#ff7676}[data-theme=dark] .form-container{background-color:#16213e}[data-theme=dark] .contact-container{background-color:#1a1a2e}[data-theme=dark] .close-button{background:#ff767633}[data-theme=dark] .close-button:hover{background-color:#ff76764d}[data-theme=dark] .contact-modal h2,[data-theme=dark] .form-group label{color:#e9e9e9}[data-theme=dark] .form-group input,[data-theme=dark] .form-group textarea,[data-theme=dark] .screenshot-button button{background-color:#16213e;border-color:#2a2a3d;color:#e9e9e9}[data-theme=dark] .screenshot-button button:hover{background-color:#0f3460}[data-theme=dark] .file-upload-area{border-color:#2a2a3d}[data-theme=dark] .file-upload-label h5{color:#e9e9e9}[data-theme=dark] .file-upload-label p{color:#b8b8b8}[data-theme=dark] .file-item{background-color:#ff76761a}[data-theme=dark] .file-name{color:#e9e9e9}[data-theme=dark] .remove-file{color:#b8b8b8}[data-theme=dark] .recaptcha-placeholder{background-color:#16213e;border-color:#2a2a3d}[data-theme=dark] .recaptcha-checkbox{border-color:#444}.modal-overlay{justify-content:left}.contact-modal{max-width:400px;width:70%}.modal-header{color:#ff5252}.form-container{background-color:#ffe5e5}.contact-container{background-color:#fff;border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px;padding:24px}.close-button{background:#ff525233;color:#fff}.close-button:hover{background-color:#ff52524d}.file-upload-area:hover,.screenshot-button button:hover{border-color:#ff5252}.file-upload-label svg{color:#ff5252}.file-item{background-color:#ff52520d}.submit-button:active{background:linear-gradient(135deg,#e53935,#e64a19);box-shadow:0 2px 4px #ff525240}[data-theme=dark] .contact-modal{box-shadow:0 4px 20px #00000080}[data-theme=dark] .modal-header{border-bottom:1px solid #333;color:#fcf9f9}[data-theme=dark] .form-container{border:none}[data-theme=dark] .contact-container{background-color:#222}[data-theme=dark] .close-button{background:#ff76764d}[data-theme=dark] .close-button:hover{background-color:#ff767680}[data-theme=dark] .form-group label{color:#ddd}[data-theme=dark] .required{color:#ff7676}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group textarea:focus{background-color:#555;border-color:#ff7676}[data-theme=dark] .screenshot-button button:hover{border-color:#ff7676}[data-theme=dark] .file-upload-area{background-color:#333}[data-theme=dark] .file-upload-area:hover{background-color:#383838;border-color:#ff7676}[data-theme=dark] .file-upload-label svg{color:#ff7676}[data-theme=dark] .file-upload-label h5{color:#ddd}[data-theme=dark] .file-item{background-color:#444;border:1px solid #555}[data-theme=dark] .remove-file:hover{color:#ff7676}[data-theme=dark] .submit-button{background:linear-gradient(135deg,#ff7676,#ff9171)}[data-theme=dark] .submit-button:hover{background:linear-gradient(135deg,#ff5252,#ff7043);box-shadow:0 4px 8px #ff76764d}[data-theme=dark] .submit-button:active{background:linear-gradient(135deg,#ff3d3d,#ff5722);box-shadow:0 2px 4px #ff76764d}@media (max-width:600px){.contact-modal{max-height:80vh;padding:0;width:calc(100% - 32px)}.form-container,.modal-header{padding:20px 16px}.close-button{right:12px;top:12px}.contact-modal h2{font-size:18px;margin-bottom:20px}.file-upload-area{padding:16px}.file-upload-label h5{font-size:14px}.file-upload-label p{font-size:12px}}.recaptcha-container{margin-bottom:20px}.recaptcha-placeholder{align-items:center;border:1px solid #ddd;border-radius:4px;display:flex;padding:12px}.recaptcha-checkbox{border:1px solid #ccc;border-radius:4px;height:24px;margin-right:12px;width:24px}.recaptcha-logo{height:32px;margin-left:auto;width:32px}[data-theme=dark] .recaptcha-placeholder{background-color:#444;border-color:#555}[data-theme=dark] .recaptcha-checkbox{background-color:#333;border-color:#666}.contact-modal{animation:modalFadeIn .3s ease;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:95%;overflow-x:hidden;overflow-y:auto;width:500px}.contact-modal,.modal-header{background-color:#fff;position:relative}.modal-header{border-top-left-radius:8px;border-top-right-radius:8px;color:#333;padding:24px;text-align:center}.modal-header h1{font-size:24px;font-weight:500;margin:0}.form-container{background-color:#f5f5f5;border-bottom-left-radius:8px;border-bottom-right-radius:8px;overflow-x:hidden;padding:24px}.close-button{background:#0000001a;border-radius:50%;color:#333;height:32px;position:absolute;right:16px;top:16px;transition:all .2s ease;width:32px;z-index:10}.close-button:hover{background-color:#0003}.contact-modal h2{color:#333;font-size:20px;font-weight:600;margin-bottom:24px;margin-top:0;text-align:center}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;margin-bottom:8px}.required{color:#ff5252;margin-left:2px}.form-group input,.form-group textarea{box-sizing:border-box;font-size:14px;padding:12px}.form-group input.error,.form-group textarea.error{background-color:#ff52520d;border-color:#ff5252}.error-message{font-size:12px;margin-top:5px}.form-group textarea{min-height:120px;resize:vertical}.form-group input:focus,.form-group textarea:focus{border-color:#333}.screenshot-button button{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#475867;cursor:pointer;display:flex;font-size:14px;justify-content:center;margin-bottom:20px;padding:10px 16px;transition:all .2s ease;width:100%}.screenshot-button button svg{margin-right:8px}.screenshot-button button:hover{background-color:#f9f9f9;border-color:#333}.file-upload-area{border:2px dashed #ddd;border-radius:4px;cursor:pointer;margin-bottom:20px;padding:24px;text-align:center;transition:all .2s ease}.file-upload-area:hover{border-color:#333}.file-upload-label{align-items:center;cursor:pointer;display:flex;flex-direction:column}.file-upload-label svg{margin-bottom:12px}.file-upload-label h5{color:#333;font-size:16px;font-weight:600;margin:0 0 8px}.file-upload-label p{color:#777;font-size:14px;margin:0}.uploaded-files{margin-top:16px;text-align:left;width:100%}.file-item{align-items:center;background-color:#0000000d;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:8px;overflow:hidden;padding:8px}.file-name{color:#333;max-width:85%}.remove-file{background:none;border:none;color:#666;cursor:pointer;font-size:18px;padding:0 4px}.remove-file:hover{color:#ff5252}.recaptcha-badge{align-items:center;background-color:#00000008;border-radius:4px;color:#777;display:flex;flex-direction:column;font-size:12px;margin-bottom:20px;padding:8px;position:relative;text-align:center}.recaptcha-badge:before{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE1IDEuNUM3LjU0NCAxLjUgMS41IDcuNTQ0IDEuNSAxNVM3LjU0NCAyOC41IDE1IDI4LjUgMjguNSAyMi40NTYgMjguNSAxNSAyMi40NTYgMS41IDE1IDEuNVoiIGZpbGw9IiM0Njg1RTMiLz48cGF0aCBkPSJNMTUgMTcuMjVhMi4yNSAyLjI1IDAgMSAwIDAtNC41IDIuMjUgMi4yNSAwIDAgMCAwIDQuNVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMTUgNy41YzIuMDc1IDAgMy44OTguODIyIDQuOTIgMi4xdi0uMDAxYTIuNjIgMi42MiAwIDAgMC0yLjYyLTIuNjI0TDE1IDYuOWEyLjYyNSAyLjYyNSAwIDAgMC0yLjYyNSAyLjYyNWwtLjA3NSAyLjMtLjUyNi0uMDAyLS41MjQuMDAyQTIuNTcgMi41NyAwIDAgMCA4LjY3NSAxNC40VjE0djIuODM2Yy4yMTEuMDk5LjY0OC4zMjYuNjUuMzI3IDAgMCAzLjc3MSAxLjg2MiA1LjY3NCAxLjg2MiAxLjkwNSAwIDUuNjc2LTEuODYyIDUuNjc2LTEuODYyLjAwMy0uMDAyLjQ1NS0uMjM0LjY3NS0uMzM4VjE0YzAtMS4wMjctMS4xNTEtMi4xNzgtMi41NzgtMi4xNzhoLS41MjJsLS4xLTIuMTQ5QzE3LjQzMiA4LjM1NiAxNi4zMTggNy41IDE1IDcuNVoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=) no-repeat;background-size:contain;content:"";display:inline-block;height:20px;margin-right:5px;vertical-align:middle;width:20px}.grecaptcha-badge{visibility:hidden}#recaptcha-container{display:none}.submit-result{border-radius:6px;font-size:14px;margin-bottom:20px;padding:12px;text-align:center}.submit-result.success{background-color:#e8f5e9;border:1px solid #c8e6c9;color:#2e7d32}.submit-result.error{background-color:#ffebee;border:1px solid #ffcdd2;color:#c62828}.submit-button{background-color:#333;border-radius:4px;font-size:16px;font-weight:500;padding:12px 0;transition:background-color .2s ease;width:100%}.submit-button:hover{background-color:#555}.submit-button:active{background-color:#222}.submit-button:disabled{background-color:#999}@media (max-width:600px){.contact-modal{max-height:80vh;width:95%}.form-container,.modal-header{padding:20px 16px}.close-button{right:12px;top:12px}.contact-modal h2{font-size:18px;margin-bottom:20px}.file-upload-area{padding:16px}.file-upload-label h5{font-size:14px}.file-upload-label p{font-size:12px}}[data-theme=dark] .contact-modal{background-color:#222}[data-theme=dark] .modal-header{background-color:#222;color:#fff}[data-theme=dark] .form-container{background-color:#333}[data-theme=dark] .close-button{background:#ffffff1a;color:#fff}[data-theme=dark] .close-button:hover{background-color:#fff3}[data-theme=dark] .contact-modal h2,[data-theme=dark] .form-group label{color:#fff}[data-theme=dark] .form-group input,[data-theme=dark] .form-group textarea{background-color:#444;border-color:#555}[data-theme=dark] .form-group input.error,[data-theme=dark] .form-group textarea.error{background-color:#ff52521a;border-color:#ff5252}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group textarea:focus{border-color:#777}[data-theme=dark] .screenshot-button button{background-color:#444;border-color:#555;color:#ddd}[data-theme=dark] .screenshot-button button:hover{background-color:#555;border-color:#777}[data-theme=dark] .file-upload-area{border-color:#555}[data-theme=dark] .file-upload-area:hover{border-color:#777}[data-theme=dark] .file-upload-label h5{color:#fff}[data-theme=dark] .file-upload-label p{color:#aaa}[data-theme=dark] .file-item{background-color:#ffffff1a}[data-theme=dark] .file-name{color:#ddd}[data-theme=dark] .remove-file{color:#aaa}[data-theme=dark] .submit-result.success{background-color:#2e7d3233;border-color:#2e7d324d;color:#81c784}[data-theme=dark] .submit-result.error{background-color:#c6282833;border-color:#c628284d;color:#ef9a9a}[data-theme=dark] .recaptcha-badge{background-color:#ffffff1a;color:#aaa}[data-theme=dark] .submit-button{background-color:#555}[data-theme=dark] .submit-button:hover{background-color:#777}[data-theme=dark] .submit-button:active,[data-theme=dark] .submit-button:disabled{background-color:#444}.reviews-slider-section{background-color:#ffffff80;background-color:rgba(var(--background-color-rgb),.5);border-radius:8px;margin:2rem 0;overflow:hidden;padding:1.5rem}.reviews-slider-title{font-size:1.2rem;font-weight:600;letter-spacing:1px;margin-bottom:1.5rem;text-align:center}.reviews-slider-wrapper{align-items:center;display:flex;margin:0 auto;max-width:1200px;position:relative;width:100%}.reviews-slider{display:flex;overflow:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;width:100%}.review-slide-group{box-sizing:border-box;min-width:100%;padding:.5rem;scroll-snap-align:start}.review-cards-container{align-items:stretch;display:flex;gap:16px;width:100%}.review-card{background-color:#fff;background-color:var(--card-background);border-radius:8px;box-shadow:0 4px 12px #0000001a;display:flex;flex:1 1;flex-direction:column;max-height:280px;min-height:0;min-width:0;padding:1.5rem;position:relative;transition:transform .3s ease,box-shadow .3s ease}.review-card:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-3px)}.review-rating{align-items:center;flex-shrink:0;flex-wrap:wrap;margin-bottom:1rem}.star{color:#ccc;font-size:1.2rem;margin-right:2px}.star.filled{color:#ffb400}.verified-badge{background-color:#27ae601a;border-radius:12px;color:#27ae60;font-size:.75rem;font-weight:600;margin-left:8px;padding:2px 8px}.review-text{-webkit-line-clamp:4;-webkit-box-orient:vertical;color:#333;color:var(--text-color);cursor:pointer;display:-webkit-box;flex:1 1;font-size:1rem;font-style:italic;line-height:1.6;margin-bottom:1rem;overflow:hidden;text-overflow:ellipsis}.review-text,.review-text-content{position:relative}.review-modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;opacity:0;padding:20px;position:fixed;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:1000}.review-modal-overlay.active{opacity:1;visibility:visible}.review-modal{background-color:#fff;background-color:var(--card-background);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 20px 40px #0000004d;max-height:80vh;max-width:500px;position:relative;transform:scale(.8) translateY(20px);transition:transform .3s ease;width:100%}.review-modal-overlay.active .review-modal{transform:scale(1) translateY(0)}.review-modal-header{align-items:flex-start;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px 16px}.review-modal-rating{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.review-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#666;color:var(--secondary-text-color);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;line-height:1;padding:4px;transition:background-color .2s ease,color .2s ease;width:32px}.review-modal-close:hover{background-color:#e0e0e0;background-color:var(--border-color);color:#333;color:var(--text-color)}.review-modal-body{padding:20px 24px}.review-modal-footer{background-color:#ffffff80;background-color:rgba(var(--background-color-rgb),.5);border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color);padding:16px 24px 20px}.review-modal-reviewer{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.review-modal-name{color:#333;color:var(--text-color);font-size:1rem;font-weight:600}.review-modal-date{color:#666;color:var(--secondary-text-color);font-size:.9rem}.truncated-text{cursor:pointer;position:relative}.expand-indicator{color:#ff5252;color:var(--primary-color);display:inline-block;font-size:.8rem;font-style:normal;font-weight:600;margin-left:4px}.reviewer-info{align-items:flex-start;flex-shrink:0;margin-top:auto}.reviewer-name{color:var(--text-color)}.review-date{color:#666;color:var(--secondary-text-color);font-size:.8rem;margin-top:4px}.slider-nav-button{align-items:center;background-color:#fff;background-color:var(--background-color);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:50%;box-shadow:0 2px 6px #0000001a;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .2s ease,color .2s ease;width:40px;z-index:10}.slider-nav-button:hover{background-color:#ff5252;background-color:var(--primary-color);color:#fff}.prev-button{left:-20px}.next-button{right:-20px}.slider-dots{display:flex;gap:8px;justify-content:center;margin-top:1.5rem}.slider-dot{background-color:#ccc;border:none;border-radius:50%;cursor:pointer;height:10px;padding:0;transition:background-color .2s ease,transform .2s ease;width:10px}.slider-dot.active{background-color:#ff5252;background-color:var(--primary-color);transform:scale(1.2)}.slider-dot:hover{background-color:#999}.reviews-summary{margin-top:2rem;text-align:center}.trustpilot-rating{align-items:center;display:flex;flex-direction:column;gap:.5rem}.trustpilot-stars{font-size:1.2rem}.rating-info{align-items:center;color:#666;color:var(--secondary-text-color);display:flex;flex-wrap:wrap;font-size:.9rem;gap:.5rem;justify-content:center}.rating-value,.reviews-count{color:#333;color:var(--text-color);font-weight:600}.trustpilot-link{color:inherit;margin-left:8px;text-decoration:none;transition:opacity .2s ease}.trustpilot-link:hover{opacity:.8}.trustpilot-link svg{height:18px;width:auto}.reviews-slider-empty,.reviews-slider-error,.reviews-slider-loading{color:#666;color:var(--secondary-text-color);padding:3rem 1rem;text-align:center}.spinner{border:4px solid #ff525233;border:4px solid rgba(var(--primary-color-rgb),.2);border-top-color:var(--primary-color);margin:0 auto 1rem}@media (max-width:768px){.reviews-slider-wrapper{padding:0 12px}.slider-nav-button{height:30px;width:30px}.prev-button{left:-5px}.next-button{right:-5px}.review-card{max-height:240px;min-height:240px;padding:1rem}.review-text{-webkit-line-clamp:3;font-size:.9rem}.trustpilot-stars{font-size:1rem}.rating-info{font-size:.8rem}.review-cards-container{flex-direction:column;gap:12px}.review-card{margin-bottom:12px}.review-modal{margin:0 10px;max-width:90vw}.review-modal-body,.review-modal-footer,.review-modal-header{padding:16px 20px}.review-modal-text{font-size:1rem}}:root{--background-color:#fff;--background-color-rgb:255,255,255;--card-background:#fff;--text-color:#333;--secondary-text-color:#666;--border-color:#e0e0e0;--primary-color:#ff5252;--primary-color-rgb:255,82,82}[data-theme=dark]{--background-color:#1a1a1a;--background-color-rgb:26,26,26;--card-background:#2a2a2a;--text-color:#eee;--secondary-text-color:#aaa;--border-color:#444;--primary-color:#ff7676;--primary-color-rgb:255,118,118}.review-card{animation:fadeIn .5s ease forwards}.review-modal{display:flex;flex-direction:column;max-height:90vh;overflow-y:auto}.review-modal-body{flex:1 1;max-height:60vh;overflow-y:auto}.review-modal-text{-webkit-line-clamp:unset;-webkit-box-orient:initial;display:block;font-size:1.1rem;font-style:italic;line-height:1.7;margin-bottom:20px;overflow:visible;text-overflow:clip;white-space:normal}.carousel{border-radius:0 0 0 0;overflow:hidden}.carousel,.carousel-content{height:100%;position:relative;width:100%}.carousel-slide{height:100%;left:0;position:absolute;top:0;transition:transform .5s ease-in-out;width:100%;will-change:transform}.carousel-slide.active{z-index:1}.carousel-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform 6s ease-in-out;width:100%}.carousel-slide.active .carousel-image{transform:scale(1.05)}.carousel-overlay{background:linear-gradient(180deg,#0006 0,#000000b3);bottom:0;left:0;position:absolute;right:0;top:0;z-index:2}.carousel-caption{bottom:80px;color:#fff;left:50%;max-width:80%;opacity:0;position:absolute;text-align:center;transform:translateX(-50%);transform:translateX(-50%) translateY(20px);transition:opacity .3s ease,transform .5s ease;z-index:3}.carousel-slide.active .carousel-caption{opacity:1;transform:translateX(-50%) translateY(0)}.carousel-caption p{font-size:1.4rem;font-weight:300;letter-spacing:.5px;margin:0;text-shadow:0 2px 4px #00000080}.carousel-control{align-items:center;background-color:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;opacity:.7;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .3s,transform .3s;width:50px;z-index:10}.carousel-control:hover{background-color:#000c;opacity:1;transform:translateY(-50%) scale(1.1)}.carousel-control:focus{box-shadow:0 0 0 3px #ffffff80;outline:none}.carousel-control.prev{left:20px}.carousel-control.next{right:20px}.carousel-indicators{bottom:30px;display:flex;gap:12px;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.carousel-indicator{background-color:#ffffff80;border:none;border-radius:50%;cursor:pointer;height:12px;padding:0;transition:all .3s;width:12px}.carousel-indicator:hover{background-color:#fffc;transform:scale(1.2)}.carousel-indicator.active{background-color:#fff;box-shadow:0 0 0 2px #ffffff4d;transform:scale(1.3)}.carousel-indicator:focus{box-shadow:0 0 0 3px #ffffff80;outline:none}.carousel-slide.active{animation:fadeIn .5s ease-in-out}@media (max-width:992px){.carousel-caption p{font-size:1.2rem}.carousel-control{height:40px;width:40px}}@media (max-width:768px){.carousel-caption{bottom:60px}.carousel-caption p{font-size:1.1rem}.carousel-control{height:36px;width:36px}.carousel-indicator{height:10px;width:10px}}@media (max-width:480px){.carousel-caption{bottom:50px;max-width:90%}.carousel-caption p{font-size:1rem}.carousel-control{height:32px;width:32px}.carousel-control.prev{left:10px}.carousel-control.next{right:10px}.carousel-indicators{bottom:20px}.carousel-indicator{height:8px;width:8px}}.breadcrumb-link{color:#9ca3af}[data-theme=light] .breadcrumb-link{color:#4b5563}[data-theme=light] .breadcrumb-current,[data-theme=light] .breadcrumb-link:hover{color:#111827}.breadcrumbs{color:#9ca3af;font-size:14px;padding:8px 0}.breadcrumbs-container{align-items:center;display:flex;flex-wrap:wrap;margin:0 auto;max-width:1200px;padding:0 16px}.breadcrumb-link{color:#ff7676;text-decoration:none;transition:color .2s ease}.breadcrumb-link:hover{color:#fff;text-decoration:underline}.breadcrumb-current{color:#d1d5db}.breadcrumb-separator{color:#6b7280;margin:0 8px}[data-theme=light] .breadcrumbs{color:#4b5563}[data-theme=light] .breadcrumb-link{color:#ff5252}[data-theme=light] .breadcrumb-link:hover{color:#e53935;text-decoration:underline}[data-theme=light] .breadcrumb-current{color:#333;font-weight:500}[data-theme=light] .breadcrumb-separator{color:#9ca3af}@media (max-width:768px){.breadcrumbs{font-size:12px;padding:6px 0}.breadcrumb-separator{margin:0 6px}}.image-resizer-container{margin:0 auto;max-width:1200px;padding:2rem 1rem}.image-resizer-header{margin-bottom:2rem;text-align:center}.image-resizer-header h1{font-size:2.5rem;margin-bottom:.5rem}.image-resizer-header p{color:#666;font-size:1.2rem}.upload-section{margin-bottom:2rem}.drop-area:hover{background-color:#5a85d8}.upload-button{color:#6495ed;margin-bottom:.5rem;padding:.75rem 1.5rem}.resize-section{background-color:#f9f9f9;border-radius:8px;margin-bottom:2rem;padding:2rem}.resize-controls{display:flex;flex-direction:column;margin-bottom:2rem}.dimensions-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1rem}.dimension-control{display:flex;flex-direction:column}.dimension-control label{font-size:.9rem;margin-bottom:.5rem}.dimension-control input{border:1px solid #ddd;border-radius:4px;padding:.5rem;width:120px}.lock-ratio{align-items:center;display:flex;padding:0 1rem}.resize-button{align-self:center;font-weight:700;margin-top:1rem;padding:.75rem 1.5rem}.image-preview{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}@media (max-width:768px){.image-preview{grid-template-columns:1fr}}.original-preview,.resized-preview{align-items:center;display:flex;flex-direction:column}.image-container,.original-preview h3,.resized-preview h3{margin-bottom:1rem}.image-container{border:1px solid #ddd;max-height:300px}.image-container img{max-height:300px}.image-info{color:#666;font-size:.9rem;text-align:center;width:100%}.download-button{background-color:#4caf50;font-size:1rem;font-weight:700;margin-top:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.download-button:hover{background-color:#45a049}.features-section-img{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}@media (max-width:768px){.features-section-img{grid-template-columns:1fr}}.feature{align-items:center;background-color:#f9f9f9;display:flex;flex-direction:column;padding:1.5rem;text-align:center;transition:all .3s ease}.feature:hover{box-shadow:0 10px 20px #0000001a}.feature-icon{color:#ff7676;margin-bottom:1rem}.feature h3{margin-bottom:.5rem}.feature p{color:#666;font-size:.9rem}.how-to-section{background-color:#f9f9f9;padding:2rem}.how-to-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}@media (max-width:768px){.how-to-content{grid-template-columns:1fr}}.how-to-image{display:flex;justify-content:center}.how-to-steps h2{margin-bottom:1.5rem}.how-to-steps ol{padding-left:1.5rem}.how-to-steps li{margin-bottom:.5rem}.second-row{margin-top:2rem}.theme-menu{border:1px solid #0000001a!important}.theme-menu,.theme-option{background-color:#fff!important}.theme-option{color:#333!important}.theme-option:hover{background-color:#7d4dff0f!important}.theme-option.active{background-color:#7d4dff1f!important;color:#7d4dff!important}[data-theme=dark] .theme-menu{background-color:#2a2a2a!important;border-color:#ffffff1a!important}[data-theme=dark] .theme-option{background-color:#2a2a2a!important;color:#f0f0f0!important}[data-theme=dark] .theme-option:hover{background-color:#7d4dff26!important}[data-theme=dark] .theme-option.active{background-color:#7d4dff40!important;color:#a489ff!important}.theme-toggle{color:inherit!important}[data-theme=dark] .theme-toggle{color:#f0f0f0!important}[data-theme=dark] .feature h3{color:#fff!important}[data-theme=dark] .feature p{color:#fffc!important}[data-theme=dark] .how-to-steps h2{color:#fff!important}[data-theme=dark] .how-to-steps li,[data-theme=dark] .how-to-steps ol{color:#fffc!important}[data-theme=dark] .image-resizer-header h1{color:#fff!important}[data-theme=dark] .image-resizer-header p{color:#fffc!important}[data-theme=dark] .image-container{background-color:#2a2a2a!important;border-color:#444!important}[data-theme=dark] input[type=number],[data-theme=dark] input[type=text]{background-color:#333!important;border-color:#555!important;color:#fff!important}[data-theme=dark] label{color:#ffffffe6!important}[data-theme=dark] .image-resizer-container,[data-theme=dark] .image-resizer-header h1{color:#fff}[data-theme=dark] .image-resizer-header p{color:#ddd}[data-theme=dark] .feature{background-color:#222}[data-theme=dark] .feature h3{color:#fff}[data-theme=dark] .feature p{color:#ddd}[data-theme=dark] .how-to-section{background-color:#222}[data-theme=dark] .how-to-steps h2{color:#fff}[data-theme=dark] .how-to-steps li,[data-theme=dark] .how-to-steps ol{color:#ddd}[data-theme=dark] .resize-section{background-color:#222}[data-theme=dark] .image-info{color:#ddd}.select-image-wrapper{position:relative}.select-image-button{align-items:center;background-color:#fff;border:none;border-radius:4px;color:#6495ed;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:8px;padding:.75rem 1.5rem;transition:all .3s ease}.dropdown-arrow{font-size:.8rem}.progress-fill{animation:progress-animation 2s forwards}[data-theme=dark] .file-name{color:#fff}[data-theme=dark] .file-size{color:#bbb}.select-image-button{background-color:#fff!important;color:#333!important}.button-text{font-weight:700}.upload-options{background-color:#fff!important;border:1px solid #eee!important;border-radius:4px!important;box-shadow:0 4px 12px #0000001a!important;z-index:100!important}.upload-option{border-bottom:1px solid #eee!important}.option-item span,.upload-option{color:#333!important}[data-theme=dark] .select-image-button{background-color:#2a2a2a!important;color:#fff!important}[data-theme=dark] .button-text,[data-theme=dark] .option-item span{color:#fff!important}[data-theme=dark] .upload-option:hover{background-color:#444!important;color:#fff!important}.button-icon{color:#6495ed;display:inline-block;margin-right:5px}.select-image-button .button-icon{color:#6495ed!important}[data-theme=dark] .select-image-button .button-icon{color:#fff!important}[data-theme=dark] .upload-options{background-color:#2a2a2a!important;border-color:#444!important}[data-theme=dark] .upload-option{border-color:#444!important;color:#fff!important}.option-item span,.upload-option span{color:#333!important}.dropdown-arrow{color:#6495ed!important;display:inline-block!important;font-size:12px;margin-left:5px;opacity:1!important;visibility:visible!important}[data-theme=dark] .dropdown-arrow{color:#fff!important}.select-image-button{align-items:center!important;display:flex!important;gap:5px!important;justify-content:center!important}.select-image-button>*{opacity:1!important;visibility:visible!important}.progress-bar{margin-top:8px}.progress-fill{transition:width .2s ease-in-out}.file-size{color:#666;display:flex;font-size:.85rem;justify-content:space-between}[data-theme=dark] .file-size{color:#aaa}.select-image-button:disabled{cursor:not-allowed;opacity:.7}.file-info{align-items:center;display:flex;gap:10px}.file-icon{font-size:24px}.file-details{flex:1 1}.file-name{margin-bottom:3px}.upload-options{box-shadow:0 4px 12px #0000001a;width:200px}[data-theme=dark] .upload-options{background-color:#2a2a2a}@keyframes progress-animation{0%{width:0}to{width:100%}}.select-image-main{align-items:center;background-color:#2c2c2c;border:none;border-radius:4px 0 0 4px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;padding:.75rem 1rem;transition:all .2s ease}.select-image-main:hover{background-color:#3c3c3c}.select-image-main:disabled{cursor:not-allowed;opacity:.7}.dropdown-toggle-file-uploader{align-items:center;background-color:#2c2c2c;border:none;border-left:1px solid #fff3;border-radius:0 4px 4px 0;cursor:pointer;display:flex;justify-content:center;padding:.75rem;transition:background-color .2s}.dropdown-toggle-file-uploader:hover{background-color:#3c3c3c}.dropdown-toggle-file-uploader:disabled{cursor:not-allowed;opacity:.7}.dropdown-arrow-file-uploader{color:#fff;display:inline-block;font-size:10px;transition:transform .2s}.file-icon{font-size:1.1rem}.button-text{color:#fff;font-weight:500}.upload-options{background-color:#fff;border:1px solid #eee;border-radius:4px;box-shadow:0 4px 12px #00000026;left:0;margin-top:5px;overflow:hidden;position:absolute;top:100%;width:220px;z-index:100}.upload-option{border-bottom:1px solid #eee;padding:10px 15px}.upload-option:last-child{border-bottom:none}.option-item{align-items:center;cursor:pointer;display:flex;gap:8px;width:100%}[data-theme=dark] .upload-options{background-color:#2c2c2c;border-color:#444;box-shadow:0 4px 12px #0000004d}[data-theme=dark] .upload-option{border-color:#444}[data-theme=dark] .upload-option:hover{background-color:#3c3c3c}[data-theme=dark] .option-item span,[data-theme=dark] .upload-option span{color:#fff!important}.upload-option span{color:#333}.drop-area{background-color:#6495ed}.drop-text{font-size:1rem;margin-top:1rem}.upload-progress{background-color:#f5f7fa;border-radius:8px;box-shadow:0 2px 5px #0000001a;margin-top:15px;padding:15px}.progress-container{display:flex;flex-direction:column;gap:10px}.progress-bar{background-color:#e0e0e0;border-radius:3px;height:6px}.progress-fill{background-color:#4caf50;height:100%;transition:width .3s ease;width:0}[data-theme=dark] .upload-progress{background-color:#222;box-shadow:0 2px 5px #0000004d}[data-theme=dark] .progress-bar{background-color:#444}.upload-loader{align-items:center;background-color:#000000b3;border-radius:8px;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:10}.spinner{border:4px solid #ffffff4d;border-top-color:#fff}.image-resizer-container[data-tool=general] .image-resizer-header{background:linear-gradient(135deg,#ff5252,#5d9cec)}.image-resizer-container[data-tool=png] .image-resizer-header{background:linear-gradient(135deg,#3f9c35,#5cb85c)}.image-resizer-container[data-tool=jpg] .image-resizer-header{background:linear-gradient(135deg,#369,#48b)}.image-resizer-container[data-tool=webp] .image-resizer-header{background:linear-gradient(135deg,#9c27b0,#ba68c8)}.image-resizer-container[data-tool=bulk] .image-resizer-header{background:linear-gradient(135deg,#ff9800,#ffb74d)}.image-resizer-container[data-tool=compress-gif] .image-resizer-header,.image-resizer-container[data-tool=compress-image] .image-resizer-header,.image-resizer-container[data-tool=compress-jpeg] .image-resizer-header,.image-resizer-container[data-tool=compress-png] .image-resizer-header{background:linear-gradient(135deg,#e53935,#f44336)}.image-resizer-container[data-tool=gif-converter] .image-resizer-header,.image-resizer-container[data-tool=image-converter] .image-resizer-header,.image-resizer-container[data-tool=jpg-converter] .image-resizer-header,.image-resizer-container[data-tool=png-converter] .image-resizer-header,.image-resizer-container[data-tool=svg-converter] .image-resizer-header{background:linear-gradient(135deg,#00897b,#26a69a)}.how-to-section{background-color:#f8f9fa;border-radius:8px;margin-top:60px;padding:40px 0}.dark-theme .how-to-section{background-color:#2a2d3e}.how-to-content{align-items:center;display:flex;flex-wrap:wrap;gap:30px;margin:0 auto;max-width:1200px}.how-to-image{flex:1 1;min-width:300px;text-align:center}.how-to-image img{border-radius:8px;box-shadow:0 4px 12px #0000001a;height:auto;max-width:100%;transition:transform .3s ease}.how-to-image img:hover{transform:scale(1.02)}.how-to-steps{flex:1 1;min-width:300px;padding:20px}.how-to-steps h2{color:#333;font-size:28px;margin-bottom:24px}.dark-theme .how-to-steps h2{color:#e4e6eb}.how-to-steps ol{padding-left:24px}.how-to-steps li{font-size:16px;line-height:1.6;margin-bottom:16px}.feature{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:24px;transition:transform .3s ease,box-shadow .3s ease}.dark-theme .feature{background-color:#3a3f51}.feature:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-5px)}.feature .feature-icon{align-items:center;background-color:#4a89dc1a;border-radius:50%;color:#ff5252;display:flex;height:48px;justify-content:center;margin-bottom:16px;width:48px}.dark-theme .feature .feature-icon{background-color:#4a89dc33}.image-resizer-container[data-tool=png] .feature .feature-icon{background-color:#3f9c351a;color:#3f9c35}.image-resizer-container[data-tool=jpg] .feature .feature-icon{background-color:#3366991a;color:#369}.image-resizer-container[data-tool=webp] .feature .feature-icon{background-color:#9c27b01a;color:#9c27b0}.image-resizer-container[data-tool=compress-gif] .feature .feature-icon,.image-resizer-container[data-tool=compress-image] .feature .feature-icon,.image-resizer-container[data-tool=compress-jpeg] .feature .feature-icon,.image-resizer-container[data-tool=compress-png] .feature .feature-icon{background-color:#e539351a;color:#e53935}.image-resizer-container[data-tool=gif-converter] .feature .feature-icon,.image-resizer-container[data-tool=image-converter] .feature .feature-icon,.image-resizer-container[data-tool=jpg-converter] .feature .feature-icon,.image-resizer-container[data-tool=png-converter] .feature .feature-icon,.image-resizer-container[data-tool=svg-converter] .feature .feature-icon{background-color:#00897b1a;color:#00897b}@media (max-width:768px){.how-to-content{flex-direction:column}.how-to-image,.how-to-steps{flex:none;width:100%}.how-to-steps{padding:20px 16px}.features-section-img,.features-section-img.second-row{grid-template-columns:1fr}}.flex-col{display:flex;flex-direction:column}.justify-center{justify-content:center}.items-center{align-items:center}.text-center{text-align:center}.w-full{width:100%}.gap-3{gap:.75rem}.gap-8{gap:2rem}.gap-\[72px\]{gap:72px}.mt-24{margin-top:6rem}.mt-10{margin-top:2.5rem}.font-semibold{font-weight:600}.text-2xl{font-size:1.5rem;line-height:2rem}.text-base{font-size:1rem;line-height:1.5rem}.text-24{font-size:24px}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.text-irBlue-600{color:#ff5252}.border-irGray-600{border-color:#d1d5db}.border-\[1px\]{border-width:1px}.h-16{height:4rem}.rounded-lg{border-radius:.5rem}.text-xs{font-size:.75rem;line-height:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.hover\:bg-gray-100:hover{background-color:#f3f4f6}.compress-jpeg-faq-saction{width:100%}.mt-2{margin-top:.5rem}.mt-8{margin-top:2rem}.border-b{border-bottom-width:1px;border-color:#e5e7eb}.pb-7{padding-bottom:1.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-start{text-align:start}.pl-6{padding-left:1.5rem}.pr-2{padding-right:.5rem}.hidden{display:none}.faq-item button{text-align:left;transition:color .2s;width:100%}.faq-item button:hover{color:#ff5252}.faq-item .lucide-chevron-down{transition:transform .3s}.text-gray-600{color:#4b5563}.faq-item[data-state=open] .lucide-chevron-down{transform:rotate(180deg)}.faq-item[data-state=open] .faq-answer{display:block}[data-theme=dark] .dark\:text-white{color:#fff}[data-theme=dark] .dark\:text-irBlue-200{color:#90caf9}[data-theme=dark] .dark\:text-gray-300{color:#d1d5db}[data-theme=dark] .border-b,[data-theme=dark] .border-irGray-600{border-color:#4b5563}[data-theme=dark] .hover\:dark\:bg-gray-700:hover{background-color:#374151}[data-theme=dark] .faq-item button:hover{color:#90caf9}@media (min-width:768px){.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:mt-\[150px\]{margin-top:150px}}.converter-button{background-color:#1a1e26;border:1px solid #2c313c}.converter-button:hover{background-color:#252a35;box-shadow:0 5px 15px #0000001a}[data-theme=light] .converter-button{background-color:#fdfdfd;border-color:#2c313c;color:#ff5252}.converters-grid{margin-top:24px}@media (min-width:768px){.converters-grid{grid-template-columns:repeat(3,1fr)}}.section-title{color:#fff}.section-subtitle{color:#fff;margin-bottom:24px}.converter-button{background-color:#f5f7fa;border:1px solid #d1d5db}.converter-button:hover{background-color:#e5e7eb;box-shadow:0 5px 15px #0000000d}@media (min-width:768px){.converters-grid{grid-template-columns:repeat(3,1fr)}.converters-section{padding:0 24px}}@media (min-width:992px){.converters-grid{grid-template-columns:repeat(4,1fr)}}.converters-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(1,1fr)}.converter-button{font-size:1rem;padding:0 10px}[data-theme=dark] .collection-title{color:#f7fafd;font-size:28px;font-weight:700;margin-bottom:8px;text-align:center}@media (min-width:576px){.converters-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.converters-grid{grid-template-columns:repeat(4,1fr)}.converters-section{padding:0 24px}}.converters-section{padding:0 16px}.converters-grid{grid-gap:8px;gap:8px}.converter-button{border-radius:8px;font-size:.75rem;height:60px;padding:0 4px}.collection-title{font-size:28px}@media (min-width:480px){.converters-grid{gap:12px}.converter-button{font-size:.8rem;padding:0 6px}}@media (min-width:640px){.converters-grid{gap:14px}.converter-button{font-size:.85rem;padding:0 8px}}@media (min-width:768px){.converters-grid{gap:16px}.converter-button{font-size:1rem;padding:0 10px}.converters-section{padding:0 24px}}.converters-section{margin-top:64px;overflow-x:hidden;padding:0 12px;width:100%}.section-title{color:#333;font-size:24px;margin-bottom:32px;text-align:center}.section-subtitle{color:#333;font-size:18px;font-weight:600;margin:36px 0 24px;text-align:center}.converters-group{margin-bottom:48px}.converters-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,1fr);width:100%}.converter-button{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6366f1;display:flex;font-size:.6rem;font-weight:500;height:48px;justify-content:center;overflow:hidden;padding:0 2px;text-align:center;text-decoration:none;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap;width:100%}.converter-button:hover{background-color:#f9fafb;border-color:#d1d5db;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.format-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .section-subtitle,[data-theme=dark] .section-title{color:#fff}[data-theme=dark] .converter-button{background-color:#1a1e26;border-color:#2c313c;color:#ff5252}[data-theme=dark] .converter-button:hover{background-color:#252a35;box-shadow:0 5px 15px #0003}.collection-title{color:#4b5563;font-size:24px;font-weight:700;margin-bottom:8px;text-align:center}@media (min-width:375px){.converter-button{font-size:.65rem;height:50px;padding:0 3px}.converters-grid{gap:8px}}@media (min-width:480px){.converters-grid{gap:10px}.converter-button{font-size:.7rem;height:54px;padding:0 4px}.collection-title{font-size:26px}}@media (min-width:640px){.converters-grid{gap:12px}.converter-button{font-size:.8rem;height:56px;padding:0 6px}}@media (min-width:768px){.converters-grid{gap:16px}.converter-button{font-size:.9rem;height:60px;padding:0 8px}.converters-section{padding:0 24px}.collection-title{font-size:28px}}@media (min-width:1024px){.converter-button{font-size:1rem;padding:0 10px}}.faq-section-converter{margin-top:64px;padding:0 12px}.faq-title{font-size:24px;font-weight:600;text-align:center}.faq-subtitle{margin-bottom:32px;text-align:center}.faq-list{margin:0 auto;max-width:800px;width:100%}.faq-item{margin-bottom:0;overflow:hidden}.faq-question-button{align-items:flex-start;background:none;padding:16px 0;transition:color .2s}.faq-question-button:hover{color:#6366f1}.faq-icon{height:24px;min-width:24px;transition:transform .3s}.faq-item[data-open=true] .faq-icon{transform:rotate(180deg)}.faq-answer-container{padding:0 16px 0 0;transition:height .3s ease-in-out,opacity .3s ease-in-out}.faq-item[data-open=true] .faq-answer-container{height:auto;padding-bottom:20px}.faq-answer{color:#666}[data-theme=dark] .faq-title{color:#fff}[data-theme=dark] .faq-subtitle{color:#bbb}[data-theme=dark] .faq-item{border-color:#3a3f51}[data-theme=dark] .faq-question-button{color:#e0e0e0}[data-theme=dark] .faq-question-button:hover{color:#90caf9}[data-theme=dark] .faq-answer{color:#aaa}@media (min-width:768px){.faq-section-converter{padding:0 24px}.faq-title{font-size:28px}.faq-question,.faq-subtitle{font-size:18px}}.faq-section-converter{margin-left:auto;margin-right:auto;margin-top:80px;max-width:1000px;padding:0 20px;width:100%}.faq-header{margin-bottom:40px;text-align:center}.faq-title{color:#333;font-size:28px;font-weight:700;margin-bottom:12px}.faq-subtitle{color:#666;font-size:16px;margin:0 auto;max-width:600px}.faq-list{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.faq-item:last-child{border-bottom:none}.faq-question-button{align-items:center;background:#fff;border:none;color:#333;cursor:pointer;display:flex;font-weight:500;justify-content:space-between;padding:20px 24px;text-align:left;transition:all .2s ease;width:100%}.faq-item[data-open=true] .faq-question-button,.faq-question-button:hover{background-color:#f9fafb}.faq-question{font-size:16px;font-weight:600;margin:0;padding-right:24px}.faq-icon-container{align-items:center;background-color:#f0f4ff;border-radius:50%;color:#4f46e5;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:transform .3s,background-color .3s;width:24px}.faq-item[data-open=true] .faq-icon-container{background-color:#4f46e5;transform:rotate(180deg)}.faq-answer-container{background-color:#f9fafb;height:0;opacity:0;overflow:hidden;transition:all .3s ease}.faq-item[data-open=true] .faq-answer-container{opacity:1;padding:0 24px 20px}.faq-answer{color:#4b5563;font-size:15px;line-height:1.6}[data-theme=dark] .faq-title{color:#f1f5f9}[data-theme=dark] .faq-subtitle{color:#cbd5e1}[data-theme=dark] .faq-list{background:#1e293b;box-shadow:0 1px 3px #0000004d}[data-theme=dark] .faq-item{border-color:#334155}[data-theme=dark] .faq-question-button{background:#1e293b;color:#f1f5f9}[data-theme=dark] .faq-item[data-open=true] .faq-question-button,[data-theme=dark] .faq-question-button:hover{background-color:#273549}[data-theme=dark] .faq-icon-container{background-color:#334155;color:#93c5fd}[data-theme=dark] .faq-item[data-open=true] .faq-icon-container{background-color:#3b82f6;color:#f1f5f9}[data-theme=dark] .faq-answer-container{background-color:#273549}[data-theme=dark] .faq-answer{color:#cbd5e1}@media (min-width:768px){.faq-title{font-size:32px}.faq-subtitle{font-size:18px}.faq-question{font-size:17px}}.drag-drop-text{color:#40444b}.compression-settings{background-color:#40444b}.compression-header{background-color:#89a2e9}.radio-label{color:#fff}.radio-custom{border:2px solid #89a2e9}.radio-label input[type=radio]:checked+.radio-custom:after{background-color:#89a2e9}.info-icon{color:#89a2e9}.file-size-input{background-color:#2c2f33;border:1px solid #89a2e9}.file-size-input:focus{border-color:#7289da;box-shadow:0 0 0 2px #7289da33}.file-size-input:disabled{background-color:#23272a}.input-suffix{color:#89a2e9}.slider{background:#2c2f33}.slider::-webkit-slider-thumb{background:#fff}.slider::-moz-range-thumb{background:#fff}.slider:disabled::-moz-range-thumb,.slider:disabled::-webkit-slider-thumb{background:#666}.slider-value{background-color:#2c2f33}.file-upload-container{margin:0 auto;max-width:800px;padding:20px}.upload-area{background-color:#89a2e9;border:2px dashed #7289da;border-radius:8px;cursor:pointer;padding:40px 20px;text-align:center;transition:all .3s ease}.upload-area:hover{background-color:#7289da}.upload-content{align-items:center;display:flex;flex-direction:column;gap:20px}.upload-icon{color:#fff;margin-bottom:10px}.select-button{align-items:center;background-color:#2c2f33;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:16px;gap:8px;padding:10px 20px;transition:background-color .3s ease}.select-button:hover{background-color:#23272a}.drag-drop-text{color:#fff;font-size:14px;margin:0}.compression-settings{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;margin-top:20px;overflow:hidden}.compression-header{align-items:center;background-color:#6495ed;color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:12px 20px}.compression-header h3{font-size:16px;font-weight:500;margin:0}.chevron{transition:transform .3s ease}.chevron.open{transform:rotate(180deg)}.compression-content{background-color:#fff;padding:20px}.compression-option{margin-bottom:20px}.compression-option:last-child{margin-bottom:0}.option-header{align-items:center;display:flex;margin-bottom:12px}.radio-label{color:#333}.radio-label input[type=radio]{display:none}.radio-custom{border:2px solid #6495ed;margin-right:10px}.radio-label input[type=radio]:checked+.radio-custom:after{background-color:#6495ed;border-radius:50%;content:"";height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}.info-icon{margin-left:8px}.input-container{align-items:center;display:flex;margin-top:8px}.file-size-input{background-color:#fff;border:1px solid #ccc;color:#333;outline:none;padding:8px 35px 8px 12px;transition:all .3s ease;width:150px}.file-size-input:focus{border-color:#6495ed;box-shadow:0 0 0 2px #6495ed33}.file-size-input:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.5}.input-suffix{color:#666;font-size:14px;pointer-events:none;right:12px}.slider{background:#e0e0e0;flex-grow:1;opacity:.7;transition:opacity .2s;width:100%}.slider:hover{opacity:1}.slider:disabled{cursor:not-allowed;opacity:.3}.slider::-webkit-slider-thumb{appearance:none;background:#6495ed;box-shadow:0 2px 4px #0003;height:20px;width:20px}.slider::-moz-range-thumb{background:#6495ed;box-shadow:0 2px 4px #0003;height:20px;width:20px}.slider:disabled::-moz-range-thumb,.slider:disabled::-webkit-slider-thumb{background:#999;cursor:not-allowed}.slider-value{background-color:#f5f5f5;color:#333;padding:6px 10px}[data-theme=dark] .compression-settings{background-color:#40444b;border-color:#555}[data-theme=dark] .compression-header{background-color:#89a2e9}[data-theme=dark] .compression-content{background-color:#40444b}[data-theme=dark] .radio-label{color:#fff}[data-theme=dark] .radio-custom{border-color:#89a2e9}[data-theme=dark] .radio-label input[type=radio]:checked+.radio-custom:after{background-color:#89a2e9}[data-theme=dark] .info-icon{color:#89a2e9}[data-theme=dark] .file-size-input{background-color:#2c2f33;border-color:#89a2e9;color:#fff}[data-theme=dark] .file-size-input:focus{border-color:#7289da;box-shadow:0 0 0 2px #7289da33}[data-theme=dark] .file-size-input:disabled{background-color:#23272a}[data-theme=dark] .input-suffix{color:#89a2e9}[data-theme=dark] .slider{background:#2c2f33}[data-theme=dark] .slider::-webkit-slider-thumb{background:#fff}[data-theme=dark] .slider::-moz-range-thumb{background:#fff}[data-theme=dark] .slider:disabled::-moz-range-thumb,[data-theme=dark] .slider:disabled::-webkit-slider-thumb{background:#666}[data-theme=dark] .slider-value{background-color:#2c2f33;color:#fff}@media (max-width:768px){.file-upload-container{padding:10px}.upload-area{padding:30px 15px}.compression-header{padding:10px 15px}.compression-content{padding:15px}}.drop-area:hover{background-color:#ff3d3d}.upload-button{background-color:#fff;color:#ff5252;transition:all .3s ease}.upload-button:hover{background-color:#f0f0f0}.resize-button{transition:all .3s ease}.feature-icon{color:#ff5252}.progress-fill{background-color:#ff5252}.image-resizer-container[data-tool=bulk] .image-resizer-header,.image-resizer-container[data-tool=compress-gif] .image-resizer-header,.image-resizer-container[data-tool=compress-image] .image-resizer-header,.image-resizer-container[data-tool=compress-jpeg] .image-resizer-header,.image-resizer-container[data-tool=compress-png] .image-resizer-header,.image-resizer-container[data-tool=general] .image-resizer-header,.image-resizer-container[data-tool=gif-converter] .image-resizer-header,.image-resizer-container[data-tool=image-converter] .image-resizer-header,.image-resizer-container[data-tool=jpg-converter] .image-resizer-header,.image-resizer-container[data-tool=jpg] .image-resizer-header,.image-resizer-container[data-tool=png-converter] .image-resizer-header,.image-resizer-container[data-tool=png] .image-resizer-header,.image-resizer-container[data-tool=svg-converter] .image-resizer-header,.image-resizer-container[data-tool=webp] .image-resizer-header{background:linear-gradient(135deg,#ff5252,#ff7043)}.converter-button{border:1px solid #ff52524d;color:#ff5252}.converter-button:hover{border-color:#ff525280;box-shadow:0 5px 15px #ff52521a}[data-theme=dark] .converter-button{border-color:#ff76764d;color:#ff7676}[data-theme=dark] .converter-button:hover{border-color:#ff767680;box-shadow:0 5px 15px #ff525233}.faq-question-button:hover{color:#ff5252}[data-theme=dark] .faq-question-button:hover{color:#ff7676}.faq-icon-container{background-color:#ff52521a;color:#ff5252}[data-theme=dark] .faq-icon-container{background-color:#ff525233;color:#ff7676}.faq-item[data-open=true] .faq-icon-container,[data-theme=dark] .faq-item[data-open=true] .faq-icon-container{background-color:#ff5252;color:#fff}.compression-header{background:linear-gradient(135deg,#ff5252,#ff7043)}.radio-custom{border-color:#ff5252}.radio-label input[type=radio]:checked+.radio-custom:after{background-color:#ff5252}.info-icon{color:#ff5252}.file-size-input:focus{border-color:#ff5252;box-shadow:0 0 0 2px #ff525233}.slider::-webkit-slider-thumb{background:#ff5252}.slider::-moz-range-thumb{background:#ff5252}[data-theme=dark] .radio-custom{border-color:#ff7676}[data-theme=dark] .radio-label input[type=radio]:checked+.radio-custom:after{background-color:#ff7676}[data-theme=dark] .info-icon,[data-theme=dark] .input-suffix{color:#ff7676}.radio-label{align-items:center;color:#333!important;cursor:pointer;display:flex;font-size:14px}[data-theme=dark] .radio-label{color:#fff!important}.compression-option .radio-label{color:#333!important}[data-theme=dark] .compression-option .radio-label{color:#fff!important}.option-header .radio-label{color:#333!important}[data-theme=dark] .option-header .radio-label{color:#fff!important}.compression-content{color:#333}[data-theme=dark] .compression-content{color:#fff}.loading-container{align-items:center;display:flex;flex-direction:column;height:200px;justify-content:center;width:100%}.loading-spinner{animation:spin 2s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:30px;margin-bottom:20px;width:30px}.error-message{background-color:#ffe6e6;border:1px solid #ffb3b3;border-radius:4px;color:#c00;margin-bottom:20px;padding:10px}.upload-icon{align-items:center;display:flex;justify-content:center;margin-bottom:1rem;width:100%}.upload-icon svg{height:64px;margin:0 auto;width:64px}.drop-area{background-color:#ff5252;border:2px dashed #fff;border-radius:8px;color:#fff;cursor:pointer;justify-content:center;padding:3rem;position:relative;text-align:center;transition:all .3s ease}.drop-area,.upload-controls{align-items:center;display:flex;flex-direction:column}.upload-controls{width:auto}.select-image-container{display:flex;justify-content:center;margin-bottom:.5rem;position:relative;width:auto}@media (max-width:768px){.upload-icon svg{height:64px;width:64px}}.url-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.url-modal-container{animation:modalFadeIn .3s ease-out;background-color:#fff;border-radius:8px;color:#fff;display:flex;flex-direction:column;height:280px;max-width:600px;padding:20px;width:100%}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.back-button{align-items:center;background:none;display:flex;font-size:18px;margin-bottom:20px;padding:10px 0;transition:opacity .2s;width:fit-content}.back-button:hover{opacity:.8}.back-button svg{stroke:#fff;margin-right:10px}.url-input-form{display:flex;justify-content:center;margin-top:30px;width:100%}.url-input-container{background-color:#222;border-radius:5px;max-width:500px;overflow:hidden;width:100%}.url-icon,.url-input-container{align-items:center;display:flex}.url-icon{color:#fff;justify-content:center;padding:0 10px}.url-icon svg{stroke:#fff}.url-input{background-color:#222;border:none;color:#fff;flex:1 1;font-size:16px;height:50px;outline:none;padding:0 10px}.url-input::placeholder{color:#ffffff80}.go-button{background-color:#333;border:none;color:#fff;cursor:pointer;font-weight:700;height:50px;padding:0 20px;transition:background-color .2s}.go-button:hover{background-color:#444}.go-button:disabled{background-color:#333;cursor:not-allowed;opacity:.5}[data-theme=dark] .url-modal-container{background-color:#2a2a2a!important;border-color:#ffffff1a!important}[data-theme=dark] .url-input-container{background-color:#222}[data-theme=dark] .url-input{background-color:#222;color:#fff}[data-theme=dark] .go-button{background-color:#333}[data-theme=dark] .go-button:hover{background-color:#444}@media (max-width:600px){.url-modal-container{height:250px;padding:15px;width:90%}.url-input-container{max-width:100%}.back-button{font-size:16px}.url-input{font-size:14px}.go-button{padding:0 15px}}:root{--floating-bg-color:#fff;--floating-text-color:#333;--floating-secondary-text:#666;--floating-accent-color:#ff5252;--floating-border-color:#0000001a;--floating-shadow:0 8px 32px #ff52524d;--floating-hover-shadow:0 12px 40px #ff525266;--floating-option-bg:#fffffff2;--floating-option-hover:#fff;--floating-btn-text:#fff}[data-theme=dark]{--floating-bg-color:#2a2a2a;--floating-text-color:#fff;--floating-secondary-text:#aaa;--floating-accent-color:#ff5252;--floating-border-color:#ffffff1a;--floating-shadow:0 8px 32px #ff525266;--floating-hover-shadow:0 12px 40px #ff525280;--floating-option-bg:#2a2a2af2;--floating-option-hover:#2a2a2a;--floating-btn-text:#fff}@media (prefers-color-scheme:dark){[data-theme=system]{--floating-bg-color:#2a2a2a;--floating-text-color:#fff;--floating-secondary-text:#aaa;--floating-accent-color:#ff5252;--floating-border-color:#ffffff1a;--floating-shadow:0 8px 32px #ff525266;--floating-hover-shadow:0 12px 40px #ff525280;--floating-option-bg:#2a2a2af2;--floating-option-hover:#2a2a2a;--floating-btn-text:#fff}}.floating-file-button{align-items:center;animation:slideInUp .4s ease-out;bottom:30px;display:flex;flex-direction:column;gap:12px;left:50%;position:fixed;transform:translateX(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}@keyframes slideInUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.floating-main-button{align-items:center;background:linear-gradient(135deg,#ff5252,#ff7676);background:linear-gradient(135deg,var(--floating-accent-color) 0,#ff7676 100%);border:1px solid #0000001a;border:1px solid var(--floating-border-color);border-radius:12px;box-shadow:0 8px 32px #ff52524d;box-shadow:var(--floating-shadow);color:#fff;color:var(--floating-btn-text);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;height:48px;justify-content:center;min-width:140px;overflow:hidden;padding:0 20px;position:relative;transition:all .3s ease}.floating-main-button:hover{background:linear-gradient(135deg,#ff6b6b,#ff8a8a);box-shadow:0 12px 40px #ff525266;box-shadow:var(--floating-hover-shadow);transform:translateY(-2px)}.floating-main-button:active{box-shadow:0 6px 24px #ff52524d;transform:translateY(0)}.main-button-icon{font-size:18px;transition:transform .3s ease}.main-button-text{font-size:14px;font-weight:600;line-height:1;white-space:nowrap}.floating-file-button.expanded .main-button-icon{transform:rotate(180deg)}.floating-options{animation:expandOptions .3s ease-out;display:flex;flex-direction:column;gap:8px}@keyframes expandOptions{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.floating-option{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;background:var(--floating-option-bg);border:1px solid #0000001a;border:1px solid var(--floating-border-color);border-radius:12px;box-shadow:0 4px 20px #0000001a;cursor:pointer;display:flex;gap:12px;height:48px;padding:0 20px;transition:all .2s ease;width:200px}.floating-option:hover{background:#fff;background:var(--floating-option-hover);border-color:#ff52524d;box-shadow:0 6px 25px #00000026;transform:translateY(-4px)}.floating-option:active{transform:translateY(-2px) scale(.98)}.option-icon{font-size:18px;text-align:center;width:24px}.option-text{color:#333;color:var(--floating-text-color);flex:1 1;font-size:14px;font-weight:500}@media (prefers-color-scheme:dark){.floating-option{background:#fffffff2;background:var(--floating-option-bg);border-color:#0000001a;border-color:var(--floating-border-color);color:#333;color:var(--floating-text-color)}.floating-option:hover{background:#fff;background:var(--floating-option-hover);border-color:#ff76764d}.option-text{color:#333;color:var(--floating-text-color)}}@media (max-width:768px){.floating-file-button{bottom:20px;left:50%;transform:translateX(-50%)}.floating-main-button{font-size:13px;height:44px;min-width:120px;padding:0 16px}.main-button-icon{font-size:16px}.main-button-text{font-size:13px}.floating-option{border-radius:10px;height:44px;padding:0 16px;width:160px}.option-icon{font-size:16px}.option-text{font-size:13px}}@media (max-width:480px){.floating-file-button{bottom:16px;left:50%;transform:translateX(-50%)}.floating-main-button{font-size:12px;height:40px;min-width:110px;padding:0 14px}.main-button-icon{font-size:14px}.main-button-text{font-size:12px}.floating-option{border-radius:8px;gap:10px;height:40px;padding:0 14px;width:140px}.option-text{font-size:12px}}.floating-file-button.hiding{animation:slideOutDown .3s ease-in}@keyframes slideOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}.floating-main-button:focus,.floating-option:focus{outline:2px solid #ff5252;outline:2px solid var(--floating-accent-color);outline-offset:2px}@media (prefers-reduced-motion:reduce){.floating-file-button,.floating-main-button,.floating-option,.main-button-icon{animation:none;transition:none}}@media (prefers-contrast:high){.floating-main-button{background:#ff5252;background:var(--floating-accent-color)}.floating-main-button,.floating-option{border:2px solid #333;border:2px solid var(--floating-text-color)}.floating-option{background:#fff;background:var(--floating-bg-color)}.floating-option,.option-text{color:#333;color:var(--floating-text-color)}}.google-ad-container{background-color:#f5f5f5;border:none;border-radius:8px;box-sizing:border-box;max-width:100%;min-height:60px;padding:5px;position:relative;transition:background-color .3s ease,border-color .3s ease;width:100%}.ad-label{color:var(--text-muted);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:9px;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase;transition:color .3s ease}.google-ad-container .adsbygoogle{background-color:#f5f5f5;border-radius:4px;display:block!important;margin:0 auto;max-width:none!important;overflow:hidden;width:100%!important}.google-ad-horizontal{margin:10px auto;max-width:100%;width:100%}.google-ad-horizontal .adsbygoogle{height:60px!important;max-height:60px;width:100%!important}@media (min-width:1200px){.google-ad-container{max-width:1140px}.google-ad-horizontal .adsbygoogle{height:70px!important;max-height:70px}}@media (min-width:992px) and (max-width:1199px){.google-ad-container{max-width:960px}.google-ad-horizontal .adsbygoogle{height:65px!important;max-height:65px}}@media (min-width:769px) and (max-width:991px){.google-ad-container{margin:8px auto;max-width:100%;padding:4px}.google-ad-horizontal .adsbygoogle{height:60px!important;max-height:60px;width:100%!important}}@media (max-width:768px){.google-ad-container{margin:8px auto;max-width:100%;padding:4px}.google-ad-horizontal .adsbygoogle{height:50px!important;max-height:50px;width:100%!important}}@media (max-width:480px){.google-ad-container{margin:5px auto;padding:3px}.ad-label{font-size:8px;margin-bottom:1px}.google-ad-horizontal .adsbygoogle{height:45px!important;max-height:45px}}@media (max-width:320px){.google-ad-container{margin:3px auto;padding:2px}.google-ad-horizontal .adsbygoogle{height:40px!important;max-height:40px}}.google-ad-container.loading{animation:loading 2s infinite;background:var(--bg-accent);background-size:200% 100%;min-height:40px}@keyframes loading{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}.google-ad-container.error{background-color:var(--bg-accent);border-color:var(--warning-color);color:var(--text-muted);min-height:40px}.google-ad-container.error .ad-label:after{content:" (Failed to load)"}.google-ad-container:empty{display:none}.google-ad-container,.google-ad-container *{box-sizing:border-box}.adsbygoogle{overflow:hidden!important}.google-ad-vertical{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 8px var(--shadow-color);overflow:hidden;position:sticky;top:20px;transition:all .3s ease}.google-ad-vertical:hover{box-shadow:0 4px 12px var(--shadow-color);transform:translateY(-2px)}.left-sidebar-ad,.right-sidebar-ad{display:none;flex-shrink:0;padding:10px 0}.content-with-sidebar-ads{align-items:flex-start;display:flex;gap:15px}.main-content-area{flex:1 1;min-width:0}@media (min-width:1400px){.left-sidebar-ad,.right-sidebar-ad{display:block;width:140px}}@media (min-width:1600px){.content-with-sidebar-ads{gap:20px}.left-sidebar-ad,.right-sidebar-ad{width:160px}}@media (max-width:1399px){.content-with-sidebar-ads{flex-direction:column;gap:0}.left-sidebar-ad,.right-sidebar-ad{display:none}.main-content-area{width:100%}}.google-ad-vertical.loading{align-items:center;background:var(--bg-accent);display:flex;justify-content:center;min-height:250px}.google-ad-vertical.loading:before{color:var(--text-muted);content:"Loading...";font-size:.875rem}.google-ad-vertical.error{align-items:center;background:var(--bg-accent);border:1px dashed var(--border-color);display:flex;justify-content:center;min-height:250px;opacity:.6}.google-ad-vertical.error:before{color:var(--text-muted);content:"Ad Space";font-size:.875rem}@media (min-width:1200px) and (max-width:1399px){.google-ad-vertical{max-width:160px;min-height:600px}}@media (min-width:1400px) and (max-width:1599px){.google-ad-vertical{max-width:180px;min-height:700px}}@media (min-width:1600px){.google-ad-vertical{max-width:200px;min-height:800px}}@keyframes adFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.google-ad-vertical{animation:adFadeIn .6s ease-out}@media (prefers-reduced-motion:reduce){.google-ad-vertical{transition:none}.google-ad-vertical:hover{transform:none}.google-ad-container.loading{animation:none}}.google-ad-vertical:focus-within{outline:2px solid var(--accent-color);outline-offset:2px}@media (prefers-contrast:high){.google-ad-container,.google-ad-vertical{border-color:var(--text-primary);border-width:2px}}@media print{.google-ad-container,.left-sidebar-ad,.right-sidebar-ad{display:none!important}.content-with-sidebar-ads{flex-direction:column}}[data-theme=light] .google-ad-container{background-color:#f5f5f5;border:none}[data-theme=light] .ad-label{color:var(--text-muted)}[data-theme=light] .google-ad-vertical{background-color:#f5f5f5;border:none}[data-theme=dark] .google-ad-container{background-color:var(--card-bg);border-color:var(--border-color)}[data-theme=dark] .ad-label{color:var(--text-muted)}[data-theme=dark] .google-ad-container .adsbygoogle{background-color:var(--bg-secondary)}@media (prefers-color-scheme:dark){.google-ad-container:not([data-theme]){border-color:#333}.google-ad-container:not([data-theme]) .ad-label{color:#9e9e9e}.google-ad-container.loading:not([data-theme]){background-color:#2c2c2c}.google-ad-container.error:not([data-theme]){background-color:#2c2c2c;border-color:#ffab40;color:#ffab40}.google-ad-vertical:not([data-theme]){border-color:#333}}@media (prefers-color-scheme:light){.google-ad-container:not([data-theme]){background-color:#f5f5f5;border:none}.google-ad-container:not([data-theme]) .ad-label{color:#757575}.google-ad-container:not([data-theme]) .adsbygoogle{background-color:#f5f5f5}.google-ad-container.loading:not([data-theme]){background-color:#f0f0f0}.google-ad-container.error:not([data-theme]){background-color:#f0f0f0;border:1px dashed #ff9800;color:#757575}.google-ad-vertical:not([data-theme]){background-color:#f5f5f5;border:none}}.google-ad-container:hover{border-color:var(--accent-color);box-shadow:0 2px 8px var(--shadow-color)}.google-ad-container+.google-ad-container{margin-top:15px}.google-ad-container.inline{margin:20px 0;max-width:100%}.google-ad-container{margin:10px auto}@media (min-width:768px){.google-ad-container{margin:15px auto}}@media (min-width:1200px){.google-ad-container{margin:20px auto}}.color-variations-container{display:flex;flex-direction:column;gap:24px;margin:0 auto;padding:20px 0;width:100%}.section-title{margin-bottom:8px}.variation-title{font-weight:600;margin-bottom:16px;text-transform:capitalize}.color-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}@media (max-width:768px){.color-grid{grid-template-columns:repeat(6,1fr)}}@media (max-width:576px){.color-grid{grid-template-columns:repeat(3,1fr)}}.color-item{align-items:center;border-radius:4px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;height:60px;justify-content:space-between;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease}.color-item:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.percentage-label{left:4px;position:absolute;top:4px;z-index:1}.percentage-label span{background-color:#0009;border-radius:4px;color:#fff;font-size:10px;padding:2px 4px}.color-hex-code{align-items:center;display:flex;font-size:.75rem;font-weight:500;height:100%;justify-content:center;opacity:0;position:absolute;text-shadow:0 1px 2px #0000004d;transition:opacity .2s ease;width:100%}.color-item:hover .color-hex-code{opacity:1}.text-light{color:#fff}.text-dark{color:#000}.copy-button-color-variation{bottom:4px;cursor:pointer;opacity:.7;position:absolute;right:4px;transition:transform .3s ease}.color-item:hover .copy-button-color-variation{opacity:1}.copy-button-color-variation:hover{transform:scale(1.2)}.color-harmonies-container{margin:0 auto;max-width:1200px;padding:60px 16px 20px}.section-title,.tabs-container{margin-bottom:24px}.tabs-container{padding:0 16px}.tabs{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px}.tab-button{background:none;border:none;border-radius:12px;color:#666;cursor:pointer;font-weight:600;padding:8px 12px;text-transform:capitalize;transition:all .2s ease;white-space:nowrap}.tab-button.active{background-color:#eee;color:#000}.tab-button:hover:not(.active){background-color:#eeeeee80}.harmony-content{margin-top:24px}.color-cards-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:24px}.color-card{display:flex;flex-direction:column;gap:8px}.color-preview{align-items:center;aspect-ratio:1;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;justify-content:center;transition:transform .2s ease}.color-preview:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.05)}.color-code{font-size:1rem;text-align:center}.harmony-description{color:#666;font-size:1.125rem;line-height:1.5;margin-top:16px}.copy-all-button{background:none;border:none;color:#000;cursor:pointer;display:inline-block;font-weight:600;margin-left:8px;padding:2px 8px;text-decoration:underline}@media (max-width:768px){.color-cards-container{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.color-harmonies-container{padding:40px 12px 16px}}@media (max-width:480px){.tabs{gap:8px}.tab-button{font-size:.9rem;padding:6px 10px}.color-cards-container{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.color-code{font-size:.85rem}}@media (prefers-color-scheme:dark){.tab-button{color:#aaa}.tab-button.active{background-color:#333;color:#fff}.tab-button:hover:not(.active){background-color:#33333380}.harmony-description{color:#aaa}.copy-all-button{color:#fff}}.contrast-checker-container{margin:0 auto;padding:20px 0;width:100%}.section-title{font-size:1.25rem;margin-bottom:12px}.section-description{font-size:.9rem;line-height:1.5;margin-bottom:16px}.contrast-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}@media (min-width:992px){.contrast-grid{grid-template-columns:1fr}}.controls-section{background-color:#f7f7f7;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:16px}.color-inputs{gap:12px;margin-bottom:16px}.color-input-group,.color-inputs{display:flex;flex-direction:column}.color-input-group{gap:6px}.color-label{font-size:.95rem;font-weight:600}.color-input-wrapper{align-items:center;display:flex;gap:8px}.color-input{border:1px solid #ddd;border-radius:6px;flex:1 1;font-family:monospace;font-size:.9rem;padding:8px}.color-picker{background:none;border:none;cursor:pointer;height:32px;padding:0;width:32px}.color-swatch{border:1px solid #ddd;border-radius:4px;flex-shrink:0;height:28px;width:28px}.subsection-title{font-size:1rem;font-weight:600;margin-bottom:12px}.results-container{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.main-result{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;display:flex;gap:16px;padding:12px}.contrast-ratio{background-color:#f0f0f0;border-radius:6px;font-size:2rem;font-weight:700;min-width:70px;padding:6px 12px;text-align:center}.normal-text-result{display:flex;flex-direction:column;gap:3px}.result-label{font-size:.85rem;font-weight:600}.stars-container{display:flex;gap:2px}.star{fill:#ddd;stroke:#ccc;stroke-width:1px;height:16px;width:16px}.star.filled{fill:#f8b500;stroke:#e09b00}.result-summary{font-size:.8rem;margin-top:2px}.detailed-results{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.text-size-result{display:flex;flex-direction:column;gap:3px}.contrast-summary,.text-size-result{background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;padding:10px}.contrast-summary{word-wrap:break-word;font-size:.8rem;line-height:1.4;margin-bottom:16px}.action-button-container{margin-bottom:8px;text-align:center}.adjust-text-button{background-color:#3498db;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:background-color .2s ease}.adjust-text-button:hover:not(:disabled){background-color:#2980b9}.adjust-text-button:disabled{background-color:#95a5a6;cursor:not-allowed}.preview-section{align-items:center;border-radius:8px;box-shadow:0 2px 8px #00000014;min-height:200px;padding:16px}.preview-quote{font-size:1.2rem;font-style:italic;line-height:1.5;margin:0;padding:0 16px;text-align:center}@media (max-width:480px){.detailed-results{grid-template-columns:1fr}.preview-quote{font-size:1rem}.contrast-checker-container{padding:12px 0}.main-result{align-items:center;flex-direction:column;gap:8px;padding:10px}.contrast-ratio{font-size:1.8rem;padding:4px 8px}}@media (prefers-color-scheme:dark){.controls-section{background-color:#222}.contrast-summary,.main-result,.text-size-result{background-color:#333;color:#eee}.contrast-ratio{background-color:#444;color:#fff}.color-input{background-color:#333;border-color:#555;color:#fff}.star{fill:#444;stroke:#555}.star.filled{fill:#ffc107;stroke:#ff9800}}:root{--blue:#3b82f6;--dark-blue:#2563eb}.app{background-color:#f8f8f8;color:#333;display:flex;flex-direction:column}.app.dark{background-color:#1a1a1a;color:#f8f8f8}.editor-page{flex:1 1;padding:1rem}.editor-sidebar{border-radius:.5rem;box-shadow:0 1px 3px #0000001a;width:360px}.app.dark .editor-sidebar{background-color:#2a2a2a;border:1px solid #3a3a3a}.tool-content{padding:1.5rem}.resize-settings h2{font-size:1.5rem}.resize-tabs{background-color:#f0f0f0;border-radius:.75rem;gap:.5rem;padding:.25rem}.app.dark .resize-tabs{background-color:#333}.resize-tabs button{border-radius:.75rem;font-weight:600;text-align:center}.app.dark .resize-tabs button{color:#999}.resize-tabs button.active{background-color:#fff;color:#333}.app.dark .resize-tabs button.active{background-color:#444;color:#fff}.edit-color-section,.hex-code-section,.other-formats-section,.selected-color-section{margin-bottom:2rem}.edit-color-section label,.hex-code-section label,.other-formats-section label,.selected-color-section label{display:block;font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.format-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.format-buttons button{border:none;border-radius:.5rem;cursor:pointer;font-weight:500;margin:.5rem 0;padding:.25rem .75rem;text-transform:uppercase}.format-buttons button.active-format{background-color:#3b82f6;background-color:var(--blue);color:#fff}.format-buttons button.inactive-format{background-color:#f0f0f0;color:#333}.app.dark .format-buttons button.inactive-format{background-color:#333;color:#f0f0f0}.input-with-copy{display:flex;margin-bottom:1rem}.input-with-copy div.cursor-pointer{border:1px solid #e0e0e0;border-radius:.75rem;display:flex;overflow:hidden;width:100%}.app.dark .input-with-copy div.cursor-pointer{border-color:#444}.input-with-copy div.px-4{flex-grow:1;overflow:hidden;padding:.75rem 1rem;text-overflow:ellipsis;white-space:nowrap}.input-with-copy button{align-items:center;background-color:#3b82f6;background-color:var(--blue);border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.75rem 1rem}.color-sliders{grid-gap:.5rem 1rem;align-items:center;display:grid;gap:.5rem 1rem;grid-template-columns:auto 1fr auto}.slider-group{display:contents}.slider-label{text-transform:lowercase;width:1.25rem}.slider-container{position:relative;width:100%}.slider-container input[type=range]{-webkit-appearance:none;appearance:none;background:#e0e0e0;border-radius:5px;height:10px;outline:none;width:100%}.slider-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#3b82f6;background:var(--blue);border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #0000001a;cursor:pointer;height:20px;width:20px}.slider-container input[type=range]::-moz-range-thumb{background:#3b82f6;background:var(--blue);border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #0000001a;cursor:pointer;height:20px;width:20px}.slider-value{min-width:2.5rem}.app.dark .slider-container input[type=range]{background:#444}.app.dark .slider-container input[type=range]::-webkit-slider-thumb{border-color:#222}.app.dark .slider-container input[type=range]::-moz-range-thumb{border-color:#222}.editor-main{border-radius:.5rem;box-shadow:0 1px 3px #0000001a;flex-direction:column}.app.dark .editor-main{background-color:#2a2a2a;border:1px solid #3a3a3a}.color-picker-preview-container{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:1rem}.ad-container{margin:.5rem 0}.ad-top{border-bottom:1px solid #e0e0e0;height:90px;margin-bottom:1rem}.ad-bottom{border-top:1px solid #e0e0e0;height:90px;margin-top:1rem}.app.dark .ad-top{border-bottom-color:#3a3a3a}.app.dark .ad-bottom{border-top-color:#3a3a3a}.ad-placeholder{align-items:center;background-color:#f0f0f0;color:#999;display:flex;font-size:.875rem;height:90px;justify-content:center;text-transform:capitalize;width:728px}.app.dark .ad-placeholder{background-color:#333;color:#666}.color-picker-canvas-container{border-radius:.5rem}.image-color-picker-container{flex:1 1;min-height:0;overflow:hidden}.image-upload-area{background-color:#00000005;border:2px dashed #e0e0e0;border-radius:.5rem}.app.dark .image-upload-area{background-color:#ffffff05;border-color:#444}.upload-button:hover{background-color:var(--dark-blue)}.color-palette{align-items:center;display:flex;gap:.5rem;margin-top:1rem;padding:0 1rem}.palette-controls{border:1px solid #ccc;border-radius:.375rem;display:grid;grid-template-rows:1fr 1fr;height:3rem;overflow:hidden;-webkit-user-select:none;user-select:none}.app.dark .palette-controls{border-color:#444}.palette-control-btn{align-items:center;cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;width:2rem}.palette-control-btn:first-child{border-bottom:1px solid #ccc}.app.dark .palette-control-btn:first-child{border-bottom-color:#444}.palette-colors{border-radius:.375rem;display:flex;flex:1 1;height:3rem;overflow:hidden}.palette-color{border:none;cursor:pointer;flex:1 1;transition:transform .2s}.palette-color:hover{transform:translateY(-2px)}.palette-export{align-items:center;border:1px solid #ccc;border-radius:.375rem;cursor:pointer;display:flex;height:3rem;justify-content:center;width:2rem}.app.dark .palette-export{border-color:#444}.active-format,.magnifier{box-shadow:0 4px 6px #0000001a;z-index:10}.active-format{border-radius:50%;overflow:hidden;pointer-events:none}.magnifier-inner{border:1px solid #000;overflow:hidden;position:absolute;transform:translate(-50%,-50%)}.pixel-grid{display:grid}.pixel{border:.5px solid #efebeb;height:15px;width:15px}.center-pixel{inset:0;position:absolute;z-index:30}.hex-label{bottom:0;display:flex;justify-content:center;left:0;right:0;z-index:20}.hex-value{background-color:#0009;border-radius:.375rem;margin:.75rem .5rem;padding:0 .25rem}.cursor-indicator{border:4px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:28px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:28px;z-index:5}.cursor-indicator-inner{border:2px solid #000;border-radius:50%;height:100%;width:100%}.active-format{background-color:#3b82f6;background-color:var(--blue);color:#fff}.error-message,.loading-indicator{flex:1 1}.spinner{border:4px solid #3b82f633;border-top:4px solid var(--blue)}.error-message{color:#e53e3e}.error-message p{margin:1rem 0}.back-button{background-color:#3b82f6;background-color:var(--blue)}@media (max-width:1023px){.editor-content{flex-direction:column}.editor-sidebar{max-width:none;width:100%}}@media (min-width:1024px){.hue-slider-container{background:linear-gradient(180deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)!important;height:auto!important;width:36px!important}}.color-picker-selector{background:#0000;display:block;z-index:10}.hue-slider-container{border-radius:8px;overflow:hidden}@media (min-width:1024px){.hue-slider-container{background:linear-gradient(180deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)!important;height:100%!important;width:36px!important}.hue-selector{left:50%!important}}.color-picker-container{display:flex;flex:1 1;flex-direction:column;min-height:0;position:relative}@media (min-width:1024px){.color-picker-container .flex{position:relative}.color-picker-canvas-container{flex:1 1;position:relative;z-index:1}.hue-slider-container{background:linear-gradient(180deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)!important;height:auto!important;margin-left:8px;position:relative;width:36px!important;z-index:2}}canvas{display:block;height:100%;width:100%}.color-picker-selector{height:28px;width:28px;z-index:5}.color-picker-selector,.hue-selector{box-shadow:0 0 4px #00000080;pointer-events:none}.hue-selector{height:20px;width:20px;z-index:3}@media (max-width:1023px){.hue-slider-container{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)!important;height:36px;margin-top:8px;width:100%!important}}.color-picker-flex-container{display:flex;flex-direction:column;height:100%;padding:1rem 0;width:100%}@media (min-width:1024px){.color-picker-flex-container{flex-direction:row}}.color-picker-flex-container>div{margin-bottom:1rem}@media (min-width:1024px){.color-picker-flex-container>div{margin-bottom:0;margin-right:1rem}.color-picker-flex-container>div:last-child{margin-right:0}}.color-picker-canvas-container{border-radius:.375rem;flex:1 1;overflow:hidden;position:relative}.color-picker-canvas-container canvas{border-radius:.375rem;height:100%;width:100%}.color-picker-selector{background-color:initial;border:2px solid #fff;border-radius:50%;cursor:pointer;height:1.75rem;position:absolute;transform:translate(-50%,-50%);width:1.75rem}.color-picker-selector div{border:2px solid #000;border-radius:50%;height:100%;width:100%}.hue-slider-container{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:.375rem;height:36px;position:relative;width:100%}@media (min-width:1024px){.hue-slider-container{background:linear-gradient(180deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)!important;height:auto;width:36px}}.hue-selector{border-radius:50%;box-shadow:0 0 2px #00000080;height:1.25rem;outline:2px solid #fff;position:absolute;transform:translate(-50%,-50%);width:1.25rem}.color-presets-section{margin-top:2rem}.color-presets-section label{display:block;font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.color-presets-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(5,1fr);margin-bottom:1rem}.color-preset{aspect-ratio:1/1;border:none;border-radius:.25rem;cursor:pointer;transition:transform .2s,box-shadow .2s;width:100%}.color-preset:hover{box-shadow:0 2px 4px #0003;transform:scale(1.05);z-index:1}.color-preset:active{transform:scale(.95)}.color-preset[title=White]{border:1px solid #ccc}.app.dark .color-preset[title=White]{border-color:#444}@media (max-width:480px){.color-presets-grid{grid-template-columns:repeat(4,1fr)}}.recently-used-colors{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.recently-used-color{border:1px solid #0000001a;border-radius:.25rem;cursor:pointer;height:1.5rem;width:1.5rem}.app.dark .recently-used-color{border-color:#ffffff1a}.upload-button-container{margin-bottom:16px}.upload-button{background-color:var(--blue);font-weight:600;padding:12px}.upload-button:hover{background-color:#2980b9}.upload-options-dropdown{border-radius:8px;box-shadow:0 4px 12px #0000001a;top:calc(100% + 4px)}.upload-option{gap:8px;padding:12px 16px}.upload-option:hover{background-color:#f5f5f5}.image-color-picker-container{display:flex;flex-direction:column;height:100%;width:100%}.image-canvas-wrapper{border-radius:8px;height:100%;min-height:400px;overflow:hidden;position:relative;width:100%}.image-color-canvas{height:100%;object-fit:contain;width:100%}.no-image-placeholder{align-items:center;background-color:#f5f5f5;border-radius:8px;color:#666;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.no-image-placeholder svg{margin-bottom:16px;opacity:.7}.color-magnifier{border:2px solid #fff;box-shadow:0 0 4px #0000004d;height:24px;width:24px}.magnifier-info{top:calc(100% + 8px)}.dark .upload-options-dropdown{background-color:#1a1a1a;border:1px solid #333}.dark .upload-option:hover{background-color:#333}.dark .no-image-placeholder{background-color:#333;color:#ccc}.color-magnifier{height:60px;width:60px}.magnifier-target{border:1px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #00000080;height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}.magnifier-info{bottom:-28px}.color-target-indicator{border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #00000080;height:16px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:16px;z-index:9}.selected-color-indicator{border:2px solid #fff;box-shadow:0 0 0 1px #00000080;height:20px;width:20px}.magnifier{box-shadow:0 4px 8px #0003;height:200px;width:200px}.magnifier-inner{transform:scale(1.2)}.center-pixel{border:2px solid red}.hex-label{bottom:-25px;position:absolute;text-align:center;width:100%}.hex-value{background:#000000b3;border-radius:6px;font-size:1rem}.magnifier{border:2px solid #fff;border-radius:8px}.hex-value{background-color:#000c;border-radius:4px;box-shadow:0 2px 4px #0003;color:#fff;display:inline-block;font-size:.875rem;font-weight:600;padding:4px 8px}.color-magnifier{border:3px solid #fff;border-radius:50%;box-shadow:0 0 4px #00000080;height:48px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:48px;z-index:10}.magnifier-info{background-color:#000c;border-radius:4px;bottom:-30px;box-shadow:0 2px 4px #0003;color:#fff;font-size:12px;left:50%;padding:4px 8px;position:absolute;transform:translateX(-50%);white-space:nowrap}.image-color-canvas{background-color:#f8f8f8;box-shadow:inset 0 0 0 1px #0000001a}.dark .image-color-canvas{background-color:#2a2a2a;box-shadow:inset 0 0 0 1px #ffffff1a}.magnifier{background:#fff;border:3px solid #fff;border-radius:50%;box-shadow:0 4px 16px #0000004d;height:150px;overflow:hidden;pointer-events:none;position:absolute;width:150px;z-index:20}.magnifier-inner{display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);height:100%;width:100%}.pixel{border:.5px solid #efebeb80;height:100%;width:100%}.pixel:nth-child(41){border:2px solid red!important;position:relative;z-index:2}.magnifier-hex-label{background-color:#000000b3;bottom:10px;color:#fff;font-size:12px;font-weight:700;left:0;padding:2px 0;position:absolute;right:0;text-align:center;z-index:3}.hover-indicator{border:1px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #00000080;height:16px;width:16px;z-index:9}.hover-indicator,.selected-color-indicator{pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.selected-color-indicator{border:3px solid #fff;border-radius:50%;box-shadow:0 0 4px #00000080;height:24px;width:24px;z-index:8}.color-magnifier,.hex-label{display:none}.dark .magnifier{background-color:#222;border-color:#444}.dark .pixel{border-color:#46464680}.dark .magnifier-hex-label{background-color:#000c}.image-color-canvas{cursor:crosshair}@media (max-width:768px){.color-picker-preview-container{padding:5px}}@media (max-width:480px){.color-picker-preview-container{padding:5px}.formatting-toolbar{gap:4px;padding:8px}.toolbar-button{font-size:14px;height:32px;width:32px}.toolbar-select{font-size:12px;height:32px;max-width:100px}.toolbar-value{min-width:16px;padding:0 4px}.canvas-area{height:250px}.text-edit-input{min-height:44px;min-width:100px}.resize-handle{height:20px;width:20px}}.resize-handle{height:10px;width:10px}.resize-handle.top-left{left:-5px;top:-5px}.resize-handle.top-right{right:-5px;top:-5px}.resize-handle.bottom-left{bottom:-5px;left:-5px}.resize-handle.bottom-right{bottom:-5px;right:-5px}@media (max-width:480px){.formatting-toolbar{gap:4px;padding:8px}.toolbar-button{font-size:14px;height:32px;width:32px}.toolbar-select{font-size:12px;height:32px;max-width:100px}.toolbar-value{min-width:16px;padding:0 4px}.canvas-area{height:250px}.text-edit-input{min-height:44px;min-width:100px}.resize-handle{height:14px;width:14px}}.add-text-button.disabled{background-color:#d1d5db;color:#9ca3af;cursor:not-allowed}.meme-generator{font-family:Arial,sans-serif;min-height:100%;padding:16px}.main-title{font-size:24px;font-weight:700;margin-bottom:16px;text-align:center}.formatting-toolbar{flex-wrap:wrap;padding:10px}.toolbar-button.active{background-color:#e5e7eb;border-color:#9ca3af}.toolbar-button.disabled{cursor:not-allowed;opacity:.5}.toolbar-value{min-width:24px;padding:0 8px}.delete-button{background-color:#fee2e2;border-color:#ef4444}.more-button{margin-left:auto}.canvas-header{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.section-title{font-size:18px;font-weight:600;margin:0}.button-group{display:flex;flex-wrap:wrap;gap:8px}.add-text-button,.upload-button-meme{align-items:center;background-color:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:4px;justify-content:center}.add-text-button,.download-button,.upload-button-meme{flex:1 1;font-size:14px;min-width:100px;padding:10px}.canvas-area{border-radius:4px;height:300px;touch-action:none}.upload-placeholder{padding:16px}.placeholder-icon{font-size:42px;margin-bottom:8px}.placeholder-text{border:1px dashed #0000004d}.selected-element{outline:2px solid #3b82f6}.resize-handle{border:1px solid #3b82f6}.control-section{margin-bottom:24px}.control-header{margin-bottom:12px}.control-icon{font-size:18px;margin-right:8px}.control-title{font-weight:500}.text-input{border:1px solid #d1d5db;box-sizing:border-box;margin-bottom:10px}.add-button,.text-input{border-radius:4px;font-size:16px;padding:12px;width:100%}.add-button{background-color:#3b82f6;border:none;color:#fff;cursor:pointer}.add-button.disabled{background-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.icon-grid{grid-gap:8px;display:grid;grid-template-columns:repeat(5,1fr)}.icon-button{border:none;font-size:22px;height:44px;width:100%}.edit-section{border-top:1px solid #e5e7eb;padding-top:16px}.edit-title{font-weight:500}.edit-control,.edit-title{margin-bottom:12px}.edit-label{color:#6b7280;display:block;font-size:14px;margin-bottom:6px}.range-input{height:24px;margin:8px 0}.range-value{color:#6b7280;display:inline-block;font-size:14px;margin-left:8px}.color-input{border:1px solid #d1d5db}.delete-button{border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:12px;width:100%}@media (min-width:768px){.main-title{text-align:left}.canvas-header,.generator-container{flex-direction:row}.canvas-header{align-items:center;justify-content:space-between}.canvas-area{height:400px}.controls-panel{min-width:256px;width:256px}.button-group{flex-wrap:nowrap}.add-text-button,.download-button,.upload-button-meme{min-width:auto}}@media (max-width:480px){.resize-handle{border-width:3px;height:22px;width:22px}}.selected-element{border:2px dashed #000!important}.formatting-toolbar{border-radius:8px;box-shadow:0 2px 4px #0000001a;gap:8px;justify-content:space-between;margin-bottom:16px;padding:8px 12px}.toolbar-tools-group{align-items:center;display:flex;flex-grow:1;gap:8px}.toolbar-download-button{background-color:#4a7dff;font-weight:500;padding:8px 16px}.toolbar-download-button:hover{background-color:#3a6ae0}.toolbar-download-button.disabled{background-color:#d1d5db;color:#9ca3af;cursor:not-allowed}.toolbar-button{border-radius:4px;font-size:16px;height:36px;width:36px}.toolbar-select{border-radius:4px;font-size:14px;height:36px;min-width:90px;padding:0 8px}.toolbar-separator{height:24px;margin:0 4px;width:1px}.toolbar-color-button{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;display:flex;height:36px;justify-content:center;padding:4px;width:36px}.color-circle{border:1px solid #d1d5db;border-radius:50%;height:100%;width:100%}@media (max-width:768px){.formatting-toolbar{justify-content:flex-start;overflow-x:auto;padding:8px}.toolbar-tools-group{flex-wrap:nowrap;min-width:max-content}.toolbar-download-button{margin-left:8px;min-width:max-content}}@media (max-width:767px){.generator-container{flex-direction:column}.controls-panel{margin-bottom:16px;margin-right:0}}@media (min-width:768px){.controls-panel{margin-right:16px}.main-title{text-align:left}.generator-container{flex-direction:row}.canvas-area{height:400px}.controls-panel{max-height:700px;min-width:300px;overflow-y:auto;width:300px}.button-group{flex-wrap:nowrap}.add-text-button,.download-button,.upload-button-meme{min-width:auto}}@media (max-width:767px){.generator-container{display:flex;flex-direction:column}.canvas-container{margin-bottom:0;order:1}.controls-panel{max-height:calc(100vh - 450px);order:2;overflow-y:auto}}.controls-panel{width:100%}@media (min-width:768px){.generator-container{flex-direction:row}.controls-panel{margin-right:16px;max-height:700px;min-width:300px;width:300px}.canvas-container{flex:1 1;min-width:500px}.canvas-area{height:400px}.generator-container{align-items:stretch;flex-direction:row}.controls-panel{flex:0 0 300px;margin-right:16px;max-height:700px;max-width:300px;min-width:300px;width:300px}.canvas-container{flex:1 1 auto;min-width:0;width:auto}.canvas-area{height:400px}}@media (max-width:767px){.generator-container{display:flex;flex-direction:column}.canvas-container{margin-bottom:16px;order:1}.controls-panel{max-height:calc(100vh - 450px);order:2;overflow-y:auto}.canvas-area{height:300px}}@media (min-width:1200px){.generator-container{margin:0 auto;max-width:1400px}.canvas-container{min-width:700px}.canvas-area{height:500px}}.generator-container{flex-direction:column;gap:16px}.canvas-container{padding:16px;z-index:10}.controls-panel{border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:16px}@media (min-width:768px){.generator-container{align-items:stretch;flex-direction:row}.controls-panel{flex:0 0 300px;margin-right:16px;max-height:700px;max-width:300px;min-width:300px;width:300px}.canvas-container{flex:1 1 auto;min-width:740px;width:auto}.canvas-area{height:400px}}@media (max-width:767px){.generator-container{display:flex;flex-direction:column}.canvas-container{margin-bottom:16px;order:1}.controls-panel{max-height:calc(100vh - 450px);max-width:380px;order:2;overflow-y:auto}.canvas-area{height:300px}}@media (max-width:480px){body{overflow-x:hidden}.meme-generator{display:flex;flex-direction:column;min-height:100vh}.generator-container{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.canvas-container{flex-shrink:0}.controls-panel{-webkit-overflow-scrolling:touch;flex:1 1;max-height:calc(100vh - 400px);overflow-y:auto}.control-section{position:relative}.control-header{cursor:pointer;-webkit-user-select:none;user-select:none}.control-header:after{color:#6b7280;content:"+";font-size:18px;position:absolute;right:12px;top:12px}.effect-label{font-size:13px}}@media (min-width:481px) and (max-width:767px){.generator-container{flex-direction:column;gap:16px}.canvas-container{order:1;padding:16px}.canvas-area{height:350px}.controls-panel{display:flex;flex-direction:row;flex-wrap:wrap;gap:0;max-width:300px;order:2;padding:0;width:100%}.control-section{border-bottom:1px solid #eaeaea;border-right:1px solid #eaeaea;box-sizing:border-box;padding:16px;width:50%}.control-section:nth-child(2n){border-right:none}.download-button{min-width:200px;width:auto}}@media (max-width:480px){.meme-generator{padding:8px}.generator-container{flex-direction:column;gap:12px}.canvas-container{order:1;padding:12px}.canvas-area{height:280px;margin-top:12px}.canvas-actions{flex-direction:row;gap:8px;justify-content:space-between}.add-text-button,.upload-button-meme{flex:1 1;font-size:14px;padding:10px 12px}.controls-panel{border-radius:8px;max-height:none;max-width:300px;order:2;overflow:hidden;padding:0;width:100%}.control-section{border-bottom:1px solid #eaeaea;padding:12px}.control-header{margin-bottom:12px}.icon-grid{gap:6px;justify-content:space-between}.icon-button{height:40px;width:calc(20% - 5px)}.effects-controls,.text-controls{gap:12px}.effect-item{gap:6px}.range-input{height:6px}.range-input::-webkit-slider-thumb{height:20px;width:20px}.resize-handle{height:20px;width:20px}.resize-handle.top-left{left:-10px;top:-10px}.resize-handle.top-center{top:-10px}.resize-handle.top-right{right:-10px;top:-10px}.resize-handle.right-center{right:-10px}.resize-handle.bottom-right{bottom:-10px;right:-10px}.resize-handle.bottom-center{bottom:-10px}.resize-handle.bottom-left{bottom:-10px;left:-10px}.resize-handle.left-center{left:-10px}.download-button{margin-top:12px;padding:10px 16px;width:100%}.text-edit-input{min-height:44px}.color-input,.select-input{height:44px}}@media (min-width:768px){.control-actions{flex-direction:column}.control-button{justify-content:flex-start;padding-left:16px}}@media (max-width:480px){.control-actions{flex-direction:row;flex-wrap:wrap}.add-text-button,.upload-button-meme{flex:1 1;min-width:0}.download-button{margin-top:8px;width:100%}}@media (min-width:481px) and (max-width:767px){.control-actions{flex-direction:row;flex-wrap:wrap}.add-text-button,.download-button,.upload-button-meme{flex:1 1;min-width:0}}.canvas-actions{display:flex;gap:16px;justify-content:flex-end;margin-bottom:16px;max-width:800px;width:100%}.upload-button-meme{align-items:center;display:flex;gap:8px}.add-text-button,.upload-button-meme{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:12px 20px}@media (max-width:767px){.generator-container{flex-direction:column}.controls-panel{border-bottom:1px solid #e5e7eb;border-right:none;max-width:320px;order:2;width:100%}.canvas-container{order:1;padding:16px}.canvas-area{height:300px}.canvas-actions{justify-content:center}}.download-button{align-self:center;border-radius:6px;font-weight:500;gap:8px;margin-top:16px;padding:12px 24px}.download-button.disabled{background-color:#d1d5db;color:#9ca3af;cursor:not-allowed;display:none}.generator-container{min-height:600px}@media (max-width:480px){.canvas-area{height:300px}}@media (min-width:481px) and (max-width:767px){.canvas-area{height:400px}}.control-header{font-weight:500}@media (max-width:767px){.generator-container{flex-direction:column}.controls-panel{border-bottom:1px solid #e5e7eb;border-right:none;max-width:300px;order:2;width:100%}.canvas-container{order:1;padding:16px}.canvas-area{height:300px}.canvas-actions{justify-content:center}}@media (min-width:1024px){.controls-panel{max-width:320px;min-width:320px;width:320px}.control-button{justify-content:flex-start;padding-left:16px}.canvas-area{height:500px}}@media (min-width:768px) and (max-width:1023px){.meme-generator{padding:12px}.controls-panel{max-width:280px;min-width:280px;width:280px}.canvas-area{height:450px}}@media (min-width:481px) and (max-width:767px){.meme-generator{padding:10px}.generator-container{flex-direction:column}.controls-panel{border-right:none;border-top:1px solid #e5e7eb;max-width:100%;min-width:0;order:2;width:100%}.canvas-container{order:1;padding:16px}.canvas-area{height:400px}.control-actions{flex-direction:row;flex-wrap:wrap}.add-text-button,.download-button,.upload-button-meme{flex:1 1;min-width:0}.icon-button{width:calc(20% - 8px)}}@media (max-width:480px){.meme-generator{min-height:100vh;overflow-x:hidden;padding:8px}.generator-container{flex-direction:column;overflow:hidden}.controls-panel{border-right:none;border-top:1px solid #e5e7eb;max-height:calc(100vh - 370px);max-width:100%;min-width:0;order:2;overflow-y:auto;width:100%}.canvas-container{flex-shrink:0;order:1;padding:12px}.canvas-area{height:300px}.control-section{padding:12px}.control-actions{flex-direction:row;flex-wrap:wrap;gap:8px}.add-text-button,.upload-button-meme{flex:1 1;font-size:14px;min-width:0;padding:10px 8px}.button-text-meme{font-size:13px}.download-button{margin-top:8px;width:100%}.control-header{margin-bottom:12px}.icon-grid{gap:6px;justify-content:space-between}.icon-button{height:40px;width:calc(20% - 5px)}.effect-item{gap:6px}.effect-label{font-size:13px}.range-input{height:6px}.range-input::-webkit-slider-thumb{height:20px;width:20px}.resize-handle{height:20px;width:20px}.resize-handle.top-left{left:-10px;top:-10px}.resize-handle.top-center{top:-10px}.resize-handle.top-right{right:-10px;top:-10px}.resize-handle.right-center{right:-10px}.resize-handle.bottom-right{bottom:-10px;right:-10px}.resize-handle.bottom-center{bottom:-10px}.resize-handle.bottom-left{bottom:-10px;left:-10px}.resize-handle.left-center{left:-10px}.text-edit-input{min-height:44px}.color-input,.select-input{height:44px}.placeholder-icon{font-size:36px;height:60px;width:60px}}@media (max-width:360px){.meme-generator{padding:6px}.canvas-container{padding:8px}.canvas-area{height:250px}.controls-panel{max-height:calc(100vh - 320px)}.control-section{padding:10px}.control-title{font-size:15px}.icon-button{font-size:20px;height:36px;width:calc(25% - 6px)}.button-text-meme{font-size:12px}.button-icon{font-size:16px}}.meme-generator{flex-direction:column;max-width:100%;min-height:100vh;overflow-x:hidden;padding:8px;position:relative}.generator-container,.meme-generator{box-sizing:border-box;display:flex;width:100%}.generator-container{flex-direction:row}.controls-panel{border-right:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;max-width:320px;min-width:320px;overflow-y:auto;padding:0;width:320px}.control-section{border-bottom:1px solid #eaeaea;box-sizing:border-box;padding:16px}.actions-section{background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.control-actions{margin-bottom:12px}.download-container{display:none}.control-button{border:none;border-radius:6px;box-sizing:border-box;font-weight:500;gap:8px;justify-content:center;padding:12px;transition:background-color .2s,transform .1s}.control-button:active{transform:scale(.98)}.control-button:disabled{cursor:not-allowed;opacity:.6}.upload-button-meme:hover:not(:disabled){background-color:#ff4343}.add-text-button{background-color:#2196f3}.add-text-button:hover:not(:disabled){background-color:#0d8aee}.download-button{margin-top:4px}.control-header{gap:8px;margin-bottom:16px}.control-header,.control-icon{align-items:center;display:flex}.control-icon{height:24px;justify-content:center;width:24px}.control-title{font-size:16px;margin:0}.controls-scrollable{flex:1 1;overflow-y:auto}.icon-grid{display:flex;flex-wrap:wrap;gap:8px}.icon-button{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.icon-button:hover{background-color:#f3f4f6}.effects-controls{gap:16px}.effect-item,.effects-controls{display:flex;flex-direction:column}.effect-item{gap:8px}.effect-label{color:#6b7280;display:flex;font-size:14px;justify-content:space-between}.range-input{-webkit-appearance:none;background:#e5e7eb;border-radius:2px;height:4px;outline:none;width:100%}.range-input::-webkit-slider-thumb{-webkit-appearance:none;background:#2196f3;border-radius:50%;cursor:pointer;height:16px;width:16px}.canvas-container{background-color:#f5f5f7;flex-direction:column}.canvas-area,.canvas-container{align-items:center;display:flex;justify-content:center}.canvas-area{border:2px dashed #d1d5db;border-radius:8px;height:500px;max-width:800px;overflow:hidden;position:relative;width:100%}.text-controls{display:flex;flex-direction:column;gap:16px}.font-controls{margin-top:8px}.select-input{font-size:14px;padding:8px}.color-input,.select-input{border:1px solid #e5e7eb;border-radius:4px;box-sizing:border-box;width:100%}.color-input{height:40px;padding:0}.draggable-element{cursor:move;max-width:100%;position:absolute;touch-action:none;-webkit-user-select:none;user-select:none;z-index:10}.text-element{box-sizing:border-box;min-height:30px;min-width:100px;padding:5px}.selected-element{border:2px dashed #000;outline:none}.resize-handle.top-left{left:-8px;top:-8px}.resize-handle.top-center{top:-8px}.resize-handle.top-right{right:-8px;top:-8px}.resize-handle.right-center{right:-8px}.resize-handle.bottom-right{bottom:-8px;right:-8px}.resize-handle.bottom-center{bottom:-8px}.resize-handle.bottom-left{bottom:-8px;left:-8px}.resize-handle.left-center{left:-8px}.text-edit-input{background:#0000;border:none;box-sizing:border-box;cursor:text;font-family:inherit;height:100%;left:0;margin:0;outline:none;padding:0;position:absolute;text-align:inherit;top:0;width:100%;z-index:30}.upload-placeholder{box-sizing:border-box;flex-direction:column;padding:0 20px;text-align:center}.placeholder-icon,.upload-placeholder{align-items:center;display:flex;justify-content:center}.placeholder-icon{background-color:#f3f4f6;border-radius:50%;font-size:48px;height:80px;margin-bottom:16px;width:80px}.hidden-input{display:none}@media (min-width:1024px){.controls-panel{max-width:320px;min-width:320px;width:320px}.control-button{justify-content:flex-start;padding-left:16px}.canvas-area{height:500px}.download-container{display:none}}@media (min-width:768px) and (max-width:1023px){.meme-generator{padding:12px}.controls-panel{max-width:280px;min-width:280px;width:280px}.canvas-area{height:450px}.download-container{display:none}}@media (min-width:481px) and (max-width:767px){.meme-generator{padding:10px}.controls-panel,.generator-container{flex-direction:column}.controls-panel{border-right:none;border-top:1px solid #e5e7eb;display:flex;max-width:100%;min-width:0;order:2;width:100%}.controls-scrollable{max-height:calc(100vh - 450px);overflow-y:auto}.canvas-container{order:1;padding:16px}.canvas-area{height:400px}.control-actions{flex-direction:row;flex-wrap:wrap}.add-text-button,.upload-button-meme{flex:1 1;min-width:0}.download-container{background-color:#fff;border-top:1px solid #e5e7eb;bottom:0;box-shadow:0 -2px 10px #0000001a;display:flex;left:0;padding:12px 16px;position:sticky;right:0;z-index:100}.actions-section .download-button{display:none}.icon-button{width:calc(20% - 8px)}}@media (max-width:480px){.meme-generator{min-height:100vh;overflow-x:hidden;padding:8px}.generator-container{flex-direction:column;height:calc(100vh - 16px);overflow:hidden}.controls-panel{border-right:none;border-top:1px solid #e5e7eb;display:flex;flex:1 1;flex-direction:column;max-width:100%;min-width:0;order:2;width:100%}.controls-scrollable{flex:1 1;overflow-y:auto;padding-bottom:70px}.canvas-container{flex-shrink:0;order:1;padding:12px}.canvas-area{height:300px}.control-section{padding:12px}.control-actions{flex-direction:row;flex-wrap:wrap;gap:8px}.add-text-button,.upload-button-meme{flex:1 1;font-size:14px;min-width:0;padding:10px 8px}.button-text-meme{font-size:13px}.download-container{background-color:#fff;border-top:1px solid #e5e7eb;bottom:0;box-shadow:0 -2px 10px #0000001a;display:flex;left:0;padding:12px 16px;position:fixed;right:0;z-index:100}.download-container .download-button{margin:0;width:100%}.actions-section .download-button{display:none}.control-header{margin-bottom:12px}.icon-grid{gap:6px;justify-content:space-between}.icon-button{height:40px;width:calc(20% - 5px)}.effect-item{gap:6px}.effect-label{font-size:13px}.range-input{height:6px}.range-input::-webkit-slider-thumb{height:20px;width:20px}.resize-handle{height:20px;width:20px}.resize-handle.top-left{left:-10px;top:-10px}.resize-handle.top-center{top:-10px}.resize-handle.top-right{right:-10px;top:-10px}.resize-handle.right-center{right:-10px}.resize-handle.bottom-right{bottom:-10px;right:-10px}.resize-handle.bottom-center{bottom:-10px}.resize-handle.bottom-left{bottom:-10px;left:-10px}.resize-handle.left-center{left:-10px}.text-edit-input{min-height:44px}.color-input,.select-input{height:44px}.placeholder-icon{font-size:36px;height:60px;width:60px}}@media (max-width:360px){.meme-generator{padding:6px}.canvas-container{padding:8px}.canvas-area{height:250px}.control-section{padding:10px}.control-title{font-size:15px}.icon-button{font-size:20px;height:36px;width:calc(25% - 6px)}.button-text-meme{font-size:12px}.button-icon{font-size:16px}.download-container{padding:8px 12px}}.control-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.control-button{align-items:center;background-color:#fff;border:1px solid #0000001a;border-radius:12px;box-shadow:0 2px 4px #0000000d;color:#333;cursor:pointer;display:flex;font-size:15px;font-weight:600;justify-content:flex-start;padding:14px;transition:all .2s ease;width:100%}.control-button:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.control-button:active{box-shadow:0 1px 2px #0000001a;transform:translateY(1px)}.button-icon{align-items:center;display:flex;font-size:18px;height:24px;justify-content:center;margin-right:10px;width:24px}.button-text-meme{flex:1 1}.add-icon-button,.add-padding-button,.add-text-button,.upload-button-meme{background-color:#f8f9fa;border-color:#e4e7eb}.download-button{border-color:#16a34a;margin-top:8px}.add-icon-button:hover,.add-padding-button:hover,.add-text-button:hover,.upload-button-meme:hover{background-color:#f2f4f6}.download-button:hover{background-color:#16a34a}@media (max-width:767px){.control-button{font-size:14px;padding:12px}}.canvas-container{border-radius:8px;box-sizing:border-box;flex:1 1;max-width:100%;min-width:0;padding:20px}@media (min-width:768px){.generator-container{align-items:stretch;display:flex;flex-direction:row;gap:20px}.controls-panel{flex:0 0 auto;max-width:320px;min-width:320px;width:320px}.canvas-container{flex:1 1 auto;min-width:60%;width:800px}.canvas-area{height:500px;max-width:100%}}@media (min-width:1200px){.generator-container{margin:0 auto;max-width:1400px}.canvas-container{min-width:70%}}@media (min-width:768px){.control-actions .download-button{display:none}.toolbar-download-button{align-items:center;background-color:#22c55e;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:4px;justify-content:center;margin-left:12px;padding:8px 12px;transition:background-color .2s}.toolbar-download-button:hover{background-color:#16a34a}.toolbar-download-button .button-icon{font-size:16px;margin-right:4px}.formatting-toolbar{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-wrap:nowrap;gap:8px;margin-bottom:16px;overflow-x:auto;padding:10px 16px}.toolbar-tools-group{align-items:center;display:flex;flex-grow:1;gap:8px}.toolbar-separator{background-color:#d1d5db;height:24px;margin:0 4px;width:1px}}@media (max-width:767px){.toolbar-download-button{display:none}.control-actions .download-button,.download-container .download-button{display:flex}}.toolbar-value{border-radius:4px;font-size:14px;line-height:24px;min-width:28px;padding:0 6px}.toolbar-group{border-radius:4px;gap:6px;padding:2px}.toolbar-group .toolbar-button{font-size:14px;height:32px;width:32px}.toolbar-button:hover:not(.disabled){background-color:#f3f4f6;border-color:#d1d5db}.toolbar-button.active{background-color:#e0e7ff;border-color:#c7d2fe;color:#4f46e5}.formatting-toolbar{align-items:center;border-radius:10px;box-shadow:0 3px 6px #0000001a;display:flex;flex-wrap:nowrap;gap:12px;margin-bottom:20px;overflow-x:auto;padding:14px 18px}.toolbar-button{align-items:center;cursor:pointer;display:flex;font-size:18px;justify-content:center;transition:all .2s ease;width:42px}.toolbar-button,.toolbar-select{border:1px solid #d1d5db;border-radius:6px;height:42px}.toolbar-select{font-size:16px;min-width:120px;padding:0 12px}.toolbar-value-container{align-items:center;display:flex;height:42px;justify-content:center;min-width:36px;position:relative}.toolbar-value{border:1px solid #dbeafe;border-radius:6px;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;min-width:36px;padding:6px 8px;text-align:center;transition:all .2s ease;-webkit-user-select:none;user-select:none}.toolbar-value:hover{background-color:#e0e7ff}.toolbar-value-edit{background-color:#f0f4ff;border:1px solid #4f46e5;border-radius:6px;box-sizing:border-box;color:#2563eb;font-size:16px;font-weight:600;height:100%;left:0;outline:none;padding:0;position:absolute;text-align:center;top:0;width:100%}.toolbar-group{align-items:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;gap:8px;padding:3px}.toolbar-group .toolbar-button{height:36px;width:36px}.toolbar-separator{height:28px;margin:0 6px;width:2px}.toolbar-download-button{align-items:center;background-color:#22c55e;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:6px;justify-content:center;margin-left:12px;padding:10px 16px;transition:background-color .2s}.toolbar-download-button:hover{background-color:#16a34a}.toolbar-download-button .button-icon{font-size:18px;margin-right:4px}@media (max-width:767px){.formatting-toolbar{gap:8px;padding:10px 14px}.toolbar-button{font-size:16px;height:38px;width:38px}.toolbar-select{font-size:14px;height:38px;min-width:100px}.toolbar-value{font-size:14px;min-width:32px;padding:4px 6px}.toolbar-value-edit{font-size:14px}}.meme-search-container{margin-bottom:16px;position:relative;width:100%}.meme-search-input{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:100px;box-sizing:border-box;font-size:16px;padding:12px 16px 12px 40px;transition:all .2s ease;width:100%}.meme-search-input:focus{background-color:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.search-icon{font-size:18px;left:14px}.meme-template-item{background-color:#f9fafb}.meme-template-item img{height:100%;object-fit:cover;width:100%}.control-action{align-items:center;background-color:#f8f9fa;border:1px solid #0000001a;border-radius:12px;color:#4b5563;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px;transition:all .2s ease;width:100%}.control-action:hover{background-color:#f3f4f6}.control-action .button-icon{font-size:18px}@media (max-width:767px){.meme-gallery{grid-template-columns:repeat(3,1fr);max-height:250px}.meme-search-input{font-size:14px;padding:10px 14px 10px 36px}.search-icon{font-size:16px;left:12px}}@media (max-width:480px){.meme-gallery{grid-template-columns:repeat(2,1fr)}}.modal-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1000}.icon-modal{border-radius:12px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:560px;overflow:hidden;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.modal-header h2{color:#111827;font-size:18px;font-weight:600;margin:0}.close-button{align-items:center;background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:5px}.close-button:hover{background-color:#f3f4f6;color:#111827}.modal-search{border-bottom:1px solid #e5e7eb;padding:16px 20px}.search-input-wrapper{width:100%}.search-icon{color:#9ca3af;height:20px;left:12px;width:20px}.search-input{background-color:#f9fafb;border-radius:8px;font-size:15px;padding:10px 10px 10px 40px;transition:all .2s ease}.search-input:focus{border-color:#a5b4fc;box-shadow:0 0 0 2px #a5b4fc4d;outline:none}.icons-grid{flex-wrap:wrap;gap:10px;max-height:400px;overflow-y:auto;padding:20px}.icon-item,.icons-grid{display:flex;justify-content:center}.icon-item{align-items:center;background-color:#6e99f414;border-radius:8px;cursor:pointer;height:60px;padding:8px;transition:background-color .2s;width:60px}.icon-item:hover{background-color:#6e99f429}.icon-item img{max-height:100%;max-width:100%;object-fit:contain}.icons-grid::-webkit-scrollbar{width:6px}.icons-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.icons-grid::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.icons-grid::-webkit-scrollbar-thumb:hover{background:#a1a1aa}@media (max-width:480px){.icon-modal{height:90vh;max-width:100%}.icons-grid{max-height:calc(90vh - 140px)}}.icon-element{align-items:center;cursor:move;display:flex;justify-content:center;overflow:visible;position:absolute;-webkit-user-select:none;user-select:none;z-index:10}.icon-element img{max-height:100%;max-width:100%;pointer-events:none}.resize-handle{border-radius:3px;box-shadow:0 0 2px #00000080;height:16px;width:16px}.icon-controls{gap:12px;padding:8px 0}.icon-controls,.opacity-control{display:flex;flex-direction:column}.opacity-control{gap:6px}.slider-container{gap:10px}.slider-label{color:#6b7280;font-size:14px;min-width:70px}.slider-input{border-radius:2px;height:4px}.slider-input::-webkit-slider-thumb{background:#3b82f6;height:16px;width:16px}.slider-value{color:#6b7280;min-width:40px;text-align:right}.rotation-control{display:flex;flex-direction:column;gap:6px}.size-controls{margin-top:6px}.size-inputs{display:flex;gap:12px}.size-input-group{display:flex;flex:1 1;flex-direction:column;gap:4px}.size-label{color:#6b7280;font-size:14px}.size-input-field{border:1px solid #d1d5db;border-radius:4px;padding:8px;width:100%}.delete-button{background-color:#fef2f2;border-color:#fee2e2;color:#ef4444;margin-top:12px}.delete-button:hover:not(:disabled){background-color:#fee2e2}.resize-handle{border:2px solid #000;border-radius:4px;box-shadow:0 2px 4px #0000004d;height:20px;pointer-events:auto;position:absolute;transition:transform .15s ease;width:20px;z-index:20}.resize-handle:hover{background-color:#f3f4f6;transform:scale(1.1)}.resize-handle:active{background-color:#e5e7eb;transform:scale(.95)}.resize-handle.top-left{cursor:nwse-resize;left:-10px;top:-10px}.resize-handle.top-center{cursor:ns-resize;left:50%;top:-10px;transform:translateX(-50%)}.resize-handle.top-center:hover{transform:translateX(-50%) scale(1.1)}.resize-handle.top-center:active{transform:translateX(-50%) scale(.95)}.resize-handle.top-right{cursor:nesw-resize;right:-10px;top:-10px}.resize-handle.right-center{cursor:ew-resize;right:-10px;top:50%;transform:translateY(-50%)}.resize-handle.right-center:hover{transform:translateY(-50%) scale(1.1)}.resize-handle.right-center:active{transform:translateY(-50%) scale(.95)}.resize-handle.bottom-right{bottom:-10px;cursor:nwse-resize;right:-10px}.resize-handle.bottom-center{bottom:-10px;cursor:ns-resize;left:50%;transform:translateX(-50%)}.resize-handle.bottom-center:hover{transform:translateX(-50%) scale(1.1)}.resize-handle.bottom-center:active{transform:translateX(-50%) scale(.95)}.resize-handle.bottom-left{bottom:-10px;cursor:nesw-resize;left:-10px}.resize-handle.left-center{cursor:ew-resize;left:-10px;top:50%;transform:translateY(-50%)}.resize-handle.left-center:hover{transform:translateY(-50%) scale(1.1)}.resize-handle.left-center:active{transform:translateY(-50%) scale(.95)}@media (max-width:768px){.resize-handle{height:24px;width:24px}.resize-handle.top-left{left:-12px;top:-12px}.resize-handle.top-center{top:-12px}.resize-handle.top-right{right:-12px;top:-12px}.resize-handle.right-center{right:-12px}.resize-handle.bottom-right{bottom:-12px;right:-12px}.resize-handle.bottom-center{bottom:-12px}.resize-handle.bottom-left{bottom:-12px;left:-12px}.resize-handle.left-center{left:-12px}}.rotation-handle{top:-40px;z-index:30}.slider-with-input{align-items:center;display:flex;gap:10px}.slider-with-input .range-input{flex:1 1}.slider-with-input .number-input{border:1px solid #d1d5db;border-radius:4px;padding:4px 8px;text-align:center;width:60px}.angle-unit{color:#6b7280;font-size:14px}.rotation-handle{align-items:center;background-color:#4299e1;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;color:#fff;cursor:grab;display:flex;height:32px;justify-content:center;left:50%;pointer-events:auto;position:absolute;top:-45px;transform:translateX(-50%);transition:all .2s ease;width:32px;z-index:100}.rotation-handle:hover{background-color:#3182ce;transform:translateX(-50%) scale(1.1)}.rotation-handle:active{background-color:#2c5282;cursor:grabbing;transform:translateX(-50%) scale(.95)}.rotation-handle svg{fill:#fff;height:16px;pointer-events:none;width:16px}.text-element{align-items:center;display:flex;justify-content:center;position:absolute}.draggable-element,.text-element{overflow:visible!important;transform-origin:center center}.resize-handles{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:20}.padding-controls{gap:12px}.select-control{padding:8px 12px}.padding-slider{align-items:center;display:flex;gap:8px;margin-top:4px}.slider-input{-webkit-appearance:none;background:#e5e7eb;border-radius:8px;flex:1 1;height:8px;outline:none}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;background:#4299e1;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0000001a;cursor:pointer;height:18px;width:18px}.slider-value{color:#4b5563;font-size:14px;font-weight:500;min-width:45px}.padding-controls{display:flex;flex-direction:column;gap:16px;margin-top:8px}.control-row{display:flex;gap:8px}.select-container{flex:1 1;position:relative}.select-control{-webkit-appearance:none;appearance:none;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:14px;padding:10px 12px;width:100%}.select-arrow{color:#6b7280;font-size:10px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.padding-slider-container{display:flex;flex-direction:column;gap:8px;margin-top:8px}.padding-slider-input{-webkit-appearance:none;background:linear-gradient(90deg,#60a5fa 0,#60a5fa 50%,#e5e7eb 0,#e5e7eb);background:linear-gradient(to right,#60a5fa 0,#60a5fa var(--value,50%),#e5e7eb var(--value,50%),#e5e7eb 100%);border-radius:10px;height:10px;outline:none;width:100%}.padding-slider-input::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:2px solid #60a5fa;border-radius:50%;box-shadow:0 1px 3px #0000001a;cursor:pointer;height:20px;width:20px}.padding-slider-controls{align-items:center;display:flex;justify-content:space-between}.padding-slider-value{color:#4b5563;font-size:14px;font-weight:500}.delete-padding-button{align-items:center;background-color:#fee2e2;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background-color .2s;width:32px}.delete-padding-button:hover{background-color:#fecaca}.text-options-popover{box-shadow:0 4px 12px #00000026;width:250px}.text-options-header{background-color:#f1f1f1;gap:4px;padding:10px}.text-options-dot{height:6px;width:6px}.text-options-content{padding:12px}.text-options-checkbox{margin-bottom:8px}.text-options-checkbox input[type=checkbox]{height:18px;margin-right:10px;width:18px}.checkbox-label{color:#4a4a4a}.text-options-divider{background-color:#eee;margin:12px 0}.text-options-group{margin-bottom:8px}.text-options-label{color:#4a4a4a;margin-bottom:10px}.text-options-slider{background:linear-gradient(90deg,#60a5fa 0,#60a5fa 100%,#d1d5db 0);border-radius:8px;height:8px}.text-options-slider::-webkit-slider-thumb{height:20px;width:20px}.text-options-value{color:#4a4a4a}.text-options-button{background-color:#fff;border:1px solid #d1d5db;color:#4a4a4a;padding:10px 0;transition:background-color .2s}.text-options-button:hover{background-color:#f9fafb}.text-options-popover{position:absolute}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.text-options-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:5px;justify-content:center;padding:12px}.text-options-dot{background-color:#64748b;border-radius:50%;height:5px;opacity:.8;width:5px}.text-options-checkbox{align-items:center;cursor:pointer;display:flex;padding:4px 0;-webkit-user-select:none;user-select:none}.text-options-checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;border:2px solid #d1d5db;border-radius:4px;cursor:pointer;flex-shrink:0;height:20px;margin-right:12px;position:relative;transition:all .2s;width:20px}.text-options-checkbox input[type=checkbox]:checked{background-color:#4f46e5;border-color:#4f46e5}.text-options-checkbox input[type=checkbox]:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:50%;margin-top:-1px;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:5px}.text-options-checkbox input[type=checkbox]:focus{box-shadow:0 0 0 2px #4f46e54d;outline:none}.checkbox-label{color:#374151;font-size:14px;font-weight:600}.text-options-divider{background-color:#e5e7eb;height:1px;margin:16px 0}.text-options-group{margin-bottom:4px}.text-options-label{color:#374151;font-size:14px;font-weight:500;margin-bottom:12px}.text-options-slider-container{align-items:center;display:flex;gap:12px}.text-options-slider{-webkit-appearance:none;background:linear-gradient(90deg,#60a5fa 0,#60a5fa 100%,#e5e7eb 0);border-radius:6px;flex:1 1;height:6px;outline:none}.text-options-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:2px solid #60a5fa;border-radius:50%;box-shadow:0 1px 3px #0003;cursor:pointer;height:18px;-webkit-transition:transform .15s;transition:transform .15s;width:18px}.text-options-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.text-options-slider::-webkit-slider-thumb:active{transform:scale(.95)}.text-options-slider::-moz-range-thumb{background:#fff;border:2px solid #60a5fa;border-radius:50%;box-shadow:0 1px 3px #0003;cursor:pointer;height:18px;-moz-transition:transform .15s;transition:transform .15s;width:18px}.text-options-value{color:#4b5563;font-size:14px;font-weight:600;min-width:48px;text-align:right}.text-options-button{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#334155;cursor:pointer;font-size:14px;font-weight:600;margin-top:8px;padding:10px 16px;text-align:center;transition:all .2s;width:100%}.text-options-button:hover{background-color:#f1f5f9;border-color:#cbd5e1}.text-options-button:active{background-color:#e2e8f0;transform:translateY(1px)}.more-button{align-items:center;display:flex;font-size:20px;font-weight:700;justify-content:center;position:relative}.more-button.active{background-color:#e5e7eb;color:#374151}@media (max-width:768px){.text-options-popover{animation:slideUp .3s ease-out;border-radius:16px 16px 0 0;bottom:0;box-shadow:0 -2px 10px #0000001a;left:0;max-height:80vh;overflow-y:auto;position:fixed;right:0;top:auto;transform-origin:bottom center;width:100%}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.text-options-header{padding:16px}.text-options-content{padding:20px}.text-options-checkbox input[type=checkbox]{height:24px;width:24px}.checkbox-label,.text-options-label{font-size:16px}.text-options-slider{height:8px}.text-options-slider::-webkit-slider-thumb{height:22px;width:22px}.text-options-value{font-size:16px;min-width:54px}.text-options-button{font-size:16px;margin-top:16px;padding:14px 20px}.text-options-header:before{background-color:#cbd5e1;border-radius:4px;content:"";height:4px;left:50%;position:absolute;top:8px;transform:translateX(-50%);width:40px}.text-options-header{padding-top:20px}}@media (max-width:480px){.text-options-content{padding:16px}.text-options-button{padding:12px 16px}}@media (min-width:769px){.text-options-popover{max-width:320px}.text-options-popover.too-far-right{left:auto!important;right:16px}.text-options-popover.too-far-bottom{bottom:16px;top:auto!important}}.text-options-popover{animation:popoverFadeIn .2s ease-out;border-radius:12px;max-width:calc(100vw - 32px);overflow:hidden;position:fixed;transform-origin:top center;width:280px;z-index:1000}.text-options-content{max-height:calc(80vh - 44px);overflow-y:auto;padding:16px}.text-options-header{background-color:#f1f5f9;position:sticky;top:0;z-index:2}body{overflow-x:hidden}.canvas-container{overflow:visible;position:relative}.controls-panel{overflow:visible}.text-options-popover{z-index:2000}.text-options-overlay{animation:overlayFadeIn .2s ease-out;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1500}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}:root{--bg-primary:#f5f5f5;--bg-canvas:#e5e7eb;--text-primary:#333;--text-secondary:#666;--border-color:#e2e8f0;--button-primary:#ff5757;--button-primary-hover:#2563eb;--button-secondary:#f5f5f5;--button-secondary-hover:#e5e5e5;--button-text:#fff;--button-danger:#ef4444;--button-danger-hover:#dc2626;--button-add-text:#6366f1;--button-add-text-hover:#4f46e5;--button-download:#22c55e;--button-download-hover:#16a34a;--icon-button-bg:#f3f4f6;--icon-button-hover:#e5e7eb;--input-bg:#fff;--input-border:#d1d5db;--input-text:#333;--toolbar-bg:#fff;--toolbar-separator:#d1d5db;--toolbar-value-bg:#f0f4ff;--toolbar-value-text:#2563eb;--toolbar-value-border:#dbeafe;--slider-bg:#e5e7eb;--slider-fill:#3b82f6;--canvas-border:#d1d5db;--placeholder-color:#9ca3af;--resize-handle-bg:#fff;--resize-handle-border:#000}.dark,[data-theme=dark]{--bg-primary:#1a1a1a;--bg-secondary:#222;--bg-canvas:#374151;--text-primary:#fff;--text-secondary:#a0a0a0;--border-color:#444;--button-primary:#ff5757;--button-primary-hover:#1d4ed8;--button-secondary:#333;--button-secondary-hover:#3a3a3a;--button-text:#fff;--button-danger:#ef4444;--button-danger-hover:#b91c1c;--button-add-text:#6366f1;--button-add-text-hover:#4f46e5;--button-download:#22c55e;--button-download-hover:#16a34a;--icon-button-bg:#333;--icon-button-hover:#444;--input-bg:#333;--input-border:#444;--input-text:#fff;--toolbar-bg:#222;--toolbar-separator:#444;--toolbar-value-bg:#1e293b;--toolbar-value-text:#60a5fa;--toolbar-value-border:#1e40af;--slider-bg:#444;--slider-fill:#3b82f6;--shadow-color:#0000004d;--canvas-border:#444;--placeholder-color:#6b7280;--resize-handle-bg:#333;--resize-handle-border:#fff}.meme-generator{color:#333;color:var(--text-primary)}.generator-container,.meme-generator{background-color:#f5f5f5;background-color:var(--bg-primary)}.canvas-container{box-shadow:0 2px 4px #0000001a;box-shadow:0 2px 4px var(--shadow-color)}.canvas-area,.canvas-container{background-color:#fff;background-color:var(--bg-secondary)}.canvas-area{border-color:#d1d5db;border-color:var(--canvas-border)}.upload-placeholder{color:#9ca3af;color:var(--placeholder-color)}.controls-panel{background-color:#fff;background-color:var(--bg-secondary);border-color:#e2e8f0;border-color:var(--border-color)}.control-section{border-bottom-color:#e2e8f0;border-bottom-color:var(--border-color)}.control-title{color:#333;color:var(--text-primary)}.formatting-toolbar{background-color:#fff;background-color:var(--toolbar-bg);border-color:#e2e8f0;border-color:var(--border-color)}.toolbar-button{background-color:#fff;background-color:var(--bg-secondary);border-color:#d1d5db;border-color:var(--input-border);color:#333;color:var(--text-primary)}.toolbar-button:hover:not(.disabled){background-color:#e5e7eb;background-color:var(--icon-button-hover)}.toolbar-button.active{background-color:#f0f4ff;background-color:var(--toolbar-value-bg);border-color:#dbeafe;border-color:var(--toolbar-value-border);color:#2563eb;color:var(--toolbar-value-text)}.toolbar-select{background-color:#fff;background-color:var(--input-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 3.976 4L9 1' stroke='%23333' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");border-color:#d1d5db;border-color:var(--input-border);color:#333;color:var(--input-text)}.dark .toolbar-select,[data-theme=dark] .toolbar-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 3.976 4L9 1' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.toolbar-separator{background-color:#d1d5db;background-color:var(--toolbar-separator)}.toolbar-value{background-color:#f0f4ff;background-color:var(--toolbar-value-bg);border-color:#dbeafe;border-color:var(--toolbar-value-border);color:#2563eb;color:var(--toolbar-value-text)}.delete-button{background-color:#ef4444;background-color:var(--button-danger);color:#fff;color:var(--button-text)}.delete-button:hover:not(:disabled){background-color:#dc2626;background-color:var(--button-danger-hover)}.upload-button-meme{background-color:#ff5757;background-color:var(--button-primary);color:#fff;color:var(--button-text)}.upload-button-meme:hover:not(:disabled){background-color:#2563eb;background-color:var(--button-primary-hover)}.add-text-button{background-color:#6366f1;background-color:var(--button-add-text);color:#fff;color:var(--button-text)}.add-text-button:hover:not(:disabled){background-color:#4f46e5;background-color:var(--button-add-text-hover)}.download-button{background-color:#22c55e;background-color:var(--button-download);color:var(--button-text)}.download-button:hover:not(:disabled){background-color:#16a34a;background-color:var(--button-download-hover)}.toolbar-download-button{background-color:#ff5757;color:#fff;color:var(--button-text)}.toolbar-download-button:hover{background-color:#2563eb;background-color:var(--button-primary-hover)}.text-input{background-color:#fff;background-color:var(--input-bg);color:#333;color:var(--input-text)}.color-input,.text-input{border-color:#d1d5db;border-color:var(--input-border)}.icon-button{background-color:#f3f4f6;background-color:var(--icon-button-bg);color:#333;color:var(--text-primary)}.icon-button:hover{background-color:#e5e7eb;background-color:var(--icon-button-hover)}.range-input{background-color:#e5e7eb;background-color:var(--slider-bg)}.range-input::-webkit-slider-thumb{background-color:#3b82f6;background-color:var(--slider-fill);border-color:#fff;border-color:var(--bg-secondary)}.range-input::-moz-range-thumb{background-color:#3b82f6;background-color:var(--slider-fill);border-color:#fff;border-color:var(--bg-secondary)}.edit-label,.range-value{color:#666;color:var(--text-secondary)}.text-options-popover{background-color:#fff;background-color:var(--bg-secondary);box-shadow:0 8px 24px #0000001f,0 2px 8px #00000014}.text-options-header{background-color:#f5f5f5;background-color:var(--bg-primary);border-bottom-color:#e2e8f0;border-bottom-color:var(--border-color)}.text-options-dot{background-color:#666;background-color:var(--text-secondary)}.checkbox-label{color:#333;color:var(--text-primary)}.text-options-divider{background-color:#e2e8f0;background-color:var(--border-color)}.text-options-label{color:#333;color:var(--text-primary)}.text-options-slider{background:linear-gradient(90deg,#3b82f6 0,#3b82f6 100%,#e5e7eb 0);background:linear-gradient(to right,var(--slider-fill) 0,var(--slider-fill) 100%,var(--slider-bg) 100%)}.text-options-slider::-webkit-slider-thumb{background:#3b82f6;background:var(--slider-fill);border-color:#fff;border-color:var(--bg-secondary)}.text-options-button,.text-options-value{color:#333;color:var(--text-primary)}.text-options-button{background-color:#f5f5f5;background-color:var(--button-secondary);border-color:#e2e8f0;border-color:var(--border-color)}.text-options-button:hover{background-color:#e5e5e5;background-color:var(--button-secondary-hover)}.text-options-overlay{background-color:#0000004d}.resize-handle{background-color:#fff;background-color:var(--resize-handle-bg);border-color:#000;border-color:var(--resize-handle-border)}.selected-element{border-color:#ff5757!important;border-color:var(--button-primary)!important}.modal-overlay{background-color:#00000080}.icon-modal{background-color:#fff;background-color:var(--bg-secondary);box-shadow:0 4px 20px #0000001a;box-shadow:0 4px 20px var(--shadow-color)}.modal-header{border-bottom-color:#e2e8f0;border-bottom-color:var(--border-color)}.modal-header h2{color:#333;color:var(--text-primary)}.close-button{color:#666;color:var(--text-secondary)}.search-input-wrapper .search-icon{color:#9ca3af;color:var(--placeholder-color)}.search-input{background-color:#fff;background-color:var(--input-bg);border-color:#d1d5db;border-color:var(--input-border);color:#333;color:var(--input-text)}.search-input:focus{border-color:#ff5757;border-color:var(--button-primary)}.icons-grid,.search-input:focus{background-color:#fff;background-color:var(--bg-secondary)}.icon-item{background-color:#3b82f614;background-color:rgba(var(--button-primary-rgb,59,130,246),.08)}.icon-item:hover{background-color:#3b82f629;background-color:rgba(var(--button-primary-rgb,59,130,246),.16)}.leave-modal-overlay{background-color:#00000080}.leave-modal{background-color:#fff;background-color:var(--bg-secondary);border-color:#e2e8f0;border-color:var(--border-color)}.leave-modal-button,.leave-modal-title{color:#333;color:var(--text-primary)}.leave-modal-button{background-color:#f5f5f5;background-color:var(--button-secondary)}.leave-modal-button.confirm{background-color:#ef4444;background-color:var(--button-danger);color:#fff;color:var(--button-text)}.leave-modal-button:hover{background-color:#e5e5e5;background-color:var(--button-secondary-hover)}.leave-modal-button.confirm:hover{background-color:#dc2626;background-color:var(--button-danger-hover)}.meme-templates-container{background-color:#f5f5f5;background-color:var(--bg-primary,#f5f5f5);border-radius:8px;margin-bottom:16px;width:100%}.dark .meme-templates-container,[data-theme=dark] .meme-templates-container{background-color:#1a1a1a}.meme-gallery{grid-gap:8px;box-sizing:border-box;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:16px;max-height:300px;overflow-y:auto;padding:4px}.dark .meme-gallery,[data-theme=dark] .meme-gallery{background-color:#222}.meme-template-item{aspect-ratio:1;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;overflow:hidden;transition:all .2s ease}.dark .meme-template-item,[data-theme=dark] .meme-template-item{background-color:#333;border-color:#444}.meme-template-item:hover{border-color:#d1d5db;box-shadow:0 4px 6px #0000001a;transform:scale(1.03)}.dark .meme-template-item:hover,[data-theme=dark] .meme-template-item:hover{border-color:#555;box-shadow:0 4px 6px #0000004d}.meme-template-item.selected{border:2px solid #2563eb;box-shadow:0 0 0 2px #2563eb4d}.dark .meme-template-item.selected,[data-theme=dark] .meme-template-item.selected{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d}.control-section.actions-section{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:16px}.dark .control-section.actions-section,[data-theme=dark] .control-section.actions-section{background-color:#2a2a2a;border-bottom-color:#444}.control-section.actions-section .control-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.control-section.actions-section .control-button{align-items:center;background-color:#fff;border:1px solid #0000001a;border-radius:12px;color:#333;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .2s ease}.dark .control-section.actions-section .control-button,[data-theme=dark] .control-section.actions-section .control-button{background-color:#333;border-color:#ffffff1a;color:#fff}.control-section.actions-section .control-button:hover:not(:disabled){background-color:#f3f4f6;transform:translateY(-1px)}.dark .control-section.actions-section .control-button:hover:not(:disabled),[data-theme=dark] .control-section.actions-section .control-button:hover:not(:disabled){background-color:#444}.control-section.actions-section .add-text-button:hover:not(:disabled){background-color:#4f46e5}.dark .control-section.actions-section .add-text-button:hover:not(:disabled),[data-theme=dark] .control-section.actions-section .add-text-button:hover:not(:disabled){background-color:#6366f1}.control-section.actions-section .upload-button-meme:hover:not(:disabled){background-color:#2563eb}.dark .control-section.actions-section .upload-button-meme:hover:not(:disabled),[data-theme=dark] .control-section.actions-section .upload-button-meme:hover:not(:disabled){background-color:#3b82f6}.control-section.actions-section .download-button{background-color:#22c55e;color:#fff;margin-top:4px}.dark .control-section.actions-section .download-button,[data-theme=dark] .control-section.actions-section .download-button{background-color:#34d399}.control-section.actions-section .download-button:hover:not(:disabled){background-color:#16a34a}.dark .control-section.actions-section .download-button:hover:not(:disabled),[data-theme=dark] .control-section.actions-section .download-button:hover:not(:disabled){background-color:#22c55e}@media (max-width:768px){.control-section.actions-section .control-actions{flex-direction:row;flex-wrap:wrap}.control-section.actions-section .add-text-button,.control-section.actions-section .upload-button-meme{flex:1 1;font-size:14px;min-width:0;padding:10px 8px}.control-section.actions-section .button-text-meme{font-size:13px}.control-section.actions-section .download-button{margin-top:8px;width:100%}}.tab-menu-container{border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:2rem 0;overflow:hidden;width:100%}.tab-section-heading{background-color:#f9f9f9;border-bottom:1px solid #e0e0e0;font-size:1.75rem;font-weight:600;margin:0;padding:1.5rem 1rem;text-align:center}@media (max-width:768px){.tab-section-heading{font-size:1.5rem;padding:1.25rem .75rem}}@media (max-width:480px){.tab-section-heading{font-size:1.25rem;padding:1rem .5rem}}.tab-headers{border-bottom:1px solid #e0e0e0;flex-wrap:wrap}.tab-header,.tab-headers{background-color:#f5f5f5;display:flex}.tab-header{align-items:center;border:none;color:#555;cursor:pointer;flex:1 1 auto;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:12px 8px;text-align:center;transition:all .3s ease}@media (max-width:768px){.tab-header{flex-basis:50%;min-width:50%}.tab-header svg{height:18px;width:18px}}@media (max-width:480px){.tab-header{flex-basis:100%;min-width:100%}}.tab-header:hover{background-color:#e9e9e9}.tab-header.active{background-color:#e62f33;color:#fff}.tab-header.active svg{stroke:#fff}.tab-content{background-color:#fff;padding:20px}.tab-panel{animation:fadeIn .3s ease}.button-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}@media (max-width:768px){.button-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width:480px){.button-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}.tool-button{background-color:#f0f0f0;padding:12px 16px}.tool-button:hover{background-color:#007bff;border-color:#007bff;color:#fff}[data-theme=dark] .tab-section-heading{color:#e0e0e0}[data-theme=dark] .tab-headers,[data-theme=dark] .tab-section-heading{background-color:#222;border-bottom:1px solid #333}[data-theme=dark] .tab-header{background-color:#222;color:#e0e0e0}[data-theme=dark] .tab-header:hover{background-color:#333}[data-theme=dark] .tab-header.active{background-color:#e62f33}[data-theme=dark] .tab-content{background-color:#222}[data-theme=dark] .tool-button{background-color:#333;border:1px solid #444}[data-theme=dark] .tool-button:hover{background-color:#4285f4;border-color:#3367d6;color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tab-menu-container .tool-button:hover{background-color:#e62f33;border-color:#e62f33;color:#fff}:root{--bg-primary:#f8f9fa;--bg-secondary:#fff;--bg-accent:#f0f2f5;--text-primary:#2c3e50;--text-secondary:#505a66;--text-muted:#7f8c8d;--accent-color:#ff5252;--accent-hover:#ff3d3d;--border-color:#e1e4e8;--shadow-color:#0000001a;--card-bg:#fff;--success-color:#00b67a;--error-color:#e74c3c;--warning-color:#f39c12;--header-bg:#fff;--header-text:#333;--dropdown-bg:#fff;--dropdown-border:#0000000f;--dropdown-shadow:#00000014;--dropdown-text:#333;--dropdown-hover-bg:#ff52520f;--dropdown-hover-text:#ff5252;--theme-toggle-color:#333;--brand-primary:#ff5252;--brand-secondary:#ff7043;--brand-gradient:linear-gradient(135deg,#ff5252,#ff7043);--brand-gradient-hover:linear-gradient(135deg,#ff3d3d,#ff5722);--brand-light:#ff7676;--brand-dark:#e53935}[data-theme=dark]{--bg-primary:#121212;--bg-secondary:#212121;--bg-accent:#0f3460;--text-primary:#e9e9e9;--text-secondary:#b8b8b8;--text-muted:#919191;--accent-color:#ff7676;--accent-hover:#ff5252;--border-color:#2a2a3d;--shadow-color:#0000004d;--card-bg:#212121;--success-color:#00a170;--error-color:#cf6679;--warning-color:#e9b949;--header-bg:#1a1a1a;--header-text:#f0f0f0;--dropdown-bg:#2a2a2a;--dropdown-border:#ffffff1a;--dropdown-shadow:#00000026;--dropdown-text:#f0f0f0;--dropdown-hover-bg:#ff52521a;--dropdown-hover-text:#ff7676;--theme-toggle-color:#f0f0f0;--brand-primary:#ff7676;--brand-secondary:#ff9171;--brand-gradient:linear-gradient(135deg,#ff7676,#ff9171);--brand-gradient-hover:linear-gradient(135deg,#ff5252,#ff7043);--brand-light:#ffacac;--brand-dark:#ff5252}@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg-primary:#121212;--bg-secondary:#212121;--bg-accent:#0f3460;--text-primary:#e9e9e9;--text-secondary:#b8b8b8;--text-muted:#919191;--accent-color:#ff7676;--accent-hover:#ff5252;--border-color:#2a2a3d;--shadow-color:#0000004d;--card-bg:#212121;--success-color:#00a170;--error-color:#cf6679;--warning-color:#e9b949;--header-bg:#1a1a1a;--header-text:#f0f0f0;--dropdown-bg:#2a2a2a;--dropdown-border:#ffffff1a;--dropdown-shadow:#00000026;--dropdown-text:#f0f0f0;--dropdown-hover-bg:#ff52521a;--dropdown-hover-text:#ff7676;--theme-toggle-color:#f0f0f0;--brand-primary:#ff7676;--brand-secondary:#ff9171;--brand-gradient:linear-gradient(135deg,#ff7676,#ff9171);--brand-gradient-hover:linear-gradient(135deg,#ff5252,#ff7043);--brand-light:#ffacac;--brand-dark:#ff5252}}.logo-image{height:55px;max-width:200px;width:auto}.logo-system-dark{display:none}@media (prefers-color-scheme:dark){.logo-system-light{display:none}.logo-system-dark{display:block}}body{transition:background-color .3s ease,color .3s ease}.card,.dropdown-menu,.faq-item,.feature,.header,.language-menu,.mobile-menu,.step-card,.testimonial,.theme-menu,a,button{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.text-brand-primary{color:#ff5252;color:var(--brand-primary)}.text-brand-secondary{color:#ff7043;color:var(--brand-secondary)}.bg-brand-primary{background-color:#ff5252;background-color:var(--brand-primary)}.bg-brand-secondary{background-color:#ff7043;background-color:var(--brand-secondary)}.bg-brand-gradient{background:linear-gradient(135deg,#ff5252,#ff7043);background:var(--brand-gradient)}.border-brand{border-color:#ff5252;border-color:var(--brand-primary)}.btn-brand{background:linear-gradient(135deg,#ff5252,#ff7043);background:var(--brand-gradient);border:none;border-radius:4px;color:#fff;font-weight:600;padding:.75rem 1.5rem;transition:transform .3s,box-shadow .3s}.btn-brand:hover{background:linear-gradient(135deg,#ff3d3d,#ff5722);background:var(--brand-gradient-hover);box-shadow:0 4px 12px #ff525240;transform:translateY(-2px)}.btn-outline-brand{background:#0000;border:1px solid #ff5252;border:1px solid var(--brand-primary);border-radius:4px;color:#ff5252;color:var(--brand-primary);font-weight:600;padding:.75rem 1.5rem;transition:background-color .3s,color .3s,transform .3s}.btn-outline-brand:hover{background-color:#ff5252;background-color:var(--brand-primary);color:#fff;transform:translateY(-2px)}.faq-converter-accordion{margin:2rem 0;padding:1rem 0}.faq-converter-title{color:#1f2937;font-size:1.75rem;font-weight:700;margin-bottom:1rem;text-align:center}.faq-converter-subtitle{color:#6b7280;font-size:1.1rem;margin-bottom:2rem;text-align:center}.faq-converter-list{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:800px}.faq-converter-item{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden;transition:box-shadow .3s ease}.faq-converter-item.open,.faq-converter-item:hover{box-shadow:0 4px 6px #0000000d}.faq-converter-question-button{align-items:center;background:none;background-color:#f9fafb;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:1.25rem;text-align:left;transition:background-color .2s ease;width:100%}.faq-converter-question-button:hover{background-color:#f3f4f6}.faq-converter-item.open .faq-converter-question-button{background-color:#eff6ff;border-bottom:1px solid #e5e7eb;color:#2563eb}.faq-converter-question{font-size:1.125rem;font-weight:500;margin:0;padding-right:1rem}.faq-converter-icon{flex-shrink:0;height:1.25rem;transition:transform .3s ease;width:1.25rem}.faq-converter-item.open .faq-converter-icon{transform:rotate(180deg)}.faq-converter-answer-container{max-height:0;opacity:0;overflow:hidden;padding:0 1.25rem;transition:max-height .3s ease-in-out,opacity .3s ease-in-out,padding .3s ease}.faq-converter-answer-container.active{max-height:1000px;opacity:1;padding:1.25rem}.faq-converter-answer{color:#4b5563;font-size:1rem;line-height:1.6;margin:0}html[data-theme=dark] .faq-converter-item{background-color:#1f2937;border-color:#374151}html[data-theme=dark] .faq-converter-question-button{background-color:#212121;color:#e5e7eb}html[data-theme=dark] .faq-converter-question-button:hover{background-color:#1f2937}html[data-theme=dark] .faq-converter-item.open .faq-converter-question-button{background-color:#212121;border-color:#374151;color:#93c5fd}html[data-theme=dark] .faq-converter-title{color:#f3f4f6}html[data-theme=dark] .faq-converter-subtitle{color:#9ca3af}html[data-theme=dark] .faq-converter-answer{color:#d1d5db}@media (max-width:768px){.faq-converter-title{font-size:1.5rem}.faq-converter-question,.faq-converter-subtitle{font-size:1rem}.faq-converter-answer-container.active,.faq-converter-question-button{padding:1rem}}@media (max-width:480px){.faq-converter-title{font-size:1.25rem}.faq-converter-list{gap:.5rem}.faq-converter-question{font-size:.9rem}.faq-converter-answer-container.active,.faq-converter-question-button{padding:.75rem}.faq-converter-answer{font-size:.9rem}}.logo{color:#6495ed}[data-theme=dark] .logo{color:#87cefa}.editor-nav li.active button{background-color:#6495ed1a;color:#6495ed}[data-theme=dark] .editor-nav li.active button{background-color:#87cefa1a;color:#87cefa}.test-input-with-unit{align-items:center;border:1px solid #ddd;border-radius:4px;display:flex;overflow:hidden}[data-theme=dark] .test-input-with-unit{border-color:#444}.test-input-with-unit input{border:none;flex:1 1;font-size:.9rem;outline:none;padding:.5rem}[data-theme=dark] .test-input-with-unit input{background-color:#333;color:#fff}.editor-page{margin:1rem;min-height:calc(100vh - 160px)}.editor-content{border-radius:8px;box-shadow:0 2px 8px #0000001a}[data-theme=dark] .editor-content{box-shadow:0 2px 8px #0000004d}.editor-sidebar{border-right:1px solid #eee}[data-theme=dark] .editor-sidebar{border-right-color:#333}.editor-page{padding:1.5rem}.tool-navigation{border-bottom:1px solid #eee;gap:1rem;padding-bottom:1rem}[data-theme=dark] .tool-navigation{border-bottom-color:#333}.tool-button{padding:.75rem 1.25rem}.tool-button svg{color:inherit}.editor-sidebar{flex-shrink:0}.resize-tabs{background-color:none}.resize-tabs button{background:none;border-right:1px solid #ddd;color:#666;font-weight:500;padding:.75rem;transition:all .2s}[data-theme=dark] .resize-tabs button{color:#aaa}.resize-tabs button.active{background-color:#6495ed}[data-theme=dark] .resize-tabs button.active{background-color:#4682b4}.aspect-ratio-lock label{color:#666}[data-theme=dark] .aspect-ratio-lock label{color:#aaa}.percentage-input{margin-bottom:1.5rem}.percentage-input label{color:#666;display:block;font-size:.9rem;margin-bottom:.5rem}[data-theme=dark] .percentage-input label{color:#aaa}.percentage-input .input-with-unit,.percentage-input .unit{align-items:center;display:flex}.percentage-input .unit{background-color:#f5f5f5;border-left:1px solid #ddd;height:100%;padding:0 .5rem}[data-theme=dark] .percentage-input .unit{background-color:#444;border-color:#555;color:#ccc}.resize-button{background-color:#6495ed}.resize-button:hover{background-color:#5a85d8}.resize-button:disabled{background-color:#ccc}.spinner{border:4px solid #6495ed4d;border-top-color:#6495ed}[data-theme=dark] .error-message{color:#ff6b6b}.back-button{background-color:#6495ed}.back-button:hover{background-color:#5a85d8}body:not([data-theme=dark]) .resize-tabs button{background-color:#f9f9f9;color:#555}body:not([data-theme=dark]) .resize-tabs button.active{background-color:#6495ed;color:#fff}.tool-button.active{background-color:#6495ed;border-color:#6495ed}[data-theme=dark] .tool-button.active{background-color:#4682b4;border-color:#4682b4}.resize-settings h2{font-size:1.25rem}body:not([data-theme=dark]) .tool-button{background-color:#fff;border-color:#ddd;box-shadow:0 1px 3px #0000001a;color:#333}body:not([data-theme=dark]) .tool-button.active{background-color:#6495ed;border-color:#6495ed;box-shadow:0 1px 3px #0003;color:#fff}@media (max-width:768px){.tool-navigation{flex-wrap:wrap;justify-content:center}.tool-button{flex:1 1;justify-content:center;min-width:80px}}.editor-sidebar{max-width:100%;width:320px}.editor-content{gap:1.5rem;height:calc(100vh - 200px);min-height:500px}.tool-button{gap:.35rem;padding:.4rem .8rem}.tool-button svg{height:16px;width:16px}.tool-navigation{gap:.4rem;margin-bottom:1.2rem}.resize-settings h2{margin-top:.75rem}.preview-container{gap:15px;justify-content:space-between;width:100%}.ad-container{height:90px}.image-wrapper{height:calc(100% - 40px)}.preview-image{border:1px solid #eee;max-height:500px}[data-theme=dark] .preview-image{border-color:#444}.editor-main{overflow:auto;padding:1rem}.image-preview-container{min-height:0}.editor-page{margin-top:0;padding:.5rem 1.5rem 1.5rem}.editor-content{margin-top:.5rem}.editor-main{padding-top:.75rem}.editor-content{height:calc(100vh - 150px);min-height:400px}.editor-sidebar{padding:1rem}.tool-navigation{margin-bottom:.8rem}.resize-settings h2{font-size:1.1rem;margin-bottom:1rem;margin-top:.5rem}.dimensions-inputs{gap:.75rem;margin-bottom:1rem}.ad-container{height:70px}.resize-tabs button{padding:.5rem}.image-details,.test-export-settings{margin-top:1rem}.image-details{padding-top:1rem}.image-preview-container img{margin:auto;max-height:calc(100% - 40px);max-width:100%;object-fit:contain}.tool-button{font-size:.85rem;padding:.4rem .6rem}.image-details h3,.resize-settings h2,.test-export-settings h3{margin-bottom:.75rem;margin-top:.5rem}.dimensions-inputs,.image-details,.percentage-input,.test-export-settings{margin-bottom:.75rem;margin-top:.75rem}.editor-page{padding:.5rem 1rem}.editor-content{height:calc(100vh - 120px);min-height:0}.tool-tabs{border-bottom:1px solid #ddd;margin-bottom:1rem}[data-theme=dark] .tool-tabs{border-color:#444}.tool-tab{align-items:center;background:none;border:1px solid #0000;border-radius:4px 4px 0 0;color:#666;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;margin-right:.25rem;padding:.75rem 1rem;position:relative}[data-theme=dark] .tool-tab{color:#aaa}.tool-tab svg{height:18px;width:18px}.tool-tab:hover{background-color:#00000008;color:#333}[data-theme=dark] .tool-tab:hover{background-color:#ffffff0d;color:#fff}.tool-tab.active{background-color:#fff;border:1px solid;border-color:#ddd #ddd #fff;color:#6495ed;margin-bottom:-1px}[data-theme=dark] .tool-tab.active{background-color:#222;border-color:#444 #444 #222;color:#87cefa}.tool-content{padding:0}@media (max-width:480px){.tool-content{margin-bottom:40%;padding:0 40px 100px 0}.crop-settings{margin-bottom:35%;padding:0 40px 100px 0}}.crop-settings h2,.resize-settings h2,.rotate-settings h2{color:#333;font-size:1.1rem;margin-bottom:.75rem;margin-top:.5rem}[data-theme=dark] .crop-settings h2,[data-theme=dark] .resize-settings h2,[data-theme=dark] .rotate-settings h2{color:#fff}.action-button:disabled{background-color:#ccc}.action-buttons{display:flex;gap:.75rem;margin-top:1rem}.dimensions-row{display:flex;gap:.75rem;margin-bottom:.75rem}.dimensions-row .dimension-group{flex:1 1}.aspect-ratio-group{margin-bottom:1rem}.preview-image{max-height:400px;max-width:700px}.flip-options,.rotate-options{display:flex;gap:.75rem;margin-bottom:1.5rem}.flip-option,.rotate-option{align-items:center;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;padding:1rem;transition:all .2s}[data-theme=dark] .flip-option,[data-theme=dark] .rotate-option{border-color:#444}.flip-option:hover,.rotate-option:hover{background-color:#f9f9f9;border-color:#ccc}[data-theme=dark] .flip-option:hover,[data-theme=dark] .rotate-option:hover{background-color:#2a2a2a;border-color:#555}.flip-icon,.rotate-icon{color:#6495ed;margin-bottom:.5rem}[data-theme=dark] .flip-icon,[data-theme=dark] .rotate-icon{color:#87cefa}.preview-container{gap:8px}.image-info-bar{margin-bottom:.5rem;padding:.25rem .5rem}.editor-sidebar{padding:.75rem;width:330px}@media (max-width:768px){.editor-content{flex-direction:column;height:auto;overflow:auto}.editor-sidebar{order:2;width:100%}.editor-main{min-height:400px;order:1}.tool-tabs{flex-wrap:nowrap;overflow-x:auto}.dimensions-row{gap:.5rem}.dimensions-row,.flip-options,.rotate-options{flex-direction:column}.tool-content{margin-bottom:38%;padding:0 40px 100px 0}.crop-settings{margin-bottom:40%;padding:0 40px 100px 0}}.test-export-settings{padding-top:1rem}.test-export-settings-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:1rem}.test-export-settings-header h3{color:#333;font-size:1.1rem;margin:0}[data-theme=dark] .test-export-settings-header h3{color:#fff}.toggle-icon{transition:transform .2s}.test-export-settings-header.collapsed .toggle-icon{transform:rotate(-90deg)}.target-file-size{margin-bottom:1rem}.target-file-size label{align-items:center;color:#555;display:flex;font-size:.9rem;gap:.25rem;margin-bottom:.5rem}[data-theme=dark] .target-file-size label{color:#aaa}.optional-text{color:#888;font-size:.85rem;font-weight:400}[data-theme=dark] .optional-text{color:#777}.info-icon{align-items:center;color:#6495ed;display:inline-flex;justify-content:center}[data-theme=dark] .info-icon{color:#87cefa}.test-input-with-dropdown{border:1px solid #ddd;border-radius:4px;display:flex;height:40px;overflow:hidden}[data-theme=dark] .test-input-with-dropdown{border-color:#444}.input-with-dropdown input{border:none;flex:1 1;font-size:1rem;outline:none;padding:.5rem}[data-theme=dark] .input-with-dropdown input{background-color:#333;color:#fff}.unit-dropdown{background-color:#f0f0f0;border-left:1px solid #ddd;width:60px}[data-theme=dark] .unit-dropdown{background-color:#444;border-color:#555}.unit-dropdown select{-webkit-appearance:none;appearance:none;background-color:initial;border:none;cursor:pointer;font-size:.9rem;height:100%;outline:none;padding:.5rem;text-align:center;width:100%}[data-theme=dark] .unit-dropdown select{color:#fff}.format-selection{margin-bottom:1rem}.format-selection label{color:#555}.unit-selector{background-color:#f0f0f0;min-width:80px}[data-theme=dark] .unit-selector{background-color:#333;border-color:#444}.unit-dropdown{-webkit-appearance:none;appearance:none;background:#0000;border:none;color:#555;cursor:pointer;font-size:.9rem;outline:none;padding:.5rem 1.5rem .5rem .5rem;width:100%}[data-theme=dark] .unit-dropdown{color:#ddd}.unit-selector svg{right:5px}.unit-dropdown option{background-color:#fff;color:#333;padding:8px}[data-theme=dark] .unit-dropdown option{background-color:#222;color:#eee}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:1}.unit-selector select:focus{border-radius:4px;box-shadow:0 0 0 2px #6495ed4d}.input-with-unit input{min-width:0}.aspect-ratio-section{margin-bottom:1.5rem}.aspect-ratio-section>label{color:#555;display:block;font-size:.9rem;margin-bottom:.5rem}[data-theme=dark] .aspect-ratio-section>label{color:#aaa}.aspect-ratio-options{background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;max-height:250px;overflow-y:auto;padding:.5rem}[data-theme=dark] .aspect-ratio-options{background-color:#2a2a2a;border-color:#444}.aspect-ratio-options::-webkit-scrollbar{width:8px}.aspect-ratio-options::-webkit-scrollbar-track{background-color:#f0f0f0;border-radius:4px}[data-theme=dark] .aspect-ratio-options::-webkit-scrollbar-track{background-color:#333}.aspect-ratio-options::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}[data-theme=dark] .aspect-ratio-options::-webkit-scrollbar-thumb{background-color:#555}.aspect-ratio-options::-webkit-scrollbar-thumb:hover{background-color:#aaa}[data-theme=dark] .aspect-ratio-options::-webkit-scrollbar-thumb:hover{background-color:#666}.ratio-group{margin-bottom:1rem}.ratio-group-header{border-bottom:1px solid #e0e0e0;color:#6495ed;font-weight:500;margin:.5rem 0;padding-bottom:.25rem}[data-theme=dark] .ratio-group-header{border-color:#444;color:#87cefa}.ratio-option{align-items:center;border-radius:4px;cursor:pointer;display:flex;margin-bottom:.125rem;padding:.25rem .5rem}.ratio-option:hover{background-color:#6495ed1a}[data-theme=dark] .ratio-option:hover{background-color:#87cefa1a}.ratio-option input[type=radio]{accent-color:#6495ed;cursor:pointer;margin-right:.5rem}[data-theme=dark] .ratio-option input[type=radio]{accent-color:#87cefa}.ratio-option label{color:#333;cursor:pointer;flex:1 1;font-size:.9rem}[data-theme=dark] .ratio-option label{color:#ddd}.custom-ratio-inputs{margin-left:1.5rem}.custom-ratio-inputs.hidden{display:none}.ratio-option.active{background-color:#6495ed33}[data-theme=dark] .ratio-option.active{background-color:#87cefa33}.aspect-ratio-group{margin-bottom:1.5rem}.aspect-ratio-group label{color:#555;display:block;font-size:.9rem;margin-bottom:.5rem}[data-theme=dark] .aspect-ratio-group label{color:#aaa}.aspect-ratio-select{-webkit-appearance:none;appearance:none;background-color:initial;border:none;color:#333;font-size:.9rem;outline:none;padding:.5rem;width:100%}[data-theme=dark] .aspect-ratio-select{color:#fff}.aspect-ratio-select optgroup{color:#6495ed;font-weight:700}[data-theme=dark] .aspect-ratio-select optgroup{background-color:#222;color:#87cefa}.aspect-ratio-select option{background-color:#fff;color:#333;padding:8px 12px}[data-theme=dark] .aspect-ratio-select option{background-color:#222;color:#ddd}.aspect-ratio-select option:focus,.aspect-ratio-select option:hover{background-color:#f0f5ff}[data-theme=dark] .aspect-ratio-select option:focus,[data-theme=dark] .aspect-ratio-select option:hover{background-color:#2a3a50}.custom-ratio-inputs{align-items:center;display:flex;gap:.5rem;margin-top:.5rem}.custom-ratio-inputs input{border-radius:4px;font-size:.9rem;padding:.25rem .5rem;width:60px}.custom-ratio-inputs .ratio-separator{color:#555}[data-theme=dark] .custom-ratio-inputs .ratio-separator{color:#aaa}.input-with-unit,.test-select-wrapper,input[type=number],input[type=text],select{border-radius:6px;font-size:1rem;height:42px}.unit-dropdown,.unit-selector select{-webkit-appearance:none;appearance:none;background:#0000;border:none;cursor:pointer;font-size:1rem;height:100%;outline:none;padding:0 1rem 0 .5rem;width:100%}[data-theme=dark] .unit-dropdown,[data-theme=dark] .unit-selector select{color:#ddd}.test-select-wrapper select{background:#0000;height:42px}.test-select-wrapper svg{right:.75rem}.aspect-ratio-select{font-size:1rem;height:42px;padding:0 .75rem}.action-button,.secondary-button{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:1.05rem;font-weight:500;gap:.5rem;height:48px;justify-content:center;padding:0 1rem;transition:all .2s ease}.action-button{background-color:#6495ed}.action-button:hover{background-color:#5a85d8;box-shadow:0 2px 5px #0000001a}.action-button:active{box-shadow:none;transform:translateY(0)}.input-with-unit:focus-within,.test-select-wrapper:focus-within,input:focus,select:focus{border-color:#6495ed;box-shadow:0 0 0 2px #6495ed33}[data-theme=dark] .input-with-unit:focus-within,[data-theme=dark] .test-select-wrapper:focus-within,[data-theme=dark] input:focus,[data-theme=dark] select:focus{border-color:#87cefa;box-shadow:0 0 0 2px #87cefa33}.custom-ratio-inputs{gap:.75rem;margin-top:.75rem}.custom-ratio-inputs input{border:1px solid #ddd;border-radius:6px;font-size:1rem;height:42px;padding:0 .75rem;width:70px}[data-theme=dark] .custom-ratio-inputs input{background-color:#333;border-color:#444;color:#fff}.custom-ratio-inputs .ratio-separator{font-size:1.25rem;font-weight:700}.aspect-ratio-group label,.dimension-group label{color:#555;display:block;font-size:.95rem;margin-bottom:.5rem}[data-theme=dark] .aspect-ratio-group label,[data-theme=dark] .dimension-group label{color:#aaa}.input-with-unit,.test-select-wrapper,button,input,select{transition:all .2s ease}@media (max-width:768px){.editor-page{overflow:hidden}.editor-content{flex-direction:column;height:100%;overflow:hidden}.editor-main{height:40vh;margin-bottom:.5rem;max-height:40vh;min-height:250px;order:1;overflow:hidden;padding:.5rem}.editor-sidebar{height:calc(60vh - 20px);order:2;overflow-y:auto;padding:.75rem;width:100%}.preview-image{max-height:100%;max-width:100%}.action-button,.secondary-button{height:52px}.image-info-bar{margin-bottom:.25rem;padding:.25rem}.zoom-controls{display:none}.dimensions-row{flex-direction:column;gap:.75rem}.preview-container{overflow:hidden}}@media (max-width:480px){.editor-main{height:35vh;min-height:200px}.editor-sidebar{height:calc(65vh - 20px)}.editor-page{padding:.25rem}.crop-settings h2,.resize-settings h2,.rotate-settings h2{font-size:1rem;margin-bottom:.5rem;margin-top:.4rem}}.editor-content,.editor-page{overflow:hidden}.editor-sidebar{-webkit-overflow-scrolling:touch}.preview-container{overflow:hidden}.image-wrapper{flex:1 1}@media (max-width:768px){.editor-page{padding:.5rem}.editor-content{flex-direction:column}.editor-main{height:45vh;min-height:280px}.editor-sidebar{height:calc(55vh - 20px);width:100%}}body.editor-active{height:100%;overflow:hidden;position:fixed;width:100%}.editor-page{bottom:0;height:100vh!important;left:0;margin:0;max-height:100vh!important;overflow:hidden!important;padding:0;position:fixed!important;right:0;top:0}.editor-content{height:100%!important;max-height:100%!important;overflow:hidden!important}@media (max-width:768px){.editor-content{display:flex!important;flex-direction:column!important;height:100vh!important;width:100vw!important}.editor-main{flex:0 0 45%!important;height:45%!important;max-height:45%!important;min-height:0!important;order:1;overflow:hidden!important}.editor-sidebar{-webkit-overflow-scrolling:touch;flex:0 0 55%!important;height:55%!important;max-height:55%!important;order:2;overflow-y:auto!important}.preview-container{display:flex;flex-direction:column;height:100%!important;overflow:hidden!important;position:relative}.ad-container{height:40px!important;max-height:40px!important;min-height:40px!important}.image-preview-container{flex-grow:1!important;overflow:hidden!important}.image-wrapper{align-items:center;display:flex;height:100%!important;justify-content:center;overflow:hidden!important;width:100%!important}.preview-image{max-height:90%!important;max-width:90%!important;object-fit:contain!important}}.editor-page{height:calc(100vh - 50px)!important;margin-top:50px!important}@media (max-width:768px){.editor-page{height:calc(100vh - 40px)!important;margin-top:40px!important}.editor-content{height:calc(100% - 20px)!important}.editor-page.fixed-position{height:calc(100vh - 40px)!important;position:fixed!important;top:40px!important}}.editor-page.fixed-position{height:calc(100vh - 50px)!important;position:fixed!important;top:50px!important}.crop-selection{border:2px dashed #fff}.crop-handle{border:1px solid #4285f4;height:12px;width:12px}.crop-handle-nw{left:-6px;top:-6px}.crop-handle-ne{right:-6px;top:-6px}.crop-handle-sw{bottom:-6px;left:-6px}.crop-handle-se{bottom:-6px;right:-6px}.crop-selection{border:2px dashed #4285f4}[data-theme=dark] .crop-selection{border-color:#87cefa}.crop-handle{border:2px solid #4285f4}[data-theme=dark] .crop-handle{border-color:#87cefa}.crop-handle-nw{cursor:nw-resize;left:-7px;top:-7px}.crop-handle-ne{cursor:ne-resize;right:-7px;top:-7px}.crop-handle-sw{bottom:-7px;cursor:sw-resize;left:-7px}.crop-handle-se{bottom:-7px;cursor:se-resize;right:-7px}.crop-handle:hover{background-color:#4285f4}[data-theme=dark] .crop-handle:hover{background-color:#87cefa}.image-wrapper{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.image-container{background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;max-height:100%;max-width:100%;overflow:auto}.zoom-controls{align-items:center;gap:8px}.zoom-level{background-color:#0000000d;border-radius:4px;font-size:14px;font-weight:500;min-width:45px;padding:2px 6px;text-align:center}.zoom-button{gap:4px;padding:5px 10px;transition:all .2s ease}.zoom-button:hover:not(:disabled){background-color:#f5f5f5;border-color:#ccc}.zoom-button:disabled{cursor:not-allowed;opacity:.5}.reset-zoom{background-color:#f0f0f0;margin-left:5px}.crop-overlay-container{background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;overflow:auto}.crop-original-image,.preview-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.crop-overlay-container::-webkit-scrollbar,.image-container::-webkit-scrollbar{height:10px;width:10px}.crop-overlay-container::-webkit-scrollbar-track,.image-container::-webkit-scrollbar-track{background:#f1f1f1}.crop-overlay-container::-webkit-scrollbar-thumb,.image-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:5px}.crop-overlay-container::-webkit-scrollbar-thumb:hover,.image-container::-webkit-scrollbar-thumb:hover{background:#a1a1a1}@media (max-width:768px){.editor-page{bottom:0;height:100vh;left:0;overflow:hidden;position:fixed;right:0;top:0;width:100vw}.editor-content{display:flex;flex-direction:column;height:100%;overflow:hidden}.editor-main{flex:1 1;overflow:hidden;position:relative}.image-preview-container{display:flex;flex-direction:column;height:100%}.image-wrapper{flex:1 1;overflow:hidden;position:relative}.crop-overlay-container,.image-container{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.crop-original-image,.preview-image{max-height:100%;max-width:100%;object-fit:contain}.crop-overlay-container{touch-action:none}.crop-selection{border:3px dashed #fff!important}.crop-selection>div{height:24px!important;width:24px!important}.crop-selection>div[style*="top: -10px"]{top:-12px!important}.crop-selection>div[style*="bottom: -10px"]{bottom:-12px!important}.crop-selection>div[style*="left: -10px"]{left:-12px!important}.crop-selection>div[style*="right: -10px"]{right:-12px!important}.crop-selection>div[style*="marginLeft: -10px"]{margin-left:-12px!important}.crop-selection>div[style*="marginTop: -10px"]{margin-top:-12px!important}.image-container{height:calc(100vh - 200px)!important;max-height:70vh!important;width:100%!important}.zoom-controls{flex-wrap:wrap;justify-content:center}.zoom-button{margin:4px!important;padding:8px 12px!important}.crop-overlay-container,.crop-selection,.crop-selection>div{user-select:none;-webkit-user-select:none}.crop-selection>div:active{background-color:#4a89dc!important;transform:scale(1.2)}.editor-sidebar{max-height:40vh;overflow-y:auto}.mobile-toggle-sidebar{font-size:14px;font-weight:700}.preview-container{padding:0!important}.crop-overlay-container img.crop-original-image{min-height:200px}.preview-container{height:calc(100vh - 60px)!important}.image-preview-container{display:flex;flex-direction:column;height:100%!important}.crop-overlay-container,.image-wrapper{flex:1 1;height:100%!important;position:relative;width:100%}.activeTool-crop .ad-container{display:none!important}.crop-selection>div{box-shadow:0 0 0 2px #00000080}.image-fit-toggle{align-items:center;background:#4a89dccc;border:none;border-radius:50%;bottom:70px;box-shadow:0 2px 10px #0000004d;color:#fff;display:flex;height:50px;justify-content:center;position:absolute;right:20px;width:50px;z-index:100}}.ad-container{z-index:5}.activeTool-crop .ad-container,.ad-container{display:flex!important}@media (max-width:768px){.preview-container{display:flex;flex-direction:column;gap:8px;height:auto!important;padding:.5rem}.ad-container.ad-top{left:0;position:relative;top:0;width:100%}.ad-container.ad-bottom{bottom:0;left:0;position:relative;width:100%}.image-preview-container{display:flex;flex:1 1;flex-direction:column;max-height:calc(100% - 150px)}.crop-overlay-container{max-height:calc(100vh - 250px);overflow:hidden}}@media (max-width:480px){.ad-container{height:50px;min-height:50px}}.scroll-wrapper{-webkit-overflow-scrolling:touch;height:100%;overflow:auto;position:relative;touch-action:pan-x pan-y;width:100%}@media (max-width:768px){.preview-container{display:flex;flex-direction:column;gap:8px;height:auto!important;padding:.5rem}.ad-container.ad-top{left:0;position:relative;top:0;width:100%}.ad-container.ad-bottom{bottom:0;left:0;position:relative;width:100%}.image-preview-container{display:flex;flex:1 1;flex-direction:column;max-height:calc(100% - 150px);overflow-y:auto}.crop-overlay-container{max-height:calc(100vh - 250px);overflow:hidden}.preview-container{display:flex;flex-direction:column;gap:8px;height:100vh;overflow:hidden;padding:.5rem}.image-preview-container{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.crop-overlay-container{max-height:calc(100vh - 250px);overflow:hidden}}.editor-page{display:flex;flex-direction:column;min-height:100vh}.editor-header{align-items:center;background-color:#fff;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:1rem 2rem}[data-theme=dark] .editor-header{background-color:#222;box-shadow:0 2px 4px #0000004d}.logo{color:#ff5252;font-size:1.5rem;font-weight:700}[data-theme=dark] .logo{color:#ff7676}.editor-nav ul{display:flex;gap:1rem;list-style:none;margin:0;padding:0}.editor-nav button{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}[data-theme=dark] .editor-nav button{color:#ccc}.editor-nav button:hover{background-color:#f5f5f5;color:#333}[data-theme=dark] .editor-nav button:hover{background-color:#333;color:#fff}.editor-nav li.active button{background-color:#ff52521a;color:#ff5252}[data-theme=dark] .editor-nav li.active button{background-color:#ff76761a;color:#ff7676}.editor-content{background-color:#f5f7fa;display:flex;flex:1 1;gap:1rem;padding:1rem}[data-theme=dark] .editor-content{background-color:#1a1a1a;color:#eee}.editor-sidebar{border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow-y:auto;padding:1.5rem;width:300px}[data-theme=dark] .editor-sidebar{background-color:#222;box-shadow:0 2px 8px #0000004d}.editor-main{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:1.5rem;position:relative}[data-theme=dark] .editor-main{background-color:#222;box-shadow:0 2px 8px #0000004d}.resize-settings h2{margin-bottom:1.5rem}[data-theme=dark] .resize-settings h2{color:#fff}.resize-tabs{border:1px solid #ddd;border-radius:4px;margin-bottom:1.5rem}[data-theme=dark] .resize-tabs{border-color:#444}[data-theme=dark] .resize-tabs button{border-color:#444;color:#ccc}.resize-tabs button:last-child{border-right:none}.resize-tabs button.active{background:linear-gradient(135deg,#ff5252,#ff7043)}[data-theme=dark] .resize-tabs button.active{background:linear-gradient(135deg,#ff7676,#ff9171)}.dimension-group label{color:#666;font-size:.9rem}[data-theme=dark] .dimension-group label{color:#aaa}.input-with-unit{border-radius:4px}.input-with-unit input{font-size:.9rem;padding:.5rem}[data-theme=dark] .input-with-unit input{color:#fff}.test-unit-selector,.unit-selector{cursor:pointer;padding:0 .5rem}[data-theme=dark] .unit-selector{color:#ccc}.aspect-ratio-lock{margin-top:.5rem}.test-export-settings{border-top:1px solid #ddd;margin-top:1.5rem}.test-export-settings h3{font-size:1rem}[data-theme=dark] .test-export-settings h3{color:#fff}.format-selection label{color:#666;font-size:.9rem}[data-theme=dark] .format-selection label{color:#aaa}.test-select-wrapper{border-radius:4px}.test-select-wrapper select{font-size:.9rem;padding:.5rem}[data-theme=dark] .test-select-wrapper select{color:#fff}.test-select-wrapper svg{pointer-events:none;position:absolute;right:.5rem;top:50%;transform:translateY(-50%)}.resize-button{align-items:center;background:linear-gradient(135deg,#ff5252,#ff7043);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s;width:100%}.resize-button:hover{background:linear-gradient(135deg,#ff3d3d,#ff5722);box-shadow:0 2px 5px #ff525240;transform:translateY(-1px)}.resize-button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}[data-theme=dark] .resize-button{background:linear-gradient(135deg,#ff7676,#ff9171)}[data-theme=dark] .resize-button:hover{background:linear-gradient(135deg,#ff5252,#ff7043)}[data-theme=dark] .resize-button:disabled{background:#555}.spinner{border:4px solid #ff52524d}[data-theme=dark] .spinner{border-color:#ff7676 #ff76764d #ff76764d}.image-preview-container{flex-direction:column;height:100%;width:100%}[data-theme=dark] .image-info-bar{background-color:#333}[data-theme=dark] .image-dimensions{color:#aaa}[data-theme=dark] .zoom-button{background-color:#444;border-color:#555;color:#ccc}[data-theme=dark] .zoom-button:hover{background-color:#555;border-color:#ff7676;color:#ff7676}[data-theme=dark] .error-message{color:#ff7676}.error-message p{font-size:1rem;margin-bottom:1.5rem;max-width:500px}.back-button{background:linear-gradient(135deg,#ff5252,#ff7043);border-radius:4px;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.back-button:hover{background:linear-gradient(135deg,#ff3d3d,#ff5722);box-shadow:0 2px 5px #ff525240;transform:translateY(-1px)}[data-theme=dark] .back-button{background:linear-gradient(135deg,#ff7676,#ff9171)}[data-theme=dark] .back-button:hover{background:linear-gradient(135deg,#ff5252,#ff7043);box-shadow:0 2px 5px #ff767640}.image-details{border-top:1px solid #ddd;margin-top:1.5rem;padding-top:1.5rem}[data-theme=dark] .image-details{border-color:#444}.image-details h3{color:#333;font-size:1rem;margin-bottom:1rem;margin-top:0}[data-theme=dark] .image-details h3{color:#fff}.detail-item{display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:.5rem}.detail-label{color:#666}[data-theme=dark] .detail-label{color:#aaa}.detail-value{color:#333;font-weight:500;max-width:60%;text-align:right;word-break:break-word}[data-theme=dark] .detail-value{color:#ddd}.tool-navigation{border-bottom:none;display:flex;gap:.5rem;margin-bottom:1.5rem}.tool-button{border:1px solid #ddd;color:#333;font-size:.9rem;gap:.5rem;padding:.6rem 1rem;transition:all .2s}[data-theme=dark] .tool-button{background-color:#2a2a2a;border-color:#444;color:#e0e0e0}.tool-button:hover{border-color:#ff5252}[data-theme=dark] .tool-button:hover{border-color:#ff7676}.tool-button.active{background:linear-gradient(135deg,#ff5252,#ff7043);border-color:#ff5252;color:#fff}[data-theme=dark] .tool-button.active{background:linear-gradient(135deg,#ff7676,#ff9171);border-color:#ff7676}.tool-button svg{stroke:currentColor;height:18px;width:18px}.action-button{align-items:center;background:linear-gradient(135deg,#ff5252,#ff7043);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;justify-content:center;margin-top:1rem;padding:.75rem;transition:all .2s;width:100%}.action-button:hover{background:linear-gradient(135deg,#ff3d3d,#ff5722);box-shadow:0 2px 5px #ff525240;transform:translateY(-1px)}[data-theme=dark] .action-button{background:linear-gradient(135deg,#ff7676,#ff9171)}[data-theme=dark] .action-button:hover{background:linear-gradient(135deg,#ff5252,#ff7043);box-shadow:0 2px 5px #ff767640}.action-button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}[data-theme=dark] .action-button:disabled{background:#555}.secondary-button{border-radius:4px;font-size:.95rem;margin-top:1rem;transition:all .2s}[data-theme=dark] .secondary-button{background-color:#333;border-color:#444;color:#ddd}[data-theme=dark] .secondary-button:hover{background-color:#3a3a3a;border-color:#ff7676;box-shadow:0 2px 5px #0000004d;color:#ff7676}.secondary-button:disabled{box-shadow:none;transform:none}.ad-container{align-items:center;background-color:#f0f0f0;border-radius:4px;display:flex;height:60px;justify-content:center;margin:8px 0;min-height:60px;width:100%}[data-theme=dark] .ad-container{background-color:#333}.crop-overlay-container{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.crop-original-image{box-shadow:0 0 10px #0000001a;display:block;margin:0 auto;max-height:100%;max-width:100%}[data-theme=dark] .crop-original-image{box-shadow:0 0 10px #ffffff1a}.crop-selection{border:2px dashed #ff5252;box-shadow:0 0 0 9999em #00000080;cursor:move;position:absolute;z-index:10}[data-theme=dark] .crop-selection{border-color:#ff7676}.crop-handle{background-color:#fff;border:2px solid #ff5252;border-radius:50%;box-shadow:0 0 3px #0000004d;height:14px;position:absolute;width:14px;z-index:11}[data-theme=dark] .crop-handle{background-color:#333;border-color:#ff7676;box-shadow:0 0 3px #ffffff4d}.crop-handle:hover{background-color:#ff5252;border-color:#fff}[data-theme=dark] .crop-handle:hover{background-color:#ff7676;border-color:#333}.input-with-unit:focus-within,.test-select-wrapper:focus-within,input:focus,select:focus{border-color:#ff5252;box-shadow:0 0 0 2px #ff525233}[data-theme=dark] .input-with-unit:focus-within,[data-theme=dark] .test-select-wrapper:focus-within,[data-theme=dark] input:focus,[data-theme=dark] select:focus{border-color:#ff7676;box-shadow:0 0 0 2px #ff767633}@media (max-width:768px){.editor-content{flex-direction:column;height:auto}.editor-sidebar{margin-bottom:1rem;width:100%}.tool-navigation{overflow-x:auto;padding-bottom:.5rem}.tool-button{white-space:nowrap}}.resize-settings{background-color:#fff;border-radius:6px;padding:1rem}.resize-settings h2{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:1.25rem;margin-top:0}.dimensions-inputs{gap:1rem;margin-bottom:1.5rem}.dimension-group{gap:.5rem}.dimension-group label{color:#444;font-size:.95rem;font-weight:500}.input-with-unit{background-color:#fff;box-shadow:0 1px 3px #0000000d}.input-with-unit input{background-color:#fff;color:#333;padding:0 .75rem}.test-unit-selector,.unit-selector{color:#555;font-size:.9rem}.test-unit-selector{align-items:center;background-color:#f5f5f5;border-left:1px solid #ddd;display:flex;height:100%;justify-content:center;min-width:60px;padding:0 .75rem}.aspect-ratio-lock{margin-top:.75rem}.aspect-ratio-lock label{color:#555;font-size:.9rem;gap:.5rem}.test-export-settings{border-top:1px solid #eee;margin-top:2rem;padding-top:1.5rem}.test-export-settings h3{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:1rem;margin-top:0}.format-selection{margin-bottom:1.5rem}.format-selection label{color:#444;font-size:.95rem;font-weight:500;margin-bottom:.5rem}.test-select-wrapper{background-color:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 1px 3px #0000000d;height:42px;overflow:hidden;position:relative}.test-select-wrapper select{-webkit-appearance:none;appearance:none;background-color:initial;border:none;color:#333;cursor:pointer;font-size:1rem;height:100%;outline:none;padding:0 2rem 0 .75rem;width:100%}.test-select-wrapper:after{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid #666;content:"";height:0;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:0}[data-theme=dark] .resize-settings{background-color:#222}[data-theme=dark] .resize-settings h2{color:#f0f0f0}[data-theme=dark] .dimension-group label{color:#ddd}[data-theme=dark] .input-with-unit{background-color:#333;border-color:#444;box-shadow:0 1px 3px #0003}[data-theme=dark] .input-with-unit input{background-color:#333;color:#f0f0f0}[data-theme=dark] .test-unit-selector,[data-theme=dark] .unit-selector{background-color:#444;border-color:#555;color:#ddd}[data-theme=dark] .test-select-wrapper{background-color:#333;border-color:#444;box-shadow:0 1px 3px #0003}[data-theme=dark] .test-select-wrapper select{background-color:#333;color:#f0f0f0}[data-theme=dark] .test-select-wrapper:after{border-top-color:#aaa}[data-theme=dark] .test-export-settings{border-color:#444}[data-theme=dark] .test-export-settings h3{color:#f0f0f0}[data-theme=dark] .aspect-ratio-lock label,[data-theme=dark] .format-selection label{color:#ddd}.input-with-unit:focus-within,.test-select-wrapper:focus-within{border-color:#ff5252;box-shadow:0 0 0 2px #ff525233}[data-theme=dark] .input-with-unit:focus-within,[data-theme=dark] .test-select-wrapper:focus-within{border-color:#ff7676;box-shadow:0 0 0 2px #ff767633}[data-theme=dark] select option{background-color:#333;color:#f0f0f0}.test-select-wrapper select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='m1 1 3.976 4L9 1' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:30px}[data-theme=dark] .test-select-wrapper select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='m1 1 3.976 4L9 1' stroke='%23aaa' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.test-select-wrapper select::-webkit-calendar-picker-indicator{display:none}.test-select-wrapper:after{display:none}.test-select-wrapper select option{padding:10px}[data-theme=dark] .input-with-unit input::selection{background-color:#ff76764d;color:#fff}.test-unit-selector,.unit-selector{font-weight:500;-webkit-user-select:none;user-select:none}@media (max-width:768px){.input-with-unit input,.test-select-wrapper select{font-size:16px}.input-with-unit,.test-select-wrapper{height:46px}.unit-selector{min-width:65px;padding:0 10px}}.quality-slider{background:linear-gradient(90deg,#3b82f6 0,#3b82f6 100%,#e2e8f0 0,#e2e8f0 0)}.dark .quality-slider,[data-theme=dark] .quality-slider{background:linear-gradient(90deg,#3b82f6 0,#3b82f6 100%,#444 0,#444 0)}.quality-slider::-webkit-slider-thumb{background:#3b82f6}.quality-slider::-moz-range-thumb{background:#3b82f6}.checkbox-option input[type=checkbox]:checked{background-color:#3b82f6;border-color:#3b82f6}.action-button,.convert-button{background-color:#3b82f6}.action-button:hover,.convert-button:hover{background-color:#2563eb;box-shadow:0 2px 5px #0000001a}.dark .action-button,.dark .convert-button,[data-theme=dark] .action-button,[data-theme=dark] .convert-button{background-color:#3b82f6}.dark .action-button:hover,.dark .convert-button:hover,[data-theme=dark] .action-button:hover,[data-theme=dark] .convert-button:hover{background-color:#1d4ed8}.dark .image-preview-container-converter,[data-theme=dark] .image-preview-container-converter{background-color:#374151}.spinner{border-bottom-color:#3b82f6}.error-message{color:#d32f2f}.dark .error-message,[data-theme=dark] .error-message{color:#ff6b6b}.try-again-button:hover{background-color:#2563eb}.input-with-unit:focus-within,.select-wrapper:focus-within,input:focus,select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.dark .input-with-unit:focus-within,.dark .select-wrapper:focus-within,.dark input:focus,.dark select:focus,[data-theme=dark] .input-with-unit:focus-within,[data-theme=dark] .select-wrapper:focus-within,[data-theme=dark] input:focus,[data-theme=dark] select:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa33}@media (max-width:768px){.converter-converter-page-converter,.editor-content-converter{flex-direction:column;height:auto}.converter-sidebar,.editor-sidebar{height:auto;max-width:100%;min-height:300px;order:2;width:100%}.converter-main-content,.editor-main-converter{height:45vh;min-height:280px;order:1;padding:.5rem}.preview-container-converter{display:flex;flex-direction:column;gap:8px;height:auto!important;padding:.5rem}.ad-container-converter.ad-top{left:0;position:relative;top:0;width:100%}.ad-container-converter.ad-bottom{bottom:0;left:0;position:relative;width:100%}.image-preview-container-converter{display:flex;flex:1 1;flex-direction:column;max-height:calc(100% - 150px)}.image-wrapper{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.image-preview{max-height:90%;max-width:90%;object-fit:contain}.tool-navigation{overflow-x:auto;padding-bottom:.5rem}.tool-button{font-size:.85rem;padding:.4rem .8rem;white-space:nowrap}.dimensions-row{flex-direction:column;gap:.5rem}.action-button,.convert-button,.secondary-button{height:52px}.zoom-controls{display:none}}@media (max-width:480px){.converter-main-content,.editor-main-converter{height:35vh;min-height:200px}.converter-sidebar,.editor-sidebar{height:calc(65vh - 20px)}.converter-page-converter{padding:.25rem}.ad-container-converter{height:50px;min-height:50px}}.image-preview-container-converter{overflow:auto;padding:1rem}.file-name{color:#e5e7eb;font-size:.9rem;margin-bottom:.25rem}.format-conversion{margin-top:.5rem}.format-label{background-color:#374151;color:#e5e7eb;display:inline-block;font-size:.875rem;font-weight:500;padding:4px 12px}.conversion-arrow{color:#6b7280;margin:0 8px}.action-icon{background-color:#374151}.action-icon:hover{background-color:#4b5563}.action-icon.delete,.action-icon.info{background-color:#374151}.action-icon.delete:hover{background-color:#991b1b}.images-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));padding-top:0}.light .image-preview-container-converter,.light .image-preview-item,[data-theme=light] .image-preview-container-converter,[data-theme=light] .image-preview-item{background-color:#f9fafb}.light .file-name,[data-theme=light] .file-name{color:#1f2937}.light .format-label.active,[data-theme=light] .format-label.active{background-color:#3b82f6}.light .action-icon,[data-theme=light] .action-icon{background-color:#e5e7eb}.light .action-icon:hover,[data-theme=light] .action-icon:hover{background-color:#d1d5db}.light .action-icon.delete:hover,[data-theme=light] .action-icon.delete:hover{background-color:#fee2e2}.image-preview-item{margin-bottom:1rem;max-width:100%;padding:1rem;width:fit-content}.image-preview{display:block;margin-bottom:.75rem;max-height:160px;max-width:240px}.image-actions{gap:.5rem;right:1rem;top:1rem}.action-icon{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#374151cc;color:#e5e7eb;height:32px;transition:all .2s;width:32px}.action-icon:hover{background-color:#4b5563e6}.action-icon.delete,.action-icon.info{background-color:#374151cc}.action-icon.delete:hover{background-color:#991b1be6}.file-info-bar{margin-top:.5rem}.light .action-icon,[data-theme=light] .action-icon{background-color:#e5e7ebcc;color:#4b5563}.light .action-icon:hover,[data-theme=light] .action-icon:hover{background-color:#d1d5dbe6}.light .action-icon.delete:hover,[data-theme=light] .action-icon.delete:hover{background-color:#fee2e2e6;color:#b91c1c}.image-preview-container-converter.mobile-view{height:auto;max-height:50vh;min-height:200px}.mobile-view .images-grid{justify-content:center}.mobile-view .image-preview-item{max-width:200px;width:calc(100% - 20px)}.images-grid{grid-gap:15px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));padding:15px}.image-preview-container-converter{height:300px}.image-preview-item{background-color:#1f2937;height:250px;margin-bottom:10px;width:220px}@media (max-width:768px){.preview-container-converter{display:flex;flex-direction:column;height:auto!important;min-height:300px;padding:0}.ad-container-converter{display:flex!important;margin:8px 0!important;position:static!important;visibility:visible!important;width:100%!important}.images-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));padding:10px}.image-preview-item{height:220px;width:100%}.image-preview-container-converter{flex:1 1;height:auto;max-height:60vh;min-height:220px;overflow-y:auto}}@media (max-width:480px){.images-grid{grid-template-columns:1fr;padding:8px}.ad-container-converter{height:50px;min-height:50px}.image-preview-container-converter{max-height:50vh}}@media (max-width:768px){.editor-main-converter{flex:1 1;height:auto!important;max-height:none;min-height:50vh;overflow:visible}.preview-container-converter{height:auto!important;max-height:none!important;min-height:300px;overflow:visible;position:relative}.image-preview-container-converter{-webkit-overflow-scrolling:touch;height:auto!important;max-height:50vh!important;min-height:200px;overflow-y:auto!important;padding-bottom:20px;position:relative}.ad-container-converter{display:flex!important;margin:10px 0!important;position:static!important;visibility:visible!important;width:100%!important;z-index:10}.images-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));height:auto;overflow:visible;width:100%}}.converter-sidebar,.editor-sidebar{overflow:hidden;position:relative}.conversion-options{flex:1 1;margin-bottom:80px;overflow-y:auto}.convert-button-container{bottom:0;left:0;padding:.75rem 1rem;position:absolute;right:0;z-index:10}.fixed-convert-button{align-items:center;background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;height:48px;justify-content:center;padding:1rem;text-transform:capitalize;transition:all .2s ease;width:100%}@media (max-width:768px){.converter-sidebar,.editor-sidebar{display:flex;flex-direction:column;height:auto;max-width:100%;min-height:300px;order:2;overflow:hidden;position:relative;width:100%}.conversion-options{max-height:calc(100vh - 250px);overflow-y:auto;padding-bottom:80px}.convert-button-container{bottom:0;left:0;position:absolute;right:0}}@media (max-width:480px){.converter-sidebar,.editor-sidebar{height:auto;min-height:250px}.conversion-options{max-height:calc(100vh - 200px)}}.image-preview-container-converter{overflow-y:auto}@media (max-width:768px){.preview-container-converter{height:auto!important;min-height:300px}.image-preview-container-converter{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;height:300px!important;max-height:50vh!important;min-height:200px;overflow-y:auto!important}.images-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding-bottom:10px;width:100%}.image-preview-item{margin-bottom:15px;width:calc(50% - 10px)}.ad-container-converter{height:50px;margin:8px 0!important;min-height:50px;position:static}}.image-preview-container-converter{height:calc(100% - 150px);max-height:100%;min-height:200px;scrollbar-width:thin}.image-preview-container-converter::-webkit-scrollbar{width:6px}.image-preview-container-converter::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.image-preview-container-converter::-webkit-scrollbar-thumb{background-color:#64646466;border-radius:3px}.image-preview-container-converter::-webkit-scrollbar-thumb:hover{background-color:#646464b3}.action-icon{background-color:#00000080}.format-label.active{background-color:#3b82f6}.light .empty-state-container,[data-theme=light] .empty-state-container{background-color:#00000008;border-color:#0000001a}.upload-button{background-color:#6495ed}.upload-button:hover{background-color:#5a85d8}.light .empty-state-text,[data-theme=light] .empty-state-text{color:#00000080}@media (max-width:768px){.preview-container-converter{display:flex;flex-direction:column;height:300px;max-height:100vh;position:relative}.image-preview-container-converter{-webkit-overflow-scrolling:touch;border-radius:6px;flex:1 1;height:300px;max-height:50vh!important;min-height:200px;overflow-y:scroll!important;padding:10px}.ad-container-converter{display:flex!important;flex-shrink:0!important;height:50px!important;margin:8px 0!important;min-height:50px!important;position:relative!important;visibility:visible!important;width:100%!important;z-index:20!important}.images-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding-bottom:20px;width:100%}.image-preview-item{margin-bottom:15px;width:calc(50% - 10px)}}@media (max-width:480px){.images-grid{justify-content:center}.image-preview-item{max-width:200px;width:100%}.image-preview-container-converter{height:250px!important;max-height:40vh!important}}.ad-container-converter{z-index:100}[data-theme=dark] .ad-container-converter{background-color:#333}@media (max-width:768px){.preview-container-converter{display:flex!important;flex-direction:column!important;height:auto!important;overflow:visible!important;position:relative;width:100%!important}.ad-container-converter.ad-bottom,.ad-container-converter.ad-top{flex-shrink:0;margin-bottom:10px;min-height:60px;position:relative;width:100%}.image-preview-container-converter{flex:1 1;max-height:calc(100vh - 180px);min-height:250px;overflow:auto;position:relative}.images-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.editor-main-converter{display:flex;flex-direction:column;overflow:visible!important;padding:10px}}@media (max-width:480px){.ad-container-converter{min-height:50px}.empty-state-container{min-height:200px}}@media (max-width:768px){.editor-content-converter{flex-direction:column;overflow:visible}.converter-sidebar{order:2;width:100%}.editor-main-converter{margin-bottom:15px;order:1}.editor-sidebar{margin-top:10px;padding:10px;width:100%}.conversion-options,.convert-button-container,.sidebar-header{margin-bottom:15px}.images-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);width:100%}.image-preview-item{min-width:0;width:100%}.image-preview-wrapper{height:150px;min-height:150px}.image-preview-wrapper img{max-height:100%;max-width:100%;object-fit:contain}.file-info-bar{padding:8px}.file-name{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.format-conversion{font-size:11px}.action-icon{height:36px;width:36px}}@media (max-width:480px){.images-grid{gap:8px}.image-preview-wrapper{height:120px;min-height:120px}.file-info-bar{padding:6px}.file-name{font-size:11px;margin-bottom:3px}}@media (max-width:768px){.image-preview-item{background-color:#333;border-radius:6px;box-shadow:0 2px 6px #0000004d;overflow:hidden}.image-preview-wrapper{align-items:center;background-color:#222;border-bottom:1px solid #ffffff1a;display:flex;justify-content:center}.image-preview-wrapper img{max-height:90%;max-width:90%;object-fit:contain}.file-info-bar{background-color:#333;padding:8px 10px}.file-name{color:#fff;font-weight:500}.format-conversion{color:#ccc}.format-label{background-color:#444;border-radius:3px;color:#eee;font-size:10px;font-weight:600;padding:3px 7px;text-transform:uppercase}.format-label.active{background-color:#4682b4;color:#fff}.conversion-arrow{color:#777;margin:0 6px}.image-actions{display:flex;gap:8px;position:absolute;right:8px;top:8px;z-index:10}.action-icon{align-items:center;background-color:#000000b3;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.action-icon.delete{background-color:#dc3545b3}.action-icon.info{background-color:#4682b4b3}[data-theme=light] .image-preview-item{background-color:#fff;box-shadow:0 2px 6px #00000026}[data-theme=light] .image-preview-wrapper{background-color:#f5f5f5;border-bottom:1px solid #eee}[data-theme=light] .file-info-bar{background-color:#fff}[data-theme=light] .file-name{color:#333}[data-theme=light] .format-conversion{color:#666}[data-theme=light] .format-label{background-color:#eee;color:#555}.preview-container-converter{display:flex;flex-direction:column;height:auto!important;min-height:400px;overflow:visible;position:relative;width:100%}.ad-container-converter{display:flex!important;flex-shrink:0;height:60px;margin:8px 0!important;min-height:60px;position:static!important;visibility:visible!important;width:100%!important}.image-preview-container-converter{-webkit-overflow-scrolling:touch;flex:1 1;height:auto!important;max-height:60vh;min-height:250px;overflow-y:auto!important;padding:10px;position:relative}.images-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);padding-bottom:10px;padding-top:0!important;width:100%}.image-preview-item{margin-bottom:10px;width:100%!important}.editor-main-converter{display:flex;flex:1 1;flex-direction:column;height:auto!important;min-height:50vh!important;overflow:visible!important}.editor-content-converter{flex-direction:column;height:auto!important;overflow:visible}}@media (max-width:480px){.image-preview-container-converter{max-height:50vh;min-height:200px}.images-grid{grid-template-columns:1fr}}.convert-button{border-radius:6px;font-weight:600;padding:12px 24px;position:relative;transition:background-color .2s ease}.convert-button:disabled{background-color:#93c5fd}.dark .sidebar-header h1,[data-theme=dark] .sidebar-header h1{color:#fff}.dark .option-group label,[data-theme=dark] .option-group label{color:#e5e7eb}.dark .option-description,[data-theme=dark] .option-description{color:#d1d5db}.dark .checkbox-option label,[data-theme=dark] .checkbox-option label{color:#e5e7eb}.dark .quality-value,[data-theme=dark] .quality-value{color:#fff}.dark .converter-sidebar,.dark .editor-sidebar,[data-theme=dark] .converter-sidebar,[data-theme=dark] .editor-sidebar{background-color:#1a1a1a;color:#fff}.dark .convert-button,.dark .fixed-convert-button,[data-theme=dark] .convert-button,[data-theme=dark] .fixed-convert-button{color:#fff}.dark .color-picker-container,[data-theme=dark] .color-picker-container{background-color:#2a2a2a;border:1px solid #444}.dark .color-picker-container label,[data-theme=dark] .color-picker-container label{color:#e5e7eb}.dark .color-text-input,[data-theme=dark] .color-text-input{background-color:#1a1a1a;border-color:#444;color:#fff}.dark .dropdown-arrow,[data-theme=dark] .dropdown-arrow{color:#fff}.dark .advanced-options-content,[data-theme=dark] .advanced-options-content{background-color:#222}.dark .quality-slider-container,[data-theme=dark] .quality-slider-container{color:#fff}.dark input[type=number],.dark input[type=text],[data-theme=dark] input[type=number],[data-theme=dark] input[type=text]{background-color:#333;border-color:#444;color:#fff}.dark .convert-button-container,[data-theme=dark] .convert-button-container{background-color:#1a1a1a}@media (max-width:768px){.converter-page-converter{height:100vh;max-height:100vh;padding:0}.editor-content-converter{flex-direction:column;gap:.5rem;height:calc(100vh - 60px);max-height:calc(100vh - 60px);overflow:hidden}.editor-main-converter{height:40vh!important;margin:.5rem;max-height:40vh!important;min-height:40vh!important;overflow:hidden!important;padding:.5rem}.converter-sidebar{height:calc(60vh - 80px)!important;margin:.5rem;max-height:calc(60vh - 80px)!important;min-height:0!important;overflow:hidden}.conversion-options{height:calc(100% - 130px);max-height:calc(100% - 130px);overflow-y:auto}.preview-container-converter{height:100%!important;max-height:100%!important;overflow:hidden}.image-preview-container-converter{height:calc(100% - 120px)!important;max-height:calc(100% - 120px)!important;overflow-y:auto!important}.ad-container-converter{height:50px;max-height:50px;min-height:50px}}.converter-page-converter{height:calc(100vh - 60px);max-height:calc(100vh - 60px)}.editor-content-converter{max-height:calc(100vh - 120px)}.editor-main-converter{overflow:hidden!important}.preview-container-converter{overflow:hidden}.image-preview-container-converter{-webkit-overflow-scrolling:touch;background-color:#1f2937;border-radius:6px;flex:1 1;overflow-x:hidden;overflow-y:auto!important;padding:10px}.light .image-preview-container-converter,[data-theme=light] .image-preview-container-converter{background-color:#f3f4f6}.ad-container-converter{display:flex!important;flex-shrink:0;max-height:60px;opacity:1!important;position:relative;visibility:visible!important;z-index:10}@media (max-width:768px){.converter-page-converter{height:100vh;max-height:100vh;padding:0}.editor-content-converter{flex-direction:column;gap:.5rem;height:calc(100vh - 60px);max-height:calc(100vh - 60px);overflow:hidden}.editor-main-converter{height:40vh!important;margin:.5rem;max-height:40vh!important;min-height:40vh!important;overflow:hidden!important;padding:.5rem}.converter-sidebar{height:calc(60vh - 80px)!important;margin:.5rem;max-height:calc(60vh - 80px)!important;min-height:0!important;overflow:hidden}.conversion-options{height:calc(100% - 130px);max-height:calc(100% - 130px);overflow-y:auto}.preview-container-converter{height:100%!important;max-height:100%!important;overflow:hidden}.ad-container-converter{display:flex!important;height:50px;margin:50px 0!important;max-height:50px;min-height:50px;opacity:1!important;position:relative!important;visibility:visible!important;width:100%!important;z-index:20}.ad-container-converter.ad-top{margin-bottom:8px!important}.ad-container-converter.ad-bottom{margin-top:8px!important}.image-preview-container-converter{height:calc(100% - 130px)!important;max-height:calc(100% - 130px)!important;min-height:150px!important;overflow-y:auto!important}}@media (max-width:480px){.editor-main-converter{height:35vh!important;max-height:35vh!important;min-height:35vh!important}.converter-sidebar{height:calc(65vh - 80px)!important;max-height:calc(65vh - 80px)!important}}.editor-content-converter{height:calc(100vh - 60px);max-height:calc(100vh - 60px)}@media (max-width:768px){.editor-content-converter{flex-direction:column;height:calc(100vh - 60px);max-height:calc(100vh - 60px);overflow:hidden}.editor-main-converter{height:40vh!important;margin:.5rem;max-height:40vh!important;min-height:40vh!important;overflow:hidden!important;padding:.5rem}.converter-sidebar{height:calc(60vh - 60px)!important;margin:.5rem;max-height:calc(60vh - 60px)!important;min-height:0!important;overflow:hidden;position:relative}.conversion-options{height:calc(100% - 130px);max-height:calc(100% - 130px);overflow-y:auto;padding-bottom:80px}.convert-button-container{background-color:inherit;border-top:1px solid #0000001a;bottom:0;left:0;padding:.75rem 1rem;position:absolute;right:0;z-index:10}.dark .convert-button-container,[data-theme=dark] .convert-button-container{border-top-color:#ffffff1a}.ad-container-converter{flex-shrink:0;height:50px;max-height:50px;min-height:50px}.image-preview-container-converter{flex:1 1;height:calc(100% - 120px)!important;max-height:calc(100% - 120px)!important;overflow-y:auto!important}}@media (max-width:480px){.editor-main-converter{height:35vh!important;max-height:35vh!important;min-height:35vh!important}.converter-sidebar{height:calc(65vh - 60px)!important;max-height:calc(65vh - 60px)!important}}.converter-page-converter{display:flex;flex-direction:column;min-height:calc(100vh - 60px);overflow:hidden;padding:.5rem 1rem}.editor-content-converter{flex:1 1;gap:1.5rem;height:calc(100vh - 120px);overflow:hidden}.dark .editor-content-converter,[data-theme=dark] .editor-content-converter{background-color:#1a1a1a;color:#eee}.converter-sidebar,.editor-sidebar{background-color:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;height:100%;max-width:360px;min-width:250px;overflow-y:auto;width:330px}.dark .converter-sidebar,[data-theme=dark] .editor-sidebar{background-color:#222;border-right-color:#444;color:#fff}.sidebar-header{border-bottom:1px solid #e2e8f0;padding:1rem}.dark .sidebar-header,[data-theme=dark] .sidebar-header{border-bottom-color:#444}.sidebar-header h1{font-weight:600}.editor-main-converter{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:1rem;position:relative}.dark .editor-main-converter,[data-theme=dark] .editor-main-converter{background-color:#222;box-shadow:0 2px 8px #0000004d}.conversion-options{gap:1rem;padding:1rem}.conversion-options,.option-group{display:flex;flex-direction:column}.option-group{gap:.5rem;margin-bottom:1rem}.option-group label{color:#555;font-size:.95rem;font-weight:500;margin-bottom:.25rem}.dark .option-group label,[data-theme=dark] .option-group label{color:#aaa}.option-description{color:#666;font-size:.875rem;line-height:1.4;margin-top:.25rem}.dark .option-description,[data-theme=dark] .option-description{color:#a0a0a0}.select-wrapper select,select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 3.976 4L9 1' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:1rem;height:42px;outline:none;padding:.75rem 1rem;width:100%}.dark .select-wrapper select,.dark select,[data-theme=dark] .select-wrapper select,[data-theme=dark] select{background-color:#333;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 3.976 4L9 1' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");border-color:#444;color:#fff}.select-wrapper{border:1px solid #ddd}.dark .select-wrapper,[data-theme=dark] .select-wrapper{border-color:#444}.advanced-options-header{align-items:center;border-bottom:1px solid #e2e8f0;border-top:1px solid #e2e8f0;cursor:pointer;display:flex;justify-content:space-between;margin:0 -1rem;padding:1rem}.dark .advanced-options-header,[data-theme=dark] .advanced-options-header{border-color:#444}.advanced-options-header h2{color:#333;font-size:1.25rem;font-weight:600;margin:0}.dark .advanced-options-header h2,[data-theme=dark] .advanced-options-header h2{color:#fff}.dropdown-arrow{transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.advanced-options-content{padding:1rem 0}.quality-slider-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;gap:1rem;padding:1rem}.dark .quality-slider-container,[data-theme=dark] .quality-slider-container{background-color:#333;border-color:#444}.quality-slider{background:linear-gradient(90deg,#ff5252 0,#ff5252 100%,#e2e8f0 0,#e2e8f0 0);flex-grow:1;height:10px}.dark .quality-slider,[data-theme=dark] .quality-slider{background:linear-gradient(90deg,#ff7676 0,#ff7676 100%,#444 0,#444 0)}.quality-slider::-webkit-slider-thumb{background:#ff5252;border:3px solid #fff}.dark .quality-slider::-webkit-slider-thumb,[data-theme=dark] .quality-slider::-webkit-slider-thumb{background:#ff7676;border-color:#333}.quality-slider::-moz-range-thumb{background:#ff5252;border:3px solid #fff}.dark .quality-slider::-moz-range-thumb,[data-theme=dark] .quality-slider::-moz-range-thumb{background:#ff7676;border-color:#333}.quality-value{min-width:2rem;text-align:right}.checkbox-option{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.checkbox-option input[type=checkbox]{appearance:none;-webkit-appearance:none;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;height:16px;outline:none;position:relative;width:16px}.checkbox-option input[type=checkbox]:checked{background-color:#ff5252;border-color:#ff5252}.checkbox-option input[type=checkbox]:checked:before{border-bottom:2px solid #fff;border-left:2px solid #fff;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transform:translate(-50%,-70%) rotate(-45deg);width:10px}.checkbox-option label{color:#333!important;cursor:pointer}[data-theme=dark] .checkbox-option label{color:#fff!important}.custom-dimensions{display:flex;gap:1rem;margin-top:.5rem}.dimension-input{flex:1 1}.dimension-input label{display:block;font-size:.875rem;margin-bottom:.25rem}.dimension-input input{border:1px solid #e2e8f0;border-radius:6px;font-size:1rem;height:42px;outline:none;padding:.5rem .75rem;width:100%}.dark .dimension-input input,[data-theme=dark] .dimension-input input{background-color:#333;border-color:#444;color:#fff}.input-with-unit{border:1px solid #ddd;height:42px}.dark .input-with-unit,[data-theme=dark] .input-with-unit{border-color:#444}.input-with-unit input{font-size:1rem;height:100%;outline:none;padding:.5rem .75rem}.dark .input-with-unit input,[data-theme=dark] .input-with-unit input{background-color:#333;color:#fff}.unit-selector{align-items:center;background-color:#f5f5f5;border-left:1px solid #ddd;display:flex;height:100%;justify-content:center;min-width:60px;padding:0 .75rem}.dark .unit-selector,[data-theme=dark] .unit-selector{background-color:#444;border-color:#555;color:#ccc}.convert-button-container{background-color:#fff;border-top:1px solid #e2e8f0;margin-top:auto;padding:.5rem 1rem}.dark .convert-button-container,[data-theme=dark] .convert-button-container{background-color:#222;border-top-color:#444}.action-button,.convert-button{align-items:center;background:linear-gradient(135deg,#ff5252,#ff7043);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;height:48px;justify-content:center;padding:1rem;text-transform:capitalize;transition:all .2s ease;width:100%}.action-button:hover,.convert-button:hover{background:linear-gradient(135deg,#ff3d3d,#ff5722);box-shadow:0 2px 5px #ff525240;transform:translateY(-1px)}.dark .action-button,.dark .convert-button,[data-theme=dark] .action-button,[data-theme=dark] .convert-button{background:linear-gradient(135deg,#ff7676,#ff9171)}.dark .action-button:hover,.dark .convert-button:hover,[data-theme=dark] .action-button:hover,[data-theme=dark] .convert-button:hover{background:linear-gradient(135deg,#ff5252,#ff7043);box-shadow:0 2px 5px #ff767640}.action-button:active,.convert-button:active{box-shadow:none;transform:translateY(0)}.secondary-button{align-items:center;background-color:#f5f5f5;border:1px solid #ddd;border-radius:6px;color:#555;cursor:pointer;display:flex;font-size:1.05rem;font-weight:500;gap:.5rem;height:48px;justify-content:center;padding:.75rem;transition:all .2s ease;width:100%}.secondary-button:hover{background-color:#e5e5e5;border-color:#ff5252;box-shadow:0 2px 5px #0000001a;color:#ff5252;transform:translateY(-1px)}.dark .secondary-button,[data-theme=dark] .secondary-button{background-color:#333;border-color:#444;color:#ddd}.dark .secondary-button:hover,[data-theme=dark] .secondary-button:hover{background-color:#3a3a3a;border-color:#ff7676;color:#ff7676}.secondary-button:active{box-shadow:none;transform:translateY(0)}.secondary-button:disabled{cursor:not-allowed;opacity:.6}.image-preview-container-converter{align-items:center;background-color:#e5e7eb;border-radius:.5rem;display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.dark .image-preview-container-converter,[data-theme=dark] .image-preview-container-converter{background-color:#121212}.image-preview{max-height:100%;max-width:100%}.image-info-panel{background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;margin-top:1rem;max-width:600px;overflow:hidden;width:100%}.dark .image-info-panel,[data-theme=dark] .image-info-panel{background-color:#1f2937;border-color:#374151}.image-info-header{border-bottom:1px solid #e2e8f0;padding:1rem}.dark .image-info-header,[data-theme=dark] .image-info-header{border-bottom-color:#374151}.image-info-header h3{font-size:1.25rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-info-details{padding:1rem}.info-row{display:flex;justify-content:space-between;margin-bottom:.5rem}.info-label{color:#4b5563;font-weight:500}.dark .info-label,[data-theme=dark] .info-label{color:#9ca3af}.info-value{font-weight:500}.loading-indicator{gap:1rem;width:100%}.spinner{animation:rotation 1s linear infinite;border:5px solid #e2e8f0;border-bottom-color:#ff5252;box-sizing:border-box;display:inline-block;height:48px;width:48px}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{color:#ff5252;height:100%;width:100%}.dark .error-message,[data-theme=dark] .error-message{color:#ff7676}.try-again-button{border-radius:.375rem;font-weight:600;margin-top:1rem}.input-with-unit:focus-within,.select-wrapper:focus-within,input:focus,select:focus{border-color:#ff5252;box-shadow:0 0 0 2px #ff525233}.dark .input-with-unit:focus-within,.dark .select-wrapper:focus-within,.dark input:focus,.dark select:focus,[data-theme=dark] .input-with-unit:focus-within,[data-theme=dark] .select-wrapper:focus-within,[data-theme=dark] input:focus,[data-theme=dark] select:focus{border-color:#ff7676;box-shadow:0 0 0 2px #ff767633}.image-info-bar{align-items:center;background-color:#f5f5f5;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.5rem 1rem}.dark .image-info-bar,[data-theme=dark] .image-info-bar{background-color:#333}.image-dimensions{color:#666;font-size:.9rem}.dark .image-dimensions,[data-theme=dark] .image-dimensions{color:#aaa}.zoom-controls{display:flex;gap:.5rem}.zoom-button{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:.8rem;gap:.25rem;padding:.25rem .5rem;transition:all .2s}.dark .zoom-button,[data-theme=dark] .zoom-button{background-color:#444;border-color:#555;color:#ccc}.zoom-button:hover{background-color:#f0f0f0;border-color:#ff5252;color:#ff5252}.dark .zoom-button:hover,[data-theme=dark] .zoom-button:hover{background-color:#555;border-color:#ff7676;color:#ff7676}.ad-container-converter{align-items:center;background-color:#f0f0f0;border-radius:4px;display:flex;height:60px;justify-content:center;margin:8px 0;min-height:60px;width:100%}.dark .ad-container-converter,[data-theme=dark] .ad-container-converter{background-color:#333}.ad-placeholder{color:#888;font-size:14px;letter-spacing:1px;text-transform:uppercase}.preview-container-converter{gap:15px;justify-content:space-between;width:100%}.images-grid{align-content:flex-start;display:flex;flex-wrap:wrap;gap:15px;justify-content:flex-start;width:100%}.image-preview-item{background-color:#222;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;margin:0 0 10px;width:200px}.light .image-preview-item,[data-theme=light] .image-preview-item{background-color:#fff;box-shadow:0 2px 5px #0000001a}.image-actions{justify-content:flex-end;padding:8px;right:0;top:0;z-index:5}.action-icon{background-color:#ff5252b3;margin-left:6px;padding:4px;transition:all .2s ease}.action-icon:hover{background-color:#ff5252e6;transform:scale(1.1)}.action-icon.info{background-color:#ff7043b3;margin-right:6px}.action-icon.info:hover{background-color:#ff7043e6}.image-preview-wrapper{background-color:#111;height:150px;position:relative}.light .image-preview-wrapper,[data-theme=light] .image-preview-wrapper{background-color:#f9fafb}.file-info-bar{background-color:#2a2a2a;border-top:1px solid #ffffff1a;padding:10px}.light .file-info-bar,[data-theme=light] .file-info-bar{background-color:#f3f4f6;border-top-color:#0000000d}.file-name{color:#eee;margin-bottom:5px}.format-conversion{align-items:center;display:flex;font-size:12px}.format-label{background-color:#444;border-radius:4px;color:#ddd;padding:2px 6px}.light .format-label,[data-theme=light] .format-label{background-color:#e5e7eb;color:#4b5563}.format-label.active,.light .format-label.active,[data-theme=light] .format-label.active{background-color:#ff5252;color:#fff}.conversion-arrow{color:#888;margin:0 6px}.empty-state-container{background-color:#0000001a;border:1px dashed #fff3;border-radius:8px}.light .empty-state-container,[data-theme=light] .empty-state-container{background-color:#ff525208;border-color:#ff525233}.upload-button{background:linear-gradient(135deg,#ff5252,#ff7043);border-radius:5px;font-weight:700;transition:all .2s ease}.upload-button:hover{background:linear-gradient(135deg,#ff3d3d,#ff5722);box-shadow:0 4px 8px #ff525240;transform:translateY(-2px)}.upload-icon-converter{color:#fff;height:16px;margin-left:10px;width:16px}.empty-state-text{color:#fff9}.light .empty-state-text,[data-theme=light] .empty-state-text{color:#ff5252b3}.ocr-progress-container{background-color:#ff52520d}[data-theme=dark] .text-preview-container{background-color:#2a2a2a;border-color:#444}[data-theme=dark] .text-preview-content pre{color:#e0e0e0}[data-theme=dark] .text-preview-section{background-color:#333;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .text-preview-section h3{color:#e0e0e0}.button-loading-state{align-items:center;display:flex;gap:10px;justify-content:center}.button-spinner{animation:spin 1s ease-in-out infinite;border:3px solid #ffffff4d}.fixed-convert-button{gap:10px;min-width:160px}.document-preview{align-items:center;background-color:#f5f5f5;border-radius:8px;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;width:100%}[data-theme=dark] .document-preview{background-color:#333}.file-icon{align-items:center;color:#ff5252;display:flex;justify-content:center;margin-bottom:10px}[data-theme=dark] .file-icon{color:#ff7676}.document-info{overflow:hidden;text-align:center;width:100%}.document-name{color:#333;font-weight:500;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .document-name{color:#fff}.document-type{color:#777;font-size:12px}[data-theme=dark] .document-type{color:#aaa}.color-picker-container{background-color:#f5f5f5;border-radius:5px;margin-top:10px;padding:10px}[data-theme=dark] .color-picker-container{background-color:#2a2a2a;border:1px solid #444}.color-picker-container label{color:#333;display:block;font-weight:500;margin-bottom:8px}[data-theme=dark] .color-picker-container label{color:#e5e7eb}.color-text-input{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#333;flex:1 1;font-size:14px;padding:8px 10px}[data-theme=dark] .color-text-input{background-color:#1a1a1a;border-color:#444;color:#fff}@media (max-width:768px){.converter-converter-page-converter,.editor-content-converter{flex-direction:column;height:auto}.converter-sidebar,.editor-sidebar{height:auto;max-width:100%;min-height:300px;order:2;width:100%}.converter-main-content,.editor-main-converter{height:45vh;min-height:280px;order:1;padding:.5rem}.images-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);padding-bottom:10px;width:100%}.image-preview-item{margin-bottom:10px;width:100%}.ad-container-converter{display:flex!important;flex-shrink:0!important;height:50px!important;margin:8px 0!important;min-height:50px!important;position:static!important;visibility:visible!important;width:100%!important;z-index:20!important}.conversion-options{max-height:calc(100vh - 250px);overflow-y:auto;padding-bottom:80px}.convert-button-container{bottom:0;left:0;position:absolute;right:0}}@media (max-width:480px){.images-grid{grid-template-columns:1fr;justify-content:center}.image-preview-item{margin:0 auto 15px;max-width:200px;width:100%}.image-preview-container-converter{height:250px!important;max-height:40vh!important}.converter-sidebar{height:auto;min-height:250px}.conversion-options{max-height:calc(100vh - 200px)}.ad-container-converter{min-height:50px}}.advanced-options-unavailable{background-color:#f5f5f5;border-radius:8px;margin:10px 0;padding:20px;text-align:center}.advanced-options-unavailable p{color:#666;font-size:14px;font-style:italic;margin:0}.compressor-editor-container{margin:0 auto;max-width:1400px;padding:1rem}.compressor-editor-content{display:flex;flex-direction:column;gap:1rem}.preview-section{display:flex;justify-content:center;padding-bottom:1rem;width:100%}.image-preview{display:flex;gap:1rem}.preview-item{background-color:#2d3748;border:2px solid #0000;border-radius:8px;overflow:hidden;padding:.5rem;position:relative}.preview-item.active{border-color:#4299e1}.image-container{background-color:#1a202c;border-radius:4px;height:140px;overflow:hidden;width:180px}.image-container img{max-height:100%;max-width:100%;object-fit:contain}.image-label{background-color:#ecc94b;border-radius:4px;bottom:.5rem;color:#000;font-size:.75rem;font-weight:700;left:50%;padding:.25rem .5rem;position:absolute;transform:translateX(-50%)}.download-button{background-color:#2d3748;border:1px solid #4a5568;border-radius:4px;margin-top:.5rem;padding:.5rem;transition:all .2s}.download-button:hover{background-color:#4a5568}.compression-controls{background-color:#2d3748;border-radius:8px;padding:1.5rem;width:100%}.controls-container{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem}.compression-option,.compression-option label{align-items:center;display:flex;gap:.5rem}.compression-option label{color:#fff;cursor:pointer}.compression-option input[type=radio]{display:none}.radio-custom{border:2px solid #a0aec0;border-radius:50%;display:block;height:18px;position:relative;width:18px}.compression-option input[type=radio]:checked+.radio-custom:after{background-color:#4299e1;border-radius:50%;content:"";height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}.info-icon{color:#a0aec0;cursor:help}.slider-container{gap:1rem}.slider{-webkit-appearance:none;background-color:#4a5568;border-radius:3px;flex:1 1;height:6px;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;background-color:#4299e1;border-radius:50%;cursor:pointer;height:18px;width:18px}.slider::-moz-range-thumb{background-color:#4299e1;border:none;border-radius:50%;cursor:pointer;height:18px;width:18px}.slider-value{background-color:#1a202c;border-radius:4px;color:#fff;font-size:.875rem;min-width:70px;padding:.25rem .75rem;text-align:center}.input-container{flex:1 1;position:relative}.file-size-input{background-color:#1a202c;font-size:.875rem;max-width:200px;padding:.5rem 2.5rem .5rem .75rem}.file-size-input:focus{border-color:#4299e1;outline:none}.input-suffix{color:#a0aec0;font-size:.875rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.apply-button{background-color:#4299e1;padding:.5rem 1.5rem;transition:all .2s}.apply-button:hover{background-color:#3182ce}.apply-button:disabled{background-color:#718096;cursor:not-allowed}.file-size-info{color:#cbd5e0;display:flex;font-size:.875rem;gap:3rem;justify-content:center;margin:1.5rem 0}.tool-selector{margin-top:2rem}.selector-menu{display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.selector-button{background-color:initial;border:1px solid #4a5568;border-radius:4px;color:#cbd5e0;cursor:pointer;padding:.5rem 1rem;transition:all .2s}.selector-button.active{background-color:#2c5282;border-color:#2c5282;color:#fff}.selector-button:hover{background-color:#4a5568}.tool-grid{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1rem}.tool-button{color:#000;padding:.5rem 1rem}.tool-button.orange{background-color:#ed8936}.tool-button.red{background-color:#f56565}.tool-button.yellow{background-color:#ecc94b}.tool-button.green{background-color:#48bb78}.file-name{color:#a0aec0;font-size:.875rem;margin-top:1.5rem;text-align:center}.badge{align-items:center;background-color:#fff;border-radius:9999px;color:#4299e1;display:inline-flex;font-size:.75rem;font-weight:700;height:1.5rem;justify-content:center;min-width:1.5rem}.error-message{background-color:#2d3748;border-radius:8px;padding:2rem}.error-message h2{color:#f56565;margin-bottom:1rem}.error-message button{background-color:#4299e1;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:1.5rem;padding:.5rem 1.5rem}.app.light .compression-controls{background-color:#fff;box-shadow:0 1px 3px #0000001a}.app.light .preview-item{background-color:#f7fafc;border:1px solid #e2e8f0}.app.light .image-container{background-color:#edf2f7}.app.light .compression-option label{color:#2d3748}.app.light .radio-custom{border-color:#718096}.app.light .download-button{background-color:#edf2f7;border-color:#e2e8f0}.app.light .slider{background-color:#e2e8f0}.app.light .file-size-input,.app.light .slider-value{background-color:#edf2f7;color:#2d3748}.app.light .file-size-input{border-color:#e2e8f0}.app.light .file-size-info{color:#4a5568}.app.light .selector-button{border-color:#e2e8f0;color:#4a5568}.app.light .selector-button.active{background-color:#ebf8ff;border-color:#bee3f8;color:#2b6cb0}.app.light .file-name{color:#4a5568}@media (max-width:768px){.controls-container{align-items:flex-start;flex-direction:column}.input-container,.slider-container{width:100%}.apply-button{align-self:center}.file-size-info{align-items:center;gap:.5rem}.file-size-info,.image-preview{flex-direction:column}}.main-image-container{position:relative;text-align:center}.main-image-preview{border-radius:4px}.tool-buttons-section{margin-top:20px}.tool-tabs{border-bottom:1px solid #374151;display:flex;margin-bottom:15px}.tool-tab{background-color:initial;border:none;color:#9ca3af;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.tool-tab.active{border-bottom:2px solid #3b82f6;color:#3b82f6}.tool-buttons-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));padding:10px 0}.tool-button{border:none;border-radius:4px;font-size:13px;font-weight:500;padding:10px;transition:transform .2s}.tool-button:hover{transform:translateY(-2px)}.tool-button.orange{background-color:#f97316;color:#fff}.tool-button.red{background-color:#ef4444;color:#fff}.tool-button.yellow{background-color:#eab308;color:#000}.tool-button.green{background-color:#22c55e;color:#fff}.tool-button.blue{background-color:#3b82f6;color:#fff}.tool-button.purple{background-color:#a855f7;color:#fff}.image-count-badge{width:24px}.app.light .filename-display{color:#64748b}.app.light .tool-tabs{border-bottom-color:#e2e8f0}.app.light .tool-tab{color:#64748b}@media (max-width:768px){.compression-options-row{align-items:flex-start;flex-direction:column}.compression-method-selector{justify-content:space-between;width:100%}.file-size-input-container,.slider-container{margin:10px 0;width:100%}.compression-stats{align-items:center;flex-direction:column;gap:10px}.tool-buttons-grid{grid-template-columns:repeat(2,1fr)}}.download-button{font-size:12px;padding:6px}@media (max-width:768px){.sidebar-thumbnails{padding:10px}.thumbnails-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.thumbnail-wrapper{height:80px}.main-image-container{min-height:200px;padding:15px}.main-image-preview{max-height:250px}}.main-image-container{background-color:#111827}.app.light .thumbnail-item:hover{border-color:#cbd5e0}@media (max-width:768px){.editor-content-converter{flex-direction:column;height:auto!important;overflow:visible}.converter-sidebar,.editor-main-compressor{height:auto!important;max-width:100%;min-height:0;overflow:visible;width:100%}.preview-container-converter{display:flex!important;flex-direction:column;height:auto!important;overflow:visible;width:100%!important}.ad-container-compressor{display:flex!important;height:60px!important;margin:10px 0!important;min-height:60px!important;visibility:visible!important;width:100%!important}.image-preview-container-compressor{height:auto!important;min-height:300px;overflow-y:visible}.sidebar-thumbnails{max-height:300px;overflow-y:auto;padding:10px}.thumbnails-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.thumbnail-wrapper{height:80px}.main-image-container{margin-bottom:15px;min-height:200px;padding:15px}.main-image-preview{max-height:250px}.compression-controls-panel{padding:10px}.compression-options-row{align-items:flex-start;flex-direction:column}.compression-method-selector,.file-size-input-container,.slider-container{margin-bottom:10px;width:100%}.apply-button{width:100%}.tool-buttons-section{overflow:hidden;width:100%}.tool-tabs{overflow-x:auto;padding-bottom:20px;white-space:nowrap}.tool-buttons-grid{grid-template-columns:repeat(2,1fr)}.ad-container-compressor{position:sticky;z-index:10}.ad-container-compressor.ad-top{margin-top:20;top:0}.ad-container-compressor.ad-bottom{bottom:0}.image-preview-container-compressor{background-color:inherit;height:auto!important;max-height:40vh;min-height:300px;overflow:hidden;position:sticky;top:70px;z-index:5}.main-image-container{height:auto;margin-bottom:15px;min-height:200px;padding:15px}.editor-content-converter{padding-bottom:70px}.preview-container-converter{background-color:#121212;display:flex!important;flex-direction:column;height:auto!important;margin-top:0;overflow:visible;padding:10px;width:100%!important}.app.dark .preview-container-converter{background-color:#121212}.image-preview-container-compressor{display:block!important;height:auto!important;margin:10px 0;min-height:200px;overflow:visible;width:100%!important}.main-image-preview{display:block;margin:0 auto;max-height:250px;max-width:100%}.convert-button-container{background-color:#fff;bottom:0;box-shadow:0 -2px 10px #0000001a;left:0;padding:10px;position:fixed;width:100%;z-index:100}.app.dark .convert-button-container{background-color:#121212}.fixed-convert-button{align-items:center;background-color:#3b82f6;border-radius:4px;display:flex;font-size:14px;justify-content:center;padding:12px 20px;width:100%}.compressor-page-converter{padding-bottom:70px}.ad-container-compressor{align-items:center;background-color:#f1f5f9;border-radius:4px;display:flex!important;height:60px!important;justify-content:center;margin:10px 0!important;min-height:60px!important;width:100%!important}.ad-container-compressor.ad-top{margin-top:0!important}.ad-container-compressor.ad-bottom{margin-bottom:60px!important}.preview-container-converter{display:flex!important;flex-direction:column;height:auto!important;overflow:visible;width:100%!important}.compression-controls-panel{margin-bottom:15px;max-width:320px;position:relative;z-index:1}.image-preview-container-compressor{display:block!important;height:auto!important;margin:15px 0;max-width:320px;min-height:200px;overflow:visible;position:relative;z-index:2}.editor-main-compressor{display:flex;overflow:visible}.editor-content-converter,.editor-main-compressor{flex-direction:column;height:auto!important}.ad-container-compressor{position:relative;width:100%!important}}.app{background-color:#121212;color:#fff;min-height:100vh}.app.light{background-color:#f8f8f8;color:#333}.compressor-page-converter{max-width:100%;overflow-x:hidden}.editor-content-converter{display:flex;height:calc(100vh - 64px)}.converter-sidebar{background-color:#111827;border-right:1px solid #2d3748;display:flex;flex-direction:column;min-width:280px;overflow:hidden;width:280px}.sidebar-header{border-bottom:1px solid #2d3748;padding:15px}.sidebar-thumbnails{flex:1 1;overflow-y:auto;padding:15px}.thumbnails-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.thumbnail-item{background-color:#1a1a1a;border:1px solid #333;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:transform .2s}.thumbnail-item:hover{border-color:#4a5568;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.thumbnail-delete-icon{align-items:center;background-color:#00000080;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;right:5px;top:5px;transition:background-color .2s;width:20px;z-index:10}.thumbnail-delete-icon:hover{background-color:#dc2626cc}.thumbnail-wrapper{cursor:pointer;height:100px;overflow:hidden;position:relative}.thumbnail-image{height:100%;object-fit:cover;width:100%}.compression-badge{background-color:#4ade80;border-radius:10px;bottom:5px;color:#064e3b;font-size:10px}.thumbnail-info{padding:8px}.thumbnail-name{color:#e5e7eb;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.download-button{background-color:#3b82f6;border:1px solid #2563eb;border-radius:3px;font-size:11px;margin-top:auto;padding:4px;transition:background-color .2s;width:100%}.download-button:hover{background-color:#2563eb}.empty-thumbnails{align-items:center;color:#9ca3af;display:flex;flex-direction:column;font-size:14px;height:100%;justify-content:center;text-align:center}.upload-button-small{background-color:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-top:12px;padding:8px 16px}.editor-main-compressor{display:flex;flex:1 1;flex-direction:column;overflow-x:hidden;overflow-y:auto}.preview-container-converter{display:flex;flex-direction:column;height:100%;max-width:100%;padding:20px;position:relative}.ad-container-compressor{align-items:center;background-color:#ffffff0d;border-radius:8px;color:#9ca3af;display:flex;font-size:14px;height:60px;justify-content:center;margin:10px 0;width:100%}.ad-container-compressor.ad-top{margin-bottom:20px}.ad-container-compressor.ad-bottom{margin-top:20px}.compression-controls-panel{background-color:#121212;border-radius:8px;margin-bottom:15px;padding:15px}.compression-options-row{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.compression-method-selector{align-items:center;display:flex;gap:20px}.radio-option{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px}.radio-option input[type=radio]{-webkit-appearance:none;appearance:none;border:2px solid #4b5563;border-radius:50%;cursor:pointer;height:16px;margin:0;outline:none;position:relative;width:16px}.radio-option input[type=radio]:checked{border-color:#3b82f6}.radio-option input[type=radio]:checked:after{background-color:#3b82f6;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.info-tooltip{color:#6b7280;cursor:help;display:inline-flex;margin-left:5px}.slider-container{align-items:center;display:flex;flex:1 1;gap:15px}.quality-slider{background:linear-gradient(90deg,#3b82f6,#1e40af);border-radius:2px;height:4px}.quality-slider::-moz-range-thumb{border:none;height:18px;width:18px}.quality-value{border-radius:14px;font-size:13px;font-weight:600;height:28px;min-width:40px}.file-size-input-container{position:relative;width:200px}.file-size-input{background-color:#2d3748;border:1px solid #4a5568;border-radius:4px;color:#fff;font-size:14px;padding:8px 40px 8px 12px;width:100%}.kb-label{color:#9ca3af;font-size:14px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.apply-button{align-items:center;background-color:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:8px 16px;transition:background-color .2s}.apply-button:hover{background-color:#2563eb}.compression-stats{color:#9ca3af;display:flex;font-size:14px;gap:30px;justify-content:center;margin-top:15px}.compression-stat-item{margin:0}.stat-value{color:#f9fafb;font-weight:500}.compression-percentage{color:#4ade80;font-weight:600}.image-preview-container-compressor{align-items:center;background-color:#121212;border-radius:8px;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:300px;overflow:hidden;padding:20px}.image-preview-main{gap:20px}.image-preview-main,.main-image-container{display:flex;flex-direction:column;width:100%}.main-image-container{align-items:center;background-color:#121212;border:1px solid #333;border-radius:8px;justify-content:center;min-height:300px;padding:20px}.main-image-preview{max-height:400px;max-width:100%;object-fit:contain}.filename-display{color:#9ca3af;font-size:14px;margin-top:10px}.empty-state-container{color:#9ca3af;padding:40px;text-align:center}.upload-button{border-radius:4px;font-weight:500;gap:8px;padding:10px 20px}.upload-icon-converter{height:20px;transform:rotate(180deg);width:20px}.convert-button-container{border-top:1px solid #2d3748;padding:15px}.convert-button{align-items:center;background-color:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;justify-content:center;padding:12px;width:100%}.convert-button:disabled{background-color:#4b5563;cursor:not-allowed}.image-count-badge{align-items:center;background-color:#fff;border-radius:50%;color:#3b82f6;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;min-width:24px;padding:0 6px}.error-message{padding:40px 20px}.error-icon{font-size:40px;margin-bottom:20px}.try-again-button{margin-top:20px}.app.light .converter-sidebar{background-color:#f8fafc;border-right-color:#e2e8f0}.app.light .thumbnail-item{background-color:#f3f4f6;border-color:#e2e8f0;box-shadow:0 1px 3px #0000001a}.app.light .thumbnail-name{color:#1f2937}.app.light .empty-thumbnails{color:#6b7280}.app.light .compression-controls-panel{background-color:#f8fafc;border:1px solid #e2e8f0}.app.light .radio-option{color:#334155}.app.light .file-size-input{background-color:#f1f5f9;border-color:#cbd5e1;color:#334155}.app.light .compression-stats,.app.light .kb-label{color:#64748b}.app.light .stat-value{color:#334155}.app.light .image-preview-container-compressor{background-color:#f1f5f9}.app.light .main-image-container{background-color:#f9fafb;border:1px solid #e5e7eb}.app.light .filename-display{color:#6b7280}.app.light .ad-container-compressor{background-color:#0000000d;color:#6b7280}.app.light .empty-state-container{color:#6b7280}@media (max-width:768px){.editor-content-converter{flex-direction:column;height:auto}.converter-sidebar{border-bottom:1px solid #2d3748;border-right:none;max-height:none;min-width:100%;width:100%}.sidebar-header{padding:10px}.thumbnails-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.thumbnail-wrapper{height:80px}.compression-controls-panel{margin-bottom:-60px;padding:10px}.compression-options-row{align-items:flex-start;flex-direction:column}.compression-method-selector{justify-content:space-between}.compression-method-selector,.file-size-input-container,.slider-container{margin-bottom:10px;width:100%}.apply-button{justify-content:center;width:100%}.compression-stats{align-items:center;flex-direction:column;gap:5px}.image-preview-container-compressor{padding:10px}.main-image-container{max-height:250px;min-height:200px;padding:2px}.main-image-preview{max-height:200px}.ad-container-compressor{height:50px;margin:5px 0}.convert-button-container{background-color:#121212;bottom:0;box-shadow:0 -2px 10px #0003;left:0;padding:10px;position:fixed;width:100%;z-index:100}.app.light .convert-button-container{background-color:#f8fafc}.compressor-page-converter{padding-bottom:70px}.empty-state-container{padding:20px 10px}.upload-button{font-size:14px;padding:8px 16px}.error-message{padding:20px 10px}.preview-container-converter{padding:10px}.editor-main-compressor{overflow-y:visible}}@media (max-width:480px){.compression-method-selector{align-items:flex-start;flex-direction:column;gap:10px}.thumbnails-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.thumbnail-wrapper{height:70px}.quality-value{font-size:12px;height:24px;min-width:36px}.compression-stats{font-size:12px}}input[type=file]{display:none}@supports (-webkit-touch-callout:none){.quality-slider{height:8px}.convert-button{-webkit-appearance:none}}.apply-dropdown-menu{background-color:#222;border-radius:5px;box-shadow:0 4px 12px #0003;position:absolute;right:0;top:45px;width:180px;z-index:100}.app.light .apply-dropdown-menu{background-color:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 12px #0000001a}.apply-dropdown-item{align-items:center;background-color:initial;border:none;border-bottom:1px solid #ffffff1a;color:#fff;cursor:pointer;display:flex;padding:10px 15px;text-align:left;width:100%}.app.light .apply-dropdown-item{border-bottom:1px solid #0000001a;color:#334155}.apply-dropdown-item:hover{background-color:#ffffff1a}.app.light .apply-dropdown-item:hover{background-color:#0000000d}.apply-dropdown-item:last-child{border-bottom:none}@media (max-width:768px){.apply-dropdown-menu{bottom:45px;right:0;top:auto}}.thumbnail-wrapper.selected{border:2px solid #3b82f6;box-shadow:0 0 0 2px #3b82f680}.thumbnail-size{color:#9ca3af;font-size:10px;margin-top:2px}.compression-status{background-color:#000000b3;padding:5px 10px;right:10px;top:10px;z-index:10}.compression-badge,.compression-status{border-radius:4px;color:#fff;font-size:12px;position:absolute}.compression-badge{background-color:#10b981;font-weight:700;padding:2px 6px;right:5px;top:5px}.quality-slider::-webkit-slider-thumb{background-color:#fff;border:2px solid #3b82f6;box-shadow:0 2px 4px #0003;height:20px;width:20px}.quality-slider::-moz-range-thumb{background-color:#fff;border:2px solid #3b82f6;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;width:20px}.title-container svg path{stroke:#27ae60}.download-button{background-color:#4a89dc}[data-theme=dark] .download-button{background-color:#3a6fb5}.download-button:hover{background-color:#3a7bd5;box-shadow:0 4px 8px #0000001a}.tool-button{transition:background-color .2s ease}.tool-button:hover{background-color:#f5f5f5}[data-theme=dark] .tool-button:hover{background-color:#333}.social-button{background:none;transition:transform .2s ease}.social-button svg{height:100%;width:100%}.copy-button{background-color:#4a89dc;transition:background-color .2s ease}.copy-button:hover{background-color:#3a7bd5}.spinner{border-top-color:#4a89dc}[data-theme=dark] .spinner{border-color:#4a89dc #ffffff1a #ffffff1a}.try-again-button{background-color:#4a89dc}.try-again-button:hover{background-color:#3a7bd5}.file-item{background-color:#ffffff0d;border-radius:8px;margin-bottom:15px;padding:12px}.file-name-row{align-items:center;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-top:8px;padding-top:8px}.file-name{color:#e0e0e0;font-size:14px;font-weight:500}.format-badge{background-color:#3b82f6}.light .file-item,[data-theme=light] .file-item{background-color:#0000000d}.light .file-name-row,[data-theme=light] .file-name-row{border-top-color:#0000001a}.light .file-name,[data-theme=light] .file-name{color:#333}.files-table{border-collapse:collapse;font-size:14px;width:100%}.files-table thead th{background-color:#0000004d}.files-table .file-row{transition:background-color .2s ease}.files-table .file-row:hover{background-color:#ffffff0d}.files-table td{border-bottom:1px solid #ffffff0d;color:#e0e0e0;padding:10px 15px}.file-name-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-format-cell,.output-format-cell{font-size:12px;font-weight:500;text-align:left;text-transform:uppercase}.progress-cell{text-align:right}.download-single-button{background-color:#3b82f6;transition:background-color .2s ease}.download-single-button:hover{background-color:#2563eb}.download-all-button-container{display:flex;justify-content:center;margin:20px 0}.download-all-button{background-color:#3b82f6}.download-all-button:hover{background-color:#2563eb;box-shadow:0 4px 6px #0000001a}.download-all-button:active{box-shadow:none;transform:translateY(0)}.conversion-results{width:100%}.light .files-table-container,[data-theme=light] .files-table-container{background-color:#0000000d}.light .files-table thead th,[data-theme=light] .files-table thead th{background-color:#f0f0f0;border-bottom-color:#0000001a;color:#333}.light .files-table .file-row:hover,[data-theme=light] .files-table .file-row:hover{background-color:#00000008}.light .files-table td,[data-theme=light] .files-table td{border-bottom-color:#0000000d;color:#333}@media (max-width:768px){.files-table-container{border-radius:6px}.files-table thead th{padding:10px}.files-table td{padding:8px 10px}.file-name-cell{max-width:120px}.download-single-button{font-size:11px;padding:4px 8px}.download-all-button{padding:10px 16px;width:100%}}@media (max-width:480px){.file-name-cell,.file-name-header{max-width:100px}.input-format-cell,.input-format-header,.output-format-cell,.output-format-header{font-size:10px}.download-single-button span{display:none}}.downloadPageOverride{display:block!important;flex-direction:row!important;min-height:auto!important}.ocr-progress-container{background-color:#0000000d;border-radius:8px;margin-top:20px;padding:15px}.ocr-progress-bar{background:linear-gradient(90deg,#3b82f6,#1e40af)}.ocr-status{color:#555;font-size:14px;margin-top:8px}.ocr-options{background-color:#3b82f61a;border-left:4px solid #3b82f6}.language-select,.ocr-quality-select{background-color:#fff;border:1px solid #ccc;border-radius:4px;margin-bottom:8px;margin-top:5px;padding:10px;width:100%}.language-select option{padding:5px}.text-preview-container{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;height:300px;margin:20px 0;overflow-y:auto}.text-preview-content{padding:15px}.text-preview-content pre{word-wrap:break-word;color:#333;font-family:monospace;font-size:14px;line-height:1.5;margin:0;white-space:pre-wrap}.text-preview-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:20px}.text-preview-section h3{color:#333;font-size:18px;font-weight:500;margin-bottom:15px}.ocr-processing-spinner{border-top-color:#3b82f6}.ocr-processing-title{font-size:18px;font-weight:600;margin-bottom:8px}.ocr-processing-status{font-size:14px;margin-bottom:20px;opacity:.8}.ocr-progress-bar-overlay{background-color:#fff3;border-radius:4px;height:8px;overflow:hidden;width:100%}.ocr-progress-fill{background:linear-gradient(90deg,#3b82f6,#1e40af)}.download-page-container{margin:1rem auto 2rem;max-width:1200px;padding:0 1rem}.title-section{align-items:center;display:flex;flex-direction:column;margin-bottom:2rem;text-align:center}.title-container{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem;margin-top:2rem}.title-container svg{height:30px;width:30px}.title-container svg path{stroke:#ff5252}.title-text{color:#333;font-size:2rem;font-weight:600}[data-theme=dark] .title-text{color:#fff}.subtitle-text{color:#666;font-size:1.1rem;margin-top:.5rem}[data-theme=dark] .subtitle-text{color:#aaa}.download-page-content{display:flex;flex-direction:column;gap:2rem}.info-section{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem}[data-theme=dark] .info-section{background-color:#222;border-color:#333}.dimensions-info{display:flex;justify-content:space-between;width:100%}.original-info,.output-info{display:flex;flex-direction:column;width:50%}.original-info{border-right:1px solid #e0e0e0;padding-right:1rem}[data-theme=dark] .original-info{border-right-color:#333}.output-info{align-items:flex-end;padding-left:1rem}.dimension-value{font-weight:600;margin:.5rem 0;white-space:nowrap}.size-value{color:#555}[data-theme=dark] .size-value{color:#aaa}.download-button-container{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;justify-content:center;padding:2rem}[data-theme=dark] .download-button-container{background-color:#222;border-color:#333}.download-button{align-items:center;background:linear-gradient(135deg,#ff5252,#ff7043);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;font-weight:600;gap:1rem;justify-content:center;padding:1rem 2rem;transition:all .2s ease}[data-theme=dark] .download-button{background:linear-gradient(135deg,#ff7676,#ff9171)}.download-button:hover{background:linear-gradient(135deg,#ff3d3d,#ff5722);box-shadow:0 4px 8px #ff525240;transform:translateY(-2px)}[data-theme=dark] .download-button:hover{background:linear-gradient(135deg,#ff5252,#ff7043);box-shadow:0 4px 8px #ff525266}.download-icon{align-items:center;display:flex;justify-content:center}.download-icon svg{fill:#fff}.fill-white{fill:#fff!important}@keyframes downloading{0%{transform:translateY(0)}25%{transform:translateY(5px)}50%{transform:translateY(0)}75%{transform:translateY(-5px)}to{transform:translateY(0)}}.downloading{animation:downloading 1.5s cubic-bezier(.4,0,.2,1)}.tools-section{border:1px solid #e0e0e0;border-radius:8px;display:flex;justify-content:space-between;overflow:hidden}[data-theme=dark] .tools-section{border-color:#333}.tool-button{align-items:center;background-color:#fff;border-right:1px solid #e0e0e0;cursor:pointer;display:flex;flex-grow:1;justify-content:center;padding:1rem;transition:all .2s ease}[data-theme=dark] .tool-button{background-color:#222;border-right-color:#333}.tool-button:last-child{border-right:none}.tool-button:hover{background-color:#ff52520d;color:#ff5252}[data-theme=dark] .tool-button:hover{background-color:#ff52521a;color:#ff7676}.icon-stroke{stroke:#333}[data-theme=dark] .icon-stroke{stroke:#fff}.tool-button:hover .icon-stroke{stroke:#ff5252}[data-theme=dark] .tool-button:hover .icon-stroke{stroke:#ff7676}.icon-fill{fill:#333}[data-theme=dark] .icon-fill{fill:#fff}.tool-button:hover .icon-fill{fill:#ff5252}[data-theme=dark] .tool-button:hover .icon-fill{fill:#ff7676}.social-section{align-items:center;display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.social-section h3{color:#333;font-size:1.25rem;font-weight:600}[data-theme=dark] .social-section h3{color:#eee}.social-buttons{flex-wrap:wrap;gap:1rem}.social-button,.social-buttons{align-items:center;display:flex;justify-content:center}.social-button{background:linear-gradient(135deg,#ff52521a,#ff70431a);border:none;border-radius:50%;cursor:pointer;height:48px;overflow:hidden;padding:0;transition:all .2s ease;width:48px}.social-button:hover{background:linear-gradient(135deg,#ff525233,#ff704333);transform:scale(1.1)}.trustpilot-link{align-items:center;display:flex;height:48px}.trustpilot-icon{height:100%;object-fit:contain}.link-section{margin-top:2rem;padding-top:1rem}.divider{margin-bottom:1.5rem}.divider span{color:#666;font-weight:500}[data-theme=dark] .divider span{color:#ccc}.link-box{border:1px solid #e0e0e0;border-radius:8px;display:flex;overflow:hidden}[data-theme=dark] .link-box{border-color:#333}.link-content{align-items:center;background-color:#f5f5f5;color:#333;display:flex;flex:1 1;overflow:hidden;padding:1.5rem;position:relative;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .link-content{background-color:#333;color:#fff}.copy-button{align-items:center;background:linear-gradient(135deg,#ff5252,#ff7043);border:none;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:1rem 1.5rem;transition:all .2s ease}.copy-button:hover{background:linear-gradient(135deg,#ff3d3d,#ff5722)}.download-error-container,.download-loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh;padding:2rem;text-align:center}.spinner{border:5px solid #0000001a;height:50px;margin-bottom:1.5rem;width:50px}[data-theme=dark] .spinner{border-color:#ff7676 #ffffff1a #ffffff1a}.error-icon{color:#ff5252;font-size:3rem;margin-bottom:1rem}.try-again-button{background:linear-gradient(135deg,#ff5252,#ff7043);border-radius:4px;font-weight:500;margin-top:1.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.try-again-button:hover{background:linear-gradient(135deg,#ff3d3d,#ff5722);box-shadow:0 4px 8px #ff525240;transform:translateY(-2px)}.button-spinner{animation:spin 1s linear infinite;height:20px;margin-right:8px;vertical-align:middle;width:20px}.button-spinner-container{gap:8px}.files-table-container{background-color:#0003;border-radius:8px;margin:20px 0;overflow-x:auto;width:100%}.files-table thead th{background-color:#ff52521a;border-bottom:1px solid #ffffff1a;color:#fff;font-weight:600;padding:12px 15px;text-align:left}.files-table .file-row:hover{background-color:#ff52520d}.format-badge{background-color:#ff5252;border-radius:4px;color:#fff;font-size:12px;font-weight:600;padding:3px 8px}.download-single-button{align-items:center;background:linear-gradient(135deg,#ff5252,#ff7043);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;justify-content:center;padding:5px 10px;transition:all .2s ease}.download-single-button:hover{background:linear-gradient(135deg,#ff3d3d,#ff5722);box-shadow:0 2px 4px #ff525240;transform:translateY(-1px)}.download-all-button{align-items:center;background:linear-gradient(135deg,#ff5252,#ff7043);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;min-width:250px;padding:12px 24px;transition:all .2s ease}.download-all-button:hover{background:linear-gradient(135deg,#ff3d3d,#ff5722);box-shadow:0 4px 8px #ff525240;transform:translateY(-2px)}.ocr-progress-bar{background:linear-gradient(90deg,#ff5252,#ff7043);border-radius:4px;height:8px;margin:10px 0;transition:width .3s ease;width:0}.ocr-options{background-color:#ff52521a;border-left:4px solid #ff5252;border-radius:8px;margin-bottom:20px;padding:15px}[data-theme=light] .files-table-container{background-color:#ff52520d}[data-theme=light] .files-table thead th{background-color:#ff52521a;border-bottom-color:#ff525233;color:#333}[data-theme=light] .files-table .file-row:hover{background-color:#ff52520d}@media (max-width:768px){.dimensions-info{flex-direction:column}.original-info{border-bottom:1px solid #e0e0e0;border-right:none;padding-bottom:1rem;padding-right:0;width:100%}[data-theme=dark] .original-info{border-bottom-color:#333}.output-info{align-items:flex-start;padding-left:0;padding-top:1rem;width:100%}.download-button{width:100%}.title-container{margin-top:1rem}.title-text{font-size:1.5rem}.subtitle-text{font-size:.9rem}}.ocr-processing-overlay{align-items:center;background:#000000b3;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.ocr-processing-content{background:#222;border:1px solid #ff52524d;border-radius:12px;max-width:90%;padding:30px;text-align:center;width:400px}.ocr-processing-spinner{animation:spin 1s ease-in-out infinite;border:5px solid #ffffff4d;border-radius:50%;border-top-color:#ff5252;display:inline-block;height:50px;margin-bottom:20px;width:50px}.ocr-progress-fill{background:linear-gradient(90deg,#ff5252,#ff7043);border-radius:4px;height:100%;transition:width .3s ease}.reviews-container{margin:2rem 0;padding:0}.reviews-header{margin-bottom:1.5rem;text-align:center}.reviews-header h3{color:#333;font-size:1.75rem;font-weight:600;margin:0}[data-theme=dark] .reviews-header h3{color:#fff}.reviews-summary{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000000d;display:flex;margin-bottom:2rem;padding:1.5rem}[data-theme=dark] .reviews-summary{background-color:#222;border-color:#333;box-shadow:0 2px 8px #0003}@media (max-width:768px){.reviews-summary{flex-direction:column;gap:1.5rem}}.summary-score{align-items:center;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;justify-content:center;min-width:200px;padding-right:2rem}[data-theme=dark] .summary-score{border-right-color:#333}@media (max-width:768px){.summary-score{border-bottom:1px solid #e0e0e0;border-right:none;padding-bottom:1.5rem;padding-right:0;width:100%}[data-theme=dark] .summary-score{border-bottom-color:#333}}.average-rating{color:#333;font-size:3rem;font-weight:700;line-height:1;margin-bottom:.5rem}[data-theme=dark] .average-rating{color:#fff}.rating-stars{display:flex;gap:.25rem;margin-bottom:.5rem}.total-reviews{color:#666;font-size:.9rem}[data-theme=dark] .total-reviews{color:#aaa}.rating-distribution{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding-left:2rem}@media (max-width:768px){.rating-distribution{padding-left:0;padding-top:1.5rem}}.rating-bar{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.rating-bar:last-child{margin-bottom:0}.rating-label{color:#666;font-size:.9rem;min-width:60px}[data-theme=dark] .rating-label{color:#aaa}.bar-container{background-color:#f0f0f0;border-radius:4px;flex:1 1;height:8px;overflow:hidden}[data-theme=dark] .bar-container{background-color:#333}.bar-fill{background:linear-gradient(90deg,#ff5252,#ff7043);border-radius:4px;height:100%;transition:width .5s ease}.rating-count{color:#666;font-size:.9rem;min-width:30px;text-align:right}[data-theme=dark] .rating-count{color:#aaa}.reviews-list{display:flex;flex-direction:column;gap:1.25rem}.review-item{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.25rem;transition:transform .2s ease,box-shadow .2s ease}[data-theme=dark] .review-item{background-color:#222;border-color:#333}.review-item:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}[data-theme=dark] .review-item:hover{box-shadow:0 4px 8px #0000004d}.review-header{display:flex;justify-content:space-between;margin-bottom:1rem}.reviewer-info{display:flex;flex-direction:column}.reviewer-name{color:#333;font-weight:600;margin-bottom:.25rem}[data-theme=dark] .reviewer-name{color:#fff}.review-date{color:#888;font-size:.85rem}[data-theme=dark] .review-date{color:#aaa}.review-rating{display:flex;gap:.25rem}.review-star{color:#ccc}.review-star.filled{color:#ffb400}[data-theme=dark] .review-star{color:#444}[data-theme=dark] .review-star.filled{color:#ffb400}.review-text{color:#555;line-height:1.5;white-space:pre-line}[data-theme=dark] .review-text{color:#ccc}.no-reviews,.reviews-error,.reviews-loading{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;justify-content:center;margin:1rem 0;padding:2rem;text-align:center}[data-theme=dark] .no-reviews,[data-theme=dark] .reviews-error,[data-theme=dark] .reviews-loading{background-color:#222;border-color:#333}.spinner{border:4px solid #ff52521a;border-top-color:#ff5252}.no-reviews p,.reviews-error p,.reviews-loading p{color:#666;font-size:1rem}[data-theme=dark] .no-reviews p,[data-theme=dark] .reviews-error p,[data-theme=dark] .reviews-loading p{color:#aaa}.retry-button{background-color:#ff5252;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;margin-top:1rem;padding:.5rem 1rem;transition:background-color .2s ease}.retry-button:hover{background-color:#ff3d3d}.load-more-container{display:flex;justify-content:center;margin-top:1rem}.load-more-button{background-color:initial;border:1px solid #ff5252;border-radius:4px;color:#ff5252;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.load-more-button:hover{background-color:#ff52521a;transform:translateY(-2px)}[data-theme=dark] .load-more-button{border-color:#ff7676;color:#ff7676}[data-theme=dark] .load-more-button:hover{background-color:#ff76761a}.review-form-container{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000000d;margin:2rem 0;padding:1.5rem;transition:all .3s ease}[data-theme=dark] .review-form-container{background-color:#222;border-color:#333;box-shadow:0 2px 8px #0003}.review-form-header{margin-bottom:1.5rem;text-align:center}.review-form-header h3{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}[data-theme=dark] .review-form-header h3{color:#fff}.review-form-header p{color:#666;font-size:.95rem}[data-theme=dark] .review-form-header p{color:#aaa}.review-form{display:flex;flex-direction:column;gap:1.25rem}.form-row{display:flex;gap:1rem}@media (max-width:768px){.form-row{flex-direction:column;gap:1.25rem}}.form-group{display:flex;flex-direction:column;width:100%}.form-group label{color:#333;font-size:.95rem;font-weight:500;margin-bottom:.5rem}[data-theme=dark] .form-group label{color:#eee}.form-group input,.form-group textarea{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#333;font-size:1rem;padding:.75rem;transition:border-color .2s ease;width:100%}[data-theme=dark] .form-group input,[data-theme=dark] .form-group textarea{background-color:#333;border-color:#444;color:#fff}.form-group input:focus,.form-group textarea:focus{border-color:#ff5252;box-shadow:0 0 0 2px #ff525233;outline:none}.form-group input.error,.form-group textarea.error{border-color:#f33}.error-message{color:#f33;font-size:.85rem;margin-top:.5rem}.error-banner{background-color:#ff33331a;border:1px solid #ff33334d;border-radius:4px;color:#f33;font-size:.95rem;padding:.75rem;text-align:center}.error-banner,.rating-group{margin-bottom:1rem}.star-rating-container{align-items:center;display:flex;gap:.25rem}.star-rating{color:#ccc;cursor:pointer;transition:color .2s ease}.star-rating.active,.star-rating:hover{color:#ffb400}[data-theme=dark] .star-rating{color:#444}[data-theme=dark] .star-rating.active,[data-theme=dark] .star-rating:hover{color:#ffb400}.rating-text{color:#666;font-size:.9rem;margin-left:.75rem}[data-theme=dark] .rating-text{color:#bbb}.submit-button{align-self:center;background:linear-gradient(135deg,#ff5252,#ff7043);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-width:200px;padding:.875rem 1.5rem;transition:all .2s ease}.submit-button:hover{background:linear-gradient(135deg,#ff3d3d,#ff5722);box-shadow:0 4px 8px #ff525240;transform:translateY(-2px)}.submit-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.review-form-container.submitted{padding:2.5rem 1.5rem;text-align:center}.review-success-message{align-items:center;display:flex;flex-direction:column;gap:1rem}.success-icon{color:#27ae60;margin-bottom:1rem}[data-theme=dark] .success-icon{color:#2ecc71}.review-success-message p{color:#666;font-size:1rem;margin:0 auto;max-width:400px}[data-theme=dark] .review-success-message p{color:#bbb}.button-spinner-container{align-items:center;display:flex;gap:.5rem;justify-content:center}.button-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:1rem;width:1rem}.write-review-button:hover:not(:disabled){background:linear-gradient(135deg,#ff3d3d,#ff5722);box-shadow:0 4px 8px #ff525240;transform:translateY(-2px)}.write-review-button:disabled{background:linear-gradient(135deg,#ccc,#999);cursor:not-allowed;opacity:.7}.download-prompt{background-color:#ff52521a;border-left:4px solid #ff5252;border-radius:4px;color:#666;font-size:.9rem;margin-top:1rem;padding:.75rem 1.5rem}[data-theme=dark] .download-prompt{background-color:#ff525233;color:#ccc}.reviews-section{margin:3rem 0;padding:0}.divider{align-items:center;display:flex;margin-bottom:2rem}.divider:after,.divider:before{border-top:1px solid #e0e0e0;content:"";flex:1 1}[data-theme=dark] .divider:after,[data-theme=dark] .divider:before{border-color:#333}.divider span{color:#444;font-size:1.25rem;font-weight:600;padding:0 1rem}[data-theme=dark] .divider span{color:#eee}.write-review-container{align-items:center;display:flex;flex-direction:column;margin:2rem 0}.cancel-review-button,.write-review-button{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.write-review-button{background:linear-gradient(135deg,#ff5252,#ff7043);border:none;color:#fff}.write-review-button:hover{background:linear-gradient(135deg,#ff3d3d,#ff5722);box-shadow:0 4px 8px #ff525240;transform:translateY(-2px)}.cancel-review-button{background-color:initial;border:1px solid #ccc;color:#666}.cancel-review-button:hover{background-color:#f5f5f5;color:#333}[data-theme=dark] .cancel-review-button{border-color:#444;color:#ccc}[data-theme=dark] .cancel-review-button:hover{background-color:#333;color:#fff}.review-form-section{animation:slideDown .3s ease-out forwards;overflow:hidden}@keyframes slideDown{0%{max-height:0;opacity:0;transform:translateY(-20px)}to{max-height:1000px;opacity:1;transform:translateY(0)}}@media (max-width:768px){.divider span{font-size:1.1rem}}.editor-title{color:var(--heading-color);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;margin-top:0}.upload-button-container{margin-bottom:1.5rem;position:relative;width:100%}.upload-button{background-color:#4f8cff;border-radius:.5rem;font-size:1rem;height:50px;justify-content:center;padding:.8rem 1rem;transition:background-color .2s;width:100%}.upload-button:hover{background-color:#3a7bff}.upload-icon{margin-right:.5rem}.dropdown-arrow{border-left:1px solid #ffffff4d;margin-left:auto;padding-left:1rem}.upload-options-dropdown{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 12px #00000026;left:0;margin-top:.5rem;overflow:hidden;position:absolute;right:0;top:100%;z-index:10}[data-theme=dark] .upload-options-dropdown{background-color:#2a2a2a;background-color:var(--dark-card-bg-color,#2a2a2a);box-shadow:0 4px 12px #00000059}.upload-option{align-items:center;cursor:pointer;display:flex;padding:.75rem 1rem;transition:background-color .2s}.upload-option:hover{background-color:#0000000d}[data-theme=dark] .upload-option:hover{background-color:#ffffff0d}.upload-option svg{color:var(--text-color-secondary);margin-right:.75rem}.upload-option span{color:var(--text-color);font-size:.9rem}.flip-options-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.flip-option-card{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:.5rem;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:1.5rem 1rem;transition:all .2s}.flip-option-card:hover{background-color:#f9fafb;background-color:var(--hover-bg-color,#f9fafb);box-shadow:0 4px 6px #0000000d;transform:translateY(-2px)}[data-theme=dark] .flip-option-card{background-color:#2a2a2a;background-color:var(--dark-card-bg-color,#2a2a2a);border-color:#444;border-color:var(--dark-border-color,#444)}[data-theme=dark] .flip-option-card:hover{background-color:#333;background-color:var(--dark-hover-bg-color,#333)}.flip-icon-card{align-items:center;color:var(--text-color);display:flex;justify-content:center;margin-bottom:.75rem}.flip-label{color:var(--text-color);font-size:.9rem;font-weight:500}.flip-option-card.active{background-color:#f0f7ff;background-color:var(--primary-bg-light,#f0f7ff);border-color:#4f8cff;border-color:var(--primary-color,#4f8cff)}[data-theme=dark] .flip-option-card.active{background-color:#4f8cff1a;border-color:#4f8cff;border-color:var(--primary-color,#4f8cff)}.flip-option-card.active .flip-label{color:#4f8cff;color:var(--primary-color,#4f8cff)}.bottom-download-container{background-color:#fff;bottom:0;box-shadow:0 -2px 10px #0000001a;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;z-index:100}[data-theme=dark] .bottom-download-container{background-color:#1a1a1a;background-color:var(--dark-bg-color,#1a1a1a);box-shadow:0 -2px 10px #0000004d}.bottom-download-button{align-items:center;background-color:#4f8cff;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;min-width:200px;padding:.8rem 2rem;transition:background-color .2s}.bottom-download-button:hover{background-color:#3a7bff}.bottom-download-button:disabled{background-color:#ccc;background-color:var(--disabled-color,#ccc);color:#888;color:var(--disabled-text-color,#888);cursor:not-allowed}.preview-container{display:flex;flex-direction:column;height:100%;padding-bottom:70px}.image-preview-container{align-items:center;background-color:#f5f5f5;background-color:var(--preview-bg-color,#f5f5f5);border-radius:.5rem;display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:1rem;position:relative}[data-theme=dark] .image-preview-container{background-color:#1e1e1e;background-color:var(--dark-preview-bg-color,#1e1e1e)}.image-container{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.preview-image{box-shadow:0 4px 20px #0000001a;max-height:100%;max-width:100%;object-fit:contain;transition:transform .3s ease}.error-message,.loading-indicator{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;text-align:center}.spinner{border:4px solid #0000001a;border-top:4px solid var(--primary-color,#4f8cff);margin-bottom:1rem}.error-message,.error-message svg{color:#e53935;color:var(--error-color,#e53935)}.error-message svg{margin-bottom:1rem}.back-button{background-color:#4f8cff;background-color:var(--primary-color,#4f8cff);border:none;border-radius:.25rem;color:#fff;cursor:pointer;margin-top:1rem;padding:.5rem 1rem;transition:background-color .2s}.back-button:hover{background-color:#3a7bff;background-color:var(--primary-color-dark,#3a7bff)}.rotate-options-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.rotate-option-card{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:.5rem;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:1.5rem 1rem;transition:all .2s}.rotate-option-card:hover{background-color:#f9fafb;background-color:var(--hover-bg-color,#f9fafb);box-shadow:0 4px 6px #0000000d;transform:translateY(-2px)}[data-theme=dark] .rotate-option-card{background-color:#2a2a2a;background-color:var(--dark-card-bg-color,#2a2a2a);border-color:#444;border-color:var(--dark-border-color,#444)}[data-theme=dark] .rotate-option-card:hover{background-color:#333;background-color:var(--dark-hover-bg-color,#333)}.rotate-option-card.active{background-color:#f0f7ff;background-color:var(--primary-bg-light,#f0f7ff);border-color:#4f8cff;border-color:var(--primary-color,#4f8cff)}[data-theme=dark] .rotate-option-card.active{background-color:#4f8cff1a;border-color:#4f8cff;border-color:var(--primary-color,#4f8cff)}.rotate-icon-card{align-items:center;color:var(--text-color);display:flex;justify-content:center;margin-bottom:.75rem}.rotate-label{color:var(--text-color);font-size:.9rem;font-weight:500}.rotate-option-card.active .rotate-label{color:#4f8cff;color:var(--primary-color,#4f8cff)}@media (max-width:768px){.editor-content{flex-direction:column}.editor-sidebar{max-width:100%;padding:1rem;width:100%}.editor-main{height:auto;min-height:300px}.bottom-download-container{position:sticky}}.editor-sidebar{background-color:#fff;background-color:var(--sidebar-bg-color,#fff);box-shadow:0 2px 10px #0000000d;display:flex;flex-direction:column;height:100%;padding:1.5rem 1rem}.sidebar-top{flex:1 1 auto;overflow-y:auto}.sidebar-bottom{flex-shrink:0;margin-top:auto;padding-top:1rem}@media (max-width:768px){.sidebar-bottom{background:#fff;background:var(--sidebar-bg-color,#fff);bottom:0;padding:1rem 0;position:sticky;z-index:10}}.editor-page-bulk-enlarger{background-color:#121212;background-color:var(--bg-color);color:#f5f5f5;color:var(--text-color);display:flex;flex-direction:column;height:calc(100vh - 70px);width:100%}.editor-content-bulk-enlarger{display:flex;height:100%;width:100%}.enlarger-sidebar{background-color:#1e1e1e;background-color:var(--bg-accent);border-right:1px solid #333;border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100%;min-width:340px;overflow-y:auto;padding:20px;width:340px}.sidebar-header{align-items:center;border-bottom:1px solid #333;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.sidebar-header h1{color:#f5f5f5;color:var(--text-color);font-size:1.5rem;margin:0}.enlargement-options{display:flex;flex-direction:column;gap:20px}.resize-tabs{background-color:#faf6f6;border-radius:8px;display:flex;margin-bottom:15px;overflow:hidden}.resize-tabs button{background-color:initial;border:none;color:#f5f5f5;color:var(--text-color);cursor:pointer;flex:1 1;font-size:14px;padding:12px;transition:background-color .2s ease}.resize-tabs button.active{background-color:#3b82f6;color:#fff;font-weight:500}.dimensions-inputs{display:flex;flex-direction:column;gap:15px}.dimension-group{display:flex;flex-direction:column;gap:8px}.dimension-group label{color:#a0a0a0;color:var(--text-muted);font-size:14px}.input-with-unit{align-items:center;background-color:#1a1a1a;border-radius:6px;display:flex;overflow:hidden}.input-with-unit input{background-color:initial;border:none;color:#f5f5f5;color:var(--text-color);flex:1 1;font-size:15px;padding:12px 15px}.unit-selector{border-left:1px solid #333;min-width:100px;position:relative}.unit-selector select{-webkit-appearance:none;appearance:none;background-color:initial;border:none;color:#f5f5f5;color:var(--text-color);cursor:pointer;font-size:14px;padding:12px 30px 12px 15px;width:100%}.unit-selector svg{pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.unit{color:#a0a0a0;color:var(--text-muted);font-size:14px;padding:0 15px}.aspect-ratio-lock{align-items:center;display:flex;margin-top:5px}.aspect-ratio-lock label{align-items:center;color:#f5f5f5;color:var(--text-color);cursor:pointer;display:flex;font-size:14px}.aspect-ratio-lock input{margin-right:8px}.percentage-input{display:flex;flex-direction:column;gap:10px}.percentage-input label{color:#a0a0a0;color:var(--text-muted);font-size:14px}.scale-slider{margin-top:10px}.scale-slider input[type=range]{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#3b82f6,#1e40af);border-radius:5px;height:5px;outline:none;width:100%}.scale-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;box-shadow:0 2px 5px #0000004d;cursor:pointer;height:18px;width:18px}.scale-markers{display:flex;justify-content:space-between;margin-top:8px;padding:0 5px}.scale-markers span{color:#a0a0a0;color:var(--text-muted);font-size:10px}.settings-toggle{margin:10px 0}.settings-toggle label{align-items:center;color:#f5f5f5;color:var(--text-color);cursor:pointer;display:flex;font-size:14px}.settings-toggle input{margin-right:8px}.export-settings{background-color:#1a1a1a;border-radius:8px;padding:15px}.export-settings-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.export-settings-header h3{color:#f5f5f5;color:var(--text-color);font-size:16px;margin:0}.format-selection{margin-bottom:15px}.format-selection label{color:#a0a0a0;color:var(--text-muted);display:block;font-size:14px;margin-bottom:8px}.select-wrapper{background-color:#222;border-radius:6px;overflow:hidden;position:relative}.select-wrapper select{-webkit-appearance:none;appearance:none;background-color:initial;border:none;color:#f5f5f5;color:var(--text-color);cursor:pointer;font-size:14px;padding:12px 15px;width:100%}.select-wrapper svg{pointer-events:none;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.quality-setting{margin-top:15px}.quality-setting label{color:#a0a0a0;color:var(--text-muted);display:block;font-size:14px;margin-bottom:8px}.quality-slider-container{align-items:center;display:flex;gap:10px}.quality-slider{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#ef4444,#f59e0b,#3b82f6);border-radius:5px;flex:1 1;height:5px;outline:none}.quality-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;box-shadow:0 2px 5px #0000004d;cursor:pointer;height:18px;width:18px}.quality-value{align-items:center;background-color:#3b82f6;border-radius:15px;color:#fff;display:flex;font-size:14px;font-weight:500;height:30px;justify-content:center;width:45px}.quality-labels{color:#a0a0a0;color:var(--text-muted);display:flex;font-size:11px;justify-content:space-between;margin-top:8px}.enlarge-button{align-items:center;background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:10px;justify-content:center;margin-top:20px;padding:14px;transition:background-color .2s ease}.enlarge-button:hover{background-color:#2563eb}.enlarge-button:disabled{background-color:#4b5563;cursor:not-allowed}.enlarge-button .button-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.editor-main-bulk-enlarger{flex:1 1;height:100%;overflow:hidden;position:relative}.preview-container-bulk-enlarger{display:flex;flex-direction:column;height:100%;position:relative}.ad-container-bulk-enlarger{align-items:center;background-color:#1e1e1e;background-color:var(--bg-accent);border-bottom:1px solid #333;border-bottom:1px solid var(--border-color);color:#a0a0a0;color:var(--text-muted);display:flex;font-size:14px;height:100px;justify-content:center}.ad-container-bulk-enlarger.ad-bottom{border-bottom:none;border-top:1px solid #333;border-top:1px solid var(--border-color)}.image-preview-container-bulk-enlarger{background-color:#121212;background-color:var(--bg-color);flex:1 1;overflow-y:auto;padding:20px}.empty-state-container{align-items:center;color:#a0a0a0;color:var(--text-muted);display:flex;flex-direction:column;height:100%;justify-content:center}.upload-button{align-items:center;background-color:#3b82f6;border:none;border-radius:8px;color:#fff;display:flex;font-size:16px;gap:10px;margin-bottom:20px;padding:14px 20px;transition:background-color .2s ease}.upload-button:hover{background-color:#2563eb}.upload-icon{height:16px;transform:rotate(180deg);width:16px}.empty-state-text{font-size:14px;line-height:1.4;max-width:300px;text-align:center}.images-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.image-preview-item{background-color:#1e1e1e;background-color:var(--bg-accent);border:2px solid #0000;border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:border-color .2s ease,transform .2s ease}.image-preview-item:hover{border-color:#3b82f6;transform:translateY(-5px)}.image-preview-item.selected{border-color:#3b82f6;box-shadow:0 0 15px #3b82f64d}.image-actions{display:flex;gap:8px;position:absolute;right:10px;top:10px;z-index:10}.action-icon{align-items:center;background-color:#000000b3;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;transition:background-color .2s ease;width:30px}.action-icon:hover{background-color:#000000e6}.action-icon.delete:hover{background-color:#ef4444}.image-preview-wrapper{align-items:center;background-color:#000;display:flex;height:180px;justify-content:center;overflow:hidden;width:100%}.image-preview{height:100%;object-fit:contain;width:100%}.file-info-bar{align-items:center;background-color:#00000080;display:flex;justify-content:space-between;padding:10px 15px}.file-name{color:#fff;font-size:13px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dimensions-info{color:#646363b3;font-size:12px}.enlargement-preview{background-color:#1e1e1e;background-color:var(--bg-accent);border-top:1px solid #333;border-top:1px solid var(--border-color);font-size:13px;padding:10px 15px}.preview-label{color:#a0a0a0;color:var(--text-muted);font-size:12px;margin-bottom:5px}.dimensions-preview{color:#3b82f6;font-weight:500}.processing-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:100}.processing-status{background-color:#1e1e1e;background-color:var(--bg-accent);border-radius:8px;max-width:400px;padding:25px;text-align:center;width:90%}.processing-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#3b82f6;height:50px;margin:0 auto 20px;width:50px}.processing-status h3{color:#f5f5f5;color:var(--text-color);font-size:18px;margin-bottom:15px}.progress-bar{background-color:#1a1a1a;border-radius:5px;height:10px;margin-bottom:10px;overflow:hidden}.progress-bar-fill{background-color:#3b82f6;height:100%;transition:width .3s ease}.progress-text{color:#a0a0a0;color:var(--text-muted);font-size:14px}.error-message{align-items:center;display:flex;flex-direction:column;height:1%;justify-content:center;padding:20px;text-align:center}.error-icon{font-size:32px;margin-bottom:15px}.error-message h2{color:#f5f5f5;color:var(--text-color);margin-bottom:10px}.error-message p{color:#a0a0a0;color:var(--text-muted);margin-bottom:20px;max-width:400px}.try-again-button{background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.loading-indicator{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#3b82f6;height:40px;margin-bottom:15px;width:40px}@media screen and (max-width:1100px){.images-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media screen and (max-width:768px){.editor-content-bulk-enlarger{flex-direction:column}.enlarger-sidebar{max-height:50vh;min-width:100%;overflow-y:auto;width:100%}.images-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}:root{--bg-color:#121212;--bg-accent:#1e1e1e;--text-color:#f5f5f5;--text-muted:#a0a0a0;--border-color:#333}.light{--bg-color:#f5f5f5;--bg-accent:#fff;--text-color:#1a1a1a;--text-muted:#707070;--border-color:#e0e0e0}:root{--policy-bg-color:#fff;--policy-text-color:#333;--policy-secondary-text:#666;--policy-accent-color:#ff5252;--policy-link-color:#ff5252;--policy-nav-bg:#0000000d;--policy-section-bg:#00000008;--policy-border-color:#0000001a;--policy-card-bg:#fff;--policy-box-shadow:0 4px 12px #0000000d}[data-theme=dark]{--policy-bg-color:#212121;--policy-text-color:#fff;--policy-secondary-text:#aaa;--policy-accent-color:#ff5252;--policy-link-color:#ff7676;--policy-nav-bg:#ffffff0d;--policy-section-bg:#ffffff08;--policy-border-color:#ffffff1a;--policy-card-bg:#2a2a2a;--policy-box-shadow:0 4px 12px #0003}@media (prefers-color-scheme:dark){[data-theme=system]{--policy-bg-color:#212121;--policy-text-color:#fff;--policy-secondary-text:#aaa;--policy-accent-color:#ff5252;--policy-link-color:#ff7676;--policy-nav-bg:#ffffff0d;--policy-section-bg:#ffffff08;--policy-border-color:#ffffff1a;--policy-card-bg:#2a2a2a;--policy-box-shadow:0 4px 12px #0003}}.policy-container{background-color:#fff;background-color:var(--policy-bg-color);color:#333;color:var(--policy-text-color);display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:1200px;padding:2rem 1.5rem}.policy-header{border-bottom:1px solid #0000001a;border-bottom:1px solid var(--policy-border-color);padding-bottom:1.5rem;text-align:center}.policy-header h1{color:#333;color:var(--policy-text-color);font-size:2.5rem;margin-bottom:.5rem}.last-updated{color:#666;color:var(--policy-secondary-text);font-size:1rem}.policy-navigation{align-self:flex-start;background-color:#fff;background-color:var(--policy-bg-color);border:1px solid #0000001a;border:1px solid var(--policy-border-color);border-radius:.5rem;box-shadow:0 4px 12px #0000000d;box-shadow:var(--policy-box-shadow);margin-bottom:1rem;padding:1rem;position:sticky;top:1rem;width:98%;z-index:10}.policy-nav-links{display:flex;flex-wrap:wrap;gap:1rem}.policy-nav-links a{background-color:#0000000d;background-color:var(--policy-nav-bg);border-radius:3rem;color:#666;color:var(--policy-secondary-text);font-size:.9rem;padding:.5rem .75rem;text-decoration:none;transition:all .2s ease;white-space:nowrap}.policy-nav-links a:hover{background-color:#00000008;background-color:var(--policy-section-bg);color:#ff5252;color:var(--policy-accent-color)}.policy-content{display:flex;flex-direction:column;gap:2.5rem}.policy-content section{scroll-margin-top:6rem}.policy-content h2{color:#333;color:var(--policy-text-color);font-size:1.6rem;margin-bottom:1.25rem;padding-bottom:.75rem;position:relative}.policy-content h2:after{background-color:#ff5252;background-color:var(--policy-accent-color);bottom:0;content:"";height:3px;left:0;position:absolute;width:60px}.policy-content h3{font-size:1.3rem;margin:1.5rem 0 1rem}.policy-content h3,.policy-content p{color:#333;color:var(--policy-text-color)}.policy-content p{font-size:1rem;line-height:1.7;margin-bottom:1rem}.policy-content ol,.policy-content ul{margin-bottom:1.5rem;margin-left:1.5rem}.policy-content li{color:#333;color:var(--policy-text-color);font-size:1rem;line-height:1.7;margin-bottom:.5rem}.policy-content a{color:#ff5252;color:var(--policy-link-color);text-decoration:none;transition:color .2s ease}.policy-content a:hover{text-decoration:underline}.contact-info{background-color:#0000000d;background-color:var(--policy-nav-bg);border:1px solid #0000001a;border:1px solid var(--policy-border-color);border-radius:.5rem;list-style-type:none;margin-left:0!important;padding:1.5rem}.contact-info li{margin-bottom:.75rem}.contact-info li:last-child{margin-bottom:0}@media (max-width:768px){.policy-header h1{font-size:2rem}.policy-navigation{position:relative;top:0}.policy-nav-links{-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none}.policy-nav-links::-webkit-scrollbar{display:none}.policy-content h2{font-size:1.4rem}.policy-content h3{font-size:1.2rem}}@media print{.policy-navigation{display:none}.policy-header{text-align:left}.policy-content{gap:1.5rem}.policy-content h2:after{display:none}}.about-container{background-color:var(--policy-bg-color);color:var(--policy-text-color);display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:1200px;padding:2rem 1.5rem}.about-header{border-bottom:1px solid var(--policy-border-color);padding-bottom:1.5rem;text-align:center}.about-header h1{color:var(--policy-text-color);font-size:2.5rem;margin-bottom:.5rem}.about-content h2{color:var(--policy-text-color);font-size:1.6rem;margin-bottom:1.25rem;padding-bottom:.75rem;position:relative}.about-content h2:after{background-color:var(--policy-accent-color);bottom:0;content:"";height:3px;left:0;position:absolute;width:60px}.about-content p,.member-bio{color:var(--policy-text-color);font-size:1rem;line-height:1.7;margin-bottom:1rem}.team-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:2rem}.team-member{background-color:var(--policy-card-bg);border-radius:8px;box-shadow:var(--policy-box-shadow);color:var(--policy-text-color);padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.team-member:hover{transform:translateY(-5px)}.member-image{border-radius:50%;height:120px;margin:0 auto 1rem;overflow:hidden;width:120px}.member-image img{height:100%;object-fit:cover;width:100%}.team-member h3{color:var(--policy-text-color);font-size:1.3rem;margin-bottom:.5rem;text-align:center}.member-role{color:var(--policy-accent-color);font-weight:600;margin-bottom:1rem;text-align:center}.values-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:2rem}.value-item{background-color:var(--policy-card-bg);border-radius:8px;box-shadow:var(--policy-box-shadow);padding:1.5rem;transition:transform .3s ease}.value-item:hover{transform:translateY(-5px)}.value-item h3{border-bottom:2px solid var(--policy-border-color);color:var(--policy-accent-color);font-size:1.3rem;margin-bottom:1rem;padding-bottom:.5rem}.about-content a{color:var(--policy-link-color);text-decoration:none;transition:color .3s ease}.about-content a:hover{color:var(--policy-accent-color);text-decoration:underline}.about-loading{color:var(--policy-secondary-text);font-size:1.2rem;padding:3rem;text-align:center}@media (max-width:768px){.about-header h1{font-size:2rem}.about-content h2{font-size:1.4rem}.team-grid,.values-grid{grid-template-columns:1fr}}.admin-module{color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}.admin-module a,.admin-module button,.admin-module div,.admin-module h1,.admin-module h2,.admin-module h3,.admin-module h4,.admin-module h5,.admin-module h6,.admin-module input,.admin-module p,.admin-module span{background:none;border:none;box-sizing:border-box;color:inherit;font-size:inherit;font-weight:inherit;margin:0;padding:0;text-decoration:none}.admin-module .login-form{align-items:center;background-color:#f3f4f6;display:flex;justify-content:center;min-height:100vh;padding:3rem 1rem}.admin-module .login-container{margin-bottom:2rem;max-width:28rem;width:100%}.admin-module .login-title{color:#111827;font-size:1.875rem;font-weight:800;margin-top:1.5rem;text-align:center}.admin-module .login-form-inner{margin-bottom:1.5rem;margin-top:2rem}.admin-module .input-group{border-radius:.375rem;box-shadow:0 1px 2px 0 #0000000d;margin-bottom:-1px}.admin-module .input-field{-webkit-appearance:none;appearance:none;border:1px solid #d1d5db;color:#111827;display:block;font-size:.875rem;outline:none;padding:.5rem .75rem;position:relative;width:100%}.admin-module .input-field:focus{ring:2px solid #3b82f6;border-color:#3b82f6;outline:none;z-index:10}.admin-module .input-top{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.admin-module .input-bottom{border-bottom-left-radius:.375rem;border-bottom-right-radius:.375rem}.admin-module .forgot-password-container-login{align-items:center;display:flex;justify-content:space-between;margin-top:1rem}.admin-module .forgot-password-text-login{font-size:.875rem}.admin-module .forgot-password-link-login{color:#2563eb;font-weight:500;text-decoration:none}.admin-module .forgot-password-link-login:hover{color:#3b82f6}.admin-module .error-container{background-color:#fef2f2;border-radius:.375rem;margin-top:1rem;padding:1rem}.admin-module .error-inner{display:flex}.admin-module .error-message-container{margin-left:.75rem}.admin-module .error-message{color:#991b1b}.admin-module .submit-button{border:1px solid #0000;display:flex;justify-content:center;margin-top:1.5rem;outline:none;position:relative;width:100%}.admin-module .submit-button:focus{ring:2px;ring-offset:2px;ring-color:#3b82f6;outline:none}.admin-module .button-loading{background-color:#60a5fa;cursor:not-allowed}.admin-module .button-ready{background-color:#2563eb}.admin-module .button-ready:hover{background-color:#1d4ed8}.admin-module .admin-layout{background-color:#f3f4f6}.admin-module .top-nav{border-bottom:1px solid #e5e7eb}.admin-module .nav-container{max-width:80rem;padding:0 1rem}.admin-module .nav-content{height:4rem}.admin-module .logo-container{flex-shrink:0}.admin-module .admin-logo{color:#2563eb;font-size:1.25rem;font-weight:700;text-decoration:none}@media (min-width:640px){.admin-module .desktop-nav-links{align-items:center;display:flex;gap:2rem;margin-left:1.5rem}}.admin-module .site-link{color:#6b7280;padding:.25rem}.admin-module .site-link:hover{color:#4b5563}@media (min-width:640px){.admin-module .desktop-nav-right{align-items:center;display:flex;margin-left:1.5rem}}.admin-module .notification-button{background-color:#fff;border-radius:9999px;color:#6b7280;padding:.25rem}.admin-module .notification-button:hover{color:#4b5563}.admin-module .notification-badge{background-color:#ef4444;border-radius:9999px;height:1rem;right:-.25rem;top:-.25rem;width:1rem}.admin-module .icon{height:1.5rem;width:1.5rem}.admin-module .profile-container{align-items:center;display:flex;margin-left:.75rem;position:relative}.admin-module .avatar{background-color:#3b82f6;border-radius:9999px;font-weight:700;height:2rem;width:2rem}.admin-module .username{color:#374151;font-weight:500}.admin-module .user-role{color:#6b7280}.admin-module .mobile-menu-button-container{margin-right:-.5rem}@media (min-width:640px){.admin-module .mobile-menu-button-container{display:none}}.admin-module .mobile-menu-button{background-color:initial;border-radius:.375rem;color:#9ca3af;display:inline-flex}.admin-module .mobile-menu-button:hover{background-color:#f3f4f6;color:#6b7280}@media (min-width:640px){.admin-module .mobile-menu{display:none}}.admin-module .mobile-menu-site-link{padding:.5rem 0 .75rem}.admin-module .mobile-site-link{border-color:#0000;border-left-width:4px;color:#6b7280;font-size:1rem;padding:.75rem 1rem}.admin-module .mobile-site-link:hover{background-color:#f9fafb;border-color:#d1d5db;color:#111827}.admin-module .mobile-profile-section{border-top:1px solid #e5e7eb;padding:1rem 0 .75rem}.admin-module .mobile-profile-container{padding:0 1rem}.admin-module .mobile-avatar{background-color:#3b82f6;border-radius:9999px;font-weight:700}.admin-module .mobile-username{color:#111827;font-size:1rem;font-weight:500}.admin-module .mobile-email{color:#6b7280;font-size:.875rem;font-weight:500}.admin-module .mobile-notification-button{background-color:#fff;border-radius:9999px;color:#9ca3af;flex-shrink:0;margin-left:auto;padding:.25rem}.admin-module .mobile-notification-button:hover{color:#6b7280}@media (min-width:768px){.admin-module .sidebar-container{display:flex;flex-direction:column;width:16rem}}.admin-module .sidebar-content{border-right:1px solid #e5e7eb;flex-grow:1;overflow-y:auto;padding-top:1.25rem}.admin-module .sidebar-menu-container{display:flex;flex-direction:column;flex-grow:1;margin-top:1.25rem}.admin-module .sidebar-nav{flex:1 1;gap:.25rem;padding:0 .5rem 1rem}.admin-module .sidebar-link{border-color:#0000;border-left-width:4px;color:#6b7280;padding:.5rem}.admin-module .sidebar-link:hover{background-color:#f9fafb;border-color:#d1d5db;color:#111827}.admin-module .sidebar-link.active{background-color:#eff6ff;border-color:#2563eb;color:#2563eb}.admin-module .sidebar-icon{display:inline-flex}.admin-module .sidebar-footer{border-top:1px solid #e5e7eb;padding:1rem}.admin-module .logout-button{color:#6b7280;padding:.5rem}.admin-module .logout-button:hover{color:#111827}.admin-module .logout-icon{height:1.5rem;width:1.5rem}.admin-module .mobile-sidebar-overlay{display:flex;z-index:40}.admin-module .mobile-sidebar-overlay.hidden{display:none}@media (min-width:768px){.admin-module .mobile-sidebar-overlay{display:none}}.admin-module .mobile-sidebar-backdrop{background-color:#4b5563;opacity:.75;position:fixed}.admin-module .mobile-sidebar{flex:1 1;max-width:18rem;width:100%}.admin-module .mobile-sidebar-content{height:0;padding:1.25rem 0 1rem}.admin-module .mobile-sidebar-nav{gap:.25rem;margin-top:1.25rem;padding:0 .5rem}.admin-module .mobile-sidebar-link{border-color:#0000;border-left-width:4px;color:#6b7280;font-size:1rem;padding:.5rem}.admin-module .mobile-sidebar-link:hover{background-color:#f9fafb;border-color:#d1d5db;color:#111827}.admin-module .mobile-sidebar-link.active{background-color:#eff6ff;border-color:#2563eb;color:#2563eb}.admin-module .mobile-sidebar-icon{display:inline-flex}.admin-module .mobile-sidebar-footer{border-top:1px solid #e5e7eb}.admin-module .mobile-logout-button{color:#6b7280;padding:.5rem}.admin-module .mobile-logout-button:hover{color:#111827}.admin-module .mobile-logout-icon{height:1.5rem;width:1.5rem}.admin-module .main-content-container{display:flex;flex-direction:column}.admin-module .main-content{flex:1 1;padding-bottom:2rem}.admin-module .content-wrapper{padding:1.5rem 0}.admin-module .content-container{margin:0 auto;max-width:80rem;padding:0 1rem}@media (min-width:640px){.admin-module .content-container{padding:0 1.5rem}}@media (min-width:1024px){.admin-module .content-container{padding:0 2rem}}.admin-module .loading-screen{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.admin-module .loading-spinner{border:.25rem solid #3b82f61a;border-top-color:#3b82f6}.admin-module .loading-text{color:#3b82f6;font-size:1rem;font-weight:500;margin-top:1rem}.admin-module .dashboard{padding-bottom:2rem}.admin-module .dashboard-title{color:#111827;font-weight:600}.admin-module .dashboard-welcome{color:#4b5563;font-size:.875rem;margin-top:.5rem}.admin-module .dashboard-loader{align-items:center;display:flex;height:16rem;justify-content:center}.admin-module .stats-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(1,minmax(0,1fr));margin-top:1.5rem}@media (min-width:640px){.admin-module .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.admin-module .stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.admin-module .stat-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;overflow:hidden}.admin-module .stat-content{padding:1.25rem}.admin-module .stat-header,.admin-module .stat-icon{align-items:center;display:flex}.admin-module .stat-icon{border-radius:.375rem;flex-shrink:0;justify-content:center;padding:.75rem}.admin-module .stat-icon .icon{color:#fff;height:1.5rem;width:1.5rem}.admin-module .stat-icon-blue{background-color:#3b82f6}.admin-module .stat-icon-green{background-color:#10b981}.admin-module .stat-icon-yellow{background-color:#f59e0b}.admin-module .stat-icon-purple{background-color:#8b5cf6}.admin-module .stat-data{margin-left:1.25rem;min-width:0}.admin-module .stat-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-module .stat-value{font-size:1.125rem;font-weight:500}.admin-module .dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(1,minmax(0,1fr));margin-top:2rem}@media (min-width:1024px){.admin-module .dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.admin-module .dashboard-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;overflow:hidden}.admin-module .card-header{border-bottom:1px solid #e5e7eb;padding:1.25rem 1rem}@media (min-width:640px){.admin-module .card-header{padding:1.25rem 1.5rem}}.admin-module .card-title{color:#111827;font-size:1.125rem;font-weight:500;line-height:1.5rem}.admin-module .card-body{padding:1.25rem 1rem}@media (min-width:640px){.admin-module .card-body{padding:1.25rem 1.5rem}}.admin-module .user-list{overflow:hidden}.admin-module .user-items{border-bottom:1px solid #e5e7eb;border-top:1px solid #e5e7eb;list-style-type:none;margin:-1.25rem 0;padding:0}.admin-module .user-item{border-bottom:1px solid #e5e7eb;padding:1rem 0}.admin-module .user-item:last-child{border-bottom:none}.admin-module .user-item-content{align-items:center;display:flex;gap:1rem}.admin-module .user-avatar-container{flex-shrink:0}.admin-module .user-avatar{border-radius:9999px;height:2rem;width:2rem}.admin-module .user-details{flex:1 1;min-width:0}.admin-module .user-email,.admin-module .user-name{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-module .timestamp-badge{align-items:center;background-color:#d1fae5;border-radius:9999px;color:#065f46;display:inline-flex;font-size:.75rem;font-weight:500;padding:.125rem .625rem}.admin-module .tool-list{overflow:hidden}.admin-module .tool-items{border-bottom:1px solid #e5e7eb;border-top:1px solid #e5e7eb;list-style-type:none;margin:-1.25rem 0;padding:0}.admin-module .tool-item{border-bottom:1px solid #e5e7eb;padding:1rem 0}.admin-module .tool-item:last-child{border-bottom:none}.admin-module .tool-item-content{align-items:center}.admin-module .tool-details{flex:1 1;min-width:0}.admin-module .tool-name{color:#111827;font-weight:500}.admin-module .tool-name,.admin-module .tool-usage{font-size:.875rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-module .tool-usage{color:#6b7280}.admin-module .trend-icon{height:1.25rem;width:1.25rem}.admin-module .trend-up{color:#10b981}.admin-module .trend-down{color:#ef4444}.admin-module .card-footer{margin-top:1.5rem}.admin-module .view-all-button{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;box-shadow:0 1px 2px 0 #0000000d;color:#4b5563;display:flex;font-size:.875rem;font-weight:500;justify-content:center;padding:.5rem 1rem;text-decoration:none;width:100%}.admin-module .view-all-button:hover{background-color:#f9fafb}.admin-module .activity-section{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;margin-top:2rem;overflow:hidden}.admin-module .activity-body{background-color:#f9fafb;padding:1.25rem 1rem}@media (min-width:640px){.admin-module .activity-body{padding:1.25rem 1.5rem}}.admin-module .activity-list{overflow:hidden}.admin-module .activity-items{list-style-type:none;margin-bottom:-2rem;margin-left:0;margin-right:0;padding:0}.admin-module .activity-item{position:relative}.admin-module .activity-item-container{padding-bottom:2rem;position:relative}.admin-module .activity-line{background-color:#e5e7eb;height:100%;left:1rem;margin-left:-.0625rem;position:absolute;top:1rem;width:.125rem}.admin-module .activity-content{display:flex;gap:.75rem;position:relative}.admin-module .activity-icon-container{position:relative}.admin-module .activity-icon{align-items:center;background-color:#3b82f6;border-radius:9999px;box-shadow:0 0 0 .25rem #f9fafb;color:#fff;display:flex;height:2rem;justify-content:center;width:2rem}.admin-module .activity-icon .icon{height:1.25rem;width:1.25rem}.admin-module .activity-details{display:flex;flex:1 1;gap:1rem;justify-content:space-between;min-width:0;padding-top:.375rem}.admin-module .activity-text{color:#6b7280;font-size:.875rem;margin:0}.admin-module .activity-action{color:#111827;font-weight:500}.admin-module .activity-description{color:#6b7280;font-size:.875rem;margin-top:.25rem}.admin-module .activity-time{color:#6b7280;font-size:.875rem;text-align:right;white-space:nowrap}.admin-module .analytics-dashboard{padding-bottom:2rem}.admin-module .analytics-loader{align-items:center;display:flex;height:16rem;justify-content:center}.admin-module .analytics-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.admin-module .analytics-title{color:#111827;font-size:1.5rem;font-weight:600}.admin-module .date-range-container{display:flex;gap:.5rem}.admin-module .date-input{border:1px solid #d1d5db;border-radius:.375rem;box-shadow:0 1px 2px 0 #0000000d;font-size:.875rem;outline:none;padding:.5rem .75rem;width:100%}.admin-module .date-input:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6;outline:none}.admin-module .sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.admin-module .tabs-container{margin-top:1rem}.admin-module .tabs-list{background-color:#eff6ff;border-radius:.75rem;display:flex;gap:.25rem;padding:.25rem}.admin-module .tab-active,.admin-module .tab-inactive{border-radius:.5rem;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;outline:none;padding:.625rem;text-align:center}.admin-module .tab-active{background-color:#fff;box-shadow:0 1px 2px #0000000d;color:#1d4ed8}.admin-module .tab-inactive{color:#6b7280}.admin-module .tab-inactive:hover{color:#1d4ed8}.admin-module .tabs-panels{margin-top:.5rem}.admin-module .overview-stats-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(1,1fr);margin-top:1.5rem}@media (min-width:640px){.admin-module .overview-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.admin-module .overview-stats-grid{grid-template-columns:repeat(4,1fr)}}.admin-module .stats-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;overflow:hidden}.admin-module .stats-card-inner{padding:1.25rem}.admin-module .stats-card-header,.admin-module .stats-icon{align-items:center;display:flex}.admin-module .stats-icon{border-radius:.375rem;flex-shrink:0;justify-content:center;padding:.75rem}.admin-module .stats-icon .icon{color:#fff;height:1.5rem;width:1.5rem}.admin-module .stats-icon-blue{background-color:#3b82f6}.admin-module .stats-icon-green{background-color:#10b981}.admin-module .stats-icon-yellow{background-color:#f59e0b}.admin-module .stats-icon-red{background-color:#ef4444}.admin-module .stats-content{flex:1 1;margin-left:1.25rem;min-width:0}.admin-module .stats-label{color:#6b7280;font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-module .stats-value-container{align-items:baseline;display:flex}.admin-module .stats-value{color:#111827;font-size:1.25rem;font-weight:600}.admin-module .stats-trend{align-items:center;display:flex;font-size:.875rem;font-weight:600;margin-left:.5rem}.admin-module .stats-trend-up{color:#059669}.admin-module .stats-trend-down{color:#dc2626}.admin-module .charts-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr;margin-top:2rem}@media (min-width:1024px){.admin-module .charts-grid{grid-template-columns:repeat(2,1fr)}}.admin-module .chart-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:1.5rem}.admin-module .chart-title{color:#111827;font-size:1.125rem;font-weight:500;margin-bottom:1rem}.admin-module .chart-container{height:16rem}.admin-module .no-data-message{align-items:center;color:#6b7280;display:flex;height:16rem;justify-content:center}.admin-module .recent-conversions-section{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;margin-top:2rem;overflow:hidden}.admin-module .section-header{border-bottom:1px solid #e5e7eb;padding:1rem 1.5rem}.admin-module .section-title{color:#111827;font-size:1.125rem;font-weight:500}.admin-module .conversions-container{background-color:#fff;overflow:hidden}.admin-module .conversions-list{border-bottom:1px solid #e5e7eb;border-top:1px solid #e5e7eb;list-style:none;margin:0;padding:0}.admin-module .conversion-item{border-bottom:1px solid #e5e7eb;padding:1rem 1.5rem}.admin-module .conversion-item:last-child{border-bottom:none}.admin-module .conversion-content{align-items:center;display:flex;justify-content:space-between}.admin-module .conversion-icon,.admin-module .conversion-icon-container{align-items:center;display:flex}.admin-module .conversion-icon{border-radius:9999px;flex-shrink:0;height:2rem;justify-content:center;width:2rem}.admin-module .conversion-icon .icon{height:1.25rem;width:1.25rem}.admin-module .conversion-success{background-color:#d1fae5;color:#065f46}.admin-module .conversion-error{background-color:#fee2e2;color:#b91c1c}.admin-module .conversion-details{margin-left:1rem}.admin-module .conversion-name{color:#111827;font-size:.875rem;font-weight:500}.admin-module .conversion-date,.admin-module .conversion-format{color:#6b7280;font-size:.875rem}.admin-module .no-conversions-message{color:#6b7280;padding:1.25rem 1.5rem;text-align:center}.admin-module .errors-card,.admin-module .performance-card,.admin-module .usage-card,.admin-module .visitors-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;overflow:hidden}.admin-module .errors-header-content,.admin-module .performance-header-content,.admin-module .usage-header-content{align-items:center;display:flex;justify-content:space-between}.admin-module .section-description{color:#6b7280;font-size:.875rem;margin-top:.25rem}.admin-module .tool-select{background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#111827;font-size:.875rem;margin-top:.25rem;outline:none;padding:.5rem .75rem}.admin-module .tool-select:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.admin-module .card-body{padding:1.25rem 1.5rem}.admin-module .performance-chart-container,.admin-module .resource-chart-container,.admin-module .tool-chart-container,.admin-module .visitors-chart-container{height:24rem;margin-bottom:2rem}.admin-module .format-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;margin-top:1.5rem}@media (min-width:640px){.admin-module .format-stats-grid{grid-template-columns:repeat(2,1fr)}}.admin-module .format-stats-card{background-color:#f9fafb;border-radius:.5rem;padding:1rem}.admin-module .format-title{color:#111827;font-size:1rem;font-weight:500;margin-bottom:.75rem}.admin-module .format-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.admin-module .format-item{align-items:center;display:flex;justify-content:space-between}.admin-module .format-name{color:#4b5563;font-size:.875rem}.admin-module .format-count{color:#2563eb;font-size:.875rem;font-weight:500}.admin-module .errors-table-container{overflow-x:auto}.admin-module .errors-table{border-collapse:collapse;min-width:100%}.admin-module .table-header{background-color:#f9fafb}.admin-module .table-cell{padding:.75rem 1.5rem;text-align:left}.admin-module .th{color:#6b7280;font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.admin-module .table-body{background-color:#fff}.admin-module .table-row{border-top:1px solid #e5e7eb}.admin-module .error-type{color:#111827;font-size:.875rem;font-weight:500}.admin-module .tool-type{color:#6b7280}.admin-module .message-cell{max-width:20rem}.admin-module .error-message{color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-module .error-date{color:#6b7280;font-size:.875rem}.admin-module .no-data-cell{color:#6b7280;padding:1.5rem;text-align:center}.admin-module .pagination-container{background-color:#fff;border-top:1px solid #e5e7eb;padding:.75rem 1.5rem}.admin-module .pagination-content{align-items:center;display:flex;justify-content:space-between}.admin-module .pagination-info{color:#4b5563;font-size:.875rem}.admin-module .pagination-num{font-weight:500}.admin-module .pagination-nav{border-radius:.375rem;box-shadow:0 1px 2px #0000000d;display:inline-flex}.admin-module .pagination-button{align-items:center;background-color:#fff;border:1px solid #d1d5db;color:#4b5563;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;padding:.5rem;position:relative}.admin-module .pagination-button.prev{border-bottom-left-radius:.375rem;border-top-left-radius:.375rem}.admin-module .pagination-button.next{border-bottom-right-radius:.375rem;border-top-right-radius:.375rem}.admin-module .pagination-button.disabled{color:#d1d5db;cursor:not-allowed}.admin-module .visitor-stats-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(1,1fr);margin-bottom:2rem}@media (min-width:640px){.admin-module .visitor-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.admin-module .visitor-stats-grid{grid-template-columns:repeat(4,1fr)}}.admin-module .visitor-stat-card{background-color:#f9fafb;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;overflow:hidden}.admin-module .stat-inner{padding:1.25rem}.admin-module .stat-content{align-items:center;display:flex}.admin-module .stat-data{flex:1 1}.admin-module .stat-label{color:#6b7280;font-size:.875rem;font-weight:500}.admin-module .stat-value-container{align-items:baseline;display:flex}.admin-module .stat-value{color:#111827;font-size:1.5rem;font-weight:600}.admin-module .trend-indicator{align-items:center;display:flex;font-size:.875rem;font-weight:600;margin-left:.5rem}.admin-module .trend-up{color:#059669}.admin-module .trend-down{color:#dc2626}.admin-module .trend-icon{height:1rem;margin-right:.25rem;width:1rem}.admin-module .comparison-section{margin-top:2rem}.admin-module .comparison-title{color:#111827;font-size:1rem;font-weight:500;margin-bottom:1rem}.admin-module .comparison-container{background-color:#f9fafb;border-radius:.5rem;padding:1rem}.admin-module .comparison-description{color:#6b7280;font-size:.875rem;margin-bottom:.5rem}.admin-module .comparison-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(1,1fr);margin-top:.5rem}@media (min-width:640px){.admin-module .comparison-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.admin-module .comparison-stats-grid{grid-template-columns:repeat(4,1fr)}}.admin-module .comparison-stat{margin-bottom:.5rem}.admin-module .comparison-label{color:#6b7280;font-size:.875rem;font-weight:500}.admin-module .comparison-value{color:#111827;font-size:1.125rem;font-weight:600}.admin-module.theme-dark{color-scheme:dark}.admin-module.theme-dark .analytics-dashboard{background-color:#1f2937;color:#f9fafb}.admin-module.theme-dark .analytics-title{color:#f9fafb}.admin-module.theme-dark .date-input{background-color:#374151;border-color:#4b5563;color:#f9fafb}.admin-module.theme-dark .date-input:focus{border-color:#2563eb}.admin-module.theme-dark .chart-card,.admin-module.theme-dark .errors-card,.admin-module.theme-dark .performance-card,.admin-module.theme-dark .recent-conversions-section,.admin-module.theme-dark .stats-card,.admin-module.theme-dark .usage-card,.admin-module.theme-dark .visitors-card{background-color:#1f2937;box-shadow:0 1px 3px #0000004d}.admin-module.theme-dark .section-header{border-bottom-color:#4b5563}.admin-module.theme-dark .chart-title,.admin-module.theme-dark .comparison-value,.admin-module.theme-dark .section-title,.admin-module.theme-dark .stats-value{color:#f9fafb}.admin-module.theme-dark .comparison-label,.admin-module.theme-dark .conversion-date,.admin-module.theme-dark .conversion-format,.admin-module.theme-dark .section-description,.admin-module.theme-dark .stats-label{color:#9ca3af}.admin-module.theme-dark .conversion-name{color:#e5e7eb}.admin-module.theme-dark .conversion-item{border-bottom-color:#4b5563}.admin-module.theme-dark .conversions-list{border-color:#4b5563}.admin-module.theme-dark .tabs-list{background-color:#374151}.admin-module.theme-dark .tab-active{background-color:#1f2937;color:#3b82f6}.admin-module.theme-dark .tab-inactive{color:#9ca3af}.admin-module.theme-dark .tab-inactive:hover{color:#3b82f6}.admin-module.theme-dark .tool-select{background-color:#374151;border-color:#4b5563;color:#f9fafb}.admin-module.theme-dark .comparison-container,.admin-module.theme-dark .format-stats-card,.admin-module.theme-dark .table-header,.admin-module.theme-dark .visitor-stat-card{background-color:#374151}.admin-module.theme-dark .table-row{border-color:#4b5563}.admin-module.theme-dark .error-message,.admin-module.theme-dark .error-type{color:#e5e7eb}.admin-module.theme-dark .pagination-button{background-color:#374151;border-color:#4b5563;color:#e5e7eb}.admin-module.theme-dark .pagination-button.disabled{color:#6b7280}.admin-module.theme-dark .no-conversions-message,.admin-module.theme-dark .no-data-cell,.admin-module.theme-dark .no-data-message{color:#9ca3af}.admin-module .logo-container{margin-bottom:1.5rem}.admin-module .logo{height:3rem}.admin-module .theme-selector{align-items:center;display:flex;margin-left:auto}.admin-module .theme-label{color:#4b5563;font-size:.875rem;font-weight:500;margin-right:.5rem}.admin-module.theme-dark .theme-label{color:#e5e7eb}.admin-module .theme-select{background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#111827;font-size:.875rem;outline:none;padding:.375rem .75rem}.admin-module.theme-dark .theme-select{background-color:#374151;border-color:#4b5563;color:#f9fafb}.admin-module .theme-select:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.admin-module .admin-layout{background-color:#f4f6f8;color:#333;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;min-height:100vh}.admin-module.theme-dark .admin-layout{background-color:#1a1f36;color:#e6e9f0}.admin-module .top-nav{background-color:#fff;border-bottom:1px solid #00000014;box-shadow:0 1px 3px #0000000d;position:sticky;top:0;z-index:30}.admin-module.theme-dark .top-nav{background-color:#111827;border-bottom:1px solid #ffffff1a;box-shadow:0 1px 3px #0000004d}.admin-module .nav-container{margin:0 auto;max-width:100%}.admin-module .nav-content{height:64px;justify-content:space-between;padding:0 1.5rem}.admin-module .logo-container,.admin-module .nav-content,.admin-module .nav-left{align-items:center;display:flex}.admin-module .logo-container{margin-right:2rem}.admin-module .admin-logo-link{text-decoration:none}.admin-module .admin-logo-image{height:40px;width:auto}.admin-module .admin-logo-text{color:#1a73e8;font-size:1.25rem;font-weight:600;margin-left:.5rem}.admin-module.theme-dark .admin-logo-text{color:#3b82f6}.admin-module .desktop-nav-links{display:none}@media (min-width:768px){.admin-module .desktop-nav-links{align-items:center;display:flex}}.admin-module .site-link{border-radius:.375rem;color:#666;font-size:.875rem;font-weight:500;padding:.5rem .75rem;text-decoration:none;transition:all .2s}.admin-module .site-link:hover{background-color:#0000000d;color:#333}.admin-module.theme-dark .site-link{color:#a0aec0}.admin-module.theme-dark .site-link:hover{background-color:#ffffff0d;color:#e6e9f0}.admin-module .desktop-nav-right{display:none}@media (min-width:768px){.admin-module .desktop-nav-right{align-items:center;display:flex;gap:1rem}}.admin-module .theme-toggle-wrapper{margin-right:.5rem;position:relative}.admin-module .theme-toggle-button:hover{color:#333}.admin-module.theme-dark .theme-toggle-button{color:#a0aec0}.admin-module.theme-dark .theme-toggle-button:hover{background-color:#ffffff0d;color:#e6e9f0}.admin-module .notification-wrapper{position:relative}.admin-module .notification-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;justify-content:center;padding:.5rem;position:relative}.admin-module .notification-button:hover{background-color:#0000000d;color:#333}.admin-module.theme-dark .notification-button{color:#a0aec0}.admin-module.theme-dark .notification-button:hover{background-color:#ffffff0d;color:#e6e9f0}.admin-module .notification-badge{align-items:center;background-color:#f44336;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:18px;justify-content:center;position:absolute;right:0;top:0;transform:translate(25%,-25%);width:18px}.admin-module .notifications-dropdown{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;max-height:400px;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);width:320px;z-index:40}.admin-module.theme-dark .notifications-dropdown{background-color:#1f2937;box-shadow:0 4px 12px #0000004d}.admin-module .notifications-header{align-items:center;border-bottom:1px solid #00000014;display:flex;justify-content:space-between;padding:1rem}.admin-module.theme-dark .notifications-header{border-bottom:1px solid #ffffff1a}.admin-module .notifications-title{color:#333;font-size:1rem;font-weight:600;margin:0}.admin-module.theme-dark .notifications-title{color:#e6e9f0}.admin-module .mark-all-read-button{background:none;border:none;color:#1a73e8;cursor:pointer;font-size:.75rem;padding:0}.admin-module.theme-dark .mark-all-read-button{color:#3b82f6}.admin-module .notifications-list{max-height:280px;overflow-y:auto}.admin-module .notification-item{border-bottom:1px solid #0000000d;cursor:pointer;padding:.75rem 1rem;transition:background-color .15s}.admin-module .notification-item:hover{background-color:rgba(0,0,0,.025)}.admin-module.theme-dark .notification-item{border-bottom:1px solid #ffffff0d}.admin-module.theme-dark .notification-item:hover{background-color:#ffffff0d}.admin-module .notification-item.unread{background-color:#1a73e814}.admin-module.theme-dark .notification-item.unread{background-color:#3b82f626}.admin-module .notification-content{display:flex;flex-direction:column}.admin-module .notification-message{color:#333;font-size:.875rem;margin:0 0 .25rem}.admin-module.theme-dark .notification-message{color:#e6e9f0}.admin-module .notification-time{color:#999;font-size:.75rem}.admin-module.theme-dark .notification-time{color:#a0aec0}.admin-module .empty-notifications{color:#666;padding:2rem 1rem;text-align:center}.admin-module.theme-dark .empty-notifications{color:#a0aec0}.admin-module .notifications-footer{border-top:1px solid #00000014;padding:.75rem 1rem;text-align:center}.admin-module.theme-dark .notifications-footer{border-top:1px solid #ffffff1a}.admin-module .view-all-link{color:#1a73e8;font-size:.875rem;text-decoration:none}.admin-module.theme-dark .view-all-link{color:#3b82f6}.admin-module .profile-container{margin-left:.5rem}.admin-module .avatar,.admin-module .profile-content{align-items:center;display:flex}.admin-module .avatar{background-color:#1a73e8;border-radius:50%;color:#fff;font-size:1rem;font-weight:600;height:2.5rem;justify-content:center;width:2.5rem}.admin-module.theme-dark .avatar{background-color:#3b82f6}.admin-module .user-info{display:none;margin-left:.75rem}@media (min-width:1024px){.admin-module .user-info{display:block}}.admin-module .username{color:#333;font-size:.875rem;font-weight:600}.admin-module.theme-dark .username{color:#e6e9f0}.admin-module .user-role{color:#666;font-size:.75rem}.admin-module.theme-dark .user-role{color:#a0aec0}.admin-module .mobile-menu-button-container{align-items:center;display:flex}@media (min-width:768px){.admin-module .mobile-menu-button-container{display:none}}.admin-module .mobile-menu-button{align-items:center;background:#0000;border:none;color:#666;cursor:pointer;display:flex;justify-content:center;padding:.5rem}.admin-module.theme-dark .mobile-menu-button{color:#a0aec0}.admin-module .nav-icon{height:1.5rem;width:1.5rem}.admin-module .mobile-menu{background-color:#fff;border-bottom:1px solid #00000014;box-shadow:0 2px 4px #0000000d;display:none;width:100%}.admin-module.theme-dark .mobile-menu{background-color:#1f2937;border-bottom:1px solid #ffffff1a;box-shadow:0 2px 4px #0003}.admin-module .mobile-menu.open{display:block}.admin-module .mobile-menu-site-link{border-bottom:1px solid #00000014;padding:1rem 1.5rem}.admin-module.theme-dark .mobile-menu-site-link{border-bottom:1px solid #ffffff1a}.admin-module .mobile-site-link{color:#666;display:block;font-size:.875rem;font-weight:500;padding:.5rem 0;text-decoration:none}.admin-module.theme-dark .mobile-site-link{color:#a0aec0}.admin-module .mobile-profile-section{border-bottom:1px solid #00000014;padding:1rem 1.5rem}.admin-module.theme-dark .mobile-profile-section{border-bottom:1px solid #ffffff1a}.admin-module .mobile-profile-container{align-items:center;display:flex}.admin-module .mobile-avatar-container{flex-shrink:0}.admin-module .mobile-avatar{align-items:center;background-color:#1a73e8;border-radius:50%;color:#fff;display:flex;font-size:1rem;font-weight:600;height:2.5rem;justify-content:center;width:2.5rem}.admin-module.theme-dark .mobile-avatar{background-color:#3b82f6}.admin-module .mobile-user-info{flex:1 1;margin-left:.75rem}.admin-module .mobile-username{color:#333;font-size:.875rem;font-weight:600}.admin-module.theme-dark .mobile-username{color:#e6e9f0}.admin-module .mobile-email{color:#666;font-size:.75rem}.admin-module.theme-dark .mobile-email{color:#a0aec0}.admin-module .mobile-notification-button{background:#0000;border:none;color:#666;cursor:pointer;padding:.5rem;position:relative}.admin-module.theme-dark .mobile-notification-button{color:#a0aec0}.admin-module .mobile-notification-badge{align-items:center;background-color:#f44336;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:18px;justify-content:center;position:absolute;right:0;top:0;transform:translate(25%,-25%);width:18px}.admin-module .mobile-theme-toggle{padding:1rem 1.5rem}.admin-module .mobile-theme-button{align-items:center;background-color:#0000000a;border:none;border-radius:.375rem;color:#666;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;padding:.75rem;transition:background-color .2s;width:100%}.admin-module .mobile-theme-button:hover{background-color:#00000014}.admin-module.theme-dark .mobile-theme-button{background-color:#ffffff1a;color:#a0aec0}.admin-module.theme-dark .mobile-theme-button:hover{background-color:#ffffff26}.admin-module .mobile-theme-button span{margin-left:.75rem}.admin-module .layout-container{display:flex;flex:1 1;min-height:0}.admin-module .sidebar-container{display:none;flex-shrink:0;width:260px}@media (min-width:768px){.admin-module .sidebar-container{display:flex;flex-direction:column}}.admin-module .sidebar-content{background-color:#fff;border-right:1px solid #00000014;box-shadow:1px 0 3px #0000000d;display:flex;flex-direction:column;height:calc(100vh - 64px);position:fixed;top:64px;width:260px}.admin-module.theme-dark .sidebar-content{background-color:#111827;border-right:1px solid #ffffff1a;box-shadow:1px 0 3px #0003}.admin-module .sidebar-logo-container{align-items:center;border-bottom:1px solid #00000014;display:flex;justify-content:center;padding:1.5rem}.admin-module.theme-dark .sidebar-logo-container{border-bottom:1px solid #ffffff1a}.admin-module .sidebar-logo{height:40px;width:auto}.admin-module .sidebar-menu-container{flex:1 1;overflow-y:auto;padding:1.5rem 1rem}.admin-module .sidebar-nav{display:flex;flex-direction:column;gap:.5rem}.admin-module .sidebar-link{align-items:center;border-radius:.375rem;color:#666;display:flex;font-size:.875rem;font-weight:500;padding:.75rem 1rem;text-decoration:none;transition:all .2s}.admin-module .sidebar-link:hover{background-color:#0000000a;color:#333}.admin-module.theme-dark .sidebar-link{color:#a0aec0}.admin-module.theme-dark .sidebar-link:hover{background-color:#ffffff0d;color:#e6e9f0}.admin-module.theme-dark .sidebar-link.active{color:#fff}.admin-module .sidebar-icon{align-items:center;display:flex;justify-content:center;margin-right:.75rem}.admin-module .sidebar-text{flex:1 1}.admin-module .sidebar-footer{border-top:1px solid #00000014;padding:1.5rem 1rem}.admin-module.theme-dark .sidebar-footer{border-top:1px solid #ffffff1a}.admin-module .logout-button{align-items:center;background-color:#0000000a;border:none;border-radius:.375rem;color:#666;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;padding:.75rem 1rem;transition:background-color .2s;width:100%}.admin-module .logout-button:hover{background-color:#00000014;color:#333}.admin-module.theme-dark .logout-button{background-color:#ffffff0d;color:#a0aec0}.admin-module.theme-dark .logout-button:hover{background-color:#ffffff1a;color:#e6e9f0}.admin-module .logout-icon{margin-right:.75rem}.admin-module .logout-text{flex:1 1}.admin-module .mobile-sidebar-overlay{display:none;inset:0;position:fixed;z-index:50}.admin-module .mobile-sidebar-overlay.visible{display:flex}.admin-module .mobile-sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;inset:0;position:absolute}.admin-module.theme-dark .mobile-sidebar-backdrop{background-color:#000000b3}.admin-module .mobile-sidebar{animation:slideInLeft .3s ease-out;background-color:#fff;display:flex;flex-direction:column;height:100%;max-width:85%;position:relative;width:280px}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.admin-module.theme-dark .mobile-sidebar{background-color:#111827}.admin-module .mobile-sidebar-header{align-items:center;border-bottom:1px solid #00000014;display:flex;justify-content:space-between;padding:1rem}.admin-module.theme-dark .mobile-sidebar-header{border-bottom:1px solid #ffffff1a}.admin-module .mobile-sidebar-logo{height:32px;width:auto}.admin-module .mobile-sidebar-close{background:#0000;border:none;border-radius:50%;color:#666;cursor:pointer;padding:.5rem}.admin-module.theme-dark .mobile-sidebar-close{color:#a0aec0}.admin-module .mobile-sidebar-content{flex:1 1;overflow-y:auto;padding:1rem}.admin-module .mobile-sidebar-nav{display:flex;flex-direction:column;gap:.5rem}.admin-module .mobile-sidebar-link{align-items:center;border-radius:.375rem;color:#666;display:flex;font-size:.875rem;font-weight:500;padding:.75rem 1rem;text-decoration:none}.admin-module.theme-dark .mobile-sidebar-link{color:#a0aec0}.admin-module .mobile-sidebar-link.active{background-color:#1a73e8;color:#fff}.admin-module.theme-dark .mobile-sidebar-link.active{background-color:#3b82f6;color:#fff}.admin-module .mobile-sidebar-icon{align-items:center;display:flex;justify-content:center;margin-right:.75rem}.admin-module .mobile-sidebar-text{flex:1 1}.admin-module .mobile-sidebar-footer{border-top:1px solid #00000014;padding:1rem}.admin-module.theme-dark .mobile-sidebar-footer{border-top:1px solid #ffffff1a}.admin-module .mobile-logout-button{align-items:center;background-color:#0000000a;border:none;border-radius:.375rem;color:#666;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;padding:.75rem 1rem;width:100%}.admin-module.theme-dark .mobile-logout-button{background-color:#ffffff0d;color:#a0aec0}.admin-module .mobile-logout-icon{margin-right:.75rem}.admin-module .mobile-logout-text{flex:1 1}.admin-module .main-content-container{flex:1 1;margin-left:0;min-width:0}@media (min-width:768px){.admin-module .main-content-container{margin-left:0}}.admin-module .main-content{padding:2rem 1.5rem}@media (min-width:1024px){.admin-module .main-content{padding:2rem}}.admin-module .content-wrapper{margin:0 auto;max-width:1400px}.admin-module .theme-dropdown{border-radius:.5rem;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);width:200px;z-index:40}.admin-module .theme-dropdown-header{border-bottom:1px solid #00000014;padding:.75rem 1rem}.admin-module.theme-dark .theme-dropdown-header{border-bottom:1px solid #ffffff1a}.admin-module .theme-dropdown-title{color:#333;font-size:.875rem;font-weight:600;margin:0}.admin-module.theme-dark .theme-dropdown-title{color:#e6e9f0}.admin-module .theme-options{padding:.5rem}.admin-module .theme-option{align-items:center;background-color:initial;border:none;border-radius:.375rem;cursor:pointer;display:flex;font-size:.875rem;padding:.75rem;text-align:left;transition:background-color .2s;width:100%}.admin-module .theme-option:hover{background-color:#0000000d}.admin-module.theme-dark .theme-option:hover{background-color:#ffffff0d}.admin-module .theme-option-icon{height:1.25rem;margin-right:.75rem;width:1.25rem}.admin-module .main-content{min-height:calc(100vh - 64px);padding:1.5rem}@media (min-width:1024px){.admin-module .main-content{padding:1.5rem}}.admin-module .overview-stats-grid{gap:1rem;margin-top:1rem}.admin-module .charts-grid{gap:1rem;margin-top:1.5rem}.admin-module .recent-conversions-section{margin-top:1.5rem}.admin-module .sidebar-logo-container{padding:1rem}.admin-module .sidebar-menu-container{padding:1rem .75rem}.admin-module .sidebar-link{padding:.625rem .875rem}.admin-module .sidebar-footer{padding:1rem .75rem}.admin-module .dashboard-title{font-size:1.5rem;margin-bottom:.5rem}.admin-module .content-container{width:100%}.admin-module .chart-card,.admin-module .stats-card-inner{padding:1rem}.admin-module .chart-title{margin-bottom:.75rem}.admin-module .chart-container{height:14rem}.admin-module .avatar{height:2.25rem;width:2.25rem}.admin-module .nav-content{height:60px}.admin-module .main-content-container{margin-top:0}.admin-module .sidebar-content{height:calc(100vh - 60px);top:60px}.admin-module .admin-icon-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:1rem 0}.admin-module .admin-icon{background-color:#1a73e8;border-radius:50%;color:#fff;height:2rem;padding:.375rem;width:2rem}.admin-module.theme-dark .admin-icon{background-color:#3b82f6}.admin-module .admin-icon-label{color:#666;font-size:.75rem;font-weight:600;margin-top:.375rem;text-align:center}.admin-module.theme-dark .admin-icon-label{color:#a0aec0}.admin-module .admin-logo-link{align-items:center;display:flex;margin-top:1rem;position:relative}.admin-module .admin-icon-badge{align-items:center;background-color:#1a73e8;border:2px solid #fff;border-radius:50%;display:flex;height:1.5rem;justify-content:center;position:absolute;right:-.5rem;top:-.25rem;width:1.5rem}.admin-module.theme-dark .admin-icon-badge{background-color:#3b82f6;border-color:#111827}.admin-module .admin-nav-icon{color:#fff;height:.875rem;width:.875rem}.admin-module .mobile-logo-container{align-items:center;display:flex;position:relative}.admin-module .mobile-admin-icon{align-items:center;background-color:#1a73e8;border:1px solid #fff;border-radius:50%;display:flex;height:1.25rem;justify-content:center;position:absolute;right:-.5rem;top:-.25rem;width:1.25rem}.admin-module.theme-dark .mobile-admin-icon{background-color:#3b82f6;border-color:#1f2937}.admin-module .mobile-badge-icon{color:#fff;height:.75rem;width:.75rem}.admin-module .nav-icon,.admin-module .theme-icon,.admin-module .theme-option-icon{display:inline-block;height:1.5rem;width:1.5rem}.admin-module .theme-toggle-button{color:#666}.admin-module .theme-toggle-button:hover{color:#111}.admin-module.theme-dark .theme-toggle-button:hover{color:#fff}.admin-module .theme-toggle-button{background:#0000;border-radius:50%;color:#333;padding:.5rem}.admin-module.theme-dark .theme-toggle-button{color:#e6e9f0}.admin-module .theme-icon,.admin-module .theme-option-icon{stroke-width:2px;display:inline-block;height:1.5rem;width:1.5rem}.admin-module .theme-option-icon{color:#333}.admin-module.theme-dark .theme-option-icon{color:#e6e9f0}.admin-module .theme-option.active{background-color:#3b82f61a;color:#1a73e8}.admin-module.theme-dark .theme-option.active{background-color:#3b82f633;color:#3b82f6}.admin-module .theme-dropdown{background-color:#fff;box-shadow:0 4px 12px #00000026}.admin-module.theme-dark .theme-dropdown{background-color:#1f2937;box-shadow:0 4px 12px #0000004d}.admin-module .theme-option{color:#333}.admin-module.theme-dark .theme-option{color:#e6e9f0}.admin-module .mobile-theme-button{color:#333}.admin-module.theme-dark .mobile-theme-button{color:#e6e9f0}.admin-module .theme-icon{fill:none;stroke:currentColor;stroke-width:2px;color:#333;height:1.5rem;width:1.5rem}.admin-module.theme-dark .theme-icon{color:#e6e9f0}.admin-module .theme-toggle-button{align-items:center;background-color:initial;border:none;cursor:pointer;display:flex;justify-content:center;position:relative}.admin-module .theme-toggle-button:hover{background-color:#0000000d}.admin-module.theme-dark .theme-toggle-button:hover{background-color:#ffffff1a}.admin-module .add-user-button{align-items:center;background-color:#2563eb;border:none;border-radius:.375rem;box-shadow:0 1px 2px #0000000d;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s}.admin-module .add-user-button:hover{background-color:#1d4ed8}.admin-module .add-user-button:focus{box-shadow:0 0 0 3px #2563eb4d;outline:none}.admin-module .error-icon{color:#f87171;flex-shrink:0;height:1.25rem;width:1.25rem}.admin-module .error-message{margin-left:.75rem}.admin-module .user-list-container{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.admin-module.theme-dark .user-list-container{background-color:#1f2937;box-shadow:0 1px 3px #0000004d}.admin-module .user-list{border-top:1px solid #e5e7eb;list-style:none;margin:0;padding:0}.admin-module.theme-dark .user-list{border-top:1px solid #374151}.admin-module .user-list-item{border-bottom:1px solid #e5e7eb}.admin-module.theme-dark .user-list-item{border-bottom:1px solid #374151}.admin-module .user-list-content{align-items:center;display:flex;justify-content:space-between;padding:1rem 1.5rem}.admin-module .user-avatar,.admin-module .user-info-container{align-items:center;display:flex}.admin-module .user-avatar{background-color:#3b82f6;border-radius:50%;color:#fff;flex-shrink:0;font-weight:700;height:2.5rem;justify-content:center;width:2.5rem}.admin-module .user-info{margin-left:1rem}.admin-module .user-name{color:#111827;font-size:.875rem;font-weight:500}.admin-module.theme-dark .user-name{color:#f3f4f6}.admin-module .user-email{color:#6b7280;font-size:.875rem}.admin-module.theme-dark .user-email{color:#9ca3af}.admin-module .user-actions{align-items:center;display:flex;gap:1rem}.admin-module .user-metadata{align-items:flex-end;display:flex;flex-direction:column}.admin-module .user-roles{display:flex;gap:.5rem}.admin-module .role-badge{background-color:#dbeafe;border-radius:9999px;color:#1e40af;font-size:.75rem;font-weight:600;padding:.125rem .5rem}.admin-module.theme-dark .role-badge{background-color:#3b82f633;color:#60a5fa}.admin-module .user-status{font-size:.875rem;margin-top:.25rem}.admin-module .status-active{align-items:center;color:#059669;display:flex}.admin-module.theme-dark .status-active{color:#34d399}.admin-module .status-inactive{align-items:center;color:#dc2626;display:flex}.admin-module.theme-dark .status-inactive{color:#f87171}.admin-module .status-icon{height:1rem;margin-right:.25rem;width:1rem}.admin-module .user-controls{display:flex;gap:.5rem}.admin-module .control-icon{height:1.25rem;width:1.25rem}.admin-module .modal-content{transform:translateY(0);transition:transform .3s}.admin-module .checkbox-field{align-items:center;flex-direction:row}.admin-module .text-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb4d}.admin-module.theme-dark .text-input:focus{border-color:#3b82f6}.admin-module .checkbox-input{border:1px solid #d1d5db;border-radius:.25rem;color:#2563eb;cursor:pointer;height:1rem;width:1rem}.admin-module.theme-dark .checkbox-input{background-color:#374151;border-color:#4b5563}.admin-module .checkbox-label{color:#111827;font-size:.875rem;margin-left:.5rem}.admin-module.theme-dark .checkbox-label{color:#f3f4f6}.admin-module .roles-container{display:flex;flex-direction:column;gap:.5rem}.admin-module .role-option{align-items:center;display:flex}.admin-module .role-label{color:#111827;font-size:.875rem;margin-left:.5rem}.admin-module.theme-dark .role-label{color:#f3f4f6}.admin-module .role-description{color:#6b7280;font-weight:400}.admin-module.theme-dark .role-description{color:#9ca3af}.admin-module .tool-configurator{width:100%}.admin-module .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.admin-module .page-title{color:#111827;font-size:1.5rem;font-weight:600}.admin-module.theme-dark .page-title{color:#f3f4f6}.admin-module .add-tool-button{align-items:center;background-color:#2563eb;border:none;border-radius:.375rem;box-shadow:0 1px 2px #0000000d;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s}.admin-module .add-tool-button:hover{background-color:#1d4ed8}.admin-module .add-tool-button:focus{box-shadow:0 0 0 3px #2563eb4d;outline:none}.admin-module .button-icon{height:1.25rem;margin-right:.5rem;width:1.25rem}.admin-module .button-icon-small{height:1rem;margin-right:.25rem;width:1rem}.admin-module .error-alert{background-color:#fee2e2;border-radius:.375rem;margin-bottom:1rem;padding:1rem}.admin-module.theme-dark .error-alert{background-color:#ef444433}.admin-module .error-content{align-items:flex-start;display:flex}.admin-module .error-message{color:#b91c1c;font-size:.875rem;font-weight:500}.admin-module.theme-dark .error-message{color:#f87171}.admin-module .tool-list-container{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.admin-module.theme-dark .tool-list-container{background-color:#1f2937;box-shadow:0 1px 3px #0000004d}.admin-module .tool-list{border-top:1px solid #e5e7eb;list-style:none;margin:0;padding:0}.admin-module.theme-dark .tool-list{border-top:1px solid #374151}.admin-module .tool-list-item{border-bottom:1px solid #e5e7eb}.admin-module.theme-dark .tool-list-item{border-bottom:1px solid #374151}.admin-module .tool-item-content{align-items:flex-start;display:flex;justify-content:space-between;padding:1rem 1.5rem}.admin-module .tool-info{flex:1 1}.admin-module .tool-title{align-items:center;color:#111827;display:flex;font-size:1.125rem;font-weight:500}.admin-module.theme-dark .tool-title{color:#f3f4f6}.admin-module .tool-inactive-badge{color:#ef4444;font-size:.75rem;font-weight:500;margin-left:.5rem}.admin-module.theme-dark .tool-inactive-badge{color:#f87171}.admin-module .tool-description{color:#6b7280;font-size:.875rem;margin-top:.25rem}.admin-module.theme-dark .tool-description{color:#9ca3af}.admin-module .tool-type{color:#9ca3af;font-size:.875rem;margin-top:.25rem}.admin-module.theme-dark .tool-type{color:#6b7280}.admin-module .tool-formats{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.admin-module .format-badge{align-items:center;background-color:#dbeafe;border-radius:9999px;color:#1e40af;display:inline-flex;font-size:.75rem;font-weight:500;padding:.125rem .5rem}.admin-module.theme-dark .format-badge{background-color:#3b82f633;color:#60a5fa}.admin-module .tool-actions{display:flex;gap:.5rem;margin-left:1rem}.admin-module .delete-button,.admin-module .edit-button{background:#0000;border:none;border-radius:.25rem;cursor:pointer;padding:.25rem;transition:all .2s}.admin-module .edit-button{color:#6b7280}.admin-module .edit-button:hover{background-color:#2563eb1a;color:#2563eb}.admin-module.theme-dark .edit-button{color:#9ca3af}.admin-module.theme-dark .edit-button:hover{background-color:#3b82f626;color:#60a5fa}.admin-module .delete-button{color:#6b7280}.admin-module .delete-button:hover{background-color:#dc26261a;color:#dc2626}.admin-module.theme-dark .delete-button{color:#9ca3af}.admin-module.theme-dark .delete-button:hover{background-color:#ef444426;color:#f87171}.admin-module .action-icon{height:1.25rem;width:1.25rem}.admin-module .empty-list-message{color:#6b7280;padding:1.25rem 1.5rem;text-align:center}.admin-module.theme-dark .empty-list-message{color:#9ca3af}.admin-module .modal-overlay{inset:0;overflow-y:auto;position:fixed;z-index:50}.admin-module .modal-container{align-items:center;display:flex;justify-content:center;min-height:100%;padding:1rem}.admin-module .modal-backdrop{background-color:#00000080;inset:0;position:fixed;transition:opacity .3s}.admin-module .modal-content{background-color:#fff;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:32rem;overflow:hidden;position:relative;width:100%}.admin-module.theme-dark .modal-content{background-color:#1f2937;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}.admin-module .tool-form{display:flex;flex-direction:column;height:100%;overflow:hidden}.admin-module .modal-body{flex:1 1;padding:1.5rem}.admin-module .modal-header{margin-bottom:1.5rem}.admin-module .modal-title{color:#111827;font-size:1.125rem;font-weight:500}.admin-module.theme-dark .modal-title{color:#f3f4f6}.admin-module .form-fields{display:flex;flex-direction:column;gap:1.5rem}.admin-module .form-row{display:flex;gap:1rem}.admin-module .form-field{display:flex;flex-direction:column;width:100%}.admin-module .half-width{width:50%}.admin-module .field-label{color:#374151;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.admin-module.theme-dark .field-label{color:#e5e7eb}.admin-module .field-sublabel{color:#6b7280;font-size:.75rem;font-weight:500;margin-bottom:.25rem}.admin-module.theme-dark .field-sublabel{color:#9ca3af}.admin-module .text-input{background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;box-shadow:0 1px 2px #0000000d;color:#111827;font-size:.875rem;padding:.5rem .75rem;width:100%}.admin-module .text-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d;outline:none}.admin-module .text-input:disabled{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed}.admin-module.theme-dark .text-input{background-color:#374151;border-color:#4b5563;color:#f3f4f6}.admin-module.theme-dark .text-input:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa66}.admin-module.theme-dark .text-input:disabled{background-color:#1f2937;border-color:#374151;color:#9ca3af}.admin-module .textarea-input{background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;box-shadow:0 1px 2px #0000000d;color:#111827;font-size:.875rem;line-height:1.5;padding:.5rem .75rem;resize:vertical;width:100%}.admin-module .textarea-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d;outline:none}.admin-module.theme-dark .textarea-input{background-color:#374151;border-color:#4b5563;color:#f3f4f6}.admin-module.theme-dark .textarea-input:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa66}.admin-module .select-input{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%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 .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;border:1px solid #d1d5db;border-radius:.375rem;box-shadow:0 1px 2px #0000000d;color:#111827;font-size:.875rem;padding:.5rem 2.5rem .5rem .75rem;width:100%}.admin-module .select-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d;outline:none}.admin-module.theme-dark .select-input{background-color:#374151;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");border-color:#4b5563;color:#f3f4f6}.admin-module.theme-dark .select-input:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa66}.admin-module .formats-container,.admin-module .steps-container{display:flex;flex-direction:column;gap:.75rem}.admin-module .format-input-row,.admin-module .step-input-row{align-items:center;display:flex;gap:.5rem}.admin-module .step-number{color:#6b7280;font-size:.875rem;font-weight:500;min-width:1.5rem}.admin-module.theme-dark .step-number{color:#9ca3af}.admin-module .remove-button{background-color:initial;border:none;border-radius:.25rem;color:#ef4444;cursor:pointer;line-height:0;padding:.25rem}.admin-module .remove-button:hover{background-color:#ef44441a}.admin-module .remove-button:disabled{color:#d1d5db;cursor:not-allowed}.admin-module.theme-dark .remove-button{color:#f87171}.admin-module.theme-dark .remove-button:hover{background-color:#ef444433}.admin-module.theme-dark .remove-button:disabled{color:#4b5563}.admin-module .add-button{align-items:center;align-self:flex-start;background-color:#dbeafe;border:none;border-radius:.375rem;color:#1d4ed8;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;margin-top:.25rem;padding:.375rem .75rem;transition:background-color .2s}.admin-module .add-button:hover{background-color:#bfdbfe}.admin-module.theme-dark .add-button{background-color:#3b82f633;color:#60a5fa}.admin-module.theme-dark .add-button:hover{background-color:#3b82f64d}.admin-module .features-container{display:flex;flex-direction:column;gap:1rem}.admin-module .feature-card{background-color:#f3f4f6;border-radius:.375rem;padding:.75rem}.admin-module.theme-dark .feature-card{background-color:#374151}.admin-module .feature-row{display:flex;gap:.75rem;margin-bottom:.5rem}.admin-module .feature-field{width:100%}.admin-module .feature-description{margin-bottom:.5rem}.admin-module .feature-actions{display:flex;justify-content:flex-end}.admin-module .remove-feature-button{background-color:initial;border:none;border-radius:.25rem;color:#ef4444;cursor:pointer;line-height:0;padding:.25rem}.admin-module .remove-feature-button:hover{background-color:#ef44441a}.admin-module .remove-feature-button:disabled{color:#d1d5db;cursor:not-allowed}.admin-module.theme-dark .remove-feature-button{color:#f87171}.admin-module.theme-dark .remove-feature-button:hover{background-color:#ef444433}.admin-module.theme-dark .remove-feature-button:disabled{color:#4b5563}.admin-module .modal-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.admin-module.theme-dark .modal-footer{background-color:#111827;border-top:1px solid #374151}.admin-module .submit-button{background-color:#2563eb;border:none;border-radius:.375rem;box-shadow:0 1px 2px #0000000d;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s}.admin-module .submit-button:hover{background-color:#1d4ed8}.admin-module.theme-dark .submit-button{background-color:#3b82f6}.admin-module.theme-dark .submit-button:hover{background-color:#2563eb}.admin-module .cancel-button{background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;box-shadow:0 1px 2px #0000000d;color:#374151;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s}.admin-module .cancel-button:hover{background-color:#f3f4f6}.admin-module.theme-dark .cancel-button{background-color:#374151;border-color:#4b5563;color:#e5e7eb}.admin-module.theme-dark .cancel-button:hover{background-color:#4b5563}.admin-module .loading-container{align-items:center;display:flex;height:16rem;justify-content:center}.admin-module .loading-spinner{animation:spin 1s linear infinite;border-color:#3b82f6 #0000;border-radius:50%;border-style:solid;border-width:2px;height:3rem;width:3rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.admin-module .sidebar-link.active{background-color:#1a73e8;color:#fff;position:relative}.admin-module .sidebar-link.active:before{background-color:#1a73e8;border-radius:0 .125rem .125rem 0;content:"";height:1.5rem;left:-1rem;position:absolute;top:50%;transform:translateY(-50%);width:.25rem}.admin-module.theme-dark .sidebar-link.active,.admin-module.theme-dark .sidebar-link.active:before{background-color:#3b82f6}.admin-module .notification-item,.admin-module .sidebar-link,.admin-module .theme-option,.admin-module .tool-item-content,.admin-module .user-list-content{transition:all .2s ease}.admin-module .sidebar-link:hover,.admin-module .theme-option:hover{transform:translateX(2px)}.admin-module .notification-item:hover,.admin-module .tool-item-content:hover,.admin-module .user-list-content:hover{background-color:#00000005}.admin-module.theme-dark .notification-item:hover,.admin-module.theme-dark .tool-item-content:hover,.admin-module.theme-dark .user-list-content:hover{background-color:#ffffff08}.admin-module .modal-content{max-height:85vh}.admin-module .modal-body{max-height:calc(85vh - 8rem);overflow-y:auto}@media (max-width:640px){.admin-module .form-row{flex-direction:column;gap:1rem}.admin-module .half-width{width:100%}.admin-module .feature-row{flex-direction:column;gap:.5rem}.admin-module .tool-item-content,.admin-module .user-list-content{align-items:flex-start;flex-direction:column}.admin-module .tool-actions,.admin-module .user-actions{align-self:flex-end;margin-left:0;margin-top:1rem}.admin-module .user-metadata{align-items:flex-start;margin-top:.5rem}.admin-module .page-header{align-items:flex-start;flex-direction:column;gap:1rem}.admin-module .add-tool-button,.admin-module .add-user-button{align-self:stretch;justify-content:center}}.admin-module .add-button:focus,.admin-module .cancel-button:focus,.admin-module .delete-button:focus,.admin-module .edit-button:focus,.admin-module .mobile-menu-button:focus,.admin-module .notification-button:focus,.admin-module .sidebar-link:focus,.admin-module .submit-button:focus,.admin-module .theme-toggle-button:focus{outline:2px solid #2563eb;outline-offset:2px}.admin-module.theme-dark .add-button:focus,.admin-module.theme-dark .cancel-button:focus,.admin-module.theme-dark .delete-button:focus,.admin-module.theme-dark .edit-button:focus,.admin-module.theme-dark .mobile-menu-button:focus,.admin-module.theme-dark .notification-button:focus,.admin-module.theme-dark .sidebar-link:focus,.admin-module.theme-dark .submit-button:focus,.admin-module.theme-dark .theme-toggle-button:focus{outline-color:#60a5fa}.admin-module.theme-dark .loading-spinner{border-bottom-color:#60a5fa;border-top-color:#60a5fa}.admin-module .modal-content{animation:modalSlideIn .3s ease-out forwards}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.admin-module .form-fields{margin-bottom:1rem}.admin-module .action-icon,.admin-module .button-icon,.admin-module .nav-icon,.admin-module .status-icon,.admin-module .theme-icon{flex-shrink:0}.admin-module .content-manager-flex{display:flex}.admin-module .content-manager-items-center{align-items:center}.admin-module .content-manager-items-start{align-items:flex-start}.admin-module .content-manager-items-end{align-items:flex-end}.admin-module .content-manager-justify-between{justify-content:space-between}.admin-module .content-manager-justify-center{justify-content:center}.admin-module .content-manager-flex-1{flex:1 1}.admin-module .content-manager-flex-shrink-0{flex-shrink:0}.admin-module .content-manager-w-full{width:100%}.admin-module .content-manager-w-4{width:1rem}.admin-module .content-manager-w-5{width:1.25rem}.admin-module .content-manager-w-6{width:1.5rem}.admin-module .content-manager-w-12{width:3rem}.admin-module .content-manager-h-4{height:1rem}.admin-module .content-manager-h-5{height:1.25rem}.admin-module .content-manager-h-6{height:1.5rem}.admin-module .content-manager-h-12{height:3rem}.admin-module .content-manager-h-64{height:16rem}.admin-module .content-manager-space-x-1>*+*{margin-left:.25rem}.admin-module .content-manager-space-y-6>*+*{margin-top:1.5rem}.admin-module .content-manager-p-1{padding:.25rem}.admin-module .content-manager-p-3{padding:.75rem}.admin-module .content-manager-p-4{padding:1rem}.admin-module .content-manager-px-2{padding-left:.5rem;padding-right:.5rem}.admin-module .content-manager-px-4{padding-left:1rem;padding-right:1rem}.admin-module .content-manager-py-2{padding-bottom:.5rem;padding-top:.5rem}.admin-module .content-manager-py-3{padding-bottom:.75rem;padding-top:.75rem}.admin-module .content-manager-py-4{padding-bottom:1rem;padding-top:1rem}.admin-module .content-manager-py-5{padding-bottom:1.25rem;padding-top:1.25rem}.admin-module .content-manager-pt-4{padding-top:1rem}.admin-module .content-manager-pt-5{padding-top:1.25rem}.admin-module .content-manager-pb-4{padding-bottom:1rem}.admin-module .content-manager-pb-20{padding-bottom:5rem}.admin-module .content-manager-pl-3{padding-left:.75rem}.admin-module .content-manager-pr-10{padding-right:2.5rem}.admin-module .content-manager-mt-1{margin-top:.25rem}.admin-module .content-manager-mt-2{margin-top:.5rem}.admin-module .content-manager-mt-3{margin-top:.75rem}.admin-module .content-manager-mt-6{margin-top:1.5rem}.admin-module .content-manager-mb-4{margin-bottom:1rem}.admin-module .content-manager-mb-6{margin-bottom:1.5rem}.admin-module .content-manager-ml-2{margin-left:.5rem}.admin-module .content-manager-ml-3{margin-left:.75rem}.admin-module .content-manager-ml-4{margin-left:1rem}.admin-module .content-manager-mr-2{margin-right:.5rem}.admin-module .content-manager-border{border-width:1px}.admin-module .content-manager-border-b{border-bottom-width:1px}.admin-module .content-manager-border-t-2{border-top-width:2px}.admin-module .content-manager-border-b-2{border-bottom-width:2px}.admin-module .content-manager-border-transparent{border-color:#0000}.admin-module .content-manager-border-gray-200{border-color:#e5e7eb}.admin-module .content-manager-border-gray-300{border-color:#d1d5db}.admin-module .content-manager-border-blue-500{border-color:#3b82f6}.admin-module .content-manager-divide-y>*+*{border-top-width:1px}.admin-module .content-manager-divide-gray-200>*+*{border-color:#e5e7eb}.admin-module .content-manager-rounded{border-radius:.25rem}.admin-module .content-manager-rounded-md{border-radius:.375rem}.admin-module .content-manager-rounded-lg{border-radius:.5rem}.admin-module .content-manager-rounded-xl{border-radius:.75rem}.admin-module .content-manager-rounded-full{border-radius:9999px}.admin-module .content-manager-text-xs{font-size:.75rem;line-height:1rem}.admin-module .content-manager-text-sm{font-size:.875rem;line-height:1.25rem}.admin-module .content-manager-text-base{font-size:1rem;line-height:1.5rem}.admin-module .content-manager-text-lg{font-size:1.125rem;line-height:1.75rem}.admin-module .content-manager-text-2xl{font-size:1.5rem;line-height:2rem}.admin-module .content-manager-font-medium{font-weight:500}.admin-module .content-manager-font-semibold{font-weight:600}.admin-module .content-manager-text-center{text-align:center}.admin-module .content-manager-text-left{text-align:left}.admin-module .content-manager-text-white{color:#fff}.admin-module .content-manager-text-gray-500{color:#6b7280}.admin-module .content-manager-text-gray-600{color:#4b5563}.admin-module .content-manager-text-gray-700{color:#374151}.admin-module .content-manager-text-gray-900{color:#111827}.admin-module .content-manager-text-blue-500{color:#3b82f6}.admin-module .content-manager-text-blue-600{color:#2563eb}.admin-module .content-manager-text-red-800{color:#991b1b}.admin-module .content-manager-text-yellow-800{color:#92400e}.admin-module .content-manager-leading-5{line-height:1.25rem}.admin-module .content-manager-leading-6{line-height:1.5rem}.admin-module .content-manager-bg-white{background-color:#fff}.admin-module .content-manager-bg-gray-50{background-color:#f9fafb}.admin-module .content-manager-bg-gray-500{background-color:#6b7280}.admin-module .content-manager-bg-blue-50{background-color:#eff6ff}.admin-module .content-manager-bg-blue-600{background-color:#2563eb}.admin-module .content-manager-bg-red-50{background-color:#fef2f2}.admin-module .content-manager-bg-yellow-100{background-color:#fef3c7}.admin-module .content-manager-bg-opacity-75{--tw-bg-opacity:0.75}.admin-module .content-manager-shadow{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f}.admin-module .content-manager-shadow-sm{box-shadow:0 1px 2px 0 #0000000d}.admin-module .content-manager-shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.admin-module .content-manager-overflow-hidden{overflow:hidden}.admin-module .content-manager-overflow-y-auto{overflow-y:auto}.admin-module .content-manager-fixed{position:fixed}.admin-module .content-manager-inset-0{bottom:0;left:0;right:0;top:0}.admin-module .content-manager-z-10{z-index:10}.admin-module .content-manager-block{display:block}.admin-module .content-manager-inline-block{display:inline-block}.admin-module .content-manager-inline-flex{display:inline-flex}.admin-module .content-manager-transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.admin-module .content-manager-transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.admin-module .content-manager-transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.admin-module .content-manager-animate-spin{animation:content-manager-spin 1s linear infinite}.admin-module .content-manager-hover-bg-blue-700:hover{background-color:#1d4ed8}.admin-module .content-manager-hover-bg-gray-50:hover{background-color:#f9fafb}.admin-module .content-manager-hover-text-blue-600:hover{color:#2563eb}.admin-module .content-manager-hover-text-red-600:hover{color:#dc2626}.admin-module .content-manager-focus-outline-none:focus{outline:2px solid #0000;outline-offset:2px}.admin-module .content-manager-focus-ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.admin-module .content-manager-focus-ring-blue-500:focus{--tw-ring-color:#3b82f6}.admin-module .content-manager-focus-ring-offset-2:focus{--tw-ring-offset-width:2px}.admin-module .content-manager-focus-border-blue-500:focus{border-color:#3b82f6}.admin-module .content-manager-min-h-screen{min-height:100vh}.admin-module .content-manager-align-bottom{vertical-align:bottom}@media (min-width:640px){.admin-module .content-manager-sm-align-middle{vertical-align:middle}.admin-module .content-manager-sm-flex{display:flex}.admin-module .content-manager-sm-flex-row-reverse{flex-direction:row-reverse}.admin-module .content-manager-sm-items-start{align-items:flex-start}.admin-module .content-manager-sm-mt-0{margin-top:0}.admin-module .content-manager-sm-ml-3{margin-left:.75rem}.admin-module .content-manager-sm-ml-4{margin-left:1rem}.admin-module .content-manager-sm-my-8{margin-bottom:2rem;margin-top:2rem}.admin-module .content-manager-sm-p-0{padding:0}.admin-module .content-manager-sm-p-6{padding:1.5rem}.admin-module .content-manager-sm-pb-4{padding-bottom:1rem}.admin-module .content-manager-sm-px-6{padding-left:1.5rem;padding-right:1.5rem}.admin-module .content-manager-sm-rounded-lg{border-radius:.5rem}.admin-module .content-manager-sm-text-left{text-align:left}.admin-module .content-manager-sm-text-sm{font-size:.875rem;line-height:1.25rem}.admin-module .content-manager-sm-w-auto{width:auto}.admin-module .content-manager-sm-w-full{width:100%}.admin-module .content-manager-sm-max-w-lg{max-width:32rem}.admin-module .content-manager-sm-block{display:block}}.admin-module .content-manager-tab-list{background-color:#eff6ff;border-radius:.75rem;display:flex;gap:.25rem;padding:.25rem}.admin-module .content-manager-tab{border-radius:.5rem;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;outline:none;padding:.625rem;text-align:center}.admin-module .content-manager-tab-selected{background-color:#fff;box-shadow:0 1px 2px #0000000d;color:#1d4ed8}.admin-module .content-manager-tab-not-selected{color:#6b7280}.admin-module .content-manager-tab-not-selected:hover{color:#1d4ed8}.admin-module .content-manager-faq-container{margin-top:1.5rem}.admin-module .content-manager-faq-panel{background-color:#fff;border-radius:.75rem;padding:.75rem}.admin-module .content-manager-faq-list{list-style-type:none;margin:0;padding:0}.admin-module .content-manager-faq-item{border-bottom:1px solid #e5e7eb;padding:1rem 0}.admin-module .content-manager-faq-item:last-child{border-bottom:none}.admin-module .content-manager-faq-inactive-badge{background-color:#fef3c7;border-radius:9999px;color:#92400e;font-size:.75rem;font-weight:600;margin-left:.5rem;padding:0 .5rem}.admin-module .content-manager-faq-button{background:#0000;border:none;border-radius:.25rem;color:#6b7280;cursor:pointer;padding:.25rem}.admin-module .content-manager-faq-edit-button:hover{background-color:#2563eb1a;color:#2563eb}.admin-module .content-manager-faq-delete-button:hover{background-color:#dc26261a;color:#dc2626}.admin-module .content-manager-modal-overlay{z-index:10}.admin-module .content-manager-modal-container{align-items:flex-end;display:flex;justify-content:center;min-height:100%;padding:1rem}.admin-module .content-manager-modal-backdrop{background-color:#6b7280bf;transition:opacity .3s}.admin-module .content-manager-modal-content{position:relative;transform:translateY(0);transition:transform .3s;width:100%}@media (min-width:640px){.admin-module .content-manager-modal-container{align-items:center}.admin-module .content-manager-modal-content{margin:0 auto;max-width:32rem}}.admin-module .content-manager-form-container{padding:1.25rem 1rem}.admin-module .content-manager-form-header{margin-bottom:1.5rem}.admin-module .content-manager-form-title{color:#111827;font-size:1.125rem;font-weight:500}.admin-module .content-manager-form-fields{display:flex;flex-direction:column;gap:1.5rem}.admin-module .content-manager-form-field{display:flex;flex-direction:column}.admin-module .content-manager-form-label{margin-bottom:.25rem}.admin-module .content-manager-form-input{border:1px solid #d1d5db;border-radius:.375rem;box-shadow:0 1px 2px #0000000d;padding:.5rem .75rem;width:100%}.admin-module .content-manager-form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f64d;outline:none}.admin-module .content-manager-form-checkbox{border:1px solid #d1d5db;border-radius:.25rem;color:#2563eb;cursor:pointer;height:1rem;width:1rem}.admin-module .content-manager-form-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;padding:1rem 1.5rem}.admin-module .content-manager-form-button{border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.admin-module .content-manager-form-submit-button{background-color:#2563eb;border:none;box-shadow:0 1px 2px #0000000d;color:#fff}.admin-module .content-manager-form-submit-button:hover{background-color:#1d4ed8}.admin-module .content-manager-form-cancel-button{background-color:#fff;border:1px solid #d1d5db;color:#374151;margin-right:.75rem}.admin-module .content-manager-form-cancel-button:hover{background-color:#f3f4f6}.admin-module.theme-dark .content-manager-bg-white{background-color:#1f2937}.admin-module.theme-dark .content-manager-bg-gray-50{background-color:#111827}.admin-module.theme-dark .content-manager-bg-blue-50{background-color:#3b82f61a}.admin-module.theme-dark .content-manager-bg-red-50{background-color:#ef44441a}.admin-module.theme-dark .content-manager-bg-yellow-100{background-color:#f59e0b1a}.admin-module.theme-dark .content-manager-text-gray-500{color:#9ca3af}.admin-module.theme-dark .content-manager-text-gray-600{color:#d1d5db}.admin-module.theme-dark .content-manager-text-gray-700{color:#e5e7eb}.admin-module.theme-dark .content-manager-text-gray-900{color:#f9fafb}.admin-module.theme-dark .content-manager-text-red-800{color:#f87171}.admin-module.theme-dark .content-manager-text-yellow-800{color:#fbbf24}.admin-module.theme-dark .content-manager-border-gray-200{border-color:#374151}.admin-module.theme-dark .content-manager-border-gray-300{border-color:#4b5563}.admin-module.theme-dark .content-manager-divide-gray-200>*+*{border-color:#374151}.admin-module.theme-dark .content-manager-tab-selected{background-color:#111827;color:#3b82f6}.admin-module.theme-dark .content-manager-form-input{background-color:#374151;border-color:#4b5563;color:#f9fafb}.admin-module.theme-dark .content-manager-form-footer{background-color:#111827;border-top-color:#374151}.admin-module.theme-dark .content-manager-form-cancel-button{background-color:#374151;border-color:#4b5563;color:#e5e7eb}.admin-module.theme-dark .content-manager-form-cancel-button:hover{background-color:#4b5563}.admin-module.theme-dark .content-manager-faq-panel{background-color:#1f2937}.admin-module .media-library-flex{display:flex}.admin-module .media-library-flex-col{display:flex;flex-direction:column}.admin-module .media-library-flex-1{flex:1 1}.admin-module .media-library-flex-shrink-0{flex-shrink:0}.admin-module .media-library-flex-wrap{flex-wrap:wrap}.admin-module .media-library-items-center{align-items:center}.admin-module .media-library-items-start{align-items:flex-start}.admin-module .media-library-justify-center{justify-content:center}.admin-module .media-library-justify-between{justify-content:space-between}.admin-module .media-library-grid{display:grid}.admin-module .media-library-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-module .media-library-relative{position:relative}.admin-module .media-library-absolute{position:absolute}.admin-module .media-library-inset-0{bottom:0;left:0;right:0;top:0}.admin-module .media-library-inset-y-0{bottom:0;top:0}.admin-module .media-library-left-0{left:0}.admin-module .media-library-top-2{top:.5rem}.admin-module .media-library-right-2{right:.5rem}.admin-module .media-library-pointer-events-none{pointer-events:none}.admin-module .media-library-z-10{z-index:10}.admin-module .media-library-w-full{width:100%}.admin-module .media-library-w-4{width:1rem}.admin-module .media-library-w-5{width:1.25rem}.admin-module .media-library-w-6{width:1.5rem}.admin-module .media-library-w-8{width:2rem}.admin-module .media-library-w-10{width:2.5rem}.admin-module .media-library-w-12{width:3rem}.admin-module .media-library-w-16{width:4rem}.admin-module .media-library-h-2{height:.5rem}.admin-module .media-library-h-2\.5{height:.625rem}.admin-module .media-library-h-4{height:1rem}.admin-module .media-library-h-5{height:1.25rem}.admin-module .media-library-h-6{height:1.5rem}.admin-module .media-library-h-8{height:2rem}.admin-module .media-library-h-10{height:2.5rem}.admin-module .media-library-h-12{height:3rem}.admin-module .media-library-h-16{height:4rem}.admin-module .media-library-h-32{height:8rem}.admin-module .media-library-h-64{height:16rem}.admin-module .media-library-max-w-xs{max-width:20rem}.admin-module .media-library-min-w-full{min-width:100%}.admin-module .media-library-space-x-1>*+*{margin-left:.25rem}.admin-module .media-library-space-x-2>*+*{margin-left:.5rem}.admin-module .media-library-space-x-4>*+*{margin-left:1rem}.admin-module .media-library-gap-4{gap:1rem}.admin-module .media-library-gap-y-4{row-gap:1rem}.admin-module .media-library-p-3{padding:.75rem}.admin-module .media-library-p-4{padding:1rem}.admin-module .media-library-p-6{padding:1.5rem}.admin-module .media-library-px-3{padding-left:.75rem;padding-right:.75rem}.admin-module .media-library-px-4{padding-left:1rem;padding-right:1rem}.admin-module .media-library-px-6{padding-left:1.5rem;padding-right:1.5rem}.admin-module .media-library-px-10{padding-left:2.5rem;padding-right:2.5rem}.admin-module .media-library-py-2{padding-bottom:.5rem;padding-top:.5rem}.admin-module .media-library-py-3{padding-bottom:.75rem;padding-top:.75rem}.admin-module .media-library-py-4{padding-bottom:1rem;padding-top:1rem}.admin-module .media-library-py-5{padding-bottom:1.25rem;padding-top:1.25rem}.admin-module .media-library-py-12{padding-bottom:3rem;padding-top:3rem}.admin-module .media-library-pt-4{padding-top:1rem}.admin-module .media-library-pl-3{padding-left:.75rem}.admin-module .media-library-pl-10{padding-left:2.5rem}.admin-module .media-library-pr-3{padding-right:.75rem}.admin-module .media-library-pr-10{padding-right:2.5rem}.admin-module .media-library-mt-1{margin-top:.25rem}.admin-module .media-library-mt-2{margin-top:.5rem}.admin-module .media-library-mt-3{margin-top:.75rem}.admin-module .media-library-mt-4{margin-top:1rem}.admin-module .media-library-mt-6{margin-top:1.5rem}.admin-module .media-library-mb-3{margin-bottom:.75rem}.admin-module .media-library-mb-4{margin-bottom:1rem}.admin-module .media-library-mb-6{margin-bottom:1.5rem}.admin-module .media-library-ml-3{margin-left:.75rem}.admin-module .media-library-ml-4{margin-left:1rem}.admin-module .media-library-mr-2{margin-right:.5rem}.admin-module .media-library-mr-3{margin-right:.75rem}.admin-module .media-library-mx-1{margin-left:.25rem;margin-right:.25rem}.admin-module .media-library-mx-auto{margin-left:auto;margin-right:auto}.admin-module .media-library-text-xs{font-size:.75rem;line-height:1rem}.admin-module .media-library-text-sm{font-size:.875rem;line-height:1.25rem}.admin-module .media-library-text-base{font-size:1rem;line-height:1.5rem}.admin-module .media-library-text-lg{font-size:1.125rem;line-height:1.75rem}.admin-module .media-library-text-2xl{font-size:1.5rem;line-height:2rem}.admin-module .media-library-font-medium{font-weight:500}.admin-module .media-library-font-semibold{font-weight:600}.admin-module .media-library-uppercase{text-transform:uppercase}.admin-module .media-library-tracking-wider{letter-spacing:.05em}.admin-module .media-library-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-module .media-library-whitespace-nowrap{white-space:nowrap}.admin-module .media-library-text-center{text-align:center}.admin-module .media-library-text-left{text-align:left}.admin-module .media-library-text-white{color:#fff}.admin-module .media-library-text-gray-400{color:#9ca3af}.admin-module .media-library-text-gray-500{color:#6b7280}.admin-module .media-library-text-gray-700{color:#374151}.admin-module .media-library-text-gray-900{color:#111827}.admin-module .media-library-text-blue-500{color:#3b82f6}.admin-module .media-library-text-blue-600{color:#2563eb}.admin-module .media-library-text-blue-700{color:#1d4ed8}.admin-module .media-library-text-blue-800{color:#1e40af}.admin-module .media-library-text-red-400{color:#f87171}.admin-module .media-library-text-red-500{color:#ef4444}.admin-module .media-library-text-red-600{color:#dc2626}.admin-module .media-library-text-red-800{color:#991b1b}.admin-module .media-library-text-green-400{color:#34d399}.admin-module .media-library-text-green-600{color:#059669}.admin-module .media-library-text-green-800{color:#065f46}.admin-module .media-library-text-purple-500{color:#8b5cf6}.admin-module .media-library-text-yellow-500{color:#f59e0b}.admin-module .media-library-sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.admin-module .media-library-bg-white{background-color:#fff}.admin-module .media-library-bg-gray-50{background-color:#f9fafb}.admin-module .media-library-bg-gray-100{background-color:#f3f4f6}.admin-module .media-library-bg-gray-200{background-color:#e5e7eb}.admin-module .media-library-bg-blue-50{background-color:#eff6ff}.admin-module .media-library-bg-blue-500{background-color:#3b82f6}.admin-module .media-library-bg-blue-600{background-color:#2563eb}.admin-module .media-library-bg-red-50{background-color:#fef2f2}.admin-module .media-library-bg-red-600{background-color:#dc2626}.admin-module .media-library-bg-green-50{background-color:#ecfdf5}.admin-module .media-library-bg-green-600{background-color:#059669}.admin-module .media-library-bg-yellow-500{background-color:#f59e0b}.admin-module .media-library-hover-bg-gray-50:hover{background-color:#f9fafb}.admin-module .media-library-hover-bg-blue-700:hover{background-color:#1d4ed8}.admin-module .media-library-hover-bg-red-700:hover{background-color:#b91c1c}.admin-module .media-library-hover-bg-green-700:hover{background-color:#047857}.admin-module .media-library-border{border-width:1px}.admin-module .media-library-border-0{border-width:0}.admin-module .media-library-border-b{border-bottom-width:1px}.admin-module .media-library-border-t-2{border-top-width:2px}.admin-module .media-library-border-b-2{border-bottom-width:2px}.admin-module .media-library-border-transparent{border-color:#0000}.admin-module .media-library-border-gray-200{border-color:#e5e7eb}.admin-module .media-library-border-gray-300{border-color:#d1d5db}.admin-module .media-library-border-blue-500{border-color:#3b82f6}.admin-module .media-library-divide-y>*+*{border-top-width:1px}.admin-module .media-library-divide-gray-200>*+*{border-color:#e5e7eb}.admin-module .media-library-rounded{border-radius:.25rem}.admin-module .media-library-rounded-md{border-radius:.375rem}.admin-module .media-library-rounded-lg{border-radius:.5rem}.admin-module .media-library-rounded-full{border-radius:9999px}.admin-module .media-library-rounded-l-md{border-bottom-left-radius:.375rem;border-top-left-radius:.375rem}.admin-module .media-library-rounded-r-md{border-bottom-right-radius:.375rem;border-top-right-radius:.375rem}.admin-module .media-library-ring-2{box-shadow:0 0 0 2px var(--tw-ring-color)}.admin-module .media-library-ring-blue-500{--tw-ring-color:#3b82f6}.admin-module .media-library-shadow{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f}.admin-module .media-library-shadow-sm{box-shadow:0 1px 2px 0 #0000000d}.admin-module .media-library-shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.admin-module .media-library-overflow-hidden{overflow:hidden}.admin-module .media-library-overflow-x-auto{overflow-x:auto}.admin-module .media-library-overflow-y-auto{overflow-y:auto}.admin-module .media-library-object-cover{object-fit:cover}.admin-module .media-library-object-center{object-position:center}.admin-module .media-library-transition{transition-duration:.15s;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.admin-module .media-library-transition-colors{transition-duration:.15s;transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.admin-module .media-library-animate-spin{animation:media-library-spin 1s linear infinite}@keyframes media-library-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.admin-module .media-library-focus-outline-none:focus{outline:2px solid #0000;outline-offset:2px}.admin-module .media-library-focus-ring-1:focus{box-shadow:0 0 0 1px #3b82f680}.admin-module .media-library-focus-ring-2:focus{box-shadow:0 0 0 2px #3b82f680}.admin-module .media-library-focus-ring-offset-2:focus{outline-offset:2px}.admin-module .media-library-focus-ring-blue-500:focus{box-shadow:0 0 0 3px #3b82f680}.admin-module .media-library-focus-border-blue-500:focus{border-color:#3b82f6}.admin-module .media-library-focus-placeholder-gray-400:focus::placeholder{color:#9ca3af}.admin-module .media-library-cursor-pointer{cursor:pointer}.admin-module .media-library-select-none{-webkit-user-select:none;user-select:none}.admin-module .media-library-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.admin-module .media-library-actions{display:flex;gap:.5rem}.admin-module .media-library-action-button{align-items:center;border:1px solid #0000;border-radius:.375rem;box-shadow:0 1px 2px 0 #0000000d;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;line-height:1.25rem;padding:.5rem 1rem}.admin-module .media-library-upload-button{background-color:#2563eb;color:#fff}.admin-module .media-library-upload-button:hover{background-color:#1d4ed8}.admin-module .media-library-new-folder-button{background-color:#059669;color:#fff}.admin-module .media-library-new-folder-button:hover{background-color:#047857}.admin-module .media-library-delete-button{background-color:#dc2626;color:#fff}.admin-module .media-library-delete-button:hover{background-color:#b91c1c}.admin-module .media-library-alert{border-radius:.375rem;display:flex;margin-bottom:1rem;padding:1rem}.admin-module .media-library-alert-error{background-color:#fef2f2}.admin-module .media-library-alert-success{background-color:#ecfdf5}.admin-module .media-library-alert-info{background-color:#eff6ff}.admin-module .media-library-alert-icon{flex-shrink:0}.admin-module .media-library-alert-content{margin-left:.75rem}.admin-module .media-library-alert-message{font-size:.875rem;font-weight:500}.admin-module .media-library-alert-error .media-library-alert-message{color:#991b1b}.admin-module .media-library-alert-success .media-library-alert-message{color:#065f46}.admin-module .media-library-alert-info .media-library-alert-message{color:#1e40af}.admin-module .media-library-progress-container{background-color:#e5e7eb;border-radius:9999px;height:.625rem;margin-top:.5rem;overflow:hidden;width:100%}.admin-module .media-library-progress-bar{background-color:#2563eb;border-radius:9999px;height:100%}.admin-module .media-library-main-container{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;overflow:hidden}.admin-module .media-library-toolbar{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.25rem 1rem}.admin-module .media-library-search-container{position:relative}.admin-module .media-library-search-icon{color:#9ca3af;left:.75rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.admin-module .media-library-search-input{border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;line-height:1.25rem;padding:.5rem .75rem .5rem 2.5rem;width:100%}.admin-module .media-library-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6;outline:none}.admin-module .media-library-filter-select{background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;padding:.5rem .75rem}.admin-module .media-library-filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6;outline:none}.admin-module .media-library-view-buttons{border-radius:.375rem;box-shadow:0 1px 2px 0 #0000000d;display:flex;overflow:hidden}.admin-module .media-library-view-button{align-items:center;background-color:#fff;border:1px solid #d1d5db;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;justify-content:center;padding:.5rem 1rem}.admin-module .media-library-view-button:hover:not(.media-library-view-button-active){background-color:#f9fafb}.admin-module .media-library-view-button-active{color:#2563eb}.admin-module .media-library-grid-button{border-bottom-left-radius:.375rem;border-right:none;border-top-left-radius:.375rem}.admin-module .media-library-list-button{border-bottom-right-radius:.375rem;border-top-right-radius:.375rem}.admin-module .media-library-breadcrumb-item,.admin-module .media-library-breadcrumbs{align-items:center;display:flex}.admin-module .media-library-breadcrumb-link{color:#6b7280;cursor:pointer}.admin-module .media-library-breadcrumb-link:hover{color:#2563eb}.admin-module .media-library-breadcrumb-link-active{color:#2563eb;font-weight:500}.admin-module .media-library-breadcrumb-separator{color:#9ca3af;margin:0 .25rem}.admin-module .media-library-content{padding:1.25rem 1rem}.admin-module .media-library-folders-section{margin-bottom:1.5rem}.admin-module .media-library-folders-title{color:#111827;font-size:1.125rem;font-weight:500;margin-bottom:.75rem}.admin-module .media-library-folders-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.admin-module .media-library-folder-item{border:1px solid #e5e7eb;border-radius:.5rem;cursor:pointer;padding:1rem;transition:background-color .2s}.admin-module .media-library-folder-item:hover{background-color:#f9fafb}.admin-module .media-library-folder-icon{color:#f59e0b;display:block;margin:0 auto}.admin-module .media-library-folder-name{color:#111827;font-size:.875rem;font-weight:500;margin-top:.5rem;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.admin-module .media-library-files-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.admin-module .media-library-file-card{border:1px solid #e5e7eb;border-radius:.5rem;cursor:pointer;padding:1rem;position:relative;transition:background-color .2s}.admin-module .media-library-file-card:hover{background-color:#f9fafb}.admin-module .media-library-file-card-selected{background-color:#eff6ff;box-shadow:0 0 0 2px #3b82f6}.admin-module .media-library-file-preview{align-items:center;display:flex;height:8rem;justify-content:center;margin-bottom:.5rem;width:100%}.admin-module .media-library-file-image{border-radius:.25rem;height:100%;object-fit:cover;width:100%}.admin-module .media-library-file-icon-container{align-items:center;background-color:#f3f4f6;border-radius:.25rem;display:flex;height:100%;justify-content:center;width:100%}.admin-module .media-library-file-details{text-align:center}.admin-module .media-library-file-name{color:#111827;font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-module .media-library-file-size{color:#6b7280;font-size:.75rem;margin-top:.25rem}.admin-module .media-library-file-checkbox{align-items:center;background-color:#3b82f6;border-radius:9999px;color:#fff;display:flex;height:1.5rem;justify-content:center;position:absolute;right:.5rem;top:.5rem;width:1.5rem}.admin-module .media-library-files-table{border-collapse:collapse;width:100%}.admin-module .media-library-table-header{background-color:#f9fafb;text-align:left}.admin-module .media-library-table-header-cell{color:#6b7280;font-size:.75rem;font-weight:500;letter-spacing:.05em;padding:.75rem 1.5rem;text-transform:uppercase}.admin-module .media-library-table-body{background-color:#fff}.admin-module .media-library-table-row{border-bottom:1px solid #e5e7eb;cursor:pointer;transition:background-color .2s}.admin-module .media-library-table-row:hover{background-color:#f9fafb}.admin-module .media-library-table-row-selected{background-color:#eff6ff}.admin-module .media-library-table-cell{color:#111827;font-size:.875rem;padding:.75rem 1.5rem;white-space:nowrap}.admin-module .media-library-table-cell-muted{color:#6b7280}.admin-module .media-library-checkbox{-webkit-appearance:none;appearance:none;background-color:#fff;border:1px solid #d1d5db;border-radius:.25rem;cursor:pointer;height:1rem;width:1rem}.admin-module .media-library-checkbox:checked{background-color:#2563eb;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:#2563eb}.admin-module .media-library-checkbox:focus{box-shadow:0 0 0 2px #2563eb80;outline:none}.admin-module .media-library-table-file-info{align-items:center;display:flex}.admin-module .media-library-table-file-preview{border-radius:.25rem;flex-shrink:0;height:2.5rem;object-fit:cover;width:2.5rem}.admin-module .media-library-table-file-details{margin-left:1rem}.admin-module .media-library-table-file-name{color:#111827;font-size:.875rem;font-weight:500}.admin-module .media-library-table-file-path{color:#6b7280;font-size:.875rem;max-width:20rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-module .media-library-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 0;text-align:center}.admin-module .media-library-empty-icon{color:#9ca3af;height:4rem;margin-bottom:.5rem;width:4rem}.admin-module .media-library-empty-title{color:#111827;font-size:1rem;font-weight:500;margin-top:.5rem}.admin-module .media-library-empty-description{color:#6b7280;font-size:.875rem;margin-top:.25rem}@media (min-width:640px){.admin-module .media-library-grid-cols-sm-3{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-module .media-library-toolbar{padding-left:1.5rem;padding-right:1.5rem}.admin-module .media-library-content{padding:1.5rem}}@media (min-width:768px){.admin-module .media-library-grid-cols-md-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1024px){.admin-module .media-library-grid-cols-lg-6{grid-template-columns:repeat(6,minmax(0,1fr))}}.admin-module.theme-dark .media-library-bg-white{background-color:#1f2937}.admin-module.theme-dark .media-library-bg-gray-50{background-color:#111827}.admin-module.theme-dark .media-library-bg-gray-100{background-color:#1f2937}.admin-module.theme-dark .media-library-bg-gray-200{background-color:#374151}.admin-module.theme-dark .media-library-bg-blue-50{background-color:#3b82f61a}.admin-module.theme-dark .media-library-bg-red-50{background-color:#ef44441a}.admin-module.theme-dark .media-library-bg-green-50{background-color:#10b9811a}.admin-module.theme-dark .media-library-text-gray-400{color:#9ca3af}.admin-module.theme-dark .media-library-text-gray-500{color:#6b7280}.admin-module.theme-dark .media-library-text-gray-700{color:#e5e7eb}.admin-module.theme-dark .media-library-text-gray-900{color:#f9fafb}.admin-module.theme-dark .media-library-border-gray-200{border-color:#374151}.admin-module.theme-dark .media-library-border-gray-300{border-color:#4b5563}.admin-module.theme-dark .media-library-divide-gray-200>*+*{border-color:#374151}.admin-module.theme-dark .media-library-main-container{background-color:#1f2937}.admin-module.theme-dark .media-library-file-card{border-color:#374151}.admin-module.theme-dark .media-library-file-card:hover{background-color:#273549}.admin-module.theme-dark .media-library-file-card-selected{background-color:#3b82f633}.admin-module.theme-dark .media-library-file-icon-container{background-color:#111827}.admin-module.theme-dark .media-library-folder-item{border-color:#374151}.admin-module.theme-dark .media-library-folder-item:hover{background-color:#273549}.admin-module.theme-dark .media-library-table-header{background-color:#111827}.admin-module.theme-dark .media-library-table-body{background-color:#1f2937}.admin-module.theme-dark .media-library-table-row{border-color:#374151}.admin-module.theme-dark .media-library-table-row:hover{background-color:#273549}.admin-module.theme-dark .media-library-table-row-selected{background-color:#3b82f633}.admin-module.theme-dark .media-library-filter-select,.admin-module.theme-dark .media-library-search-input{background-color:#111827;border-color:#374151;color:#f9fafb}.admin-module.theme-dark .media-library-filter-select:focus,.admin-module.theme-dark .media-library-search-input:focus{border-color:#3b82f6}.admin-module.theme-dark .media-library-view-button{background-color:#111827;border-color:#374151;color:#e5e7eb}.admin-module.theme-dark .media-library-view-button:hover:not(.media-library-view-button-active){background-color:#273549}.admin-module.theme-dark .media-library-view-button-active{color:#3b82f6}.admin-module.theme-dark .media-library-alert-error{background-color:#ef44441a}.admin-module.theme-dark .media-library-alert-success{background-color:#10b9811a}.admin-module.theme-dark .media-library-alert-info{background-color:#3b82f61a}.admin-module.theme-dark .media-library-checkbox{background-color:#111827;border-color:#4b5563}.admin-module.theme-dark .media-library-empty-icon{color:#6b7280}.admin-module.theme-dark .media-library-empty-title{color:#f9fafb}.admin-module.theme-dark .media-library-empty-description{color:#9ca3af}.admin-module .site-settings-flex{display:flex}.admin-module .site-settings-flex-col{display:flex;flex-direction:column}.admin-module .site-settings-flex-shrink-0{flex-shrink:0}.admin-module .site-settings-items-center{align-items:center}.admin-module .site-settings-items-start{align-items:flex-start}.admin-module .site-settings-items-end{align-items:flex-end}.admin-module .site-settings-justify-between{justify-content:space-between}.admin-module .site-settings-justify-center{justify-content:center}.admin-module .site-settings-w-full{width:100%}.admin-module .site-settings-w-4{width:1rem}.admin-module .site-settings-w-5{width:1.25rem}.admin-module .site-settings-w-6{width:1.5rem}.admin-module .site-settings-w-11{width:2.75rem}.admin-module .site-settings-w-12{width:3rem}.admin-module .site-settings-min-w-full{min-width:100%}.admin-module .site-settings-h-4{height:1rem}.admin-module .site-settings-h-5{height:1.25rem}.admin-module .site-settings-h-6{height:1.5rem}.admin-module .site-settings-h-12{height:3rem}.admin-module .site-settings-h-64{height:16rem}.admin-module .site-settings-space-x-1>*+*{margin-left:.25rem}.admin-module .site-settings-space-y-6>*+*{margin-top:1.5rem}.admin-module .site-settings-p-1{padding:.25rem}.admin-module .site-settings-p-4{padding:1rem}.admin-module .site-settings-p-6{padding:1.5rem}.admin-module .site-settings-px-3{padding-left:.75rem;padding-right:.75rem}.admin-module .site-settings-px-4{padding-left:1rem;padding-right:1rem}.admin-module .site-settings-py-2{padding-bottom:.5rem;padding-top:.5rem}.admin-module .site-settings-py-3{padding-bottom:.75rem;padding-top:.75rem}.admin-module .site-settings-py-4{padding-bottom:1rem;padding-top:1rem}.admin-module .site-settings-py-5{padding-bottom:1.25rem;padding-top:1.25rem}.admin-module .site-settings-py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.admin-module .site-settings-py-3\.5{padding-bottom:.875rem;padding-top:.875rem}.admin-module .site-settings-pl-3{padding-left:.75rem}.admin-module .site-settings-pl-4{padding-left:1rem}.admin-module .site-settings-pr-3{padding-right:.75rem}.admin-module .site-settings-pr-4{padding-right:1rem}.admin-module .site-settings-pt-4{padding-top:1rem}.admin-module .site-settings-pt-5{padding-top:1.25rem}.admin-module .site-settings-pb-4{padding-bottom:1rem}.admin-module .site-settings-pb-20{padding-bottom:5rem}.admin-module .site-settings-mt-1{margin-top:.25rem}.admin-module .site-settings-mt-2{margin-top:.5rem}.admin-module .site-settings-mt-3{margin-top:.75rem}.admin-module .site-settings-mt-6{margin-top:1.5rem}.admin-module .site-settings-mb-4{margin-bottom:1rem}.admin-module .site-settings-mb-6{margin-bottom:1.5rem}.admin-module .site-settings-ml-2{margin-left:.5rem}.admin-module .site-settings-ml-3{margin-left:.75rem}.admin-module .site-settings-ml-4{margin-left:1rem}.admin-module .site-settings-mr-2{margin-right:.5rem}.admin-module .site-settings-mr-4{margin-right:1rem}.admin-module .site-settings-text-xs{font-size:.75rem;line-height:1rem}.admin-module .site-settings-text-sm{font-size:.875rem;line-height:1.25rem}.admin-module .site-settings-text-base{font-size:1rem;line-height:1.5rem}.admin-module .site-settings-text-lg{font-size:1.125rem;line-height:1.75rem}.admin-module .site-settings-text-2xl{font-size:1.5rem;line-height:2rem}.admin-module .site-settings-font-medium{font-weight:500}.admin-module .site-settings-font-semibold{font-weight:600}.admin-module .site-settings-text-center{text-align:center}.admin-module .site-settings-text-left{text-align:left}.admin-module .site-settings-text-right{text-align:right}.admin-module .site-settings-text-white{color:#fff}.admin-module .site-settings-text-gray-400{color:#9ca3af}.admin-module .site-settings-text-gray-500{color:#6b7280}.admin-module .site-settings-text-gray-700{color:#374151}.admin-module .site-settings-text-gray-900{color:#111827}.admin-module .site-settings-text-blue-500{color:#3b82f6}.admin-module .site-settings-text-blue-600{color:#2563eb}.admin-module .site-settings-text-blue-700{color:#1d4ed8}.admin-module .site-settings-text-blue-900{color:#1e3a8a}.admin-module .site-settings-text-green-500{color:#10b981}.admin-module .site-settings-text-green-800{color:#065f46}.admin-module .site-settings-text-red-600{color:#dc2626}.admin-module .site-settings-text-red-800{color:#991b1b}.admin-module .site-settings-text-red-900{color:#7f1d1d}.admin-module .site-settings-whitespace-nowrap{white-space:nowrap}.admin-module .site-settings-leading-5{line-height:1.25rem}.admin-module .site-settings-leading-6{line-height:1.5rem}.admin-module .site-settings-sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.admin-module .site-settings-bg-white{background-color:#fff}.admin-module .site-settings-bg-gray-50{background-color:#f9fafb}.admin-module .site-settings-bg-gray-200{background-color:#e5e7eb}.admin-module .site-settings-bg-gray-500{background-color:#6b7280}.admin-module .site-settings-bg-blue-50{background-color:#eff6ff}.admin-module .site-settings-bg-blue-600{background-color:#2563eb}.admin-module .site-settings-bg-green-50{background-color:#ecfdf5}.admin-module .site-settings-bg-red-50{background-color:#fef2f2}.admin-module .site-settings-bg-opacity-75{--tw-bg-opacity:0.75}.admin-module .site-settings-hover-bg-blue-700:hover{background-color:#1d4ed8}.admin-module .site-settings-hover-bg-gray-50:hover{background-color:#f9fafb}.admin-module .site-settings-border{border-width:1px}.admin-module .site-settings-border-2{border-width:2px}.admin-module .site-settings-border-b{border-bottom-width:1px}.admin-module .site-settings-border-t-2{border-top-width:2px}.admin-module .site-settings-border-b-2{border-bottom-width:2px}.admin-module .site-settings-border-transparent{border-color:#0000}.admin-module .site-settings-border-gray-200{border-color:#e5e7eb}.admin-module .site-settings-border-gray-300{border-color:#d1d5db}.admin-module .site-settings-border-blue-500{border-color:#3b82f6}.admin-module .site-settings-divide-y>*+*{border-top-width:1px}.admin-module .site-settings-divide-gray-200>*+*{border-color:#e5e7eb}.admin-module .site-settings-divide-gray-300>*+*{border-color:#d1d5db}.admin-module .site-settings-rounded{border-radius:.25rem}.admin-module .site-settings-rounded-md{border-radius:.375rem}.admin-module .site-settings-rounded-lg{border-radius:.5rem}.admin-module .site-settings-rounded-xl{border-radius:.75rem}.admin-module .site-settings-rounded-full{border-radius:9999px}.admin-module .site-settings-ring-1{box-shadow:0 0 0 1px #0000000d}.admin-module .site-settings-ring-black{--tw-ring-color:#000}.admin-module .site-settings-ring-opacity-5{--tw-ring-opacity:0.05}.admin-module .site-settings-shadow{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f}.admin-module .site-settings-shadow-sm{box-shadow:0 1px 2px 0 #0000000d}.admin-module .site-settings-shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.admin-module .site-settings-overflow-hidden{overflow:hidden}.admin-module .site-settings-overflow-x-auto{overflow-x:auto}.admin-module .site-settings-overflow-y-auto{overflow-y:auto}.admin-module .site-settings-transition-colors{transition-duration:.2s;transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.admin-module .site-settings-transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.admin-module .site-settings-transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.admin-module .site-settings-duration-200{transition-duration:.2s}.admin-module .site-settings-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.admin-module .site-settings-transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.admin-module .site-settings-translate-x-0{--tw-translate-x:0px}.admin-module .site-settings-translate-x-5{--tw-translate-x:1.25rem}.admin-module .site-settings-animate-spin{animation:site-settings-spin 1s linear infinite}@keyframes site-settings-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.admin-module .site-settings-cursor-pointer{cursor:pointer}.admin-module .site-settings-focus-outline-none:focus{outline:2px solid #0000;outline-offset:2px}.admin-module .site-settings-focus-ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.admin-module .site-settings-focus-ring-offset-2:focus{--tw-ring-offset-width:2px}.admin-module .site-settings-focus-ring-blue-500:focus{--tw-ring-color:#3b82f6}.admin-module .site-settings-focus-border-blue-500:focus{border-color:#3b82f6}.admin-module .site-settings-hover-text-blue-600:hover{color:#2563eb}.admin-module .site-settings-hover-text-blue-900:hover{color:#1e3a8a}.admin-module .site-settings-hover-text-red-900:hover{color:#7f1d1d}.admin-module .site-settings-relative{position:relative}.admin-module .site-settings-fixed{position:fixed}.admin-module .site-settings-inset-0{bottom:0;left:0;right:0;top:0}.admin-module .site-settings-z-10{z-index:10}.admin-module .site-settings-pointer-events-none{pointer-events:none}.admin-module .site-settings-tabs-list{background-color:#eff6ff;border-radius:.75rem;display:flex;gap:.25rem;padding:.25rem}.admin-module .site-settings-tab{border-radius:.5rem;cursor:pointer;font-size:.875rem;font-weight:500;line-height:1.25rem;padding:.625rem;text-align:center;width:100%}.admin-module .site-settings-tab-active{background-color:#fff;box-shadow:0 1px 2px #0000000d;color:#1d4ed8}.admin-module .site-settings-tab-inactive{color:#6b7280}.admin-module .site-settings-tab-inactive:hover{color:#2563eb}.admin-module .site-settings-main-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.admin-module .site-settings-card-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;padding:1.25rem 1rem}@media (min-width:640px){.admin-module .site-settings-card-header{padding:1.25rem 1.5rem}}.admin-module .site-settings-card-title{color:#111827;font-size:1.125rem;font-weight:500;margin-left:.5rem}.admin-module .site-settings-card-description{color:#6b7280;font-size:.875rem;margin-top:.25rem}.admin-module .site-settings-card-content{padding:1.25rem 1rem}@media (min-width:640px){.admin-module .site-settings-card-content{padding:1.25rem 1.5rem}}.admin-module .site-settings-table-container{border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow-x:auto}.admin-module .site-settings-table{border-collapse:collapse;min-width:100%}.admin-module .site-settings-table-header{background-color:#f9fafb;text-align:left}.admin-module .site-settings-table-header-cell{color:#111827;font-size:.875rem;font-weight:600;padding:.875rem 1rem}.admin-module .site-settings-table-body-row{border-bottom:1px solid #e5e7eb}.admin-module .site-settings-table-body-cell{font-size:.875rem;padding:1rem;white-space:nowrap}.admin-module .site-settings-table-body-cell-primary{color:#111827;font-weight:500}.admin-module .site-settings-table-body-cell-secondary{color:#6b7280}.admin-module .site-settings-action-button{color:#2563eb;cursor:pointer}.admin-module .site-settings-action-button:hover{color:#1e40af}.admin-module .site-settings-action-button-delete{color:#dc2626}.admin-module .site-settings-action-button-delete:hover{color:#b91c1c}.admin-module .site-settings-feature-toggle{border:2px solid #0000;border-radius:9999px;cursor:pointer;display:inline-flex;height:1.5rem;position:relative;transition:background-color .2s ease-in-out;width:2.75rem}.admin-module .site-settings-feature-toggle-on{background-color:#2563eb}.admin-module .site-settings-feature-toggle-off{background-color:#e5e7eb}.admin-module .site-settings-feature-toggle-handle{background-color:#fff;border-radius:9999px;box-shadow:0 1px 2px #0000001a;display:inline-block;height:1.25rem;pointer-events:none;transform:translateX(0);transition:transform .2s ease-in-out;width:1.25rem}.admin-module .site-settings-feature-toggle-handle-on{transform:translateX(1.25rem)}.admin-module .site-settings-feature-toggle-handle-off{transform:translateX(0)}.admin-module .site-settings-alert{border-radius:.375rem;margin-bottom:1rem;padding:1rem}.admin-module .site-settings-alert-success{background-color:#ecfdf5}.admin-module .site-settings-alert-error{background-color:#fef2f2}.admin-module .site-settings-alert-message-success{color:#065f46;font-size:.875rem;font-weight:500}.admin-module .site-settings-alert-message-error{color:#991b1b;font-size:.875rem;font-weight:500}.admin-module .site-settings-modal{bottom:0;left:0;overflow-y:auto;position:fixed;right:0;top:0;z-index:10}.admin-module .site-settings-modal-backdrop{background-color:#6b7280bf;bottom:0;left:0;position:fixed;right:0;top:0;transition:opacity .3s}.admin-module .site-settings-modal-container{align-items:flex-end;display:flex;justify-content:center;min-height:100vh;padding:1rem;text-align:center}.admin-module .site-settings-modal-content{background-color:#fff;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden;position:relative;text-align:left;transform:translateY(0);transition:all .3s;width:100%}@media (min-width:640px){.admin-module .site-settings-modal-container{align-items:center;padding:0}.admin-module .site-settings-modal-content{margin:0 auto;max-width:32rem}}.admin-module .site-settings-form-input{border:1px solid #d1d5db;border-radius:.375rem;box-shadow:0 1px 2px #0000000d;display:block;font-size:.875rem;line-height:1.25rem;padding:.5rem .75rem;width:100%}.admin-module .site-settings-form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d;outline:none}.admin-module .site-settings-form-input:disabled{background-color:#f3f4f6;cursor:not-allowed}.admin-module .site-settings-form-checkbox{border:1px solid #d1d5db;border-radius:.25rem;color:#2563eb;cursor:pointer;height:1rem;width:1rem}.admin-module.theme-dark .site-settings-bg-white{background-color:#1f2937}.admin-module.theme-dark .site-settings-bg-gray-50{background-color:#111827}.admin-module.theme-dark .site-settings-bg-gray-200{background-color:#374151}.admin-module.theme-dark .site-settings-bg-blue-50{background-color:#3b82f61a}.admin-module.theme-dark .site-settings-bg-green-50{background-color:#0596691a}.admin-module.theme-dark .site-settings-bg-red-50{background-color:#dc26261a}.admin-module.theme-dark .site-settings-text-gray-400{color:#9ca3af}.admin-module.theme-dark .site-settings-text-gray-500{color:#6b7280}.admin-module.theme-dark .site-settings-text-gray-700{color:#e5e7eb}.admin-module.theme-dark .site-settings-text-gray-900{color:#f9fafb}.admin-module.theme-dark .site-settings-text-green-800{color:#10b981}.admin-module.theme-dark .site-settings-text-red-800{color:#f87171}.admin-module.theme-dark .site-settings-border-gray-200{border-color:#374151}.admin-module.theme-dark .site-settings-border-gray-300{border-color:#4b5563}.admin-module.theme-dark .site-settings-divide-gray-200>*+*{border-color:#374151}.admin-module.theme-dark .site-settings-divide-gray-300>*+*{border-color:#4b5563}.admin-module.theme-dark .site-settings-main-card{background-color:#1f2937}.admin-module.theme-dark .site-settings-card-header{border-bottom-color:#374151}.admin-module.theme-dark .site-settings-card-title{color:#f9fafb}.admin-module.theme-dark .site-settings-card-description{color:#9ca3af}.admin-module.theme-dark .site-settings-table-header{background-color:#111827}.admin-module.theme-dark .site-settings-table-header-cell{color:#f9fafb}.admin-module.theme-dark .site-settings-table-body-row{border-bottom-color:#374151}.admin-module.theme-dark .site-settings-table-body-cell-primary{color:#f9fafb}.admin-module.theme-dark .site-settings-table-body-cell-secondary{color:#9ca3af}.admin-module.theme-dark .site-settings-feature-toggle-off{background-color:#4b5563}.admin-module.theme-dark .site-settings-feature-toggle-handle{background-color:#e5e7eb}.admin-module.theme-dark .site-settings-form-input{background-color:#374151;border-color:#4b5563;color:#f9fafb}.admin-module.theme-dark .site-settings-form-input:disabled{background-color:#1f2937;color:#9ca3af}.admin-module.theme-dark .site-settings-modal-content{background-color:#1f2937}.admin-module.theme-dark .site-settings-tab-active{background-color:#1f2937;color:#3b82f6}.admin-module.theme-dark .site-settings-alert-success{background-color:#0596691a}.admin-module.theme-dark .site-settings-alert-error{background-color:#dc26261a}.admin-module.theme-dark .site-settings-alert-message-success{color:#10b981}.admin-module.theme-dark .site-settings-alert-message-error{color:#f87171}.admin-module .forgot-password-container{align-items:center;background-color:#f3f4f6;display:flex;justify-content:center;min-height:100vh;padding:3rem 1rem}@media (min-width:640px){.admin-module .forgot-password-container{padding:3rem 1.5rem}}@media (min-width:1024px){.admin-module .forgot-password-container{padding:3rem 2rem}}.admin-module .forgot-password-form-wrapper{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:28rem;width:100%}.admin-module .forgot-password-title{color:#111827;font-size:1.875rem;font-weight:800;line-height:2.25rem;margin-top:1.5rem;text-align:center}.admin-module .forgot-password-description{color:#6b7280;font-size:.875rem;line-height:1.25rem;margin-top:.5rem;text-align:center}.admin-module .forgot-password-form{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.admin-module .forgot-password-input-group{border-radius:.375rem;box-shadow:0 1px 2px #0000000d}.admin-module .forgot-password-sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.admin-module .forgot-password-input{-webkit-appearance:none;appearance:none;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#111827;display:block;font-size:.875rem;line-height:1.25rem;padding:.5rem .75rem;width:100%}.admin-module .forgot-password-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d;outline:none;z-index:10}.admin-module .forgot-password-input::placeholder{color:#9ca3af}.admin-module .forgot-password-alert{border-radius:.375rem;padding:1rem}.admin-module .forgot-password-alert-error{background-color:#fef2f2}.admin-module .forgot-password-alert-success{background-color:#ecfdf5}.admin-module .forgot-password-alert-content{display:flex;margin-left:.75rem}.admin-module .forgot-password-alert-message{font-size:.875rem;font-weight:500;line-height:1.25rem}.admin-module .forgot-password-alert-error .forgot-password-alert-message{color:#991b1b}.admin-module .forgot-password-alert-success .forgot-password-alert-message{color:#065f46}.admin-module .forgot-password-submit-button{background-color:#2563eb;border:1px solid #0000;border-radius:.375rem;color:#fff;display:flex;font-size:.875rem;font-weight:500;justify-content:center;line-height:1.25rem;padding:.5rem 1rem;position:relative;transition:background-color .15s ease-in-out;width:100%}.admin-module .forgot-password-submit-button:hover{background-color:#1d4ed8}.admin-module .forgot-password-submit-button:focus{box-shadow:0 0 0 2px #fff,0 0 0 4px #3b82f6;outline:none}.admin-module .forgot-password-button-loading{background-color:#93c5fd;cursor:not-allowed}.admin-module .forgot-password-back-link-container{align-items:center;display:flex;justify-content:center}.admin-module .forgot-password-back-link-wrapper{font-size:.875rem;line-height:1.25rem}.admin-module .forgot-password-back-link{color:#2563eb;font-weight:500;transition:color .15s ease-in-out}.admin-module .forgot-password-back-link:hover{color:#1e40af}.admin-module.theme-dark .forgot-password-container{background-color:#111827}.admin-module.theme-dark .forgot-password-title{color:#f9fafb}.admin-module.theme-dark .forgot-password-description{color:#9ca3af}.admin-module.theme-dark .forgot-password-input{background-color:#374151;border-color:#4b5563;color:#f9fafb}.admin-module.theme-dark .forgot-password-input::placeholder{color:#6b7280}.admin-module.theme-dark .forgot-password-alert-error{background-color:#dc26261a}.admin-module.theme-dark .forgot-password-alert-success{background-color:#0596691a}.admin-module.theme-dark .forgot-password-alert-error .forgot-password-alert-message{color:#f87171}.admin-module.theme-dark .forgot-password-alert-success .forgot-password-alert-message{color:#10b981}.admin-module .reset-password-container{align-items:center;background-color:#f3f4f6;display:flex;justify-content:center;min-height:100vh;padding:3rem 1rem}@media (min-width:640px){.admin-module .reset-password-container{padding:3rem 1.5rem}}@media (min-width:1024px){.admin-module .reset-password-container{padding:3rem 2rem}}.admin-module .reset-password-form-wrapper{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:28rem;width:100%}.admin-module .reset-password-title{color:#111827;font-size:1.875rem;font-weight:800;line-height:2.25rem;margin-top:1.5rem;text-align:center}.admin-module .reset-password-description{color:#6b7280;font-size:.875rem;line-height:1.25rem;margin-top:.5rem;text-align:center}.admin-module .reset-password-form{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.admin-module .reset-password-input-group{border-radius:.375rem;box-shadow:0 1px 2px #0000000d}.admin-module .reset-password-input-wrapper{position:relative}.admin-module .reset-password-input-wrapper:not(:first-child){margin-top:-1px}.admin-module .reset-password-sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.admin-module .reset-password-input{-webkit-appearance:none;appearance:none;background-color:#fff;border:1px solid #d1d5db;color:#111827;display:block;font-size:.875rem;line-height:1.25rem;padding:.5rem .75rem;width:100%}.admin-module .reset-password-input-top{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.admin-module .reset-password-input-bottom{border-bottom-left-radius:.375rem;border-bottom-right-radius:.375rem}.admin-module .reset-password-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d;outline:none;z-index:10}.admin-module .reset-password-input::placeholder{color:#9ca3af}.admin-module .reset-password-alert{border-radius:.375rem;padding:1rem}.admin-module .reset-password-alert-error{background-color:#fef2f2}.admin-module .reset-password-alert-success{background-color:#ecfdf5}.admin-module .reset-password-alert-content{display:flex;margin-left:.75rem}.admin-module .reset-password-alert-message{font-size:.875rem;font-weight:500;line-height:1.25rem}.admin-module .reset-password-alert-error .reset-password-alert-message{color:#991b1b}.admin-module .reset-password-alert-success .reset-password-alert-message{color:#065f46}.admin-module .reset-password-submit-button{background-color:#2563eb;border:1px solid #0000;border-radius:.375rem;color:#fff;display:flex;font-size:.875rem;font-weight:500;justify-content:center;line-height:1.25rem;padding:.5rem 1rem;position:relative;transition:background-color .15s ease-in-out;width:100%}.admin-module .reset-password-submit-button:hover{background-color:#1d4ed8}.admin-module .reset-password-submit-button:focus{box-shadow:0 0 0 2px #fff,0 0 0 4px #3b82f6;outline:none}.admin-module .reset-password-button-loading{background-color:#93c5fd;cursor:not-allowed}.admin-module .reset-password-back-link-container{align-items:center;display:flex;justify-content:center}.admin-module .reset-password-back-link-wrapper{font-size:.875rem;line-height:1.25rem}.admin-module .reset-password-back-link{color:#2563eb;font-weight:500;transition:color .15s ease-in-out}.admin-module .reset-password-back-link:hover{color:#1e40af}.admin-module.theme-dark .reset-password-container{background-color:#111827}.admin-module.theme-dark .reset-password-title{color:#f9fafb}.admin-module.theme-dark .reset-password-description{color:#9ca3af}.admin-module.theme-dark .reset-password-input{background-color:#374151;border-color:#4b5563;color:#f9fafb}.admin-module.theme-dark .reset-password-input::placeholder{color:#6b7280}.admin-module.theme-dark .reset-password-alert-error{background-color:#dc26261a}.admin-module.theme-dark .reset-password-alert-success{background-color:#0596691a}.admin-module.theme-dark .reset-password-alert-error .reset-password-alert-message{color:#f87171}.admin-module.theme-dark .reset-password-alert-success .reset-password-alert-message{color:#10b981}.admin-module .verify-email-container{align-items:center;background-color:#f3f4f6;display:flex;justify-content:center;min-height:100vh;padding:3rem 1rem}@media (min-width:640px){.admin-module .verify-email-container{padding:3rem 1.5rem}}@media (min-width:1024px){.admin-module .verify-email-container{padding:3rem 2rem}}.admin-module .verify-email-content{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:28rem;width:100%}.admin-module .verify-email-title{color:#111827;font-size:1.875rem;font-weight:800;line-height:2.25rem;margin-top:1.5rem;text-align:center}.admin-module .verify-email-status-message{color:#6b7280;font-size:.875rem;line-height:1.25rem;margin-top:1rem;text-align:center}.admin-module .verify-email-verifying{align-items:center;display:flex;flex-direction:column;margin-top:2rem}.admin-module .verify-email-spinner{animation:verify-email-spin 1s linear infinite;border-color:#3b82f6 #0000;border-radius:9999px;border-style:solid;border-width:2px;height:3rem;width:3rem}@keyframes verify-email-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.admin-module .verify-email-result{margin-top:2rem}.admin-module .verify-email-alert{border-radius:.375rem;padding:1rem}.admin-module .verify-email-alert-error{background-color:#fef2f2}.admin-module .verify-email-alert-success{background-color:#ecfdf5}.admin-module .verify-email-alert-content{display:flex;flex-direction:column;margin-left:.75rem}.admin-module .verify-email-alert-message{font-size:.875rem;font-weight:500;line-height:1.25rem}.admin-module .verify-email-alert-detail{font-size:.875rem;line-height:1.25rem;margin-top:.5rem}.admin-module .verify-email-alert-error .verify-email-alert-message{color:#991b1b}.admin-module .verify-email-alert-success .verify-email-alert-message{color:#065f46}.admin-module .verify-email-alert-success .verify-email-alert-detail{color:#047857}.admin-module .verify-email-link-container{align-items:center;display:flex;justify-content:center;margin-top:1.5rem}.admin-module .verify-email-link-wrapper{font-size:.875rem;line-height:1.25rem}.admin-module .verify-email-link{color:#2563eb;font-weight:500;transition:color .15s ease-in-out}.admin-module .verify-email-link:hover{color:#1e40af}.admin-module.theme-dark .verify-email-container{background-color:#111827}.admin-module.theme-dark .verify-email-title{color:#f9fafb}.admin-module.theme-dark .verify-email-status-message{color:#9ca3af}.admin-module.theme-dark .verify-email-spinner{border-bottom-color:#3b82f6;border-top-color:#3b82f6}.admin-module.theme-dark .verify-email-alert-error{background-color:#dc26261a}.admin-module.theme-dark .verify-email-alert-success{background-color:#0596691a}.admin-module.theme-dark .verify-email-alert-error .verify-email-alert-message{color:#f87171}.admin-module.theme-dark .verify-email-alert-success .verify-email-alert-message{color:#10b981}.admin-module.theme-dark .verify-email-alert-success .verify-email-alert-detail{color:#34d399}.content-manager.content-manager-fixed.content-manager-inset-0.content-manager-z-10{z-index:9999}.content-manager.content-manager-inline-block.content-manager-align-bottom.content-manager-bg-white{position:relative;z-index:10000}.content-manager.content-manager-absolute.content-manager-inset-0.content-manager-bg-gray-500.content-manager-opacity-75{pointer-events:auto}.content-manager.content-manager-mt-3.content-manager-w-full.content-manager-inline-flex.content-manager-justify-center.content-manager-rounded-md.content-manager-border.content-manager-border-gray-300,.content-manager.content-manager-w-full.content-manager-inline-flex.content-manager-justify-center.content-manager-rounded-md.content-manager-border.content-manager-border-transparent.content-manager-shadow-sm.content-manager-px-4.content-manager-py-2.content-manager-bg-blue-600{cursor:pointer;pointer-events:auto;position:relative;z-index:10001}.content-manager.content-manager-mt-1.content-manager-focus-ring-blue-500.content-manager-focus-border-blue-500.content-manager-block.content-manager-w-full.content-manager-shadow-sm.content-manager-sm-text-sm.content-manager-border-gray-300.content-manager-rounded-md.content-manager-form-input{position:relative;z-index:1}.content-manager.content-manager-flex.content-manager-items-center.content-manager-justify-center.content-manager-min-h-screen,form{isolation:isolate}.content-manager.content-manager-w-full.content-manager-inline-flex.content-manager-justify-center.content-manager-rounded-md.content-manager-border.content-manager-border-transparent.content-manager-shadow-sm.content-manager-px-4.content-manager-py-2.content-manager-bg-blue-600:hover{background-color:#1d4ed8;transform:translateY(-1px);transition:all .2s ease}.content-manager.content-manager-mt-3.content-manager-w-full.content-manager-inline-flex.content-manager-justify-center.content-manager-rounded-md.content-manager-border.content-manager-border-gray-300:hover{background-color:#f3f4f6;transform:translateY(-1px);transition:all .2s ease}.content-manager.content-manager-mt-3.content-manager-w-full.content-manager-inline-flex.content-manager-justify-center.content-manager-rounded-md.content-manager-border.content-manager-border-gray-300:active,.content-manager.content-manager-w-full.content-manager-inline-flex.content-manager-justify-center.content-manager-rounded-md.content-manager-border.content-manager-border-transparent.content-manager-shadow-sm.content-manager-px-4.content-manager-py-2.content-manager-bg-blue-600:active{transform:translateY(0)}.content-manager .content-manager-loading-spinner-sm{animation:spinner .6s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:16px;width:16px}@keyframes spinner{to{transform:rotate(1turn)}}.search-filters{border-bottom:1px solid #e2e8f0;padding:1rem 1.5rem}.search-container{display:flex;flex-direction:column;gap:1rem}@media (min-width:768px){.search-container{align-items:center;flex-direction:row}}.search-input-wrapper{flex:1 1;position:relative}.search-icon{color:#6b7280;height:1rem;left:.75rem;position:absolute;top:50%;transform:translateY(-50%);width:1rem}.search-input{border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;padding:.5rem .5rem .5rem 2.5rem;width:100%}.clear-search-button{background:none;border:none;color:#6b7280;cursor:pointer;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.clear-icon{height:1rem;width:1rem}.category-filter{width:100%}@media (min-width:768px){.category-filter{min-width:200px;width:auto}}.category-select{background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;padding:.5rem;width:100%}.image-upload-container{align-items:center;display:flex;gap:.5rem}.hidden-file-input{display:none}.upload-button{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer;font-size:.875rem;padding:.5rem .75rem;white-space:nowrap}.upload-button:hover{background-color:#e5e7eb}.upload-button:disabled{cursor:not-allowed;opacity:.6}.image-preview{margin-top:.5rem}.preview-image{border:1px solid #d1d5db;border-radius:.375rem;max-height:100px;max-width:100px;object-fit:cover}.pagination-controls{border-top:1px solid #e2e8f0;flex-direction:column;gap:1rem;justify-content:space-between;padding:1rem 1.5rem}@media (min-width:768px){.pagination-controls{flex-direction:row}}.pagination-info{color:#6b7280}.pagination-buttons{align-items:center;display:flex;gap:.25rem}.page-button,.pagination-button{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer;display:inline-flex;font-size:.875rem;justify-content:center;padding:.375rem .75rem}.page-button:hover,.pagination-button:hover{background-color:#f3f4f6}.pagination-icon{height:1rem;width:1rem}.active-page{background-color:#e5e7eb;font-weight:600}.pagination-ellipsis{align-items:center;display:inline-flex;font-size:.875rem;justify-content:center;padding:.375rem .5rem}.success-alert{background-color:#ecfdf5;border-left:4px solid #10b981;border-radius:.375rem;margin:1rem 1.5rem;padding:1rem}.success-content{align-items:center;display:flex}.success-icon{color:#10b981;font-weight:700;margin-right:.5rem}.success-message{color:#047857}.error-icon{color:#ef4444;font-weight:700;margin-right:.5rem}.analytics-dashboard .admin-controls-toggle{bottom:20px;position:fixed;right:20px;z-index:1000}.analytics-dashboard .admin-toggle-button{background-color:#3b82f6;border:1px solid #2563eb;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px}.analytics-dashboard .admin-toggle-button:hover{background-color:#2563eb}.analytics-dashboard .admin-controls-panel{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;bottom:70px;box-shadow:0 4px 10px #0000001a;max-height:80vh;overflow-y:auto;padding:16px;position:fixed;right:20px;width:400px;z-index:1000}[data-theme=dark] .analytics-dashboard .admin-controls-panel{background-color:#1f2937;border-color:#4b5563;color:#e5e7eb}.analytics-dashboard .admin-panel-title{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:18px;font-weight:600;margin-bottom:16px;padding-bottom:8px}[data-theme=dark] .analytics-dashboard .admin-panel-title{border-bottom-color:#4b5563;color:#e5e7eb}.analytics-dashboard .admin-section{border-bottom:1px solid #e5e7eb;margin-bottom:20px;padding-bottom:16px}[data-theme=dark] .analytics-dashboard .admin-section{border-bottom-color:#4b5563}.analytics-dashboard .admin-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.analytics-dashboard .admin-section-title{color:#374151;font-size:16px;font-weight:500;margin-bottom:12px}[data-theme=dark] .analytics-dashboard .admin-section-title{color:#e5e7eb}.analytics-dashboard .admin-controls-form{display:flex;flex-direction:column;gap:12px}.analytics-dashboard .form-group{align-items:center;display:flex;gap:8px;margin-bottom:4px}.analytics-dashboard .form-group label{color:#374151;font-size:14px;white-space:nowrap;width:120px}[data-theme=dark] .analytics-dashboard .form-group label{color:#e5e7eb}.analytics-dashboard .admin-input,.analytics-dashboard .admin-select{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;color:#1f2937;flex:1 1;font-size:14px;padding:6px 8px}[data-theme=dark] .analytics-dashboard .admin-input,[data-theme=dark] .analytics-dashboard .admin-select{background-color:#374151;border-color:#4b5563;color:#e5e7eb}.analytics-dashboard .admin-button{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;color:#1f2937;cursor:pointer;font-size:14px;font-weight:500;margin-top:4px;padding:8px 12px}.analytics-dashboard .admin-button:hover{background-color:#e5e7eb}[data-theme=dark] .analytics-dashboard .admin-button{background-color:#374151;border-color:#4b5563;color:#e5e7eb}[data-theme=dark] .analytics-dashboard .admin-button:hover{background-color:#4b5563}.analytics-dashboard .form-row{display:flex;gap:8px}.analytics-dashboard .admin-controls-panel{scrollbar-color:#d1d5db #0000;scrollbar-width:thin}.analytics-dashboard .admin-controls-panel::-webkit-scrollbar{width:8px}.analytics-dashboard .admin-controls-panel::-webkit-scrollbar-track{background:#0000}.analytics-dashboard .admin-controls-panel::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:8px}[data-theme=dark] .analytics-dashboard .admin-controls-panel{scrollbar-color:#4b5563 #0000}[data-theme=dark] .analytics-dashboard .admin-controls-panel::-webkit-scrollbar-thumb{background-color:#4b5563}.visitor-logs-section{background-color:#fff;background-color:var(--bg-card,#fff);border-radius:8px;box-shadow:0 2px 4px #0000001a;box-shadow:var(--card-shadow,0 2px 4px #0000001a)}.logs-title{background-color:#f9fafb;background-color:var(--bg-alt,#f9fafb);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);color:#111827;color:var(--text-primary,#111827);font-size:1rem;font-weight:600;margin:0;padding:1rem}.visitor-logs-container{overflow-x:auto}.visitor-logs-table .table-header{background-color:#f9fafb;background-color:var(--bg-alt,#f9fafb)}.visitor-logs-table .th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem;font-weight:600;padding:.75rem 1rem;text-align:left}.visitor-logs-table .table-row{transition:background-color .2s}.visitor-logs-table .table-row:hover{background-color:#00000005;background-color:var(--hover-bg,#00000005)}.visitor-logs-table .table-cell{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);font-size:.875rem;padding:.75rem 1rem;vertical-align:middle}.visitor-logs-table .message-cell{max-width:300px}.page-path{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-path,.visitor-ip{font-family:monospace}.page-path,.user-agent,.visitor-ip{color:#111827;color:var(--text-primary,#111827)}.user-agent{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visit-date{white-space:nowrap}.no-data-cell,.visit-date{color:#6b7280;color:var(--text-secondary,#6b7280)}.no-data-cell{font-style:italic;padding:2rem!important;text-align:center}[data-theme=dark] .visitor-logs-section{background-color:#1f2937;background-color:var(--bg-card,#1f2937);box-shadow:0 2px 4px #0000004d;box-shadow:var(--card-shadow,0 2px 4px #0000004d)}[data-theme=dark] .logs-title{border-color:#374151;border-color:var(--border-color,#374151);color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .logs-title,[data-theme=dark] .visitor-logs-table .table-header{background-color:#111827;background-color:var(--bg-alt,#111827)}[data-theme=dark] .visitor-logs-table .th{color:#9ca3af;color:var(--text-secondary,#9ca3af)}[data-theme=dark] .visitor-logs-table .table-cell,[data-theme=dark] .visitor-logs-table .th{border-color:#374151;border-color:var(--border-color,#374151)}[data-theme=dark] .visitor-logs-table .table-row:hover{background-color:#ffffff0d;background-color:var(--hover-bg,#ffffff0d)}[data-theme=dark] .page-path,[data-theme=dark] .user-agent,[data-theme=dark] .visitor-ip{color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .no-data-cell,[data-theme=dark] .visit-date{color:#9ca3af;color:var(--text-secondary,#9ca3af)}@media (max-width:768px){.visitor-logs-table .table-cell,.visitor-logs-table .th{padding:.625rem .75rem}.page-path,.user-agent{max-width:100px}}@media (max-width:640px){.visitor-logs-table .message-cell{display:none}}@media (max-width:480px){.visitor-logs-table .table-cell,.visitor-logs-table .th{font-size:.75rem;padding:.5rem}.page-path{max-width:80px}}.visitor-logs-section{background-color:var(--card-bg);border-radius:.5rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;margin-top:2rem;overflow:hidden}.visitor-logs-section .section-title{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0;padding:1rem 1.5rem}.tabs-container{padding:1rem}.tab-buttons{border-bottom:1px solid var(--border-color);display:flex;margin-bottom:1rem}.tab-buttons button{background:none;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;font-weight:500;padding:.75rem 1rem;transition:all .2s}.tab-buttons button:hover{color:var(--text-primary)}.tab-buttons button.active{border-bottom-color:var(--primary-color);color:var(--text-primary)}.tab-content{padding:1rem 0}.visitor-logs-table-container{overflow-x:auto}.visitor-logs-table{border-collapse:collapse;font-size:.875rem;width:100%}.visitor-logs-table th{color:var(--text-secondary);font-weight:600;text-align:left}.visitor-logs-table td,.visitor-logs-table th{border-bottom:1px solid var(--border-color);padding:.75rem 1rem}.visitor-logs-table td{color:var(--text-primary)}.visitor-logs-table tbody tr:hover{background-color:var(--hover-bg)}.truncate-text{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popular-pages-container,.referrer-stats-container{height:400px}.chart-container{height:100%;width:100%}.pagination-content{align-items:center;justify-content:space-between}.pagination-info{margin:0}.pagination-num{color:var(--text-primary);font-weight:600}.pagination-nav{display:flex;gap:.5rem}.pagination-button:hover:not(.disabled){background-color:var(--hover-bg)}.pagination-button.disabled{cursor:not-allowed;opacity:.5}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.no-data-message{color:var(--text-secondary);font-style:italic;padding:2rem;text-align:center}[data-theme=dark] .visitor-logs-table th{color:#e5e7ebb3}[data-theme=dark] .visitor-logs-table tbody tr:hover{background-color:#37415180}@media (max-width:768px){.tab-buttons{flex-wrap:wrap}.truncate-text{max-width:120px}.visitor-logs-table{min-width:650px}}.pagination-container{border-top:1px solid var(--border-color);margin-top:1rem;padding:.75rem 1.5rem}.pagination-content{display:flex;flex-direction:column;gap:.75rem}@media (min-width:768px){.pagination-content{align-items:center;flex-direction:row;justify-content:space-between}}.pagination-info{color:var(--text-secondary);font-size:.875rem}.pagination-controls{align-items:center;display:flex;gap:.25rem}.pagination-button{align-items:center;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:.375rem;color:var(--text-primary);cursor:pointer;display:flex;height:2rem;justify-content:center;transition:all .2s;width:2rem}.pagination-button:hover:not(:disabled){background-color:var(--hover-bg)}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-pages{align-items:center;display:flex;gap:.25rem}.pagination-page-button{align-items:center;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:.375rem;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;height:2rem;justify-content:center;min-width:2rem;padding:0 .5rem;transition:all .2s}.pagination-page-button:hover{background-color:var(--hover-bg)}.pagination-page-button.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.pagination-page-button.ellipsis{background:none;border:none;cursor:default}.pagination-page-button.ellipsis:hover{background:none}.admin-module .content-manager-contact-manager{width:100%}.admin-module .content-manager-contact-manager-header{margin-bottom:1.5rem}.admin-module .content-manager-header-content{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.admin-module .content-manager-header-title-container{align-items:center;display:flex}.admin-module .content-manager-header-title{color:#111827;font-size:1.5rem;font-weight:600;margin:0 .5rem}.admin-module .content-manager-header-description{color:#6b7280;font-size:.875rem;margin:0}.admin-module .content-manager-header-actions{display:flex;gap:.5rem}.admin-module .content-manager-new-message-badge{align-items:center;background-color:#ef4444;border-radius:9999px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.admin-module .content-manager-messages-container{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;display:flex;flex-direction:column;gap:1.5rem;overflow:hidden}@media (min-width:768px){.admin-module .content-manager-messages-container{align-items:stretch;flex-direction:row}}.admin-module .content-manager-messages-sidebar{border-bottom:1px solid #e5e7eb;flex:1 1;min-width:0}@media (min-width:768px){.admin-module .content-manager-messages-sidebar{border-bottom:none;border-right:1px solid #e5e7eb;flex:0 0 300px;max-width:300px}}.admin-module .content-manager-tabs-container{display:flex;flex-direction:column;height:100%}.admin-module .content-manager-tabs-list{background-color:#f3f4f6;display:flex;overflow-x:auto;padding:.25rem}.admin-module .content-manager-tab-button{align-items:center;background:#0000;border:none;border-radius:.375rem;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:500;justify-content:center;padding:.5rem .75rem;position:relative;white-space:nowrap}.admin-module .content-manager-tab-button.content-manager-active{background-color:#fff;box-shadow:0 1px 2px 0 #0000000d;color:#2563eb}.admin-module .content-manager-tab-badge{align-items:center;background-color:#ef4444;border-radius:9999px;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:1.25rem;justify-content:center;min-width:1.25rem;padding:0 .25rem;position:absolute;right:0;top:0;transform:translate(25%,-25%)}.admin-module .content-manager-tab-panels{flex:1 1;overflow-y:auto}.admin-module .content-manager-tab-panel{height:100%;overflow-y:auto}.admin-module .content-manager-tab-panel.content-manager-hidden{display:none}.admin-module .content-manager-message-list{list-style-type:none;margin:0;padding:0}.admin-module .content-manager-message-list-item{border-bottom:1px solid #e5e7eb;cursor:pointer;padding:1rem;transition:background-color .15s ease}.admin-module .content-manager-message-list-item:hover{background-color:#f9fafb}.admin-module .content-manager-message-list-item.content-manager-selected{background-color:#eff6ff}.admin-module .content-manager-message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.admin-module .content-manager-message-status{align-items:center;display:flex;gap:.5rem}.admin-module .content-manager-message-date{color:#6b7280;font-size:.75rem}.admin-module .content-manager-message-preview{margin-top:.5rem}.admin-module .content-manager-message-subject{font-weight:500;margin-bottom:.25rem}.admin-module .content-manager-message-sender{color:#6b7280;font-size:.875rem;word-break:break-word}.admin-module .content-manager-no-messages{color:#6b7280;font-style:italic;padding:2rem 1rem;text-align:center}.admin-module .content-manager-status-badge{border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:500;padding:.125rem .5rem}.admin-module .content-manager-status-new{background-color:#fef3c7;color:#92400e}.admin-module .content-manager-status-read{background-color:#e0f2fe;color:#075985}.admin-module .content-manager-status-replied{background-color:#dcfce7;color:#166534}.admin-module .content-manager-status-spam{background-color:#fee2e2;color:#991b1b}.admin-module .content-manager-status-archived{background-color:#e5e7eb;color:#4b5563}.admin-module .content-manager-icon{display:inline-flex;height:1.25rem;width:1.25rem}.admin-module .content-manager-icon-envelope:before{content:"✉️"}.admin-module .content-manager-icon-envelope-open:before{content:"📨"}.admin-module .content-manager-icon-chat:before{content:"💬"}.admin-module .content-manager-icon-warning:before{content:"⚠️"}.admin-module .content-manager-icon-archive:before{content:"📦"}.admin-module .content-manager-icon-refresh:before{content:"🔄"}.admin-module .content-manager-icon-settings:before{content:"⚙️"}.admin-module .content-manager-icon-trash:before{content:"🗑️"}.admin-module .content-manager-message-details{flex:2 1;max-height:600px;min-width:0;overflow-y:auto;padding:1.5rem}.admin-module .content-manager-no-message-selected{align-items:center;color:#6b7280;display:flex;font-style:italic;height:100%;justify-content:center;min-height:300px;text-align:center}.admin-module .content-manager-message-content{display:flex;flex-direction:column;gap:1.5rem}.admin-module .content-manager-message-header-details{border-bottom:1px solid #e5e7eb;display:flex;flex-direction:column;gap:1rem;padding-bottom:1rem}@media (min-width:768px){.admin-module .content-manager-message-header-details{align-items:flex-start;flex-direction:row;justify-content:space-between}}.admin-module .content-manager-message-info{flex:1 1;min-width:0}.admin-module .content-manager-message-subject{color:#111827;font-size:1.25rem;font-weight:600;margin-bottom:.5rem;word-break:break-word}.admin-module .content-manager-message-received-date,.admin-module .content-manager-message-sender-details{color:#6b7280;font-size:.875rem;margin-bottom:.25rem}.admin-module .content-manager-message-actions{display:flex;gap:.5rem;margin-top:1rem}@media (min-width:768px){.admin-module .content-manager-message-actions{margin-top:0}}.admin-module .content-manager-status-select{background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#111827;font-size:.875rem;padding:.5rem}.admin-module .content-manager-message-body{margin-bottom:1.5rem}.admin-module .content-manager-message-text{white-space:pre-wrap;word-break:break-word}.admin-module .content-manager-attachments-container{margin-bottom:1.5rem;margin-top:1.5rem}.admin-module .content-manager-attachments-title{color:#111827;font-size:1rem;font-weight:600;margin-bottom:.75rem}.admin-module .content-manager-attachments-list{display:flex;flex-direction:column;gap:.75rem;list-style-type:none;margin:0;padding:0}.admin-module .content-manager-attachment-item{align-items:center;background-color:#f9fafb;border-radius:.375rem;display:flex;justify-content:space-between;padding:.75rem}.admin-module .content-manager-attachment-info{min-width:0}.admin-module .content-manager-attachment-name{color:#111827;font-size:.875rem;font-weight:500;margin-bottom:.25rem;word-break:break-word}.admin-module .content-manager-attachment-size{color:#6b7280;font-size:.75rem}.admin-module .content-manager-message-metadata{border-top:1px solid #e5e7eb;color:#6b7280;display:flex;flex-direction:column;font-size:.875rem;gap:1rem;margin-top:1.5rem;padding-top:1rem}@media (min-width:768px){.admin-module .content-manager-message-metadata{align-items:center;flex-direction:row;justify-content:space-between}}.admin-module .content-manager-metadata-info{display:flex;flex-direction:column;gap:.25rem}.admin-module .content-manager-user-agent{word-break:break-all}.admin-module .content-manager-reply-form-container{border-top:1px solid #e5e7eb;margin-top:1.5rem;padding-top:1.5rem}.admin-module .content-manager-reply-form-title{color:#111827;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.admin-module .content-manager-reply-form{display:flex;flex-direction:column;gap:1rem}.admin-module .content-manager-form-group{display:flex;flex-direction:column;gap:.5rem}.admin-module .content-manager-form-label{color:#374151;font-size:.875rem;font-weight:500}.admin-module .content-manager-form-control{background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#111827;font-size:.875rem;padding:.5rem .75rem;width:100%}.admin-module .content-manager-form-control:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640;outline:none}.admin-module .content-manager-form-control:disabled,.admin-module .content-manager-form-control[readonly]{background-color:#f3f4f6;cursor:not-allowed}.admin-module .content-manager-form-hint{color:#6b7280;font-size:.875rem;margin-top:.25rem}.admin-module .content-manager-hint-link{color:#2563eb;text-decoration:none}.admin-module .content-manager-hint-link:hover{text-decoration:underline}.admin-module .content-manager-form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}.admin-module .content-manager-btn{align-items:center;border:1px solid #0000;border-radius:.375rem;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;justify-content:center;padding:.5rem 1rem;transition:all .15s ease}.admin-module .content-manager-btn-primary{background-color:#2563eb;color:#fff}.admin-module .content-manager-btn-primary:hover{background-color:#1d4ed8}.admin-module .content-manager-btn-secondary{background-color:#fff;border-color:#d1d5db;color:#4b5563}.admin-module .content-manager-btn-secondary:hover{background-color:#f9fafb}.admin-module .content-manager-btn-danger{background-color:#ef4444;color:#fff}.admin-module .content-manager-btn-danger:hover{background-color:#dc2626}.admin-module .content-manager-btn-sm{font-size:.75rem;padding:.25rem .5rem}.admin-module .content-manager-error-message{background-color:#fee2e2;border-left:4px solid #ef4444;border-radius:.375rem;margin-bottom:1rem;padding:1rem}.admin-module .content-manager-error-content{color:#991b1b;font-size:.875rem}.admin-module .content-manager-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:1rem;position:fixed;right:0;top:0;z-index:50}.admin-module .content-manager-modal-backdrop{bottom:0;left:0;position:fixed;right:0;top:0}.admin-module .content-manager-modal-container{margin:1.5rem auto;max-width:36rem;position:relative;width:100%;z-index:10}.admin-module .content-manager-modal-content{background-color:#fff;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden}.admin-module .content-manager-modal-body{padding:1.5rem}.admin-module .content-manager-modal-header{margin-bottom:1.5rem}.admin-module .content-manager-modal-title{color:#111827;font-size:1.25rem;font-weight:600}.admin-module .content-manager-modal-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.admin-module .content-manager-settings-section{border-bottom:1px solid #e5e7eb;margin-bottom:1.5rem;padding-bottom:1.5rem}.admin-module .content-manager-settings-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.admin-module .content-manager-settings-section-title{color:#111827;font-size:1rem;font-weight:600;margin-bottom:1rem}.admin-module .content-manager-settings-fields{display:flex;flex-direction:column;gap:1rem}.admin-module .content-manager-test-email-section{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem}.admin-module .content-manager-loading-container{align-items:center;display:flex;height:400px;justify-content:center}.admin-module .content-manager-loading-spinner{animation:content-manager-spin 1s linear infinite;border:.25rem solid #3b82f61a;border-radius:50%;border-top-color:#3b82f6;height:3rem;width:3rem}@keyframes content-manager-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.admin-module.theme-dark .content-manager-messages-container{background-color:#1f2937;box-shadow:0 1px 3px #0000004d}.admin-module.theme-dark .content-manager-messages-sidebar{border-color:#374151}.admin-module.theme-dark .content-manager-tabs-list{background-color:#111827}.admin-module.theme-dark .content-manager-tab-button{color:#9ca3af}.admin-module.theme-dark .content-manager-tab-button.content-manager-active{background-color:#1f2937;color:#3b82f6}.admin-module.theme-dark .content-manager-message-list-item{border-color:#374151}.admin-module.theme-dark .content-manager-message-list-item:hover{background-color:#2d3748}.admin-module.theme-dark .content-manager-message-list-item.content-manager-selected{background-color:#3b82f626}.admin-module.theme-dark .content-manager-attachment-name,.admin-module.theme-dark .content-manager-attachments-title,.admin-module.theme-dark .content-manager-message-subject,.admin-module.theme-dark .content-manager-modal-title,.admin-module.theme-dark .content-manager-reply-form-title,.admin-module.theme-dark .content-manager-settings-section-title{color:#f3f4f6}.admin-module.theme-dark .content-manager-attachment-size,.admin-module.theme-dark .content-manager-form-hint,.admin-module.theme-dark .content-manager-message-date,.admin-module.theme-dark .content-manager-message-received-date,.admin-module.theme-dark .content-manager-message-sender,.admin-module.theme-dark .content-manager-message-sender-details,.admin-module.theme-dark .content-manager-metadata-info,.admin-module.theme-dark .content-manager-no-message-selected,.admin-module.theme-dark .content-manager-no-messages{color:#9ca3af}.admin-module.theme-dark .content-manager-header-title{color:#f3f4f6}.admin-module.theme-dark .content-manager-header-description{color:#9ca3af}.admin-module.theme-dark .content-manager-form-control,.admin-module.theme-dark .content-manager-status-select{background-color:#374151;border-color:#4b5563;color:#f3f4f6}.admin-module.theme-dark .content-manager-form-control:disabled,.admin-module.theme-dark .content-manager-form-control[readonly]{background-color:#1f2937}.admin-module.theme-dark .content-manager-attachment-item{background-color:#2d3748}.admin-module.theme-dark .content-manager-message-header-details,.admin-module.theme-dark .content-manager-message-metadata,.admin-module.theme-dark .content-manager-reply-form-container,.admin-module.theme-dark .content-manager-settings-section{border-color:#374151}.admin-module.theme-dark .content-manager-modal-content{background-color:#1f2937}.admin-module.theme-dark .content-manager-modal-footer{background-color:#111827;border-color:#374151}.admin-module.theme-dark .content-manager-form-label{color:#e5e7eb}.admin-module.theme-dark .content-manager-hint-link{color:#3b82f6}.admin-module.theme-dark .content-manager-error-message{background-color:#ef44441a;border-left-color:#ef4444}.admin-module.theme-dark .content-manager-error-content{color:#f87171}.admin-module.theme-dark .content-manager-btn-secondary{background-color:#374151;border-color:#4b5563;color:#e5e7eb}.admin-module.theme-dark .content-manager-btn-secondary:hover{background-color:#4b5563}.admin-module.theme-dark .content-manager-status-new{background-color:#f59e0b33;color:#fbbf24}.admin-module.theme-dark .content-manager-status-read{background-color:#0ea5e933;color:#38bdf8}.admin-module.theme-dark .content-manager-status-replied{background-color:#10b98133;color:#34d399}.admin-module.theme-dark .content-manager-status-spam{background-color:#ef444433;color:#f87171}.admin-module.theme-dark .content-manager-status-archived{background-color:#9ca3af33;color:#d1d5db}.content-manager-star-display{display:flex;gap:.1rem}.content-manager-star{color:#ffc107;height:1rem;width:1rem}.content-manager-star.empty{color:#ddd}.content-manager-star svg{height:100%;width:100%}.content-manager-preview-rating{margin-bottom:.5rem}.content-manager-preview-text{color:#666;font-size:.85rem;line-height:1.4}.content-manager-review-rating-details{align-items:center;display:flex;gap:.5rem;margin-top:.5rem}.content-manager-rating-text{color:#666;font-size:.9rem}.content-manager-reviewer-details{margin-bottom:.75rem}.content-manager-edit-form{margin-top:1rem}.content-manager-edit-title{font-size:1.25rem;margin:0 0 1.5rem}.content-manager-rating-edit{align-items:center;display:flex;gap:1rem}.content-manager-rating-input{width:5rem!important}.content-manager-stars-preview{align-items:center;display:flex}.content-manager-original-review{background-color:#f9fafb;border-radius:4px;margin-top:1rem;padding:1rem}.content-manager-original-title{color:#666;font-size:.9rem;margin:0 0 .75rem}.content-manager-original-text{color:#666;font-size:.9rem;font-style:italic}.content-manager-empty-state{margin:0 auto;max-width:400px;padding:2rem;text-align:center}.content-manager-empty-icon{color:#d1d5db;height:4rem;margin:0 auto 1.5rem;width:4rem}.content-manager-empty-icon svg{height:100%;width:100%}.content-manager-status-badge.content-manager-status-pending{background-color:#fef3c7;color:#d97706}.content-manager-status-badge.content-manager-status-approved{background-color:#d1fae5;color:#059669}.content-manager-icon-star svg{color:#ffc107}.content-manager-btn-success{background-color:#10b981;color:#fff}.content-manager-btn-success:hover{background-color:#059669}.content-manager-btn-warning{background-color:#f59e0b;color:#fff}.content-manager-btn-warning:hover{background-color:#d97706}.content-manager-icon-check:before{content:"✓"}.content-manager-icon-x:before{content:"✕"}.content-manager-icon-edit:before{content:"✎"}.content-manager-icon-star:before{content:"★"}@media (max-width:768px){.content-manager-rating-edit{align-items:flex-start;flex-direction:column;gap:.5rem}}.content-manager-modal-body{max-height:70vh;overflow-y:auto;padding-right:5px;scroll-behavior:smooth}.rm-reviews-manager{color:#333;padding:1.5rem}.rm-reviews-manager-header{margin-bottom:2rem}.rm-header-content{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.rm-header-title-container{align-items:center;display:flex;gap:.5rem}.rm-header-title{font-size:1.5rem;margin:0}.rm-header-description{color:#666;margin:0}.rm-header-actions{display:flex;gap:.75rem}.rm-reviews-container{display:flex;gap:1.5rem;min-height:500px}.rm-reviews-sidebar{flex:1 1;max-width:350px;min-width:250px}.rm-review-details{flex:2 1;min-width:0}.rm-tabs-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.rm-tabs-list{border-bottom:1px solid #e5e7eb;display:flex}.rm-tab-button{background:none;border:none;color:#666;cursor:pointer;flex:1 1;font-weight:500;padding:.75rem 1rem;position:relative;text-transform:capitalize}.rm-tab-button.rm-active{border-bottom:2px solid #4a90e2;color:#4a90e2}.rm-tab-badge{background-color:#f43f5e;border-radius:9999px;color:#fff;font-size:.65rem;font-weight:600;padding:.1rem .35rem;position:absolute;right:.25rem;top:.25rem}.rm-tab-panel{max-height:600px;overflow-y:auto}.rm-tab-panel.rm-hidden{display:none}.rm-review-list{list-style:none;margin:0;padding:0}.rm-review-list-item{border-bottom:1px solid #e5e7eb;cursor:pointer;padding:1rem;transition:background-color .2s}.rm-review-list-item:hover{background-color:#f9fafb}.rm-review-list-item.rm-selected{background-color:#f3f4f6;position:relative}.rm-review-list-item.rm-selected:before{background-color:#4a90e2;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.rm-review-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.rm-review-status{align-items:center;display:flex;gap:.25rem}.rm-review-date{color:#666;font-size:.75rem}.rm-review-preview{display:flex;flex-direction:column;gap:.25rem}.rm-preview-rating{margin-bottom:.25rem}.rm-preview-reviewer{font-weight:500;margin-bottom:.25rem}.rm-preview-text{color:#666;font-size:.85rem;line-height:1.4}.rm-status-badge{border-radius:9999px;display:inline-block;font-size:.7rem;font-weight:600;padding:.2rem .5rem;text-transform:uppercase}.rm-status-badge.rm-status-pending{background-color:#fef3c7;color:#d97706}.rm-status-badge.rm-status-approved{background-color:#d1fae5;color:#059669}.rm-icon{display:inline-block;height:1em;line-height:1;vertical-align:middle;width:1em}.rm-icon-star svg{color:#ffc107}.rm-icon-check svg{color:#10b981}.rm-icon-x svg{color:#ef4444}.rm-star-display{display:flex;gap:.1rem}.rm-star{color:#ffc107;height:1rem;width:1rem}.rm-star.empty{color:#ddd}.rm-review-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:1.5rem}.rm-review-header-details{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.rm-review-info{flex:1 1;min-width:0}.rm-reviewer-details{margin-bottom:.75rem}.rm-reviewer-name{font-size:1.25rem;margin:0 0 .25rem}.rm-reviewer-email{color:#666;font-size:.85rem}.rm-review-rating-details{align-items:center;display:flex;gap:.5rem}.rm-rating-text{color:#666;font-size:.9rem}.rm-review-actions{display:flex;flex-wrap:wrap;gap:.5rem}.rm-review-body{border-bottom:1px solid #e5e7eb;margin-bottom:1.5rem;padding-bottom:1rem}.rm-review-text{line-height:1.6}.rm-review-metadata{margin-bottom:1.5rem}.rm-metadata-info{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.rm-metadata-item{display:flex;flex-direction:column;gap:.25rem}.rm-metadata-label{color:#666;font-size:.75rem}.rm-metadata-value{font-size:.9rem}.rm-original-review{background-color:#f9fafb;border-radius:4px;margin-top:1rem;padding:1rem}.rm-original-title{color:#666;font-size:.9rem;margin:0 0 .75rem}.rm-original-text{color:#666;font-size:.9rem;font-style:italic}.rm-no-review-selected{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:center;min-height:300px}.rm-empty-state{max-width:400px;padding:2rem;text-align:center}.rm-empty-icon{color:#d1d5db;height:4rem;margin:0 auto 1.5rem;width:4rem}.rm-empty-title{color:#374151;font-size:1.1rem;margin:0 0 .5rem}.rm-empty-description{color:#6b7280;font-size:.9rem;margin:0}.rm-no-reviews{color:#6b7280;padding:2rem;text-align:center}.rm-edit-form{margin-top:1rem}.rm-edit-title{font-size:1.25rem;margin:0 0 1.5rem}.rm-form-group{margin-bottom:1.25rem}.rm-form-group label{display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.rm-form-control{border:1px solid #d1d5db;border-radius:4px;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.rm-form-control:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233;outline:none}.rm-rating-edit{align-items:center;display:flex;gap:1rem}.rm-rating-input{width:5rem}.rm-stars-preview{align-items:center;display:flex}.rm-edit-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.rm-loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px}.rm-loading-spinner{animation:rm-spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#4a90e2;height:40px;margin-bottom:1rem;width:40px}@keyframes rm-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rm-error-message{background-color:#fee2e2;border-radius:8px;color:#ef4444;margin-bottom:1.5rem;padding:1rem;position:relative}.rm-error-close{background:none;border:none;color:#ef4444;cursor:pointer;font-size:1.25rem;position:absolute;right:.5rem;top:.5rem}.rm-new-review-badge{background-color:#f43f5e;border-radius:9999px;color:#fff;font-size:.75rem;margin-left:.75rem;padding:.2rem .5rem}.rm-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:.5rem 1rem;transition:background-color .2s,transform .1s}.rm-btn:active{transform:translateY(1px)}.rm-btn-primary{background-color:#4a90e2;color:#fff}.rm-btn-primary:hover{background-color:#3a7bc8}.rm-btn-secondary{background-color:#f3f4f6;border:1px solid #d1d5db;color:#4b5563}.rm-btn-secondary:hover{background-color:#e5e7eb}.rm-btn-success{background-color:#10b981;color:#fff}.rm-btn-success:hover{background-color:#059669}.rm-btn-warning{background-color:#f59e0b;color:#fff}.rm-btn-warning:hover{background-color:#d97706}.rm-btn-danger{background-color:#ef4444;color:#fff}.rm-btn-danger:hover{background-color:#dc2626}@media (max-width:768px){.rm-reviews-container{flex-direction:column}.rm-reviews-sidebar{max-width:none;width:100%}.rm-review-header-details{flex-direction:column}.rm-review-actions{justify-content:space-between;width:100%}}
/*# sourceMappingURL=main.48b9aa26.css.map*/