.tour-root{position:fixed;inset:0;z-index:90;background:rgba(30,16,42,.48);display:flex;align-items:center;justify-content:center;padding:20px;isolation:isolate}.tour-bubble{background:#fff9ff;border:1px solid #e2cff0;border-radius:26px;padding:22px;box-shadow:0 18px 70px #21102b44;max-width:440px;width:100%;max-height:70dvh;overflow:auto;color:#30223c;animation:tour-in .22s ease-out}.tour-bubble h2{font-size:24px;margin:12px 0}.tour-bubble p{line-height:1.6;margin-bottom:20px}.tour-top{display:flex;align-items:center;justify-content:space-between;color:#77558d;font-size:11px;letter-spacing:1px}.tour-bubble .btn{width:100%}.tour-skip{display:block;background:none;border:0;color:#77558d;text-decoration:underline;margin:15px auto 0;padding:10px;min-height:44px}.tour-choose{background:none;pointer-events:none;align-items:flex-end;padding-bottom:110px}.tour-choose .tour-bubble{pointer-events:auto;padding:15px 20px}.tour-focus{outline:3px solid #a365cb!important;outline-offset:5px;position:relative;z-index:91;background:#fff!important;border-radius:10px}.tour-root:has(.tour-bubble [data-tour-next]){align-items:flex-end}.swatches{min-height:30px}@keyframes tour-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.tour-bubble{animation:none}}
.tour-choose{position:static;display:block;padding:0;margin-bottom:18px}.tour-choose .tour-bubble{max-width:none}.tour-focus{pointer-events:none!important}
.tour-active{padding-bottom:calc(70dvh + 150px)}
.tour-canvas-guide{margin-bottom:10px}.tour-canvas-guide .tour-bubble{padding:10px 14px;box-shadow:none;border-radius:18px}.tour-canvas-guide h2{font-size:16px;margin:4px 0}.tour-canvas-guide p{font-size:12px;line-height:1.45;margin:5px 0}.tour-canvas-guide .tour-skip{display:none}.tour-canvas-guide .tour-top .icon-btn{width:32px;min-height:32px;height:32px}.canvas-page:has(.tour-canvas-guide){height:auto;min-height:0}.canvas-page:has(.tour-canvas-guide) .canvas-stage{flex:none;height:300px}