/* Alty Builder Guide v2 */
body.alty-sticker-builder-page .alty-stage-toolbar, body.alty-sticker-builder-page .alty-mobile-toolbar { flex-wrap: nowrap; overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; scrollbar-width: thin; }
body.alty-sticker-builder-page .alty-stage-toolbar button.abg-labeled, body.alty-sticker-builder-page .alty-mobile-toolbar button.abg-labeled { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; height: auto; min-height: 46px; padding: 5px 7px; width: auto; min-width: 52px; }
body.alty-sticker-builder-page .abg-label { font-size: 9px; line-height: 1; color: #6b7280; font-weight: 600; white-space: nowrap; pointer-events: none; letter-spacing: .01em; }

#abg-bubble { position: fixed; z-index: 100000; width: 300px; max-width: calc(100vw - 20px); background: #fff; border-radius: 14px; padding: 16px 16px 12px; box-shadow: 0 12px 40px rgba(15,10,35,.35), 0 0 0 1px rgba(124,58,237,.15); transition: left .25s ease, top .25s ease; }
#abg-bubble .abg-count { font-size: 11px; font-weight: 700; color: #8a86a3; margin-bottom: 4px; }
#abg-bubble .abg-title { margin: 0 0 6px; font-size: 16px; color: #241b52; font-weight: 800; }
#abg-bubble .abg-desc { margin: 0 0 12px; font-size: 13.5px; line-height: 1.5; color: #4b4763; }
#abg-bubble .abg-row { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
#abg-bubble .abg-nav { display: inline-flex; gap: 6px; }
#abg-bubble .abg-btn { border: none; border-radius: 999px; padding: 8px 16px; font-weight: 700; cursor: pointer; font-size: 13px; font-family: inherit; }
#abg-bubble .abg-next { background: #7c3aed; color: #fff; }
#abg-bubble .abg-next:hover { background: #6d28d9; }
#abg-bubble .abg-prev { background: #f1f0f5; color: #4b4763; }
#abg-bubble .abg-skip { background: none; color: #8a86a3; font-weight: 600; padding: 8px 4px; }
.abg-glow { outline: 3px solid #b8f53a !important; outline-offset: 2px; border-radius: 10px; }
#abg-help { position: fixed; left: 14px; bottom: 122px; z-index: 9500; width: 40px; height: 40px; border-radius: 50%; border: none; background: #7c3aed; color: #fff; font-size: 19px; font-weight: 800; cursor: pointer; box-shadow: 0 4px 14px rgba(0,0,0,.25); }
#abg-help:hover { background: #6d28d9; }
@media (max-width: 768px) {
  #abg-help { bottom: 126px; width: 36px; height: 36px; font-size: 17px; }
  #abg-bubble { width: 280px; }
  body.alty-sticker-builder-page .alty-stage-toolbar button.abg-labeled, body.alty-sticker-builder-page .alty-mobile-toolbar button.abg-labeled { min-width: 48px; }
}