/* The Profile editor clones the real Yap glow controls and shares their
   buttons, color rows, picker, spacing and palette limits. */
#plusProfileGlowBlock {
  min-width: 0;
  margin-top: 14px;
}
#plusProfileGlowStatus:empty { display: none !important; }
#plusProfileGlowBlock .plus-hex-input { min-width: 0; }
#plusProfileGlowBlock .glow-color-list {
  max-height: 260px;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior-y: contain;
  scrollbar-width: thin;
}

/* A plain profile uses a masked outline. A framed profile uses the existing
   frame aura masks, so the glow follows every ornament instead of drawing a
   second rectangle through the artwork. */
#profileViewSection.has-profile-glow {
  overflow: visible !important;
  min-height: 0 !important;
}
#profileViewSection.has-profile-glow > .profile-background-frame-outer {
  position: absolute !important;
  inset: -11px !important;
  z-index: 3 !important;
  overflow: visible !important;
  border-radius: inherit !important;
  isolation: isolate !important;
  pointer-events: none !important;
}
#profileViewSection > .profile-background-frame-outer.profile-outline-glow-layer,
#plusCanvasFrame.profile-outline-glow-layer {
  inset: 0 !important;
}
.profile-outline-glow-rim,
.profile-outline-glow-aura {
  position: absolute;
  inset: 0;
  box-sizing: border-box;
  padding: 1px;
  border-radius: inherit;
  background: var(--yap-edge-paint);
  pointer-events: none;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
}
.profile-outline-glow-aura {
  inset: -1px;
  padding: 2px;
  filter: blur(4px) brightness(1.3);
}
#profileViewSection:is(.has-profile-frame,.has-profile-glow) > .profile-background-layer {
  overflow: hidden !important;
}
#profileModal > .profile-modal.has-profile-glow:not(.profile-editing-active) {
  overflow: visible !important;
  max-height: none !important;
  min-height: 0 !important;
  height: auto !important;
}
#profileModal > .profile-modal.has-profile-glow #profileViewSection.plus-background-active {
  min-height: 0 !important;
}