/* Browse the collection with the wheel; explore a page with its right-hand rail. */
.project-browse-surface{position:absolute;inset:0 24px 0 0;z-index:4;cursor:zoom-in;touch-action:pan-y;background:transparent;border:0;padding:0;border-radius:0}
.project-browse-surface:focus-visible{outline:3px solid #b87639;outline-offset:-5px}
.project-browse-surface span{position:absolute;right:12px;bottom:12px;padding:7px 11px;background:#f8f1dbe6;color:#354937;font:11px/1.3 'Satoshi',sans-serif;border:1px solid #bdb598;border-radius:5px;box-shadow:0 3px 9px #17241f22;opacity:0;translate:0 4px;transition:opacity .2s,translate .2s;pointer-events:none}
.project-browse-surface:hover span,.project-browse-surface:focus-visible span{opacity:1;translate:0 0}
.project-scroll-rail{position:absolute;right:0;top:0;bottom:0;width:24px;z-index:5;cursor:pointer;touch-action:none;background:#e8e4d6;border-left:1px solid #c4c5b2;box-shadow:inset 3px 0 5px #5a665a12}
.project-scroll-rail:focus-visible{outline:2px solid #a76634;outline-offset:-3px}
.project-scroll-rail:before,.project-scroll-rail:after{position:absolute;left:0;right:0;text-align:center;height:18px;font-size:11px;color:#63745e;pointer-events:none}
.project-scroll-rail:before{content:'▴';top:0}.project-scroll-rail:after{content:'▾';bottom:0}
.project-scroll-thumb{position:absolute;left:5px;right:5px;top:19px;min-height:32px;border-radius:7px;background:#8f9d80;box-shadow:inset 0 1px 1px #d5debd,0 1px 2px #19291f33;cursor:grab}
.project-scroll-rail:hover .project-scroll-thumb{background:#788d67}.project-scroll-rail.is-scrubbing .project-scroll-thumb{cursor:grabbing;background:#506f48}
.live-viewport.has-project-rail iframe{right:24px;width:calc(100% - 24px);transform-origin:0 0}
#project-viewer .project-browse-surface,#project-viewer .project-scroll-rail{display:none}
#project-viewer .live-viewport.has-project-rail iframe{inset:0;width:100%;height:100%;transform:none!important}
@media(hover:none),(pointer:coarse){.project-browse-surface span{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.project-browse-surface span{transition:none}}