*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #4f46e5;--primary-hover: #4338ca;--primary-light: #eef2ff;--success: #10b981;--error: #ef4444;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-500: #6b7280;--gray-700: #374151;--gray-900: #111827;--radius: 12px;--shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--gray-900);background:var(--gray-50);line-height:1.6;min-height:100vh}.app{max-width:800px;margin:0 auto;padding:0 20px;min-height:100vh;display:flex;flex-direction:column}.site-header{padding:16px 0}.header-inner{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--gray-200)}.brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--gray-900);font-weight:700;font-size:18px}.brand-icon{font-size:24px}.header-nav{display:flex;gap:16px}.header-nav a{color:var(--gray-500);text-decoration:none;font-size:14px;font-weight:500}.header-nav a:hover{color:var(--primary)}.hero{text-align:center;padding:48px 0 32px}.hero h1{font-size:36px;font-weight:800;color:var(--gray-900);margin-bottom:12px}.hero-description{font-size:18px;color:var(--gray-500);max-width:500px;margin:0 auto}.upload-zone{border:2px dashed var(--gray-300);border-radius:var(--radius);padding:48px 24px;text-align:center;cursor:pointer;transition:all .2s ease;background:#fff}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--primary);background:var(--primary-light)}.upload-icon{color:var(--gray-500);margin-bottom:16px}.upload-text{font-size:16px;font-weight:600;color:var(--gray-700);margin-bottom:4px}.upload-subtext{font-size:14px;color:var(--gray-500)}.tool-controls{background:#fff;border-radius:var(--radius);padding:24px;margin-top:24px;box-shadow:var(--shadow)}.control-group{margin-bottom:16px}.control-group:last-child{margin-bottom:0}.control-group label{display:block;font-size:14px;font-weight:600;color:var(--gray-700);margin-bottom:6px}.control-group input[type=range]{width:100%;accent-color:var(--primary)}.control-group select,.control-group input[type=number]{width:100%;padding:8px 12px;border:1px solid var(--gray-300);border-radius:8px;font-size:14px;background:#fff}.control-row{display:flex;gap:16px;align-items:end}.control-row .control-group{flex:1}.range-value{font-size:14px;color:var(--primary);font-weight:600}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:disabled{background:var(--gray-300);cursor:not-allowed}.btn-secondary{background:#fff;color:var(--gray-700);border:1px solid var(--gray-300)}.btn-secondary:hover{background:var(--gray-100)}.btn-full{width:100%;justify-content:center}.progress-wrapper{margin-top:24px;text-align:center}.progress-bar{width:100%;height:8px;background:var(--gray-200);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--primary);border-radius:4px;transition:width .3s ease}.progress-text{margin-top:8px;font-size:14px;color:var(--gray-500)}.download-wrapper{display:flex;align-items:center;justify-content:space-between;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:var(--radius);padding:16px 24px;margin-top:24px}.download-info{font-size:14px;color:#065f46;font-weight:500}.download-btn{background:var(--success)!important;flex-shrink:0}.download-btn:hover{background:#059669!important}.preview-area{margin-top:24px;text-align:center}.preview-area img{max-width:100%;max-height:400px;border-radius:var(--radius);box-shadow:var(--shadow)}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:12px 16px;border-radius:8px;margin-top:16px;font-size:14px}.paywall-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.paywall-modal{background:#fff;border-radius:var(--radius);padding:40px;max-width:440px;width:90%;text-align:center;box-shadow:var(--shadow-lg)}.paywall-modal h2{font-size:24px;margin-bottom:8px}.paywall-modal>p{color:var(--gray-500);margin-bottom:24px}.paywall-features{background:var(--primary-light);border-radius:8px;padding:20px;margin-bottom:24px;text-align:left}.paywall-features h3{font-size:16px;margin-bottom:12px;color:var(--primary)}.paywall-features ul{list-style:none;padding:0}.paywall-features li{padding:4px 0;font-size:14px;color:var(--gray-700)}.paywall-features li:before{content:"✓ ";color:var(--success);font-weight:700}.paywall-price{font-size:18px;font-weight:700;color:var(--primary);margin-top:12px}.paywall-upgrade-btn{width:100%;margin-bottom:8px}.paywall-close-btn{width:100%}.site-footer{margin-top:auto;padding:40px 0 24px}.footer-inner{border-top:1px solid var(--gray-200);padding-top:32px}.footer-tools h3{font-size:14px;font-weight:600;color:var(--gray-700);margin-bottom:12px}.footer-links{display:flex;flex-wrap:wrap;gap:8px}.footer-links a{display:inline-block;padding:6px 14px;background:#fff;border:1px solid var(--gray-200);border-radius:20px;font-size:13px;color:var(--gray-700);text-decoration:none;transition:all .2s}.footer-links a:hover{border-color:var(--primary);color:var(--primary)}.footer-bottom{margin-top:24px;font-size:13px;color:var(--gray-500)}.seo-content{margin-top:48px;padding:32px;background:#fff;border-radius:var(--radius)}.seo-content h2{font-size:22px;margin-bottom:16px}.seo-content h3{font-size:18px;margin:24px 0 12px}.seo-content p{color:var(--gray-700);margin-bottom:12px;font-size:15px}.seo-content ul{color:var(--gray-700);margin-bottom:12px;padding-left:24px}.faq-item{margin-bottom:16px}.faq-item strong{display:block;margin-bottom:4px}@media (max-width: 640px){.hero h1{font-size:28px}.hero-description{font-size:16px}.upload-zone{padding:32px 16px}.download-wrapper{flex-direction:column;gap:12px}.control-row{flex-direction:column}.header-nav{display:none}}