:root { color-scheme: light dark; }
.event-cover-frame, #guest-hero {
  position: relative; width: 100%; aspect-ratio: 3 / 4;
  min-height: 0 !important; margin-inline: auto; overflow: hidden;
}
.event-cover-frame img, #guest-cover {
  position: absolute !important; inset: 0; width: 100% !important; height: 100% !important;
  max-height: none !important; object-fit: cover !important;
}
.guest-preview-actions { position: static; padding: 0; background: transparent; box-shadow: none; }
#guest-preview > .shadow-soft, .guest-preview-actions > button { box-shadow: none !important; }
@media (prefers-color-scheme: dark) {
  :root { --page: #121016; --surface: #1d1a23; --raised: #302b3b; --ink: #f0ecf5; --muted: #d2cadc; --edge: #4c4458; }
  body { background: var(--page) !important; color: var(--ink) !important; }
  .panel, .event-card, .icon-btn, .field, .bg-white { background: var(--surface) !important; color: var(--ink); }
  .bg-gray-50, .bg-gray-100, .bg-violet-50, .bg-violet-100, .bg-pink-50, .bg-pink-100, .bg-amber-100,
  [class~="bg-[#f7f6fb]"] { background-color: var(--raised) !important; }
  .text-ink, .text-gray-700, .text-gray-800, .text-gray-900 { color: var(--ink) !important; }
  .field-label, .text-gray-400, .text-gray-500, .text-gray-600 { color: var(--muted) !important; }
  .text-brand, .tool i { color: #b9aaff !important; }
  .text-pink-500, .text-pink-600 { color: #ffadd5 !important; }
  .text-amber-800 { color: #ffdea0 !important; }
  .bg-green-100 { background-color: #173728 !important; }
  .text-green-600, .text-green-700 { color: #8ce3a9 !important; }
  .text-red-500 { color: #ffb4ab !important; }
  .border, .border-t, .border-b, .panel, .event-card, .field, .tool, .icon-btn { border-color: var(--edge) !important; }
  .bg-gray-200 { background-color: var(--edge) !important; }
  input, textarea, select { background-color: var(--surface); color: var(--ink); border-color: var(--edge); }
  input::placeholder, textarea::placeholder { color: #a89fb5; }
  .tool:hover { background: var(--raised); }
  .field:focus { border-color: #b9aaff !important; }
  /* Canvas contents are event artwork; retain the host's chosen floor and object colors. */
}