/* Fonts folder and font preview */
.fonts-window .resize-handle { display: none; }
.fonts-body { flex: 1; min-height: 0; display: flex; flex-direction: column; gap: 6px; padding: 8px; background: #ece9d8; font: 11px Tahoma, Verdana, Arial, sans-serif; }
.fonts-list { flex: none; height: 150px; margin: 0; padding: 2px; list-style: none; overflow: auto; background: #fff; border: 1px solid #7f9db9; }
.fonts-list button { width: 100%; display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 6px; padding: 2px 4px; text-align: left; background: none; border: 1px solid transparent; font: 11px Tahoma, sans-serif; cursor: default; }
.fonts-list button i { font-style: normal; font-size: 15px; }
.fonts-list button small { color: #666; }
.fonts-list button[aria-pressed="true"] { background: #316ac5; color: #fff; }
.fonts-list button[aria-pressed="true"] small { color: #dfe8f8; }
.fonts-pane { flex: 1; min-height: 0; display: flex; flex-direction: column; gap: 4px; }
.fonts-pane h2 { margin: 0; font-size: 12px; }
.fonts-pane p { margin: 0; color: #444; }
.fonts-sample { flex: 1; min-height: 60px; margin: 0; padding: 6px; overflow: auto; background: #fff; border: 1px solid #7f9db9; line-height: 1.3; word-break: break-word; }
.fonts-foot { display: flex; align-items: center; gap: 6px; }
.fonts-foot button { margin-left: auto; font: 11px Tahoma, sans-serif; padding: 2px 8px; }
.fonts-foot button + button { margin-left: 0; }