/* Isolated HTML converter. No workspace layout overrides. */
.hp-main{max-width:1560px;margin:auto;padding:24px;color:#183153;font:14px/1.5 system-ui,sans-serif}.hp-intro h1{font-size:30px;margin:0 0 5px}.hp-intro p{margin:0;color:#536882}.hp-privacy{padding:12px 16px;margin:18px 0;background:#edf5ff;border:1px solid #cbdff9;border-radius:10px;color:#254d7b}.hp-app{border:1px solid #d9e3f0;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 8px 30px #274a7010}.hp-settings{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid #dce4ee}.hp-settings label{display:grid;gap:4px;font-size:12px;color:#405574}.hp-settings select{font:inherit;color:#183153;background:#fff;border:1px solid #c6d3e4;border-radius:6px;padding:8px}.hp-settings .hp-check{display:flex;align-items:center;align-self:center;gap:6px}.hp-app button{font:inherit;border:1px solid #c7d5e8;border-radius:7px;background:#fff;color:#28496f;padding:8px 12px;cursor:pointer}.hp-app button:disabled{opacity:.5;cursor:default}.hp-app button:focus-visible,.hp-app select:focus-visible,.hp-app textarea:focus-visible,.hp-app input:focus-visible{outline:3px solid #89aaff;outline-offset:2px}.hp-app .hp-primary{background:#245dee;color:#fff;border-color:#245dee}.hp-settings #hp-download{margin-inline-start:auto}.hp-columns{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);height:min(720px,78vh);min-height:480px}.hp-editor,.hp-preview{min-width:0;min-height:0;display:flex;flex-direction:column}.hp-editor{border-inline-end:1px solid #dce4ee}.hp-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:62px;padding:10px 12px;background:#f8faff;border-bottom:1px solid #e0e7f1}.hp-bar label{font-size:12px}.hp-bar button{padding:6px 9px;font-size:12px}.hp-label{font-weight:600}.hp-editor textarea{flex:1;min-height:0;width:100%;border:0;resize:none;padding:18px;background:#fbfcff;color:#223653;direction:ltr;text-align:left;font:13px/1.65 Consolas,ui-monospace,monospace;tab-size:2;box-sizing:border-box}.hp-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:12px;color:#567}.hp-stage{flex:1;min-height:0;overflow:auto;scrollbar-gutter:stable;background:#eaf0f8;padding:20px;display:flex;align-items:flex-start;justify-content:flex-start;direction:ltr}.hp-stage canvas{display:block;flex-shrink:0;background:#fff;margin:0 auto;box-shadow:0 4px 20px #182c4a20}.hp-stage canvas[hidden]{display:none}.hp-placeholder{margin:auto;max-width:330px;text-align:center;color:#597089}.hp-status{border-top:1px solid #dce4ee;padding:10px 16px;min-height:43px;color:#315d4c;background:#f8fbff;overflow-wrap:anywhere}.hp-status[data-error=true]{color:#a12d40;background:#fff5f5}.hp-warning{margin:0;padding:8px 16px;color:#7b5417;background:#fff8e8;font-size:12px}.hp-tabs{display:none;border-bottom:1px solid #dce4ee;padding:10px;gap:8px}.hp-tabs button{flex:1}.hp-tabs button[aria-selected=true]{color:#fff;background:#245dee}.hp-copy{max-width:980px;margin:28px auto;line-height:1.8;color:#455e79}.hp-copy h2{font-size:22px;color:#183153;margin-bottom:8px}.hp-copy h3{font-size:16px;color:#183153}.hp-nav-page{width:52px;padding:6px;border:1px solid #c7d5e8;border-radius:5px;font:inherit}.hp-zoom-value{min-width:38px;text-align:center;font-size:12px}.hp-drop-active{outline:3px dashed #245dee;outline-offset:-4px}
@media(max-width:1099px){body.hm-html-route .hm-header:not(.hm-mobile-open) .hm-nav{display:none!important}body.hm-html-route .hm-header.hm-mobile-open .hm-nav{display:flex!important}}
@media(max-width:760px){.hp-main{padding:14px 10px}.hp-intro h1{font-size:25px}.hp-privacy{font-size:12px}.hp-settings{gap:9px;padding:12px}.hp-settings #hp-download{margin-inline-start:0}.hp-settings label{flex:1;min-width:90px}.hp-settings .hp-check{flex-basis:40%}.hp-columns{display:block;height:65vh;min-height:440px}.hp-editor,.hp-preview{height:100%;border:0}.hp-tabs{display:flex}.hp-columns[data-tab=html] .hp-preview,.hp-columns[data-tab=pdf] .hp-editor{display:none}.hp-bar{gap:6px}.hp-bar button{padding:7px}.hp-stage{padding:12px}.hp-settings button{flex:1}.hp-copy{padding:0 6px}.hp-status{font-size:13px}.hp-file-name{max-width:95px}}