.a-sun-studio .astudio-onboarding{position:fixed;bottom:calc(140px + env(safe-area-inset-bottom, 0px));inset-inline-end:24px;z-index:9000;display:flex;flex-direction:column;gap:10px;width:min(320px, calc(100vw - 32px));max-height:calc(100vh - 200px);max-height:calc(100dvh - 200px);overflow-y:auto;padding:16px;background:var(--astudio-popover);border:1px solid var(--astudio-border);border-inline-start:3px solid var(--color-primary);border-radius:0 7px 0 7px;box-shadow:0 18px 40px rgb(0 0 0 / .45);color:var(--astudio-text);animation:astudio-onboarding-in 0.3s ease}.a-sun-studio .astudio-onboarding.is-done{border-inline-start-color:var(--astudio-success)}.a-sun-studio .astudio-onboarding-header{display:flex;align-items:center;gap:8px}.a-sun-studio .astudio-onboarding-badge{font-size:.72rem;padding:3px 8px;color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 16%,transparent);border-radius:0 7px 0 7px}.a-sun-studio .astudio-onboarding-count{margin-inline-start:auto;font-size:.72rem;color:var(--astudio-muted)}.a-sun-studio .astudio-onboarding-close{background:#fff0;border:none;padding:2px 6px;font-size:1rem;line-height:1;color:var(--astudio-muted);cursor:pointer}.a-sun-studio .astudio-onboarding-close:hover{color:var(--astudio-error)}.a-sun-studio .astudio-onboarding-title{margin:0;font-size:.95rem;font-weight:700;line-height:1.7}.a-sun-studio .astudio-onboarding-text{margin:0;font-size:.82rem;line-height:1.9;color:var(--astudio-muted)}.a-sun-studio .astudio-onboarding-dots{display:flex;gap:6px}.a-sun-studio .astudio-onboarding-dot{width:7px;height:7px;border-radius:50%;background:var(--astudio-border);transition:background 0.2s ease,transform 0.2s ease}.a-sun-studio .astudio-onboarding-dot.is-done{background:var(--astudio-success)}.a-sun-studio .astudio-onboarding-dot.is-current{background:var(--color-primary);transform:scale(1.25)}.a-sun-studio .astudio-onboarding-footer{display:flex;justify-content:flex-end}.a-sun-studio .astudio-onboarding-skip{background:#fff0;border:1px solid var(--astudio-border);color:var(--astudio-muted);padding:6px 12px;font-size:.75rem;font-family:inherit;cursor:pointer;border-radius:0 7px 0 7px;transition:border-color 0.2s ease,color 0.2s ease}.a-sun-studio .astudio-onboarding-skip:hover{border-color:var(--astudio-error);color:var(--astudio-error)}.a-sun-studio .astudio-onboarding-cta{background:color-mix(in srgb,var(--color-primary) 20%,transparent);border:1px solid var(--color-primary);color:var(--color-primary);padding:7px 14px;font-size:.8rem;font-family:inherit;cursor:pointer;border-radius:0 7px 0 7px}.a-sun-studio .astudio-onboarding-target{position:relative;z-index:8999;outline:2px solid var(--color-primary);outline-offset:3px;animation:astudio-onboarding-pulse 1.6s ease-in-out infinite}@keyframes astudio-onboarding-pulse{0%,100%{box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 26%,transparent)}50%{box-shadow:0 0 0 9px color-mix(in srgb,var(--color-primary) 10%,transparent)}}@keyframes astudio-onboarding-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (max-width:720px){.a-sun-studio .astudio-onboarding{bottom:calc(118px + env(safe-area-inset-bottom, 0px));inset-inline-start:12px;inset-inline-end:12px;width:auto;max-height:calc(100vh - 150px);max-height:calc(100dvh - 150px)}}@media (prefers-reduced-motion:reduce){.a-sun-studio .astudio-onboarding,.a-sun-studio .astudio-onboarding-target{animation:none}}