#creation-tour{border:0;padding:0;border-radius:32px;width:min(960px,94vw);max-height:94dvh;margin:auto;color:#302747;background:#fff8ed;box-shadow:0 24px 100px #25154166;font-family:'Nunito',sans-serif;overflow:auto;overscroll-behavior:contain}
#creation-tour::backdrop{background:#281f3ac4;backdrop-filter:blur(7px)}
.tour-shell{padding:20px 28px;background:radial-gradient(circle at 95% 4%,#ffe591 0,transparent 27%),radial-gradient(circle at 0 70%,#d5f5eb 0,transparent 30%),#fff8ed}
.tour-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:800;letter-spacing:2px;color:#76638f}.tour-top button{border:0;background:white;border-radius:50%;height:38px;width:38px;font-size:18px;cursor:pointer}
.tour-copy{text-align:center;margin:0 0 12px}.tour-copy>span{font-weight:800;color:#9460ca;font-size:12px}.tour-copy h1{font-family:'Nunito',sans-serif;font-size:clamp(26px,4vw,40px);font-weight:900;letter-spacing:-1px;line-height:1.15;margin:5px 0}.tour-copy p{font-size:15px;color:#685976;margin-top:6px}
.tour-picture{position:relative;max-width:700px;margin:auto;aspect-ratio:1.6;border:6px solid white;border-radius:24px;box-shadow:0 7px 0 #e5d7f0;overflow:hidden;background:#f0dfbf}.tour-picture img{width:100%;height:100%;object-fit:contain;display:block}.tour-picture.changed{animation:tour-reveal .35s ease-out}
#tour-label{position:absolute;left:4%;bottom:6%;border-radius:18px;background:#ffdf66;color:#3b2c54;padding:10px 18px;font-weight:900;font-size:clamp(14px,2vw,21px);box-shadow:0 4px 0 #d7b955;transform:rotate(-2deg)}
#tour-pointer{position:absolute;width:12%;aspect-ratio:1;border:4px solid #ff5c98;box-shadow:0 0 0 7px #ff9bc544,0 0 22px #fff;border-radius:50%;transform:translate(-50%,-50%);animation:tour-pulse 1.5s infinite;pointer-events:none}
#tour-pointer::after{content:'↖';position:absolute;right:-19px;bottom:-23px;color:#fff;font-size:42px;font-weight:900;text-shadow:2px 2px #b34478}.tour-spark{position:absolute;right:3%;top:3%;color:#ffde59;font-size:44px;text-shadow:2px 2px #ae7aca;animation:tour-wiggle 2s infinite}
#tour-caption{display:none;text-align:center;font-size:14px;line-height:1.4;min-height:39px;margin:12px 0 0;font-weight:700}#creation-tour.captions #tour-caption{display:block}.tour-dots{display:flex;justify-content:center;gap:7px;margin:17px 0 12px}.tour-dots i{width:8px;height:8px;border-radius:9px;background:#dbcee9}.tour-dots i.active{width:25px;background:#9960d0}.tour-actions{display:flex;justify-content:center;align-items:center;gap:10px}.tour-actions button{font-family:inherit;font-size:15px;font-weight:900;border:0;padding:13px 20px;border-radius:22px;cursor:pointer;min-height:46px}#tour-play{color:white;background:#8551bd;box-shadow:0 4px #633692}#tour-explore{background:#c4f0df;color:#28584c}#tour-cc{background:white;color:#725389;padding:10px}#tour-cc[aria-pressed=true]{background:#ffdf66}.tour-note{text-align:center;font-size:11px;color:#7e718c;margin:12px 0 0}#creation-tour button:focus-visible{outline:3px solid #ef6f9a;outline-offset:3px}
#creation-tour.paused #tour-pointer,#creation-tour.paused .tour-spark{animation-play-state:paused!important}
@keyframes tour-pulse{50%{box-shadow:0 0 0 15px #ff9bc511,0 0 28px #fff}}@keyframes tour-wiggle{50%{transform:rotate(16deg) scale(1.12)}}@keyframes tour-reveal{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-height:760px) and (min-width:601px){.tour-picture{max-width:560px}.tour-shell{padding:12px 22px}.tour-copy h1{font-size:30px}.tour-note{margin-top:9px}.tour-dots{margin:12px 0 9px}}
@media(max-width:600px){#creation-tour{width:94vw;border-radius:24px}.tour-shell{padding:16px 12px}.tour-copy{margin:10px 0 18px}.tour-top{font-size:9px;letter-spacing:1px}.tour-picture{aspect-ratio:1.25}.tour-picture img{object-fit:contain}.tour-actions{flex-wrap:wrap;gap:8px}.tour-actions button{font-size:13px;padding:12px 15px}.tour-copy p{font-size:13px}.tour-picture #tour-label{padding:8px 12px;bottom:3%}.tour-note{font-size:10px}.header{padding:0 12px}.header-tools{gap:4px}.tool-btn{font-size:9px;letter-spacing:0;padding:8px}.breadcrumb{font-size:8px;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){#creation-tour *{animation:none!important;transition:none!important}}