html body.studio dialog.welcome-guide{width:min(640px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:28px;box-sizing:border-box;color:var(--ink);background:var(--card)}
.welcome-guide::backdrop{background:#1119;backdrop-filter:blur(4px)}.guide-top{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;color:var(--soft)}
.guide-art{display:flex;align-items:center;gap:24px;min-height:150px;padding:24px;margin:18px 0;background:var(--accent-soft);border-radius:18px}.guide-art>img{width:92px;height:92px;flex:none;object-fit:contain;animation:guide-art-float 6s ease-in-out infinite}.guide-example{display:flex;flex-direction:column;gap:8px;flex:1}.guide-example>span{background:var(--card);border:1px solid var(--line);padding:8px 14px;border-radius:9px;font-size:13px}.guide-example>span:nth-child(2){margin-left:16px}.guide-example>span:nth-child(3){margin-left:32px}
.welcome-guide #guideTitle{font-size:clamp(22px,4vw,30px);line-height:1.2;margin:20px 0 14px;outline:none}.welcome-guide #guideText{font-size:14px;line-height:1.65}.guide-points{padding-left:22px;font-size:14px;line-height:1.65}.guide-points li{padding:4px 0}.guide-dots{display:flex;justify-content:center;gap:7px;margin:24px 0}.guide-dots i{width:6px;height:6px;border-radius:50%;background:var(--line)}.guide-dots i[data-active=true]{width:20px;border-radius:8px;background:var(--accent)}
.welcome-guide .modal-actions{display:flex;justify-content:space-between;gap:14px}html body.studio .welcome-guide .btn.ghost{background:var(--hover);color:var(--ink)}
@keyframes guide-art-float{50%{transform:translateY(-6px) rotate(2deg)}}
@media(max-width:520px){html body.studio dialog.welcome-guide{padding:20px}.guide-art{padding:16px;gap:16px;min-height:120px}.guide-art>img{width:60px;height:60px}.guide-points{font-size:13px}}
@media(prefers-reduced-motion:reduce){.guide-art>img{animation:none}}