.studio-tour-intro{display:flex;align-items:center;gap:12px;padding:14px 18px;margin-bottom:16px;border:1px solid var(--st-accent-border);background:var(--st-accent-soft);border-radius:14px;color:var(--st-ink)}.studio-tour-intro>span{flex:1}.studio-tour-intro b,.studio-tour-intro small{display:block}.studio-tour-intro small{color:var(--st-muted);font-size:12px;margin-top:4px}.studio-tour-target{outline:3px solid var(--st-accent,#8873ed)!important;outline-offset:4px;box-shadow:0 0 0 8px #8973ef22!important;scroll-margin:90px}.studio-tour-coach{position:fixed;z-index:10010;width:370px;box-sizing:border-box;border:1px solid var(--st-accent-border,#b9aaff);border-radius:18px;background:var(--st-surface,#fff);color:var(--st-ink,#273047);padding:20px;box-shadow:0 12px 60px #0005;font:14px/1.7 system-ui}.studio-tour-coach h3{font-size:18px;line-height:1.4;margin:14px 0 8px}.studio-tour-coach p{margin:0;color:var(--st-muted,#5e6a80)}.tour-top,.tour-controls{display:flex;align-items:center;gap:8px}.tour-top{justify-content:space-between;font-size:11px;color:var(--st-accent-ink,#6554c0)}.studio-tour-coach button{color:inherit;background:var(--st-raised,#f5f6fb);border:1px solid var(--st-border,#e0e4ed);border-radius:8px;padding:7px 10px;font:inherit;cursor:pointer;white-space:nowrap}.studio-tour-coach button.primary{background:var(--st-accent,#6554c0);color:var(--st-on-accent,white);border-color:transparent}.studio-tour-coach button:disabled{opacity:.45}.tour-progress{display:flex;gap:4px;margin:20px 0 12px}.tour-progress i{height:3px;background:var(--st-border);flex:1;border-radius:4px}.tour-progress i.current{background:var(--st-accent)}.tour-controls{font-size:12px}.tour-controls [data-tour-timer]{flex:1;font-size:10px;white-space:nowrap}.studio-tour-coach>small{display:block;font-size:10px;color:var(--st-muted);margin-top:12px}@media(max-width:650px){.studio-tour-intro{flex-wrap:wrap}.studio-tour-intro>span{flex-basis:100%}.studio-tour-coach{padding:16px;max-height:50dvh;overflow:auto}}

/* Spotlight has a real hole: the highlighted UI stays usable. */
.studio-tour-spotlight{position:fixed;inset:0;z-index:10000;pointer-events:none}.studio-tour-spotlight i{position:fixed;background:rgba(7,11,24,.62);pointer-events:auto}.studio-tour-spotlight b{position:fixed;box-sizing:border-box;border:2px solid #b7a4ff;border-radius:12px;box-shadow:0 0 0 3px #aa95ff30;pointer-events:none}.studio-tour-coach{width:390px;padding:18px;max-height:calc(100dvh - 24px);overflow:auto}.studio-tour-target{outline:none!important;box-shadow:none!important}.tour-coach-message{display:flex;gap:12px;align-items:flex-start;margin-top:14px}.tour-coach-message img{width:76px;height:92px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 4px 5px #0002)}.tour-coach-message h3{margin:0 0 8px;font-size:17px}.tour-coach-message p{font-size:13px;line-height:1.75}.tour-playback{display:flex;align-items:center;gap:8px;font-size:12px;margin-bottom:12px}.tour-playback [data-tour-timer]{flex:1;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--st-muted)}.tour-controls small{flex:1;font-size:10px;line-height:1.45;color:var(--st-muted)}.tour-hourglass{width:20px;height:25px;flex-shrink:0;color:var(--st-accent-ink,#6554c0)}.tour-hourglass-frame{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.tour-sand-top,.tour-sand-bottom{fill:currentColor;transform-box:fill-box}.tour-sand-top{transform-origin:bottom;transform:scaleY(var(--tour-remaining,1))}.tour-sand-bottom{transform-origin:bottom;transform:scaleY(calc(1 - var(--tour-remaining,1)))}.tour-sand-stream{stroke:currentColor;stroke-width:1.3;opacity:.2}.is-playing .tour-sand-stream{opacity:1;stroke-dasharray:2 2;animation:tour-sand-flow 1s linear infinite}@keyframes tour-sand-flow{to{stroke-dashoffset:-4}}@media(prefers-reduced-motion:reduce){.tour-sand-stream{animation:none!important}}@media(max-width:650px){.studio-tour-coach{max-height:55dvh;padding:14px}.tour-coach-message img{width:56px;height:76px}.tour-coach-message{gap:8px}.tour-coach-message h3{font-size:15px}.tour-coach-message p{font-size:12px}.tour-controls small{max-width:150px}.tour-progress{margin:12px 0}.tour-playback{font-size:11px;gap:5px}}
.studio-tour-spotlight>i,.studio-tour-spotlight>b{transition:left .42s cubic-bezier(.22,.7,.2,1),top .42s cubic-bezier(.22,.7,.2,1),width .42s cubic-bezier(.22,.7,.2,1),height .42s cubic-bezier(.22,.7,.2,1)}
.studio-tour-spotlight>b{border-color:#c6b8ff;animation:tour-glow 2.4s ease-in-out infinite}
.studio-tour-spotlight b em{position:absolute;display:block;font:normal 20px/1 system-ui;color:#eee7ff;filter:drop-shadow(0 0 5px #aa83ff);animation:tour-sparkle 2.4s ease-in-out infinite}
.studio-tour-spotlight b em:nth-child(1){left:-9px;top:-10px}
.studio-tour-spotlight b em:nth-child(2){right:-9px;top:-10px;animation-delay:.6s}
.studio-tour-spotlight b em:nth-child(3){right:-9px;bottom:-10px;animation-delay:1.2s}
.studio-tour-spotlight b em:nth-child(4){left:-9px;bottom:-10px;animation-delay:1.8s}
.studio-tour-coach{transition:left .42s cubic-bezier(.22,.7,.2,1),top .42s cubic-bezier(.22,.7,.2,1);border-color:#b7a1ed;box-shadow:0 16px 60px #080d244d}
.tour-coach-message{animation:tour-message-in .35s ease-out}
.tour-coach-message img{animation:tour-coach-float 3.2s ease-in-out infinite}
.tour-tip{display:block;font-size:11px;line-height:1.6;padding:7px 9px;margin-top:10px;background:var(--st-accent-soft,#f1edfc);color:var(--st-accent-ink,#6554c0);border-radius:7px}
.tour-progress i.done{background:var(--st-accent,#8873ed);opacity:.4}
.tour-progress i.current{position:relative;background:var(--st-border,#e0e4ed);overflow:hidden}
.tour-progress i.current:after{content:'';position:absolute;inset:0;background:var(--st-accent,#8873ed);transform:scaleX(calc(1 - var(--tour-remaining,1)));transform-origin:left}
@keyframes tour-message-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes tour-coach-float{50%{transform:translateY(-4px) rotate(-2deg)}}
@keyframes tour-sparkle{0%,100%{opacity:.45;transform:scale(.75)}50%{opacity:1;transform:scale(1.1)}}
@keyframes tour-glow{0%,100%{box-shadow:0 0 0 3px #aa95ff25,0 0 12px #aa95ff40}50%{box-shadow:0 0 0 5px #aa95ff40,0 0 26px #aa95ff65}}
@media(prefers-reduced-motion:reduce){.studio-tour-spotlight>i,.studio-tour-spotlight>b,.studio-tour-coach{transition:none;animation:none}.studio-tour-spotlight b em,.tour-coach-message,.tour-coach-message img{animation:none}}