/* The interface is the demonstration. A small, branded companion stays alongside it. */
.workspace-tour[data-live=true] .tour-shade{background:transparent;opacity:1}
.workspace-tour[data-live=true] .tour-dim{fill:#292725;fill-opacity:.035}
.workspace-tour .tour-panel.tour-live{width:352px;border:1px solid var(--hm-line);border-radius:24px;background:var(--hm-paper);box-shadow:0 18px 60px #29272520,0 2px 6px #2927250a;scrollbar-gutter:auto;animation:none}
.workspace-tour .tour-panel.tour-live .tour-top{padding:8px 14px 0;background:transparent}
.workspace-tour .tour-panel.tour-live .tour-top>span{font-size:9px;letter-spacing:1px;color:var(--hm-muted)}
.workspace-tour .tour-panel.tour-live .tour-top button{background:transparent;width:44px;height:44px;font-size:25px}
.workspace-tour .tour-panel.tour-live .tour-body{padding:2px 20px 0}
.workspace-tour .tour-panel.tour-live .tour-eyebrow{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:650;letter-spacing:0;text-transform:none;color:var(--hm-muted);margin:0 0 10px}
.workspace-tour .tour-panel.tour-live .tour-eyebrow svg{width:21px;height:21px;flex:none}
.workspace-tour .tour-panel.tour-live h2{font-size:25px;line-height:1.12;letter-spacing:-.9px;color:var(--hm-ink)}
.workspace-tour .tour-panel.tour-live #tour-description{font-size:15px;line-height:1.5;letter-spacing:0;margin:12px 0 0;color:var(--hm-strong);min-height:45px}
.workspace-tour .tour-panel.tour-live .tour-journey{border:0;background:transparent;margin:4px 0 0;padding:0;min-height:44px;justify-content:space-between;flex-wrap:nowrap}
.workspace-tour .tour-panel.tour-live .tour-journey button{background:transparent;color:var(--hm-muted);font-size:12px;padding:10px 0 10px 14px;min-width:54px}
.workspace-tour .tour-panel.tour-live .tour-beats{display:flex;align-items:center;gap:5px;margin:0}
.workspace-tour .tour-panel.tour-live .tour-beats i{display:block;width:5px;height:5px;background:var(--hm-line);border-radius:6px;transition:width .25s,background .25s}
.workspace-tour .tour-panel.tour-live .tour-beats i.is-current{width:20px;background:var(--hm-ink)}
.workspace-tour .tour-panel.tour-live .tour-footer{padding:0 16px 12px;margin:12px 0 0;border:0;background:transparent}
.workspace-tour .tour-panel.tour-live .tour-progress{height:2px;margin-bottom:10px;background:var(--hm-line)}
.workspace-tour .tour-panel.tour-live .tour-progress i{background:var(--hm-ink)}
.workspace-tour .tour-panel.tour-live .tour-controls{flex-wrap:nowrap;gap:4px}
.workspace-tour .tour-panel.tour-live .tour-controls button{font-size:13px;padding:10px 12px;min-height:44px;border-radius:12px}
.workspace-tour .tour-panel.tour-live .tour-controls .tour-next{background:var(--hm-ink);color:var(--hm-paper)}
.workspace-tour .tour-panel.tour-live .tour-controls .tour-explore{font-size:12px;color:var(--hm-muted)}
/* Two offset capsules meet in the middle: no cursor, spotlight box, or mock screen. */
.workspace-tour .tour-ring{position:fixed;width:38px!important;height:38px!important;transform:translate(-50%,-50%);border:0;border-radius:50%;background:var(--hm-paper);box-shadow:0 0 0 5px #fdfdfba6,0 5px 18px #29272528;pointer-events:none;z-index:1}
.workspace-tour .tour-beacon-core{position:absolute;inset:0;display:block}
.workspace-tour .tour-beacon-core i{position:absolute;width:10px;height:24px;border-radius:8px;top:7px;left:9px;background:var(--hm-ink);transform:rotate(32deg)}
.workspace-tour .tour-beacon-core i:nth-child(2){left:20px;top:7px;background:var(--hm-dim);transform:rotate(32deg)}
.workspace-tour .tour-beacon-core b{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--hm-paper);left:17px;top:17px}
.workspace-tour .tour-beacon-ripple{position:absolute;inset:-5px;border:1px solid var(--hm-ink);border-radius:50%;animation:hm-guide-tap 2.8s ease-out 2;opacity:0}
.workspace-tour .tour-panel.tour-live{z-index:2}
@keyframes hm-guide-tap{0%,20%{opacity:0;transform:scale(.7)}30%{opacity:.35}75%,100%{opacity:0;transform:scale(1.6)}}
@media(max-width:680px){.workspace-tour .tour-panel.tour-live{width:calc(100vw - 32px);border-radius:22px}.workspace-tour .tour-panel.tour-live .tour-top{padding-top:4px}.workspace-tour .tour-panel.tour-live h2{font-size:23px}.workspace-tour .tour-panel.tour-live #tour-description{font-size:15px;margin-top:8px}.workspace-tour .tour-panel.tour-live .tour-eyebrow{margin-bottom:7px}.workspace-tour .tour-panel.tour-live .tour-footer{margin-top:8px;padding-bottom:10px}}
@media(max-height:450px){.workspace-tour .tour-panel.tour-live{width:320px}.workspace-tour .tour-panel.tour-live .tour-top{padding-top:0}.workspace-tour .tour-panel.tour-live .tour-body{padding-top:0}.workspace-tour .tour-panel.tour-live h2{font-size:21px}.workspace-tour .tour-panel.tour-live #tour-description{font-size:14px;margin-top:6px;min-height:0}.workspace-tour .tour-panel.tour-live .tour-eyebrow{margin-bottom:5px}.workspace-tour .tour-panel.tour-live .tour-footer{margin-top:6px;padding-bottom:8px}}
@media(prefers-reduced-motion:reduce){.workspace-tour .tour-beacon-ripple{animation:none}.workspace-tour .tour-beats i{transition:none}}

.workspace-tour .tour-panel.tour-live .tour-stop-label{flex:1;gap:8px;letter-spacing:0}
.workspace-tour .tour-stop-label svg{width:21px;height:21px;flex:none}
.workspace-tour .tour-stop-label strong{font-size:12px;font-weight:600;color:var(--hm-muted)}
.workspace-tour .tour-stop-label small{font-size:9px;letter-spacing:1px;margin-left:auto;color:var(--hm-muted)}
.workspace-tour .tour-panel.tour-live .tour-body{padding-top:8px}