.feature-tour{color:var(--ui-text,#eff4fa);background:var(--ui-bg,#202832);border:1px solid #58b6ff77;border-radius:14px;padding:16px;box-shadow:0 10px 32px #0005;z-index:25}.feature-tour[hidden]{display:none}.guide-tour{margin:10px 10px 4px;position:relative}.gallery-tour{position:fixed;right:24px;bottom:calc(max(10px,env(safe-area-inset-bottom)) + 135px);width:340px;max-width:calc(100vw - 28px)}.tour-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.tour-count{font-size:12px;font-weight:600;letter-spacing:.3px;color:#92cfff}.tour-skip{font:inherit;font-size:12px;color:#a6b2c1;background:none;border:0;cursor:pointer;padding:4px}.feature-tour h2{margin:10px 0 7px;font-size:18px;font-weight:600;line-height:1.3}.tour-text{font-size:14px;line-height:1.55;margin:0 0 14px}.tour-actions{display:flex;justify-content:space-between;gap:14px}.tour-actions button{font:inherit;font-size:14px;min-height:36px;border-radius:7px;padding:6px 14px;border:1px solid #4e647e;background:#293a50;color:#d6e3f4;cursor:pointer}.tour-actions button:disabled{opacity:.4;cursor:default}.tour-actions .tour-next{background:#b5daff;border-color:#b5daff;color:#173b5d;font-weight:600}.tour-highlight{outline:2px solid #58b6ff!important;outline-offset:5px;box-shadow:0 0 0 6px #58b6ff20!important}.hotspot.tour-highlight{outline-offset:1px}.tour-help{font:inherit;font-size:17px;line-height:1;border:1px solid #58677a90;border-radius:50%;color:#a6b2c1;background:#202832;width:30px;height:30px;cursor:pointer}.chooser>.tour-help{position:absolute;right:27px;top:calc(env(safe-area-inset-top) + 76px)}.step-nav:not([hidden]) #auto:not(.playing){animation:walkthrough-pulse 2.8s ease-in-out infinite}.step-nav:not([hidden]) #auto.playing{animation:none}.guide-tour .tour-actions button:focus-visible,.tour-help:focus-visible{outline:2px solid #58b6ff;outline-offset:3px}@keyframes walkthrough-pulse{0%,100%{box-shadow:0 0 0 0 #58b6ff00;color:#bdcbda}50%{box-shadow:0 0 0 4px #58b6ff25;color:#94d2ff}}[data-theme=light] .feature-tour{background:#fff;color:#253448;box-shadow:0 10px 32px #243f6125}[data-theme=light] .tour-count{color:#245d97}[data-theme=light] .tour-skip{color:#62758e}[data-theme=light] .tour-help{background:white;color:#617085}[data-theme=light] .tour-actions button{background:#e6eef8;color:#365572;border-color:#bacce0}[data-theme=light] .tour-actions .tour-next{background:#235e95;color:white;border-color:#235e95}@media(max-width:760px){.gallery-tour{right:14px;bottom:calc(max(10px,env(safe-area-inset-bottom)) + 135px);width:320px}.guide-tour{padding:12px;margin:8px 8px 2px}.feature-tour h2{font-size:17px;margin-top:7px}.tour-text{margin-bottom:10px;line-height:1.45}.search-box{gap:10px}}@media(max-width:560px){.chooser>.tour-help{right:14px;top:calc(env(safe-area-inset-top) + 52px);width:28px;height:28px}}@media(prefers-reduced-motion:reduce){.step-nav:not([hidden]) #auto{animation:none!important}}

/* Tours share reserved layout space with explanations, never the hardware. */
.gallery-tour{position:relative;right:auto;bottom:auto;width:min(340px,100%);margin:26px auto 0;flex-shrink:0}
.guide-tour{position:sticky;top:8px;z-index:12}
@media(max-width:760px){.stage:has(.guide-tour:not([hidden])){grid-template-rows:minmax(0,1fr) minmax(0,56%)}.gallery-tour{right:auto;bottom:auto;width:min(340px,100%)}}

/* Optional tour button stays visible in the top controls. */
.tour-help,.search-box .tour-help{width:auto;min-width:76px;height:36px;padding:0 10px;border:1px solid #58677a90;border-radius:18px;font-size:14px;line-height:1.2;white-space:nowrap;flex-shrink:0}
.chooser>.tour-help{right:74px;top:calc(env(safe-area-inset-top) + 27px)}
@media(max-width:560px){.chooser>.tour-help{right:54px;top:calc(env(safe-area-inset-top) + 10px);height:32px;width:auto}.search-box{gap:8px;padding-left:10px;padding-right:10px}.search-box .tour-help{min-width:72px;padding:0 8px}}