/* Nur Preview (1.7). Wird mit build.py --live nicht eingebunden. */
.preview-panel {
  position: fixed; right: 12px; bottom: 12px; z-index: 10000; width: 248px; max-height: calc(100vh - 24px); overflow: auto;
  padding: 12px; background: #fff; color: #16171A; border: 1px solid #16171A; border-radius: 4px;
  font: 12px/1.3 "IBM Plex Mono", monospace;
}
.preview-panel__titel { margin: 0 0 8px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; }
.preview-panel fieldset { margin: 0 0 8px; padding: 0; border: 0; display: flex; flex-wrap: wrap; gap: 4px; }
.preview-panel legend { width: 100%; margin-bottom: 4px; color: #5F5D58; }
.preview-panel button { padding: 5px 8px; border: 1px solid #D6D1C6; border-radius: 2px; background: #F3F0EA; font: inherit; }
.preview-panel button[aria-pressed="true"] { background: #16171A; color: #fff; border-color: #16171A; }
.preview-panel__zu { position: absolute; top: 8px; right: 8px; }
.preview-panel.is-zu { width: auto; }
.preview-panel.is-zu fieldset { display: none; }
@media (max-width: 767px) { .preview-panel { bottom: 84px; } }