/* Desktop gallery CTA; mobile keeps its existing layout and appearance. */
@media (min-width:721px) {
 .finish-gallery .gallery-all {
  min-width:260px;
  min-height:62px;
  padding:17px 28px;
  gap:18px;
  border-radius:14px;
  border:1px solid rgba(var(--page-rgb),.5);
  background:linear-gradient(125deg,rgba(var(--page-rgb),.34),rgba(var(--page-rgb),.12) 58%,#ffffff09);
  color:var(--text);
  font-size:1rem;
  font-weight:600;
  box-shadow:inset 0 1px 0 #ffffff16,0 8px 28px #0002;
  transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;
 }
 .finish-gallery .gallery-all:not(:disabled):hover {
  background:linear-gradient(125deg,rgba(var(--page-rgb),.48),rgba(var(--page-rgb),.2) 58%,#ffffff10);
  border-color:var(--page-accent);
  color:var(--text);
  box-shadow:inset 0 1px 0 #ffffff20,0 10px 32px rgba(var(--page-rgb),.1);
 }
 .finish-gallery .gallery-all .gallery-count { min-width:30px; min-height:30px; display:grid; place-items:center; font-size:.8rem; border-radius:7px; background:#0003; }
 .finish-gallery .gallery-all:disabled { opacity:.45; cursor:default; box-shadow:none; }
}
@media (min-width:721px) and (prefers-reduced-motion:reduce) {
 .finish-gallery .gallery-all { transition:none; }
}
/* A clear gallery invitation immediately after the showcase. */
@media(min-width:721px){
 main>.managed-gallery{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding-top:26px;padding-bottom:40px;margin-top:0}
 main>.managed-gallery>div:first-child{display:none}
 main>.managed-gallery .gallery-all{min-width:340px;min-height:70px;font-size:1.08rem;padding:20px 36px;background:linear-gradient(120deg,rgba(var(--page-rgb),.55),rgba(var(--page-rgb),.22));border-color:rgba(var(--page-rgb),.7);box-shadow:0 10px 42px rgba(var(--page-rgb),.12),inset 0 1px 0 #ffffff30}
 main>.managed-gallery>[role=status]{margin:0;max-width:540px;font-size:.8rem;color:var(--muted)}
 main>.managed-gallery>[role=status]:empty{display:none}
 main>.managed-gallery>.managed-links[hidden]{display:none}
}
/* Stable hover area prevents the rotating button from moving out of hover. */
.gallery-cta-motion{display:contents}
@media(min-width:721px){
 main>.managed-gallery .gallery-cta-motion{display:flex;justify-content:center;align-items:center;padding:52px 24px;margin-block:-20px}
 main>.managed-gallery .gallery-all,
 main>.managed-gallery .gallery-all:not(:disabled):is(:hover,:focus-visible){position:relative;transform:rotate(0deg);transform-origin:center;background:linear-gradient(120deg,rgba(var(--page-rgb),.4),rgba(var(--page-rgb),.16));border-color:rgba(var(--page-rgb),.55);backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 #ffffff20,0 8px 28px #0002;transition:transform 1.6s cubic-bezier(.22,.61,.36,1),filter 1.6s ease,backdrop-filter 1.6s ease,box-shadow 1.6s ease}
 main>.managed-gallery .gallery-all::before{content:none}
 main>.managed-gallery .gallery-cta-motion:is(:hover,:has(:focus-visible)) .gallery-all:not(:disabled){transform:rotate(-2deg);filter:brightness(.96);backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 #ffffff28,0 8px 26px rgba(var(--page-rgb),.12)}
}
@media(min-width:721px) and (prefers-reduced-motion:reduce){main>.managed-gallery .gallery-all{transition:none}main>.managed-gallery .gallery-cta-motion:is(:hover,:has(:focus-visible)) .gallery-all:not(:disabled){transform:none}}

/* One restrained light pulse; transforms remain continuously reversible. */
@media(min-width:721px) and (prefers-reduced-motion:no-preference){main>.managed-gallery .gallery-cta-motion:is(:hover,:has(:focus-visible)) .gallery-all:not(:disabled){animation:gallery-cta-pulse 1.4s ease-out 1}}
@keyframes gallery-cta-pulse{0%,100%{box-shadow:inset 0 1px 0 #ffffff28,0 8px 26px rgba(var(--page-rgb),.12)}45%{box-shadow:inset 0 1px 0 #ffffff38,0 9px 30px rgba(var(--page-rgb),.2)}}
