.html-tool-card[data-v-ec91c769]{width:100%;box-shadow:none;margin:0 auto}.html-upload-zone[data-v-ec91c769]{text-align:center;cursor:pointer;background:#f8fafc;border:1px dashed #b9c9dc;border-radius:.7rem;padding:1.5rem}.html-workspace[data-v-ec91c769]{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:stretch;gap:1.25rem;display:grid}.html-controls-column[data-v-ec91c769],.html-preview-column[data-v-ec91c769]{min-width:0}.html-controls-column[data-v-ec91c769]{flex-direction:column;gap:.75rem;display:flex}.html-preview-column[data-v-ec91c769]{background:#f8fafc;border:1px solid #dbe3ef;border-radius:.7rem;flex-direction:column;min-height:100%;padding:.9rem;display:flex}.html-upload-zone[data-v-ec91c769]:hover{background:#eff6ff;border-color:#2563eb}.html-upload-icon[data-v-ec91c769]{color:#2563eb;background:#dbeafe;border-radius:.4rem;place-items:center;width:2rem;height:2rem;margin:0 auto .6rem;display:grid}.html-upload-zone h1[data-v-ec91c769]{color:#0f172a;margin:0 0 .35rem;font-size:1.1rem;font-weight:700}.html-upload-zone p[data-v-ec91c769],.html-upload-zone small[data-v-ec91c769]{color:#64748b;margin:0;font-size:.875rem}.html-upload-zone small[data-v-ec91c769]{margin-top:.35rem;font-size:.75rem;display:block}.html-upload-zone span[data-v-ec91c769]{color:#2563eb;font-weight:700}.html-file-info[data-v-ec91c769]{grid-template-columns:1.3fr 1fr .7fr;gap:.5rem;margin:0;display:grid}.html-file-info>div[data-v-ec91c769]{background:#f8fafc;border:1px solid #dbe3ef;border-radius:.45rem;flex-direction:column;gap:.2rem;padding:.55rem .7rem;display:flex}.html-file-info small[data-v-ec91c769],.html-preview-heading small[data-v-ec91c769],.html-ready small[data-v-ec91c769]{color:#64748b;letter-spacing:.05em;font-size:.7rem;font-weight:700}.html-file-info strong[data-v-ec91c769],.html-preview-heading strong[data-v-ec91c769],.html-ready strong[data-v-ec91c769]{color:#0f172a;font-size:.875rem}.html-settings[data-v-ec91c769]{background:#f8fafc;border:1px solid #dbe3ef;border-radius:.55rem;padding:.9rem}.html-settings-title[data-v-ec91c769]{color:#1d4ed8;align-items:center;gap:.45rem;margin-bottom:.7rem;display:flex}.html-settings-title h2[data-v-ec91c769]{margin:0;font-size:1.25rem}.html-settings h2[data-v-ec91c769]{color:#0f172a;margin:0 0 .7rem;font-size:1.25rem;font-weight:800}.html-settings-grid[data-v-ec91c769]{grid-template-columns:repeat(3,1fr);gap:.55rem;display:grid}.html-settings label[data-v-ec91c769]{color:#475569;font-size:.875rem;font-weight:600}.html-settings select[data-v-ec91c769]{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:.35rem;width:100%;margin-top:.25rem;padding:.35rem .45rem;font-size:.875rem}.html-settings select[data-v-ec91c769]:focus{border-color:#2563eb;outline:2px solid #2563eb40}.html-note[data-v-ec91c769]{color:#92400e;background:#fffbeb;border:1px solid #f1d48a;border-radius:.35rem;margin:.65rem 0 0;padding:.35rem .5rem;font-size:.75rem}.html-note i[data-v-ec91c769]{margin-right:.2rem}.html-preview-heading[data-v-ec91c769]{justify-content:space-between;align-items:center;margin:0 0 .65rem;display:flex}.html-preview-heading>div[data-v-ec91c769]{flex-direction:column;gap:.15rem;display:flex}.html-preview-heading button[data-v-ec91c769]{color:#1d4ed8;background:#fff;border:1px solid #dbe3ef;border-radius:.35rem;padding:.3rem .5rem;font-size:.75rem}.html-preview-frame[data-v-ec91c769]{background:#fff;border:1px solid #dbe3ef;border-radius:.45rem;flex:1;min-height:390px;overflow:hidden}.html-preview-hidden[data-v-ec91c769]{color:#64748b;flex:1;place-items:center;gap:.4rem;min-height:390px;font-size:.875rem;display:grid}.html-preview-hidden i[data-v-ec91c769]{color:#2563eb;font-size:1.25rem}.html-preview-frame iframe[data-v-ec91c769]{background:#fff;border:0;width:100%;height:100%;display:block}.html-source-hidden[data-v-ec91c769]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.html-error[data-v-ec91c769]{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:.4rem;margin-top:.75rem;padding:.6rem;font-size:.875rem}.html-convert-wrap[data-v-ec91c769]{justify-content:center;margin-top:.8rem;display:flex}.html-convert-button[data-v-ec91c769]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5d7bea 0%,#7844a9 100%);border:0;border-radius:.45rem;min-width:280px;margin-top:.8rem;padding:.65rem;font-size:.875rem;font-weight:700}.html-convert-button[data-v-ec91c769]:hover{background:linear-gradient(135deg,#4f6fe0 0%,#6c399b 100%)}.html-convert-button[data-v-ec91c769]:disabled{cursor:not-allowed;opacity:.55}.html-ready[data-v-ec91c769]{background:#f0fdf4;border:1px solid #86efac;border-radius:.45rem;justify-content:space-between;align-items:center;margin-top:.75rem;padding:.7rem;display:flex}.html-ready>div[data-v-ec91c769]{flex-direction:column;gap:.15rem;display:flex}.html-ready a[data-v-ec91c769]{color:#fff;background:#0f172a;border-radius:.35rem;padding:.45rem .6rem;font-size:.875rem;font-weight:700}.html-footer-note[data-v-ec91c769]{text-align:center;color:#64748b;margin:.8rem 0 0;font-size:.75rem}@media (width<=640px){.html-tool-card[data-v-ec91c769]{padding:1rem}.html-convert-button[data-v-ec91c769]{width:100%;min-width:0}.html-workspace[data-v-ec91c769],.html-file-info[data-v-ec91c769],.html-settings-grid[data-v-ec91c769]{grid-template-columns:1fr}.html-preview-column[data-v-ec91c769]{min-height:360px}}@media (width>=641px) and (width<=900px){.html-workspace[data-v-ec91c769]{grid-template-columns:1fr}.html-preview-column[data-v-ec91c769]{min-height:420px}}