/* These two rows collapse together. The preview and timeline remain visible. */
html body .sl-guide-control-row.sl-guide-controls-collapsed,
html body.sl-guide-polish:not(.movies-view) .preview-guide-controls .sl-guide-control-row.sl-guide-controls-collapsed{display:none!important}
html body #slGuideControlsToggle[hidden]{display:none!important}
html body #slGuideControlsToggle{display:inline-flex;align-items:center;justify-self:start;gap:8px;min-height:40px;width:max-content;max-width:100%;padding:7px 12px;margin:3px 0;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:linear-gradient(120deg,rgba(var(--channel-rgb,120,140,180),.2),rgba(25,29,35,.8));color:inherit;font-size:12px;cursor:pointer}
#slGuideControlsToggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#slGuideControlsToggle[aria-expanded="true"] .sl-guide-chevron{transform:rotate(180deg)}
#slGuideControlsToggle:focus-visible{outline:3px solid var(--accent,#ff6860);outline-offset:2px}

/* Icon-only toggle, retaining its tooltip and accessible name. */
html body #slGuideControlsToggle{justify-content:center;flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;padding:10px;margin:0}
html body #slGuideControlsToggle[aria-expanded="true"]{border-color:var(--accent,#ff6860)}