.canvas-html{display:flex;flex-direction:column;overflow:hidden;border:1px solid #64748b;background:#fff;min-width:160px;min-height:140px}
.canvas-html .canvas-node-header{flex-shrink:0;cursor:move;color:#e2e8f0;background:#182234;padding:8px 12px}
.canvas-html .canvas-node-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.html-preview-tools{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:6px 10px;background:#182234;color:#cbd5e1;font-size:12px}
.html-preview-tools button,.html-preview-tools a{font:inherit;color:#e2e8f0;background:#263449;border:1px solid #64748b;border-radius:4px;padding:4px 7px;text-decoration:none;cursor:pointer}
.html-preview-body{flex:1;min-height:0;position:relative;display:flex;background:white;overflow:hidden}
.html-preview-body iframe{border:0;width:100%;height:100%;background:white}
.html-preview-status{padding:0 8px;font-size:11px;background:#182234;color:#cbd5e1;line-height:20px}
.canvas-html .canvas-image-resize{position:absolute;right:0;bottom:0;z-index:2}
.canvas-node.canvas-html{padding:0;border-top-width:1px}
.canvas-html .html-preview-tools{flex:0 0 auto;flex-direction:row;justify-content:flex-start;min-height:0}
.canvas-html .html-preview-body{flex:1;min-height:0}
.canvas-html .html-preview-status{flex:0 0 auto;padding-right:30px}