:root{--font-family:"Inter",system-ui,-apple-system,sans-serif;--bg-color:#f8f9fa;--text-color:#1f2937;--text-muted:#6b7280;--surface-color:#fff;--border-color:#e5e7eb;--primary-color:#6366f1;--primary-hover:#4f46e5;--primary-text:#fff;--accent-purple:#818cf8;--accent-blue:#60a5fa;--accent-green:#34d399;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--radius:16px;--radius-sm:8px;--transition:all 0.2s ease}[data-theme=dark]{--bg-color:#111827;--text-color:#f9fafb;--text-muted:#9ca3af;--surface-color:#1f2937;--border-color:#374151;--primary-color:#818cf8;--primary-hover:#6366f1;--shadow:0 4px 6px -1px rgba(0,0,0,0.5),0 2px 4px -1px rgba(0,0,0,0.3)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease;line-height:1.5;min-height:100vh;overflow-x:hidden}.app-container{max-width:1280px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;min-height:100vh;width:100%}header{justify-content:space-between;padding:20px 0;border-bottom:1px solid transparent;flex-wrap:wrap;gap:16px}.logo,header{display:flex;align-items:center}.logo{gap:12px;font-weight:700;font-size:1.25rem;color:var(--text-color)}.logo-icon{background-color:var(--primary-color);color:#fff;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center}.logo-icon svg{width:20px;height:20px}.theme-toggle{background:var(--surface-color);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.theme-toggle:hover{background-color:var(--border-color);color:var(--text-color)}.theme-toggle .sun-icon,[data-theme=dark] .theme-toggle .moon-icon{display:none}[data-theme=dark] .theme-toggle .sun-icon{display:block}.hero{text-align:center;margin:60px 0}.hero h1{font-size:2.5rem;font-weight:800;margin-bottom:16px;color:var(--text-color);letter-spacing:-.02em}.hero p{color:var(--text-muted);font-size:1.125rem;max-width:640px;margin:0 auto}.converter-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:64px}@media (max-width:960px){.converter-grid{grid-template-columns:1fr;gap:24px}.app-container{padding:0 16px}.hero h1{font-size:2rem}}.card{background-color:var(--surface-color);border-radius:var(--radius);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:32px;display:flex;flex-direction:column;gap:24px;min-width:0}@media (max-width:640px){.card{padding:20px}}.card-header{display:flex;align-items:flex-start;gap:16px}.icon-box{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.icon-box.purple{color:var(--primary-color)}.card-header h2{font-size:1.125rem;font-weight:700;margin-bottom:4px}.card-header .subtitle{font-size:.875rem;color:var(--text-muted)}.upload-area{border:2px dashed var(--border-color);border-radius:var(--radius);padding:40px 20px;text-align:center;position:relative;transition:var(--transition);background-color:var(--bg-color)}.upload-area:hover{border-color:var(--primary-color);background-color:#f5f3ff}[data-theme=dark] .upload-area:hover{background-color:#1e1b4b}.upload-area input[type=file]{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;cursor:pointer;z-index:10}.upload-content{display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:none}.upload-icon-circle{width:48px;height:48px;background-color:#e0e7ff;color:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:8px}[data-theme=dark] .upload-icon-circle{background-color:#312e81}.upload-content h3{font-size:1rem;font-weight:600}.upload-content p{font-size:.875rem;color:var(--text-muted)}.choose-file-btn{pointer-events:auto;margin-top:8px;z-index:20}.code-section{display:flex;flex-direction:column;gap:8px;flex:1}.code-section label{font-size:.875rem;font-weight:600;color:var(--text-color)}.editor-container{border:1px solid var(--border-color);border-radius:var(--radius-sm);overflow:hidden;height:300px;background-color:var(--bg-color)}.CodeMirror{height:100%!important;font-family:Fira Code,monospace;font-size:13px;background-color:transparent}.editor-footer{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted)}.preview-container{background-color:var(--bg-color);border-radius:var(--radius);height:300px;border:1px solid var(--border-color);overflow:hidden;background-image:radial-gradient(var(--border-color) 1px,transparent 0);background-size:20px 20px}.preview-container,.preview-content{display:flex;align-items:center;justify-content:center}.preview-content{width:100%;height:100%;padding:20px}.preview-content svg{max-width:100%;max-height:100%}.empty-state{text-align:center;color:var(--text-muted)}.check-circle{width:64px;height:64px;background-color:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.output-section{flex:1;display:flex;flex-direction:column;gap:8px}.output-header{display:flex;justify-content:space-between;align-items:center}.output-header label{font-size:.875rem;font-weight:600}.output-actions{display:flex;gap:12px}.text-btn{background:none;border:none;color:var(--text-muted);font-size:.75rem;cursor:pointer;display:flex;align-items:center;gap:4px}.text-btn:hover{color:var(--primary-color)}.formatted-code-container{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:16px;height:200px;overflow:auto;font-family:Fira Code,monospace;font-size:12px;color:var(--text-muted)}.card-actions{display:flex;gap:16px;margin-top:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-sm);font-weight:600;font-size:.9375rem;cursor:pointer;transition:var(--transition);text-decoration:none;border:1px solid transparent}.btn.primary{background-color:var(--primary-color);color:#fff}.btn.primary:hover{background-color:var(--primary-hover);box-shadow:0 4px 12px rgba(99,102,241,.3)}.btn.outline{background-color:transparent;border-color:var(--border-color);color:var(--text-color)}.btn.outline:hover{border-color:var(--text-muted);background-color:var(--bg-color)}.btn.full-width{flex:1}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:64px}@media (max-width:768px){.features-grid{grid-template-columns:1fr}}.feature-card{background-color:var(--surface-color);padding:24px;border-radius:var(--radius);border:1px solid var(--border-color)}.feature-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.feature-icon.blue{background-color:#e0f2fe;color:#0ea5e9}.feature-icon.purple{background-color:#f3e8ff;color:#a855f7}.feature-icon.green{background-color:#dcfce7;color:#22c55e}[data-theme=dark] .feature-icon.blue{background-color:#0c4a6e}.seo-section{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin-bottom:120px}@media (max-width:960px){.seo-section{grid-template-columns:1fr;gap:40px;margin-bottom:80px;text-align:center}}.seo-section.reverse .seo-text{order:2}@media (max-width:960px){.seo-section.reverse .seo-text{order:0}}.seo-tag{display:block;font-weight:700;font-size:.875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px}.seo-text h2{font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:24px;color:var(--text-color)}.seo-text p{font-size:1.125rem;color:var(--text-muted);line-height:1.7;margin-bottom:32px}.btn-details{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background-color:var(--secondary-bg);color:var(--text-color);border-radius:9999px;font-weight:600;font-size:.9375rem;text-decoration:none;transition:var(--transition)}.btn-details:hover{background-color:var(--border-color);transform:translateY(-2px)}.visual-box{background-color:#cbd5e1;border-radius:40px;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;color:#fff;position:relative;overflow:hidden}[data-theme=dark] .visual-box{background-color:#334155}.visual-box img{width:100%;height:100%;object-fit:cover}.visual-box svg{width:64px;height:64px;opacity:.8}footer{margin-top:auto;padding:40px 0;text-align:center;border-top:1px solid var(--border-color);color:var(--text-muted);font-size:.875rem;background-color:var(--bg-color)}footer a{color:var(--text-color);text-decoration:none;font-weight:600}footer a:hover{text-decoration:underline}
/*# sourceMappingURL=style.ea5f5398.css.map */