/* This widget overrides the earlier automatic-tour strip without changing the studio. */
#tour-status.guided-tour{position:fixed;display:flex;flex-direction:column;gap:0;top:157px;left:3%;right:auto;bottom:auto;transform:none;z-index:11;width:320px;min-width:0;max-width:calc(100vw - 48px);padding:0;background:#102536f5;border:1px solid #7bb6cf66;border-radius:9px;box-shadow:0 10px 36px #0005;font-family:'DM Sans',sans-serif;color:#e2f2fa;overflow:hidden}
#tour-status.guided-tour>div{height:auto;grid-column:auto;grid-row:auto;background:none}
#tour-status.guided-tour .guided-tour-heading{position:static;display:flex;align-items:center;justify-content:space-between;gap:8px;height:auto;min-height:36px;margin:0;padding:7px 12px;border-bottom:1px solid #7bb6cf33;letter-spacing:.06em;background:#173246}
#tour-status.guided-tour .guided-tour-heading>span{font:8px 'IBM Plex Mono',monospace;color:#9dcbdc;letter-spacing:.08em}
#tour-status.guided-tour button{font-family:inherit;font-size:11px;color:#cfebf7;border-radius:4px;min-height:34px;padding:7px 9px;line-height:1.2;white-space:nowrap}
#tour-status.guided-tour button:focus-visible{outline:2px solid #9ae4ed;outline-offset:-2px}
#tour-status.guided-tour .guided-end{font-size:10px;color:#b1c9d9;min-height:30px;padding:5px 6px}
#tour-status.guided-tour .guided-tour-story{padding:13px 14px 10px}
#tour-status.guided-tour .guided-step-count{font:8px 'IBM Plex Mono',monospace;letter-spacing:.12em;color:#77d5e2}
#tour-status.guided-tour .guided-step-title{font:500 19px/1.3 Manrope,sans-serif;color:#ecf9ff;letter-spacing:-.025em;margin:8px 0}
#tour-status.guided-tour .guided-step-caption{font-size:11px;line-height:1.7;color:#b2cada;margin:0}
#tour-status.guided-tour .guided-progress-track{height:2px;background:#416075;margin:1px 14px 0;flex-shrink:0}
#tour-status.guided-tour .guided-progress-fill{display:block;width:100%;height:100%;transform-origin:left;transform:scaleX(0);background:#8ce0eb}
#tour-status.guided-tour .guided-tour-controls{display:flex;align-items:center;gap:3px;padding:8px 8px 9px;background:#0b1c2b88}
#tour-status.guided-tour .guided-pause{color:#8ee1eb;background:#21485d;border:1px solid #75b3cb44}
#tour-status.guided-tour .guided-next{margin-left:2px;color:#e7f9ff}
#tour-status.guided-tour .guided-previous:disabled{opacity:.35}
#tour-status.guided-tour .guided-time{margin-left:auto;padding-right:4px;color:#80a8bf;font:9px 'IBM Plex Mono',monospace}
@media(max-width:760px){
  #tour-status.guided-tour{top:133px;left:5%;right:5%;width:auto;max-width:none;max-height:22dvh;border-radius:7px}
  #tour-status.guided-tour .guided-tour-heading{padding:0 9px;min-height:44px;flex-shrink:0}
  #tour-status.guided-tour .guided-tour-heading>span{font-size:7px}
  #tour-status.guided-tour .guided-end{min-height:44px;min-width:44px;font-size:9px}
  #tour-status.guided-tour .guided-tour-story{padding:6px 11px 7px;overflow:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#5c8197 transparent}
  #tour-status.guided-tour .guided-step-count{font-size:7px;float:right;line-height:17px;margin-left:6px}
  #tour-status.guided-tour .guided-step-title{font-size:14px;line-height:1.35;margin:0 0 4px}
  #tour-status.guided-tour .guided-step-caption{font-size:10px;line-height:1.55}
  #tour-status.guided-tour .guided-progress-track{margin:0 10px;height:2px}
  #tour-status.guided-tour .guided-tour-controls{padding:2px 7px;gap:3px;flex-shrink:0}
  #tour-status.guided-tour .guided-tour-controls button{min-height:44px;min-width:61px;font-size:10px;padding:8px}
  #tour-status.guided-tour .guided-time{font-size:8px}
}
@media(max-height:640px) and (min-width:761px){#tour-status.guided-tour{top:112px;width:290px;max-height:calc(100dvh - 208px)}#tour-status.guided-tour .guided-tour-story{overflow:auto;min-height:0}#tour-status.guided-tour .guided-tour-heading,#tour-status.guided-tour .guided-tour-controls{flex-shrink:0}}
@media(prefers-reduced-motion:reduce){#tour-status.guided-tour *{transition:none!important;animation:none!important}}
