#previewDialog[open]{display:flex;flex-direction:column;max-height:calc(100dvh - 32px);overflow:hidden}
#previewDialog>.preview-toolbar,#previewDialog>.dialog-actions{flex:0 0 auto}
#previewDialog>.preview-toolbar{border-bottom:1px solid #3a4732}
#previewDialog .preview-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-color:#75876a #1b2318}
#previewDialog #previewMedia{aspect-ratio:auto;min-height:120px;display:flex;align-items:center;justify-content:center;overflow:hidden}
#previewDialog #previewMedia>img,#previewDialog #previewMedia>video{display:block;width:100%;height:auto;max-height:45dvh;object-fit:contain}
#previewDialog .preview-prompt-heading{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 23px 10px;background:#20281e;border-bottom:1px solid #3a4732}
#previewDialog .preview-prompt-heading h2{margin:0;font-size:14px;font-weight:500;color:#e0e7da}
#previewDialog .preview-prompt-heading p{margin:4px 0 0;font-size:11px;color:#9dae92}
#previewDialog .preview-prompt-heading button{flex-shrink:0;font-size:12px}
#previewDialog #previewInfo{padding:14px 23px 18px;font-size:13px;line-height:1.9}
#previewDialog #previewPrompt{max-height:none;overflow:visible;white-space:pre-wrap;overflow-wrap:anywhere;user-select:text}
#previewDialog>.dialog-actions{margin:0;padding:12px 23px;border-top:1px solid #3a4732;background:#20281e;flex-wrap:wrap}
@media(max-width:480px){
  #previewDialog[open]{max-height:calc(100dvh - 16px)}
  #previewDialog #previewMedia>img,#previewDialog #previewMedia>video{max-height:38dvh}
  #previewDialog .preview-prompt-heading{padding:12px 16px 10px;gap:8px}
  #previewDialog .preview-prompt-heading button{font-size:11px;padding:7px 9px}
  #previewDialog #previewInfo{padding:12px 16px 16px;font-size:12px}
  #previewDialog>.dialog-actions{padding:10px 16px}
}