.preview-status { max-width:var(--content-wide);width:100%;margin:0 auto;padding:var(--space-3) var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);border-bottom:1px solid var(--color-divider);color:var(--color-text-muted);font-size:.8125rem; }
.preview-status > div { display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap; }
.preview-status strong { color:var(--color-text); }
.preview-status__dot { width:7px;height:7px;border-radius:50%;background:var(--color-accent);flex-shrink:0; }
.preview-status button { display:flex;align-items:center;gap:var(--space-2);color:var(--color-primary);font-weight:700;min-height:44px;flex-shrink:0; }
.preview-status button svg { width:16px;height:16px; }
.preview-welcome { display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding:var(--space-5);margin-top:var(--space-6); }
.preview-welcome h2 { font-size:1.25rem;margin:var(--space-2) 0; }
.preview-welcome p { color:var(--color-text-muted);font-size:.9375rem;max-width:680px; }
.preview-welcome > button { flex-shrink:0; }
.preview-guide-heading { max-width:720px;margin-bottom:var(--space-6); }
.preview-guide-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5); }
.preview-guide-card { padding:var(--space-6);display:flex;align-items:flex-start;flex-direction:column; }
.preview-guide-icon { margin-top:var(--space-5);color:var(--color-primary); }
.preview-guide-icon svg { width:28px;height:28px; }
.preview-guide-card h2 { font-family:var(--font-display);font-size:1.375rem;margin:var(--space-3) 0; }
.preview-guide-card p,.preview-guide-help p { color:var(--color-text-muted);font-size:.9375rem; }
.preview-guide-actions { display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-5); }
.preview-guide-actions .btn { min-height:44px; }
.preview-guide-note { font-size:.8125rem!important;margin-top:var(--space-4); }
.preview-guide-help { padding:var(--space-5);margin-top:var(--space-5);display:flex;gap:var(--space-5);align-items:center;justify-content:space-between; }
.preview-guide-help h2 { font-size:1.125rem;margin-bottom:var(--space-2); }
.preview-guide-help .preview-guide-actions { flex-shrink:0;margin-top:0; }
.preview-guide-footer { margin-top:var(--space-5);display:flex;align-items:center;gap:var(--space-4); }
.preview-guide-footer p { font-size:.8125rem;color:var(--color-text-muted);max-width:680px; }
.header-explore--active { color:var(--color-primary);background:var(--color-surface-2); }
@media(max-width:700px) {
  .preview-guide-grid { grid-template-columns:1fr; }
  .preview-welcome,.preview-guide-help,.preview-guide-footer { flex-direction:column;align-items:flex-start; }
  .preview-guide-help .preview-guide-actions { flex-shrink:1; }
  .preview-guide-card { padding:var(--space-5); }
}
@media(max-width:520px) {
  .preview-status { align-items:flex-start;gap:var(--space-2); }
  .preview-status > div { gap:6px; }
  .preview-status > div > span:last-child { flex-basis:100%; }
  .preview-status button { font-size:.75rem;gap:4px; }
  .app-header__actions .icon-btn--dot-wrap { display:none; }
  .preview-welcome > button { width:100%; }
  .preview-guide-heading .fx-kicker { overflow-wrap:anywhere; }
}