.html-visual{overflow-anchor:auto;width:100%;min-width:0}.html-visual-toolbar{min-height:32px;color:var(--text-muted);align-items:center;gap:8px;margin-bottom:8px;font-size:12px;display:flex}.html-visual-toolbar>:first-child{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.html-visual-toolbar button,.html-visual-status button{color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:4px}.html-visual-toolbar button{border-radius:7px;place-items:center;width:27px;height:27px;display:grid}.html-visual-toolbar button:hover,.html-visual-status button:hover{color:var(--text-primary)}.html-visual-toolbar button:focus-visible{outline:2px solid var(--accent-info);outline-offset:2px}.html-visual-toolbar button:disabled{opacity:.45;cursor:default}.html-visual-content{position:relative}.html-visual-preview{cursor:pointer;background:0 0;border:0;border-radius:8px;width:100%;padding:0;display:block;overflow:hidden}.html-visual-preview img{width:100%;height:auto;display:block}.html-visual-preview:focus-visible{outline:2px solid var(--accent-info);outline-offset:2px}.html-visual-placeholder{position:absolute;inset:0;overflow:hidden}.html-visual-content iframe{background:0 0;border:0;width:100%;display:block}.html-visual-placeholder img{object-fit:contain;object-position:top;width:100%;display:block}.html-visual-status{color:var(--text-muted);padding:8px 0;font-size:12px}.html-visual-selection-receipt{color:var(--text-primary);align-items:center;gap:8px;padding:8px 0;font-size:13px;display:flex}.html-visual-selection-receipt span{overflow-wrap:anywhere;flex:1;min-width:0}.html-visual-selection-receipt button{color:var(--text-muted);font:inherit;background:0 0;border:0;padding:4px}