.sh-guide-rail{position:fixed;top:50%;left:14px;z-index:25000;display:flex;flex-direction:column;gap:10px;width:190px;max-width:56vw;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.12);border-radius:14px;backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);box-shadow:0 18px 60px rgba(0,0,0,.35);overflow:visible;transition:left .22s ease,width .22s ease;transform:translateY(-50%) translateZ(0);will-change:left,width}
.sh-guide-rail__header{display:flex;padding:8px}
.sh-guide-rail__toggle{display:flex;align-items:center;justify-content:center;gap:0;flex:1 1 auto;border:0;background:transparent;color:#fff;padding:6px;font-weight:700;cursor:pointer;border-radius:12px}
.sh-guide-rail__toggle:hover{background:transparent}
.sh-guide-rail__toggle-logo{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 auto}
.sh-guide-rail__toggle-logo img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 6px 14px rgba(0,0,0,.35))}
.sh-guide-rail__toggle-logo .sh-gr-logo-flat{display:inline}
.sh-guide-rail__toggle-logo .sh-gr-logo-3d{display:none}
.sh-guide-rail__list{list-style:none;margin:0;padding:8px;display:flex;flex-direction:column;gap:6px}
.sh-guide-rail__link{display:flex;align-items:center;gap:10px;padding:10px 10px;border-radius:12px;text-decoration:none;color:rgba(255,255,255,.92);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);transition:background .15s ease,border-color .15s ease,transform .15s ease}
.sh-guide-rail__icon{width:18px;height:18px;opacity:.95}
.sh-guide-rail__label{font-size:13px;font-weight:600}

html.sh-menu-open .sh-guide-rail,
body.sh-menu-open .sh-guide-rail{display:none}

.sh-guide-rail.is-suppressed{display:none}

.sh-guide-rail{--sh-guide-collapsed:60px;--sh-guide-handle:46px}

/* Default collapsed (icons only) */
.sh-guide-rail.is-collapsed{width:var(--sh-guide-collapsed)}
.sh-guide-rail.is-collapsed .sh-guide-rail__label{display:none}
.sh-guide-rail.is-collapsed .sh-guide-rail__link{justify-content:center}
.sh-guide-rail.is-collapsed .sh-guide-rail__link{padding:12px}
.sh-guide-rail.is-collapsed .sh-guide-rail__toggle-logo{width:34px;height:34px}
.sh-guide-rail.is-collapsed .sh-guide-rail__toggle-logo .sh-gr-logo-flat{display:none}
.sh-guide-rail.is-collapsed .sh-guide-rail__toggle-logo .sh-gr-logo-3d{display:inline}

/* Full view shows labels + wider */
.sh-guide-rail.is-full{width:min(300px, 86vw)}
.sh-guide-rail.is-full .sh-guide-rail__label{display:inline}
.sh-guide-rail.is-full .sh-guide-rail__link{justify-content:flex-start}
.sh-guide-rail.is-full .sh-guide-rail__toggle-logo{width:100px;height:26px}
.sh-guide-rail.is-full .sh-guide-rail__toggle-logo .sh-gr-logo-flat{display:inline}
.sh-guide-rail.is-full .sh-guide-rail__toggle-logo .sh-gr-logo-3d{display:none}

/* Hidden off-canvas: rail moves out, only handle remains visible */
.sh-guide-rail__handle{display:none;position:fixed;left:10px;top:140px;width:var(--sh-guide-handle);height:56px;border:0;border-radius:999px;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%);box-shadow:0 12px 40px rgba(0,0,0,.35);cursor:pointer;z-index:25001}
.sh-guide-rail__handle img{width:100%;height:100%;object-fit:contain;padding:8px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.45))}

.sh-guide-rail.is-hidden{left:calc(-1 * var(--sh-guide-collapsed))}
.sh-guide-rail.is-hidden .sh-guide-rail__handle{display:block}

/* Hide content while hidden (prevent accidental clicks) */
.sh-guide-rail.is-hidden .sh-guide-rail__list{pointer-events:none;opacity:0}

/* Info button as last item */
.sh-guide-rail__item--info .sh-guide-rail__link{width:100%;border-style:dashed;opacity:.9}
.sh-guide-rail__item--hide .sh-guide-rail__link{width:100%}

/* External failsafe handle (always available when hidden) */
.sh-guide-rail-handle{position: fixed;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  width: 55px;
  height: 55px;
  border: 0;
  border-radius: 0 8px 8px 0;
  background: rgba(0,0,0,.45);
  border: 1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(12px) saturate(120%);
  -webkit-backdrop-filter: blur(12px) saturate(120%);
  box-shadow: 0 12px 40px rgba(0,0,0,.35);
  cursor: pointer;
  z-index: 26000;
  display: none;
  align-items: center;
  justify-content: center;}
.sh-guide-rail-handle img{width:50px;height:50px;object-fit:contain;padding:8px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.45))}

@media (max-width: 768px){
  .sh-guide-rail{top:auto;bottom:86px;left:10px;width:190px;transform:translateZ(0)}
  .sh-guide-rail.is-collapsed{width:var(--sh-guide-collapsed)}
  .sh-guide-rail__list{padding:8px}
  .sh-guide-rail__link{justify-content:center}
  .sh-guide-rail.is-full{width:min(320px, 92vw)}
  .sh-guide-rail__handle{top:auto;bottom:140px}
  .sh-guide-rail-handle{top:auto;bottom:140px;transform:none}
}
