.splat-tutorial-overlay{position:absolute;top:var(--splat-top-space,0);right:var(--splat-bleed,var(--splat-side-space,0));bottom:0;left:var(--splat-bleed,var(--splat-side-space,0));pointer-events:none;z-index:25;overflow:hidden}.splat-viewer-wrapper.is-fullscreen .splat-tutorial-overlay{top:0;right:0;left:0}.splat-tutorial-overlay,.splat-tutorial-overlay *{pointer-events:none!important}.splat-tutorial-pointer-container{position:absolute;top:0;left:0;transform:translate3d(-50%,-50%,0);will-change:transform,opacity;opacity:0;transition:opacity .35s ease}.splat-tutorial-pointer-container.is-visible{opacity:1}.splat-tutorial-pointer-img{width:38px;height:auto;display:block;filter:drop-shadow(0 6px 14px rgba(0, 0, 0, .55));user-select:none;-webkit-user-drag:none;transform-origin:24px 12px;transition:transform .18s cubic-bezier(.16, 1, .3, 1)}.splat-tutorial-pointer-container.is-grabbing .splat-tutorial-pointer-img{transform:scale(.92) rotate(-4deg)}.splat-tutorial-ripple{position:absolute;top:8px;left:16px;width:48px;height:48px;margin-top:-24px;margin-left:-24px;border-radius:50%;border:1.5px solid #00e5ff;background:radial-gradient(circle,rgba(0,229,255,.28) 0,rgba(0,229,255,0) 65%);opacity:0;transform:scale(.2);pointer-events:none}.splat-tutorial-ripple.animate-ripple{animation:splatTutorialRippleAnim .75s cubic-bezier(.1,.8,.25,1) forwards}@keyframes splatTutorialRippleAnim{0%{opacity:.95;transform:scale(.2);border-width:2px}40%{opacity:.65;border-width:1.5px}100%{opacity:0;transform:scale(2.6);border-width:.5px}}.splat-tutorial-bubble{position:absolute;bottom:100%;left:19px;transform:translate(-50%,-12px);background:var(--color-gray-200);color:var(--color-primary-dark);font-family:var(--font-primary, 'Inter', -apple-system, sans-serif);font-size:.88rem;font-weight:600;padding:10px 18px;border-radius:24px;white-space:nowrap;box-shadow:0 10px 30px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.18);display:flex;align-items:center;gap:8px;opacity:0;transition:opacity .3s ease,transform .3s cubic-bezier(.16, 1, .3, 1)}.splat-tutorial-pointer-container.is-visible .splat-tutorial-bubble{opacity:1;transform:translate(-50%,-18px)}.splat-tutorial-bubble::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border-width:7px 7px 0 7px;border-style:solid;border-color:var(--color-gray-200) transparent transparent transparent}.splat-tutorial-bubble i{color:var(--color-primary-dark);font-size:1.15rem;transition:transform .25s ease}.splat-tutorial-bubble span{transition:opacity .2s ease}.splat-tutorial-pointer-container.is-bubble-below .splat-tutorial-bubble{bottom:auto;top:100%;transform:translate(-80%,12px)}.splat-tutorial-pointer-container.is-bubble-below.is-visible .splat-tutorial-bubble{transform:translate(-80%,18px)}.splat-tutorial-pointer-container.is-bubble-below .splat-tutorial-bubble::after{top:auto;bottom:100%;left:80%;border-width:0 7px 7px 7px;border-style:solid;border-color:transparent transparent var(--color-gray-200) transparent}.splat-tutorial-pointer-container.is-bubble-below{animation:splatTutorialPointBounce 1.3s infinite ease-in-out}@keyframes splatTutorialPointBounce{0%,100%{transform:translate3d(-50%,-50%,0) translateY(0)}50%{transform:translate3d(-50%,-50%,0) translateY(-7px)}}