/* Static outer frames for the Personal Premium customization live preview only.
   Fire and every avatar-border effect stay owned by their existing styles. */
.profile-customization-shell .profile-customization-preview[data-theme="radar-neon"],
.profile-customization-shell .profile-customization-preview[data-theme="electric-blue"],
.profile-customization-shell .profile-customization-preview[data-theme="hot-pink"],
.profile-customization-shell .profile-customization-preview[data-theme="purple-pulse"],
.profile-customization-shell .profile-customization-preview[data-theme="midnight"] {
  border-style: solid !important;
  border-width: 4px !important;
  border-color:
    color-mix(in srgb, var(--profile-customization-preview-theme) 96%, white 4%)
    var(--profile-customization-preview-theme)
    color-mix(in srgb, var(--profile-customization-preview-theme) 72%, #080a14 28%)
    color-mix(in srgb, var(--profile-customization-preview-theme) 90%, white 10%) !important;
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--profile-customization-preview-theme) 54%, white 46%),
    0 0 3px color-mix(in srgb, var(--profile-customization-preview-theme) 82%, white 18%),
    0 0 9px color-mix(in srgb, var(--profile-customization-preview-theme) 50%, transparent),
    0 0 19px color-mix(in srgb, var(--profile-customization-preview-theme) 30%, transparent),
    0 0 30px color-mix(in srgb, var(--profile-customization-preview-secondary) 14%, transparent),
    0 18px 48px rgba(4, 2, 12, .48) !important;
  outline: 1px solid color-mix(in srgb, var(--profile-customization-preview-theme) 58%, transparent) !important;
  outline-offset: 2px !important;
}

/* Stop only legacy theme-atmosphere motion on these live-preview surfaces.
   Static backgrounds, cover media, profile content, Fire, and avatar effects remain unchanged. */
.profile-customization-shell .profile-customization-preview[data-theme="radar-neon"]::before,
.profile-customization-shell .profile-customization-preview[data-theme="radar-neon"]::after,
.profile-customization-shell .profile-customization-preview[data-theme="electric-blue"]::before,
.profile-customization-shell .profile-customization-preview[data-theme="electric-blue"]::after,
.profile-customization-shell .profile-customization-preview[data-theme="hot-pink"]::before,
.profile-customization-shell .profile-customization-preview[data-theme="hot-pink"]::after,
.profile-customization-shell .profile-customization-preview[data-theme="purple-pulse"]::before,
.profile-customization-shell .profile-customization-preview[data-theme="purple-pulse"]::after,
.profile-customization-shell .profile-customization-preview[data-theme="midnight"]::before,
.profile-customization-shell .profile-customization-preview[data-theme="midnight"]::after {
  animation: none !important;
  animation-play-state: paused !important;
}