.diagram-scroller{scrollbar-width:none;overscroll-behavior-x:contain;overflow-x:auto}.diagram-scroller::-webkit-scrollbar{display:none}.diagram-scroller__guide{margin-top:.75rem}.diagram-scroller__toolbar{justify-content:space-between;align-items:center;gap:1rem;display:flex}.diagram-scroller__hint{color:var(--diagram-scroll-text,var(--color-text-muted));font-size:var(--marketing-caption-size);margin:0;line-height:1.5}.diagram-scroller__buttons{flex-shrink:0;gap:.5rem;display:flex}.diagram-scroller__buttons button{width:var(--control-touch-target-size);height:var(--control-touch-target-size);border:1px solid var(--diagram-scroll-border,var(--color-border-on-light-strong));color:var(--diagram-scroll-accent,var(--color-brand-blue-strong));cursor:pointer;background:0 0;border-radius:50%;place-items:center;padding:0;display:grid}.diagram-scroller__buttons button:hover:not(:disabled){background:var(--diagram-scroll-hover,var(--color-surface-muted));border-color:var(--diagram-scroll-accent,var(--color-brand-blue-strong))}.diagram-scroller__buttons button:disabled{opacity:.35;cursor:default}.diagram-scroller:focus-visible,.diagram-scroller__buttons button:focus-visible{outline:2px solid var(--diagram-scroll-accent,var(--color-brand-blue-strong));outline-offset:3px}.diagram-scroller__track{background:var(--diagram-scroll-border,var(--color-border-on-light-strong));border-radius:2px;height:4px;margin-top:.65rem;position:relative;overflow:hidden}.diagram-scroller__track span{border-radius:inherit;background:var(--diagram-scroll-accent,var(--color-brand-blue-strong));position:absolute;top:0;bottom:0}.diagram-scroller--dark,.diagram-scroller__guide--dark{--diagram-scroll-text:var(--color-text-on-dark-muted);--diagram-scroll-accent:var(--color-brand-cyan);--diagram-scroll-border:var(--color-border-on-dark);--diagram-scroll-hover:var(--color-surface-dark-elevated)}