body.preview-mode .workspace,
body.preview-mode .workspace.ai-closed { grid-template-columns: 224px minmax(0, 1fr); }
body.preview-mode .assistant-panel,
body.preview-mode #assistantToggle,
body.preview-mode .ask-chapter { display: none !important; }
.preview-badge { margin-left: auto; padding: 6px 10px; border: 1px solid #c8d9ce; border-radius: 6px; background: #eef4ed; color: #275c4c; font-size: 11px; line-height: 1.4; white-space: nowrap; }
@media (max-width: 850px) {
  body.preview-mode .workspace,
  body.preview-mode .workspace.ai-closed { grid-template-columns: minmax(0, 1fr); }
  .preview-badge { font-size: 10px; padding: 5px 7px; }
}
@media (max-width: 570px) {
  .preview-badge { order: 3; flex-basis: auto; margin-left: 0; margin-right: auto; font-size: 9px; }
}