.document-preview-tools { margin-top: 22px; padding: 16px; border: 1px solid var(--line, #e1e4e8); border-radius: 8px; background: var(--surface-muted, var(--paper, #f6f7f8)); }
.document-preview-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-bottom: 13px; }
.document-preview-toolbar h3 { margin: 0; font-size: calc(14px * var(--ui-type-scale, 1)); }
.document-preview-language { display: flex; align-items: center; gap: 9px; font-size: calc(11px * var(--ui-type-scale, 1)); color: var(--muted, #697078); }
.document-preview-language select { width: 138px; min-width: 0; min-height: 34px; padding: 7px 9px; font-size: calc(12px * var(--ui-type-scale, 1)); }
.document-preview-tools .config-note { margin-bottom: 0; }
.document-preview-status { margin: 9px 0 0; }
.document-preview-status:empty, .document-preview-tools [data-preview-error]:empty { display: none; }
.document-preview-tools [data-preview-error] { margin-top: 12px; }
.document-preview-tools button:disabled { cursor: default; }
.document-preview-tools button[aria-busy="true"] { cursor: wait; }
.document-preview-dialog[open] { display: flex; flex-direction: column; max-height: 94vh; max-height: 94dvh; }
.document-preview-dialog .modal-head, .document-preview-dialog .modal-footer { flex-shrink: 0; }
.document-preview-dialog .modal-body { min-height: 0; display: flex; flex-direction: column; overflow: auto; }
.document-preview-frame-holder { min-height: 240px; flex: 1 1 auto; }
.document-preview-frame-holder iframe { display: block; width: 100%; height: min(68vh, 850px); height: min(68dvh, 850px); min-height: 240px; border: 1px solid var(--line, #e1e4e8); border-radius: 5px; background: white; }
@media (max-width: 760px) {
  .document-preview-tools { padding: 13px; }
  .document-preview-toolbar { align-items: flex-start; flex-direction: column; }
  .document-preview-tools .actions { gap: 7px; }
  .document-preview-tools .actions .btn { padding: 8px 10px; }
}