/* Shared glossy editor CTA: footer and floating shortcut use one component. */
.primary-cta{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:60px;max-width:100%;padding:17px 29px;background:linear-gradient(180deg,#626964 0%,#3c423e 13%,#252b27 49%,#171c19 53%,#292f2a 100%);color:#fff;border:1px solid #171d18;border-radius:999px;font-size:.9375rem;font-weight:600;line-height:1.35;letter-spacing:-.035em;text-shadow:0 1px 2px #0008;box-shadow:inset 0 1px 0 #ffffff80,inset 1px 0 0 #ffffff18,inset -1px 0 0 #ffffff18,inset 0 -1px 0 #0009,0 3px 0 #101611,0 4px 0 #8d938c,0 7px 10px #17201926,0 16px 26px -10px #17201945;transition:transform .2s,filter .2s,box-shadow .2s}.primary-cta::before{content:'';position:absolute;inset:1px 15% auto;height:1px;background:linear-gradient(90deg,transparent,#ffffff8c,transparent)}.primary-cta img{display:block;flex:none;filter:invert(1);object-fit:contain;transform:translateY(-1px)}@media(hover:hover){.primary-cta:hover{filter:brightness(1.12);transform:translateY(-2px)}}.primary-cta:active{transform:translateY(2px);box-shadow:inset 0 1px 0 #ffffff60,0 1px 0 #101611,0 2px 0 #8d938c,0 4px 8px #17201926}
.editor-shortcut {
  position: fixed;
  left: max(20px, env(safe-area-inset-left));
  bottom: max(20px, env(safe-area-inset-bottom));
  z-index: 60;
  max-width: calc(100vw - 112px - env(safe-area-inset-left) - env(safe-area-inset-right));
  font-family: Montserrat, sans-serif;
  text-decoration: none;
  touch-action: manipulation;
}
.editor-shortcut[hidden] { display: none !important; }
.editor-shortcut:focus-visible { outline: 2px solid #4f687e; outline-offset: 5px; }
.editor-shortcut > span { flex-shrink: 0; }
.editor-shortcut--home {
  left: 50%;
  translate: -50% 0;
  width: max-content;
  box-sizing: border-box;
  max-width: calc(100vw - 152px - env(safe-area-inset-left) - env(safe-area-inset-right));
  text-align: center;
  transition: opacity 180ms ease, visibility 0s, transform .2s, filter .2s, box-shadow .2s;
}
.editor-shortcut--home.is-at-footer {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 180ms ease, visibility 0s 180ms;
}
@media (max-width: 480px) {
  .editor-shortcut { padding: 12px 16px; gap: 8px; font-size: 12px; min-height: 56px; }
}
@media (prefers-reduced-motion: reduce) {
  .editor-shortcut--home, .editor-shortcut--home.is-at-footer { transition: none; }
}