.tool-header[data-v-7a90c646]{text-align:center;padding:48px 0 36px}.tool-header h1[data-v-7a90c646]{font-family:var(--font-display);color:var(--navy);justify-content:center;align-items:center;gap:10px;margin-bottom:12px;font-size:32px;font-weight:900;display:flex}.tool-header p[data-v-7a90c646]{color:var(--text-secondary);max-width:560px;margin:0 auto;font-size:15px;line-height:1.6}.title-icon[data-v-7a90c646]{font-size:32px;line-height:1}.upload-section[data-v-7a90c646]{max-width:560px;margin:0 auto}.upload-content[data-v-7a90c646]{padding:20px}.upload-content .upload-icon[data-v-7a90c646]{color:var(--accent-blue);margin-bottom:12px}.upload-content .upload-title[data-v-7a90c646]{color:var(--navy);margin-bottom:8px;font-size:16px;font-weight:600}.upload-content .upload-hint[data-v-7a90c646]{color:var(--text-muted);font-size:13px}.result-section[data-v-7a90c646]{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--card-shadow);overflow:hidden}.result-toolbar[data-v-7a90c646]{border-bottom:1px solid var(--border-color);background:var(--bg-warm);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.toolbar-left[data-v-7a90c646]{align-items:center;gap:12px;display:flex}.file-name[data-v-7a90c646]{color:var(--navy);font-size:14px;font-weight:600}.file-size[data-v-7a90c646]{color:var(--text-muted);font-size:12px}.toolbar-right[data-v-7a90c646]{gap:8px;display:flex}.preview-tabs[data-v-7a90c646]{border-bottom:1px solid var(--border-color);display:flex}.tab-btn[data-v-7a90c646]{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 20px;font-size:13px;font-weight:600}.tab-btn[data-v-7a90c646]:hover{color:var(--text-primary)}.tab-btn.active[data-v-7a90c646]{color:var(--accent-blue);border-bottom-color:var(--accent-blue)}.preview-area[data-v-7a90c646]{min-height:300px;max-height:600px;padding:24px;overflow-y:auto}.html-preview[data-v-7a90c646]{color:var(--text-primary);font-size:14px;line-height:1.7}.html-preview[data-v-7a90c646] h1,.html-preview[data-v-7a90c646] h2,.html-preview[data-v-7a90c646] h3{margin:.8em 0 .4em}.html-preview[data-v-7a90c646] table{border-collapse:collapse;width:100%;margin:1em 0}.html-preview[data-v-7a90c646] th,.html-preview[data-v-7a90c646] td{border:1px solid var(--border-color);padding:8px 12px}.html-preview[data-v-7a90c646] th{background:var(--bg-warm)}.html-preview[data-v-7a90c646] img{max-width:100%}.code-preview[data-v-7a90c646]{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;margin:0;font-family:Cascadia Code,Fira Code,monospace;font-size:13px;line-height:1.6}.warnings[data-v-7a90c646]{border-top:1px solid var(--border-color);color:#8a6d3b;background:#fff8e1;padding:12px 20px;font-size:12px}.warnings p[data-v-7a90c646]{margin-bottom:4px}.warnings ul[data-v-7a90c646]{margin:0;padding-left:1.5em}@media (width<=768px){.tool-header[data-v-7a90c646]{padding:32px 0 24px}.tool-header h1[data-v-7a90c646]{font-size:24px}.result-toolbar[data-v-7a90c646]{flex-direction:column;align-items:flex-start;gap:8px}.toolbar-right[data-v-7a90c646]{flex-wrap:wrap}}