.chat-html-preview{width:100%;min-width:0;overflow:hidden;border:1px solid var(--border,#d5dce5);border-radius:14px;background:var(--surface,#f4f6fa);margin:12px 0}.chat-html-preview-status{margin:0;padding:10px 14px;font-size:13px;font-weight:600;line-height:1.5}.chat-html-preview iframe{display:block;width:100%;height:560px;max-height:70vh;border:0;background:#fff}.message-bubble:has(.chat-html-preview){min-width:0;width:min(100%,960px);max-width:100%;overflow-wrap:anywhere}@media(max-width:600px){.chat-html-preview iframe{height:460px;max-height:65vh}.chat-html-preview-status{padding:9px 11px}.chat-html-preview{border-radius:10px}}
.chat-html-download{min-height:44px;margin:0 12px 10px;padding:8px 14px;border:1px solid var(--border,#d5dce5);border-radius:8px;background:var(--surface,#fff);color:inherit;cursor:pointer;font:inherit}

.chat-html-preview-stage{position:relative;height:560px;max-height:70vh;overflow:hidden;background:var(--surface,#f4f6fa)}
.chat-html-preview-stage iframe{position:absolute;inset:0;height:100%;max-height:none}
.chat-html-preview-stage iframe.chat-html-preview-pending{visibility:hidden;pointer-events:none}
@media(max-width:600px){.chat-html-preview-stage{height:460px;max-height:65vh}.chat-html-preview-stage iframe{height:100%;max-height:none}}