.tool-container{max-width:1000px;margin:40px auto;padding:0 20px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#2d3748}.tool-title{font-size:2.5rem;font-weight:800;text-align:center;margin-bottom:10px;letter-spacing:-.5px}.tool-subtitle{font-size:1.1rem;color:#718096;text-align:center;margin-bottom:30px}.tool-workspace{background:#fff;border-radius:16px;box-shadow:0 10px 25px #0000000d;padding:30px;margin-bottom:40px;border:1px solid #e2e8f0}.upload-box{border:3px dashed #cbd5e0;border-radius:12px;padding:60px 20px;text-align:center;cursor:pointer;transition:all .2s ease-in-out;background-color:#f8fafc}.upload-box:hover{border-color:#4299e1;background-color:#ebf8ff}.upload-icon{font-size:3.5rem;color:#4299e1;margin-bottom:15px}.upload-box p{font-size:1.2rem;color:#4a5568;margin-bottom:20px;font-weight:500}.btn-upload{background-color:#4299e1;color:#fff;border:none;padding:12px 30px;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;box-shadow:0 4px 6px #4299e133;transition:background .2s}.btn-upload:hover{background-color:#3182ce}.editor-interface{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.controls-panel{display:flex;flex-direction:column;gap:20px}.controls-panel h3{font-size:1.2rem;font-weight:700;margin:0}.btn-group{display:flex;flex-direction:column;gap:10px}.btn-control{background:#fff;border:2px solid #e2e8f0;padding:14px;border-radius:10px;font-size:1rem;font-weight:600;text-align:left;cursor:pointer;transition:all .2s}.btn-control:hover{border-color:#cbd5e0;background-color:#f7fafc}.btn-control.active{border-color:#4299e1;background-color:#ebf8ff;color:#2b6cb0}.btn-download-tool{display:inline-flex;align-items:center;justify-content:center;gap:10px;background-color:#48bb78;color:#fff;text-decoration:none;padding:16px;font-size:1.1rem;font-weight:700;border-radius:10px;text-align:center;box-shadow:0 4px 12px #48bb784d;transition:background .2s}.btn-download-tool:hover{background-color:#38a169}.btn-reset{background:transparent;border:none;color:#a0aec0;font-size:.9rem;font-weight:600;cursor:pointer;text-decoration:underline;transition:color .2s}.btn-reset:hover{color:#e53e3e}.preview-panel{display:flex;justify-content:center;align-items:center}.image-preview-wrapper{width:100%;max-width:380px;aspect-ratio:1 / 1;background-color:#edf2f7;border-radius:12px;overflow:hidden;box-shadow:0 8px 20px #0000001a;border:1px solid #e2e8f0}.main-preview{width:100%;height:100%;object-fit:contain;display:block}hr{border:0;height:1px;background:#e2e8f0;margin:50px 0}.tool-seo-content{max-width:800px;margin:0 auto;line-height:1.7;color:#4a5568}.tool-seo-content h2{font-size:1.8rem;font-weight:700;color:#1a202c;margin-bottom:15px}.tool-seo-content h3{font-size:1.4rem;font-weight:600;color:#2d3748;margin-top:30px;margin-bottom:10px}.tool-seo-content p{margin-bottom:20px}.tool-seo-content ul{padding-left:20px;margin-bottom:30px}.tool-seo-content li{margin-bottom:10px}@media (max-width: 768px){.tool-title{font-size:2rem}.editor-interface{grid-template-columns:1fr;gap:30px}.preview-panel{order:-1}.image-preview-wrapper{max-width:100%}}