/* Desktop preview chrome. Mobile keeps its existing header and floating zoom. */
@media (min-width: 1181px) {
  .create-header-toolbar-actions .td-compact-history-actions {
    display: inline-flex; align-items: center; gap: 6px;
  }
  .create-header-toolbar-actions .td-compact-history-action {
    display: inline-grid; width: 36px; height: 36px; padding: 0;
    border: 1px solid #e4dde1; border-radius: 9px;
    background: rgba(255, 255, 255, .94); color: #5d6673;
    cursor: pointer; place-items: center; box-shadow: 0 4px 12px rgba(36, 31, 32, .08);
  }
  .create-header-toolbar-actions .td-compact-history-action:disabled {
    color: #b6bac1; cursor: not-allowed; opacity: .62;
  }
  .create-header-toolbar-actions .td-compact-history-action .td-preview-svg-icon { width: 18px; height: 18px; }
  .create-header-toolbar-actions .td-compact-history-action:focus-visible { outline: 2px solid #c64b7f; outline-offset: 2px; }
  .td-editor-shell .td-preview-footer {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    flex: 0 0 44px; height: 44px; min-width: 0; box-sizing: border-box;
    border-top: 1px solid #e7e0e3; background: #fff; padding: 0 12px;
    font-size: 13px; color: #5f656d;
  }
  .td-preview-footer-status { display: flex; align-items: center; gap: 10px; min-width: 0; flex: 1; }
  .td-preview-footer .td-draft-status { font-size: inherit; flex: 0 1 auto; white-space: nowrap; }
  .td-preview-footer .td-draft-status > span:last-child { overflow: hidden; text-overflow: ellipsis; }
  .td-preview-footer-help { font-size: 12px; color: #68727d; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .td-preview-footer-controls { display: flex; align-items: center; gap: 10px; flex: none; }
  .td-preview-footer-size { white-space: nowrap; }
  button.td-preview-footer-size { font: inherit; font-size: 13px; font-weight: 700; color: inherit; padding: 4px 8px; border: 0; border-radius: 6px; background: transparent; cursor: pointer; }
  button.td-preview-footer-size:hover { background: #f4eef1; color: #9f315b; }
  .td-preview-footer .td-preview-zoom-controls { min-height: 32px; grid-template-columns: 30px 58px 30px; }
  .td-preview-footer .td-preview-zoom-button, .td-preview-footer .td-preview-zoom-value { min-height: 32px; font-size: 13px; }
  .td-preview-footer .td-preview-zoom-menu { top: auto; bottom: calc(100% + 8px); right: 0; }
}