.tool-html-preview .tool-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px}
.tool-html-preview .hp-opt select{margin-left:4px;padding:4px 6px;font:inherit}
.tool-html-preview .hp-check{font-size:13px;color:#555}
.tool-html-preview .hp-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tool-html-preview .hp-label{font-size:13px;color:#666;margin-bottom:6px}
.tool-html-preview textarea{min-height:420px;width:100%;box-sizing:border-box;font-family:Consolas,"Courier New",monospace;font-size:13px;line-height:1.45;padding:10px;border:1px solid #ddd}
.tool-html-preview .hp-frame-wrap{border:1px solid #ddd;background:#fff;min-height:420px;display:flex;justify-content:center;overflow:auto}
.tool-html-preview iframe{width:100%;min-height:420px;border:0;background:#fff;transition:width .2s ease}
@media(max-width:900px){.tool-html-preview .hp-grid{grid-template-columns:1fr}}