:root{--poster-display: "Bricolage Grotesque Variable", "Avenir Next", "Segoe UI", system-ui, sans-serif;--poster-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--gallery-card: var(--rhp-color-gray);--gallery-radius: var(--page-border-radius-4, .5rem);--gallery-accent: var(--sl-color-accent-high);--gallery-accent-ink: #f2cc8f;--gallery-on-accent: #2e2f43}:root[data-theme=light]{--gallery-accent-ink: #9a6b1c;--gallery-on-accent: #fff}.playground .buttons{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.playground button.mini{font:inherit;font-size:13px;padding:4px 11px;margin-bottom:8px;border-radius:var(--gallery-radius);cursor:pointer;border:1px solid var(--sl-color-gray-5);background:transparent;color:var(--sl-color-text)}.playground button.mini:hover{background:var(--gallery-card);color:var(--sl-color-white)}.playground .slider{display:inline-flex;align-items:center;gap:8px;margin:0 0 8px 8px;font-size:13px;color:var(--sl-color-text)}.playground .slider input{width:160px;margin:0;accent-color:var(--gallery-accent)}.playground .slider output{min-width:2.5ch;font-weight:600;font-variant-numeric:tabular-nums;color:var(--sl-color-white)}.playground .dots-fit{contain:inline-size}.playground .dots-window{width:-moz-fit-content;width:fit-content;margin:0 auto}.playground .rhp-chart.dots{box-sizing:content-box}.playground .rhp-chart.dots[data-rhp-o=h]{width:660px}.playground .rhp-chart.dots[data-rhp-o=v]{width:540px}.playground .legend{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0 0 10px;font-size:14px;color:var(--sl-color-text)}.playground .legend i{display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:3px;vertical-align:-1px}.playground{container-type:inline-size;margin-block:1.5rem 2rem;font-size:15px;line-height:1.5;color:var(--sl-color-text)}.pg-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin-bottom:14px}.pg-seg{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:var(--gallery-card);border:1px solid var(--sl-color-gray-5)}.pg-seg button{font:500 14px/1 var(--__sl-font);padding:8px 14px;border:0;border-radius:999px;background:none;color:var(--sl-color-text);cursor:pointer}.pg-seg button:hover{color:var(--sl-color-white)}.pg-seg button[aria-checked=true]{background:var(--sl-color-text);color:var(--sl-color-bg)}.pg-button{font:500 14px/1 var(--__sl-font);padding:10px 18px;border:0;border-radius:999px;background:var(--gallery-accent);color:var(--gallery-on-accent);cursor:pointer}.pg-button:hover{filter:brightness(1.06)}.playground :is(.pg-seg button,.pg-button,.pg-tabs button,.pg-actions button):focus-visible{outline:2px solid var(--gallery-accent);outline-offset:2px}.pg-body{display:grid;gap:18px}@container (min-width: 900px){.pg-body{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:stretch}.pg-preview{align-self:start}.pg-code{position:sticky;top:calc(var(--sl-nav-height) + 1rem);min-height:420px}.playground .pg-file{flex-basis:0}}.pg-preview{min-width:0}.playground[data-version=simple] .pg-preview{padding:18px 16px 12px;border-radius:var(--gallery-radius);background:var(--gallery-card);border:1px solid var(--sl-color-gray-5)}.pg-code{display:flex;flex-direction:column;min-width:0;max-height:min(740px,calc(100vh - var(--sl-nav-height) - 3rem));overflow:hidden;border-radius:var(--gallery-radius);background:var(--gallery-card);border:1px solid var(--sl-color-gray-5);box-shadow:var(--sl-shadow-md)}.playground[data-version=simple] .pg-code{max-height:min(560px,calc(100vh - var(--sl-nav-height) - 3rem))}.pg-tabs{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;padding:8px 10px 0;border-bottom:1px solid var(--sl-color-gray-5)}.pg-tabs [role=tablist]{display:flex;gap:2px}.pg-tabs [role=tab]{font:500 13px/1 var(--sl-font-mono, var(--sl-font-system-mono));padding:10px 13px 11px;border:0;border-radius:6px 6px 0 0;background:none;color:var(--sl-color-gray-3);cursor:pointer}.pg-tabs [role=tab]:hover{color:var(--sl-color-white)}.pg-tabs [role=tab][aria-selected=true]{color:var(--sl-color-white);box-shadow:inset 0 -2px 0 var(--gallery-accent)}.pg-dot{display:inline-block;width:7px;height:7px;margin-left:7px;border-radius:50%;vertical-align:1px;box-shadow:inset 0 0 0 1.5px var(--sl-color-gray-4)}.pg-dot.on{background:var(--gallery-accent);box-shadow:none}.pg-actions{display:flex;gap:6px;padding-bottom:7px}.pg-actions button{font:500 13px/1 var(--__sl-font);padding:7px 12px;border:1px solid var(--sl-color-gray-5);border-radius:6px;background:none;color:var(--sl-color-text);cursor:pointer}.pg-actions button:hover:not(:disabled){background:var(--gallery-card);color:var(--sl-color-white)}.pg-actions button:disabled{opacity:.4;cursor:default}.pg-file{flex:1 1 auto;min-height:0;overflow:auto}.pg-file[hidden]{display:none}.pg-file .cm-scroller{overflow-x:auto}.pg-hint{margin:0;padding:10px 16px 11px;border-top:1px solid var(--sl-color-gray-5);font-size:13.5px;color:var(--sl-color-gray-3)}.pg-hint code{font-size:12.5px;color:var(--sl-color-white);background:none}.pg-loading{min-height:520px;border-radius:var(--gallery-radius);background:var(--gallery-card);border:1px solid var(--sl-color-gray-5)}.gallery-head{display:grid;gap:12px}.gallery-kicker{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;font:600 12.5px/1.4 var(--poster-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gallery-accent-ink)}.gallery-kicker a{color:var(--sl-color-text);text-decoration:none;letter-spacing:.06em}.gallery-kicker a:hover{color:var(--sl-color-white)}.gallery-lede{margin:0;font-size:var(--sl-text-lg);line-height:1.55;color:var(--sl-color-text);max-width:60ch}.gallery-chips{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 0;padding:0;list-style:none}.gallery-chips li{padding:3px 11px;border-radius:999px;font:500 13px/1.5 var(--sl-font-mono, var(--sl-font-system-mono));color:var(--sl-color-text);background:var(--gallery-card);border:1px solid var(--sl-color-gray-5)}.gallery-pager{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:12px;margin-top:2.5rem}.gallery-pager a{text-decoration:none;color:var(--sl-color-text)}.gallery-pager .prev,.gallery-pager .next{display:grid;gap:2px;padding:14px 18px;border-radius:var(--gallery-radius);background:var(--gallery-card);border:1px solid var(--sl-color-gray-5);box-shadow:var(--sl-shadow-md);font-size:var(--sl-text-lg);font-weight:600;color:var(--sl-color-white)}.gallery-pager .next{text-align:right}.gallery-pager small{font-size:13px;font-weight:400;color:var(--sl-color-gray-3)}.gallery-pager :is(.prev,.next):hover{border-color:var(--sl-color-gray-2)}:root{--gallery-lift: 0 1px 2px rgb(0 0 0 / .18), 0 16px 32px -20px rgb(0 0 0 / .8);--gallery-lift-hover: 0 2px 4px rgb(0 0 0 / .2), 0 26px 44px -22px rgb(0 0 0 / .9)}:root[data-theme=light]{--gallery-lift: 0 1px 2px rgb(20 22 36 / .08), 0 14px 30px -22px rgb(20 22 36 / .55);--gallery-lift-hover: 0 2px 4px rgb(20 22 36 / .08), 0 22px 40px -22px rgb(20 22 36 / .6)}.gallery-intro{max-width:46rem;margin:1rem 0}.gallery-intro .gallery-kicker{margin:0 0 12px}.gallery-intro h1{margin:0;font-size:clamp(2.6rem,6vw,4rem);line-height:1.02;font-weight:600;letter-spacing:-.03em;color:var(--sl-color-white)}.gallery-intro .gallery-lede{margin-top:1rem}.gallery-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:30px 26px;margin:0;padding:0;list-style:none;align-items:start}.gallery-tiles.masonry{grid-auto-rows:4px;row-gap:0}.gallery-tile a{display:block;text-decoration:none;color:inherit}.gallery-tile a:focus-visible{outline:none}.gallery-shot{display:block;border-radius:16px;box-shadow:var(--gallery-lift);outline:1px solid transparent;outline-offset:-1px;transition:translate .25s cubic-bezier(.2,.8,.3,1),box-shadow .25s,border-color .25s,outline-color .25s}.gallery-shot img{display:block;width:100%;height:auto;border-radius:16px}.gallery-tile.on-page .gallery-shot{padding:14px;background:var(--gallery-card);border:1px solid var(--sl-color-gray-5);box-shadow:var(--sl-shadow-md)}.gallery-tile.on-page .gallery-shot img{border-radius:4px}.gallery-tile a:is(:hover,:focus-visible) .gallery-shot{translate:0 -4px;box-shadow:var(--gallery-lift-hover)}.gallery-tile.on-page a:is(:hover,:focus-visible) .gallery-shot{border-color:var(--sl-color-gray-2)}.gallery-tile:not(.on-page) a:hover .gallery-shot{outline-color:var(--sl-color-gray-2)}.gallery-tile a:focus-visible .gallery-shot{outline:2px solid var(--gallery-accent);outline-offset:3px}.gallery-meta{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:baseline;padding:14px 4px 0}.gallery-num{grid-row:span 2;font:600 12px/1.6 var(--poster-mono);letter-spacing:.08em;color:var(--gallery-accent-ink)}.gallery-title{font-size:var(--sl-text-lg);font-weight:600;line-height:1.3;color:var(--sl-color-white)}.gallery-poster{font-size:var(--sl-text-sm);color:var(--sl-color-gray-3)}.gallery-tile a:is(:hover,:focus-visible) .gallery-title{color:var(--gallery-accent-ink)}