body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.theme-switcher{background:var(--card-light);border:1px solid var(--border-light);border-radius:50px;display:inline-flex;gap:3px;padding:3px}.dark .theme-switcher{background:var(--card-dark);border-color:var(--border-dark)}.theme-option{align-items:center;background:#0000;border:none;border-radius:50px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;min-height:36px;min-width:36px;padding:.5rem;transition:var(--transition)}.dark .theme-option{color:#999}.theme-option.active{background:var(--primary-color);color:#fff}.theme-option:hover:not(.active){background:#2563eb1a;color:var(--primary-color)}.theme-icon{height:18px;width:18px}@media (max-width:480px){.theme-switcher-container{padding:1rem 0}.theme-option{min-height:32px;min-width:32px;padding:.4rem}.theme-icon{height:16px;width:16px}}.hamburger-button{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:24px;justify-content:space-around;padding:0;width:28px;z-index:1001}.hamburger-line{background:var(--text-light);border-radius:2px;height:3px;transition:all .3s ease;width:28px}.dark .hamburger-line{background:var(--text-dark)}.hamburger-line.open:first-child{transform:translateY(10px) rotate(45deg)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:translateY(-11px) rotate(-45deg)}.menu-overlay{background:#00000080;height:100%;left:0;top:0;width:100%;z-index:999}.menu-overlay,.mobile-menu{display:none;position:fixed}.mobile-menu{animation:slideIn .3s ease;background:var(--card-light);border:1px solid var(--border-light);border-radius:8px;box-shadow:0 4px 12px #00000026;margin:.5rem;overflow:hidden;right:0;top:60px;width:200px;z-index:1000}.dark .mobile-menu{background:var(--card-dark);border-color:var(--border-dark);box-shadow:0 4px 12px #00000080}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-menu.open{display:flex;flex-direction:column}.mobile-menu-item{border-bottom:1px solid var(--border-light);color:var(--text-light);font-size:1rem;font-weight:600;padding:1rem 1.5rem;text-decoration:none;transition:var(--transition)}.mobile-menu-item:last-child{border-bottom:none}.dark .mobile-menu-item{border-bottom-color:var(--border-dark);color:var(--text-dark)}.mobile-menu-item:hover{background:#f5f5f5;color:var(--primary-color)}.dark .mobile-menu-item:hover{background:#252525}@media (max-width:768px){.hamburger-button{display:flex}.menu-overlay{display:block}.mobile-menu{display:none}.mobile-menu.open{display:flex}}:root{--bg-light:#fff;--bg-dark:#1a1a1a;--card-light:#fff;--card-dark:#2a2a2a;--text-light:#1a1a1a;--text-dark:#e5e5e5;--text-secondary:#666;--border-light:#e0e0e0;--border-dark:#3a3a3a;--shadow-light:0 2px 8px #00000014;--shadow-dark:0 2px 8px #0006;--transition:all 0.2s ease;--primary-color:#2563eb;--accent-color:#3b82f6}.home-link{color:#1a1a1a;transition:all .2s ease}.dark .home-link{color:#e5e5e5}.home-link:hover{color:#2563eb}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;background:var(--bg-light);color:#1a1a1a;color:var(--text-light);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;transition:background-color .3s ease,color .3s ease}body.dark-mode{background:#1a1a1a;background:var(--bg-dark);color:#e5e5e5;color:var(--text-dark)}.app{display:flex;flex-direction:column;min-height:100vh}.header{background:#fff;background:var(--card-light);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-light);position:-webkit-sticky;position:sticky;top:0;transition:all .2s ease;transition:var(--transition);z-index:100}.dark .header{background:#2a2a2a;background:var(--card-dark);border-bottom-color:#3a3a3a;border-bottom-color:var(--border-dark)}.header-content{justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem}.header-content,.logo{align-items:center;display:flex}.logo{color:#1a1a1a;color:var(--text-light);font-size:1.5rem;font-weight:700;gap:.5rem}.dark .logo{color:#e5e5e5;color:var(--text-dark)}.logo-image{display:block;height:50px;width:auto}.logo-icon{font-size:1.75rem}.dark-mode-toggle{align-items:center;background:#0000;border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:8px;color:#1a1a1a;color:var(--text-light);cursor:pointer;display:flex;font-size:1.25rem;height:44px;justify-content:center;transition:all .2s ease;transition:var(--transition);width:44px}.dark .dark-mode-toggle{border-color:#3a3a3a;border-color:var(--border-dark);color:#e5e5e5;color:var(--text-dark)}.dark-mode-toggle:hover{background:#fff;background:var(--bg-light);border-color:#1a1a1a;border-color:var(--text-light)}.dark .dark-mode-toggle:hover{background:#1a1a1a;background:var(--bg-dark);border-color:#e5e5e5;border-color:var(--text-dark)}.dark-mode-toggle:active{transform:scale(.95)}.main-content{flex:1 1;padding:1.5rem 2rem}.container{margin:0 auto;max-width:1200px;width:100%}.hero-section{margin-bottom:4rem;padding:3rem 0 2rem;text-align:center}.hero-title{color:#1a1a1a;color:var(--text-light);font-size:3.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:1rem}.dark .hero-title{color:#e5e5e5;color:var(--text-dark)}.hero-subtitle{color:#666;color:var(--text-secondary);font-size:1.25rem;font-weight:400;line-height:1.6;margin-bottom:1rem}.dark .hero-subtitle{color:#999}.hero-description{color:#666;color:var(--text-secondary);font-size:1rem;line-height:1.7;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:700px}.dark .hero-description{color:#aaa}.hero-cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.btn-hero-primary{background:#2563eb;background:var(--primary-color);border:none;border-radius:12px;box-shadow:0 4px 12px #2563eb4d;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;padding:1rem 2.5rem;transition:all .2s ease;transition:var(--transition)}.btn-hero-primary:hover{background:#3b82f6;background:var(--accent-color);box-shadow:0 6px 20px #2563eb66;transform:translateY(-2px)}.btn-hero-secondary{background:#0000;border:2px solid #e0e0e0;border:2px solid var(--border-light);border-radius:12px;color:#1a1a1a;color:var(--text-light);cursor:pointer;font-size:1.125rem;font-weight:600;padding:1rem 2.5rem;transition:all .2s ease;transition:var(--transition)}.dark .btn-hero-secondary{border-color:#3a3a3a;border-color:var(--border-dark);color:#e5e5e5;color:var(--text-dark)}.btn-hero-secondary:hover{background:#fff;background:var(--card-light);border-color:#2563eb;border-color:var(--primary-color)}.dark .btn-hero-secondary:hover{background:#2a2a2a;background:var(--card-dark)}.features-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem;margin-top:3rem}.feature-card{background:#fff;background:var(--card-light);border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:12px;padding:2rem;text-align:center;transition:all .2s ease;transition:var(--transition)}.dark .feature-card{background:#2a2a2a;background:var(--card-dark);border-color:#3a3a3a;border-color:var(--border-dark)}.feature-card:hover{border-color:#2563eb;border-color:var(--primary-color);box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-light)}.feature-icon{display:block}.feature-card h3{color:#1a1a1a;color:var(--text-light);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.dark .feature-card h3{color:#e5e5e5;color:var(--text-dark)}.feature-card p{color:#666;color:var(--text-secondary);font-size:.95rem;line-height:1.6}.dark .feature-card p{color:#999}.card{background:#fff;background:var(--card-light);border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:12px;padding:2rem;transition:all .2s ease;transition:var(--transition)}.dark .card{background:#2a2a2a;background:var(--card-dark);border-color:#3a3a3a;border-color:var(--border-dark)}.upload-area{background:#fafafa;border:2px dashed #e0e0e0;border:2px dashed var(--border-light);border-radius:12px;cursor:pointer;padding:4rem 2rem;text-align:center;transition:all .2s ease;transition:var(--transition)}.dark .upload-area{background:#1f1f1f;border-color:#3a3a3a;border-color:var(--border-dark)}.upload-area:hover{background:#f5f5f5;border-color:#2563eb;border-color:var(--primary-color)}.dark .upload-area:hover{background:#252525}.upload-icon{font-size:3.5rem;margin-bottom:1.5rem;opacity:.6}.upload-icon img{height:64px;object-fit:contain;width:64px}.upload-area h3{color:#1a1a1a;color:var(--text-light);font-size:1.5rem;font-weight:600;margin-bottom:.75rem}.dark .upload-area h3{color:#e5e5e5;color:var(--text-dark)}.upload-area p{color:#666;color:var(--text-secondary);font-size:1rem;margin-bottom:.5rem}.dark .upload-area p{color:#999}.upload-hint{color:#999!important;font-size:.875rem!important}.compact-layout{align-items:flex-start;display:flex;gap:2rem}@media (max-width:900px){.compact-layout{align-items:center;flex-direction:column}.controls-panel{width:100%!important}}.image-display-area{flex:1 1;min-width:0;width:100%}.image-container{display:inline-block;max-width:100%;position:relative;width:100%}.close-button{align-items:center;background:#fffffff2;border:2px solid #e0e0e0;border-radius:50%;box-shadow:0 2px 10px #0003;color:#333;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;height:40px;justify-content:center;position:absolute;right:10px;top:10px;transition:all .2s ease;transition:var(--transition);width:40px;z-index:10}.dark .close-button{background:#16213ef2;border-color:#2d3748;color:#e2e8f0}.close-button:hover{background:#ff6b6b;border-color:#ff6b6b;box-shadow:0 4px 15px #ff6b6b66;color:#fff;transform:scale(1.1) rotate(90deg)}.close-button:active{transform:scale(.95)}.main-image-wrapper{align-items:center;background-color:#fff;background-color:var(--bg-light);border-radius:16px;box-shadow:0 8px 30px #0000001f;display:flex;justify-content:center;min-height:400px;overflow:hidden;padding:1rem;transition:all .2s ease;transition:var(--transition)}.dark .main-image-wrapper{background-color:#1a1a2e}.main-image{border-radius:12px;display:block;height:auto;max-height:70vh;max-width:100%;object-fit:contain}.controls-panel{display:flex;flex-direction:column;flex-shrink:0;gap:1rem;width:340px}.checkered-bg{background-image:linear-gradient(45deg,#e2e8f0 25%,#0000 0),linear-gradient(-45deg,#e2e8f0 25%,#0000 0),linear-gradient(45deg,#0000 75%,#e2e8f0 0),linear-gradient(-45deg,#0000 75%,#e2e8f0 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.dark .checkered-bg{background-image:linear-gradient(45deg,#2d3748 25%,#0000 0),linear-gradient(-45deg,#2d3748 25%,#0000 0),linear-gradient(45deg,#0000 75%,#2d3748 0),linear-gradient(-45deg,#0000 75%,#2d3748 0)}.controls-section{background:#fff;background:var(--card-light);border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:1rem;box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-light);padding:1.5rem}.dark .controls-section{background:#2a2a2a;background:var(--card-dark);border-color:#3a3a3a;border-color:var(--border-dark);box-shadow:0 2px 8px #0006;box-shadow:var(--shadow-dark)}.controls-title{align-items:center;color:#1a1a1a;color:var(--text-light);display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;margin-bottom:1.5rem}.dark .controls-title{color:#e5e5e5;color:var(--text-dark)}.control-group{margin-bottom:1.5rem}.control-group:last-child{margin-bottom:0}.control-label{color:#1a1a1a;color:var(--text-light);display:block;font-size:.875rem;font-weight:600;margin-bottom:.75rem}.dark .control-label{color:#d1d5db}.slider{-webkit-appearance:none;appearance:none;background:#e0e0e0;background:var(--border-light);border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.dark .slider{background:#4b5563}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#2563eb;background:var(--primary-color);border-radius:50%;box-shadow:0 0 0 2px #fff,0 2px 4px #0000001a;cursor:pointer;height:18px;-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-transition:var(--transition);transition:var(--transition);width:18px}.dark .slider::-webkit-slider-thumb{box-shadow:0 0 0 2px #2a2a2a,0 2px 4px #0000004d;box-shadow:0 0 0 2px var(--card-dark),0 2px 4px #0000004d}.slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.slider::-moz-range-thumb{background:#2563eb;background:var(--primary-color);border:none;border-radius:50%;box-shadow:0 0 0 2px #fff,0 2px 4px #0000001a;cursor:pointer;height:18px;-moz-transition:all .2s ease;transition:all .2s ease;-moz-transition:var(--transition);transition:var(--transition);width:18px}.color-presets{align-items:center;display:flex;flex-wrap:wrap;gap:.625rem}.color-preset{border:3px solid #0000;border-radius:12px;box-shadow:0 2px 4px #00000014;cursor:pointer;height:48px;position:relative;transition:all .2s ease;transition:var(--transition);width:48px}.color-preset:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.08)}.color-preset.active{border-color:#2563eb;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb;box-shadow:0 0 0 3px var(--primary-color);transform:scale(1.05)}.color-picker-input,.color-preset.rainbow{height:48px;width:48px}.color-picker-input{border:3px solid #0000;border-radius:12px;box-shadow:0 2px 4px #00000014;cursor:pointer;padding:0;transition:all .2s ease;transition:var(--transition)}.color-picker-input:hover{box-shadow:0 4px 12px #2563eb4d;transform:scale(1.08)}.color-picker-input:focus{border-color:#2563eb;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb4d;outline:none}.download-buttons{display:flex;gap:.75rem;margin-top:.5rem}.download-btn{align-items:center;background:#fff;background:var(--card-light);border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 2px 4px #0000000d;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:.5rem;justify-content:center;padding:1rem;transition:all .2s ease}.dark .download-btn{background:#2a2a2a;background:var(--card-dark);border-color:#3a3a3a;border-color:var(--border-dark);color:#e5e5e5;color:var(--text-dark)}.download-btn:hover{background:#f8fafc;border-color:#2563eb;border-color:var(--primary-color);box-shadow:0 8px 16px #0000001a;transform:translateY(-3px)}.dark .download-btn:hover{background:#1e293b;box-shadow:0 8px 16px #0006}.download-icon-lg{font-size:2rem;margin-bottom:.25rem}.download-btn span:last-child{font-size:.9rem;font-weight:600}.button-group{flex-direction:column;gap:.75rem}.btn,.button-group{display:flex;justify-content:center}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;gap:.5rem;padding:.875rem 1.75rem;transition:all .2s ease;transition:var(--transition);width:100%}.btn:active{transform:scale(.98)}.btn-primary{background:#2563eb;background:var(--primary-color);color:#fff}.btn-primary:hover{background:#3b82f6;background:var(--accent-color)}.btn-secondary{background:#0000;border:1px solid #e0e0e0;border:1px solid var(--border-light);color:#1a1a1a;color:var(--text-light)}.dark .btn-secondary{border-color:#3a3a3a;border-color:var(--border-dark);color:#e5e5e5;color:var(--text-dark)}.btn-secondary:hover{background:#f5f5f5}.dark .btn-secondary:hover{background:#252525}.btn-icon{font-size:1.2rem}.progress-section{align-items:center;background:#0000;display:flex;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.progress-bar-container{background:#e0e0e0;background:var(--border-light);border-radius:3px;height:6px;margin-bottom:1rem;overflow:hidden;width:100%}.dark .progress-bar-container{background:#3a3a3a}.progress-bar{background:#2563eb;background:var(--primary-color);height:100%;transition:width .3s ease}.progress-text{color:#1a1a1a;color:var(--text-light);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.dark .progress-text{color:#e5e5e5;color:var(--text-dark)}.progress-hint{color:#666;color:var(--text-secondary);font-size:.95rem;margin-top:.5rem}.dark .progress-hint{color:#999}.error-message{align-items:center;background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;display:flex;font-weight:500;gap:.75rem;margin-bottom:1rem;padding:1rem}.dark .error-message{background:#3a1f1f;border-color:#5a2f2f;color:#fcc}.error-icon{font-size:1.25rem}.footer{background:#fff;background:var(--card-light);border-top:1px solid #e0e0e0;border-top:1px solid var(--border-light);padding:2rem;text-align:center;transition:all .2s ease;transition:var(--transition)}.dark .footer{background:#2a2a2a;background:var(--card-dark);border-color:#3a3a3a;border-color:var(--border-dark)}.footer-content{margin:0 auto;max-width:1200px}.footer-links{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:1rem}.footer-link{color:#1a1a1a;color:var(--text-light);font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s ease;transition:var(--transition)}.dark .footer-link{color:#e5e5e5;color:var(--text-dark)}.footer-link:hover{color:#2563eb;color:var(--primary-color)}.footer-text{color:#666;color:var(--text-secondary);font-size:.875rem;margin:0}.dark .footer-text{color:#999}.steps-section{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-light);margin-top:4rem;padding:3rem 0}.dark .steps-section{border-color:#3a3a3a;border-color:var(--border-dark)}.steps-title{color:#1a1a1a;color:var(--text-light);font-size:2rem;font-weight:700;margin-bottom:3rem;text-align:center}.dark .steps-title{color:#e5e5e5;color:var(--text-dark)}.steps-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.step-card{padding:2rem;position:relative;text-align:center}.step-icon{font-size:3rem;margin-bottom:1rem}.step-number{background:#2563eb;background:var(--primary-color);border-radius:50%;color:#fff;display:inline-block;font-size:1.25rem;font-weight:700;height:40px;line-height:40px;margin-bottom:1rem;width:40px}.step-card h3{color:#1a1a1a;color:var(--text-light);font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.dark .step-card h3{color:#e5e5e5;color:var(--text-dark)}.step-card p{color:#666;color:var(--text-secondary);line-height:1.6}.dark .step-card p{color:#999}.use-cases-section{margin-top:4rem;padding:3rem 0}.section-title{color:#1a1a1a;color:var(--text-light);font-size:2rem;font-weight:700;margin-bottom:3rem;text-align:center}.dark .section-title{color:#e5e5e5;color:var(--text-dark)}.use-cases-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.use-case-card{background:#fff;background:var(--card-light);border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:16px;padding:2rem;text-align:center;transition:all .2s ease;transition:var(--transition)}.dark .use-case-card{background:#2a2a2a;background:var(--card-dark);border-color:#3a3a3a;border-color:var(--border-dark)}.use-case-card:hover{border-color:#2563eb;border-color:var(--primary-color);box-shadow:0 8px 24px #0000001a;transform:translateY(-5px)}.use-case-icon{font-size:3rem;margin-bottom:1rem}.use-case-card h3{color:#1a1a1a;color:var(--text-light);font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.dark .use-case-card h3{color:#e5e5e5;color:var(--text-dark)}.use-case-card p{color:#666;color:var(--text-secondary);font-size:.95rem;line-height:1.6}.dark .use-case-card p{color:#999}.features-section{background:#fff;background:var(--bg-light);border-radius:16px;margin-top:4rem;padding:3rem 0}.dark .features-section{background:#2a2a2a;background:var(--card-dark)}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:2rem}.feature-item{padding:1.5rem;text-align:center}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-item h4{color:#1a1a1a;color:var(--text-light);font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.dark .feature-item h4{color:#e5e5e5;color:var(--text-dark)}.feature-item p{color:#666;color:var(--text-secondary);font-size:.9rem;line-height:1.6}.dark .feature-item p{color:#999}.faq-section{margin-top:4rem;padding:3rem 0}.faq-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1000px}.faq-item{padding:1.5rem}.faq-item h4{color:#1a1a1a;color:var(--text-light);font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.dark .faq-item h4{color:#e5e5e5;color:var(--text-dark)}.faq-item p{color:#666;color:var(--text-secondary);font-size:.95rem;line-height:1.7}.dark .faq-item p{color:#999}.final-cta-section{background:linear-gradient(135deg,#2563eb,#3b82f6);background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:16px;color:#fff;margin-top:4rem;padding:4rem 2rem;text-align:center}.final-cta-title{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.final-cta-description{color:#ffffffe6;font-size:1.125rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px}.btn-final-cta{background:#fff;border:none;border-radius:12px;box-shadow:0 4px 12px #0003;color:#2563eb;color:var(--primary-color);cursor:pointer;font-size:1.125rem;font-weight:600;padding:1rem 3rem;transition:all .2s ease;transition:var(--transition)}.btn-final-cta:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}@media (max-width:768px){.header-content{padding:1rem}.logo{font-size:1.25rem}.dark-mode-toggle{font-size:1.1rem;height:40px;width:40px}.header-left{gap:.75rem}.home-link{display:none}.header-right{gap:1rem}.main-content{padding:1rem}.hero-title{font-size:2.25rem}.hero-subtitle{font-size:1.125rem}.hero-description{font-size:.95rem}.hero-cta-buttons{align-items:stretch;flex-direction:column}.btn-hero-primary,.btn-hero-secondary{font-size:1rem;padding:.875rem 1.5rem;width:100%}.section-title{font-size:1.75rem}.faq-grid,.use-cases-grid{grid-template-columns:1fr}.final-cta-title{font-size:2rem}.final-cta-description{font-size:1rem}.card{padding:1.5rem}.upload-area{padding:3rem 1.5rem}.download-buttons{flex-wrap:wrap}.button-group{flex-direction:column}.btn{justify-content:center;width:100%}.features-grid,.steps-grid{grid-template-columns:1fr}.steps-title{font-size:1.5rem}.footer-links{gap:1rem}.compact-layout{flex-direction:column;gap:1rem}.controls-panel{width:100%}}@media (max-width:480px){.hero-title{font-size:1.75rem}.home-link{font-size:.9rem}.card{padding:1.5rem 1rem}.controls-section{padding:1.5rem}.color-presets{justify-content:center}.download-buttons{flex-direction:column}.download-btn{flex-direction:row}.footer-links{align-items:center;flex-direction:column;gap:.75rem}.footer{padding:1.5rem 1rem}}.eraser-toggle-btn{align-items:center;background:#2563eb;background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin-bottom:1rem;padding:.75rem 1rem;transition:all .2s ease;transition:var(--transition);width:100%}.eraser-toggle-btn:hover{background:#3b82f6;background:var(--accent-color);transform:translateY(-1px)}.eraser-toggle-btn.active{background:#16a34a}.eraser-toggle-btn.active:hover{background:#15803d}.eraser-icon{font-size:1.25rem}.eraser-controls{background:#2563eb0d;border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:8px;margin-top:.5rem;padding:1rem}.dark .eraser-controls{background:#2563eb1a;border-color:#3a3a3a;border-color:var(--border-dark)}.eraser-hint{color:#666;color:var(--text-secondary);font-size:.875rem;font-style:italic;margin-top:.75rem;text-align:center}.eraser-cursor{cursor:crosshair!important}canvas.main-image{display:block;height:auto;max-width:100%;user-select:none;-webkit-user-select:none;-moz-user-select:none}.color-picker-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.color-picker-modal{animation:modalFadeIn .2s ease;background:#fff;background:var(--card-light);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:420px;padding:1.5rem;width:90%}.dark .color-picker-modal{background:#2a2a2a;background:var(--card-dark)}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.color-picker-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.color-picker-header h3{color:#1a1a1a;color:var(--text-light);font-size:1.25rem;font-weight:600;margin:0}.dark .color-picker-header h3{color:#e5e5e5;color:var(--text-dark)}.close-modal-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#666;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:all .2s ease;transition:var(--transition);width:32px}.close-modal-btn:hover{background:#e0e0e0;background:var(--border-light);color:#1a1a1a;color:var(--text-light)}.dark .close-modal-btn:hover{background:#3a3a3a;background:var(--border-dark);color:#e5e5e5;color:var(--text-dark)}.color-picker-content{display:flex;flex-direction:column;gap:1.25rem}.color-gradient-container{border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:12px;height:250px;overflow:hidden;position:relative;width:100%}.dark .color-gradient-container{border-color:#3a3a3a;border-color:var(--border-dark)}.color-gradient-input{-webkit-appearance:none;appearance:none;border:none;cursor:pointer;height:100%;width:100%}.color-gradient-input::-webkit-color-swatch-wrapper{padding:0}.color-gradient-input::-webkit-color-swatch{border:none;border-radius:12px}.color-gradient-input::-moz-color-swatch{border:none;border-radius:12px}.color-preview-section{align-items:center;display:flex;gap:1rem}.color-preview-circle{border:3px solid #e0e0e0;border:3px solid var(--border-light);border-radius:50%;box-shadow:0 2px 8px #0000001a;flex-shrink:0;height:64px;width:64px}.dark .color-preview-circle{border-color:#3a3a3a;border-color:var(--border-dark)}.color-gradient-strip{background:linear-gradient(90deg,red 0,#ff7f00 14%,#ff0 28%,#0f0 42%,#00f 57%,indigo 71%,#9400d3 85%,red);border-radius:24px;box-shadow:inset 0 2px 4px #0000001a;flex:1 1;height:48px;position:relative}.color-hue-slider{-webkit-appearance:none;appearance:none;cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.hex-input-section{display:flex;gap:1rem;justify-content:center}.hex-input-wrapper{align-items:center;background:#fff;background:var(--bg-light);border:2px solid #e0e0e0;border:2px solid var(--border-light);border-radius:12px;display:flex;flex:1 1;gap:.75rem;max-width:200px;padding:.75rem 1rem}.dark .hex-input-wrapper{background:#1a1a1a;background:var(--bg-dark);border-color:#3a3a3a;border-color:var(--border-dark)}.hex-label{color:#1a1a1a;color:var(--text-light);font-size:1rem;font-weight:600}.dark .hex-label{color:#e5e5e5;color:var(--text-dark)}.hex-input{background:#0000;border:none;color:#1a1a1a;color:var(--text-light);flex:1 1;font-family:Courier New,monospace;font-size:1.125rem;font-weight:600;letter-spacing:.5px;outline:none}.dark .hex-input{color:#e5e5e5;color:var(--text-dark)}.hex-input::placeholder{color:#666;color:var(--text-secondary)}.apply-color-btn{background:#2563eb;background:var(--primary-color);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem;transition:all .2s ease;transition:var(--transition);width:100%}.apply-color-btn:hover{background:#3b82f6;background:var(--accent-color);box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}.apply-color-btn:active{transform:translateY(0)}html{scroll-behavior:smooth}::selection{background:#2563eb33;color:inherit}::-moz-selection{background:#2563eb33;color:inherit}.page-content{background:var(--card-light);border:1px solid var(--border-light);border-radius:12px;margin:2rem auto;max-width:800px;padding:3rem}.dark .page-content{background:var(--card-dark);border-color:var(--border-dark)}.page-content h1{color:var(--text-light);font-size:2.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}.dark .page-content h1{color:var(--text-dark)}.page-content h2{color:var(--text-light);font-size:1.75rem;font-weight:600;margin-bottom:1rem;margin-top:2rem}.dark .page-content h2{color:var(--text-dark)}.page-content p{color:var(--text-light);font-size:1rem;line-height:1.8;margin-bottom:1rem}.dark .page-content p{color:#d1d5db}.subtitle{color:var(--text-secondary);font-size:1.125rem;margin-bottom:2rem}.dark .subtitle{color:#999}.last-updated{color:var(--text-secondary);font-size:.9rem;font-style:italic;margin-bottom:2rem}.page-section{margin-bottom:2.5rem}.page-section:last-child{margin-bottom:0}.page-content ul{margin-bottom:1rem;margin-left:1.5rem}.page-content li{color:var(--text-light);line-height:1.8;margin-bottom:.5rem}.dark .page-content li{color:#d1d5db}.page-content a{color:var(--primary-color);text-decoration:none;transition:var(--transition)}.page-content a:hover{color:var(--accent-color);text-decoration:underline}.highlight{font-style:italic;font-weight:600}.contact-info{background:#fafafa;border:1px solid var(--border-light);border-radius:8px;padding:1.5rem}.dark .contact-info{background:#1f1f1f;border-color:var(--border-dark)}.contact-form{margin-top:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-light);display:block;font-size:.95rem;font-weight:500;margin-bottom:.5rem}.dark .form-group label{color:var(--text-dark)}.form-group input,.form-group select,.form-group textarea{background:var(--bg-light);border:1px solid var(--border-light);border-radius:8px;color:var(--text-light);font-family:inherit;font-size:1rem;padding:.875rem;transition:var(--transition);width:100%}.dark .form-group input,.dark .form-group select,.dark .form-group textarea{background:var(--bg-dark);border-color:var(--border-dark);color:var(--text-dark)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-group textarea{min-height:120px;resize:vertical}.submit-btn{background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 2rem;transition:var(--transition);width:100%}.submit-btn:hover{background:var(--accent-color)}.submit-btn:active{transform:scale(.98)}@media (max-width:768px){.page-content{margin:1.5rem auto;padding:2rem 1.5rem}.page-content h1{font-size:2rem}.page-content h2{font-size:1.5rem}}@media (max-width:480px){.page-content{margin:1rem auto;padding:1.5rem 1rem}.page-content h1{font-size:1.75rem}.page-content h2{font-size:1.25rem}}.logo-link{text-decoration:none}.header-left{gap:1rem}.header-left,.header-right{align-items:center;display:flex}.home-link{color:var(--text-light);font-size:1rem;font-weight:600;text-decoration:none;transition:var(--transition)}.dark .home-link{color:var(--text-dark)}.home-link:hover{color:var(--primary-color)}@media (max-width:768px){.header-left{gap:.75rem}.home-link{display:none}.header-right{gap:1rem}}
/*# sourceMappingURL=main.cfcea4ef.css.map*/