.flux3-cap{padding-block:var(--f3-pad-section)}.flux3-cap__desc{max-width:660px;margin:0;color:var(--f3-fg-55);font-size:var(--text-bf-paragraph-regular);line-height:var(--text-bf-paragraph-regular--line-height);letter-spacing:var(--text-bf-paragraph-regular--letter-spacing);text-align:start;text-wrap:pretty}.flux3-cap__output,.flux3-cap__stage{display:flex;flex-direction:column;gap:12px}.flux3-cap__thumbs-wrap{position:relative;min-width:0}.flux3-cap__thumbs{overflow-x:auto;scrollbar-width:none;gap:8px}.flux3-cap__thumbs::-webkit-scrollbar{display:none}.flux3-cap__thumbs-wrap:after,.flux3-cap__thumbs-wrap:before{content:"";position:absolute;top:0;bottom:0;width:var(--f3-strip-fade);opacity:0;pointer-events:none;z-index:1}.flux3-cap__thumbs-wrap:before{left:0;background:linear-gradient(to right,var(--color-black),transparent)}.flux3-cap__thumbs-wrap:after{right:0;background:linear-gradient(to left,var(--color-black),transparent)}.flux3-cap__thumbs-wrap[data-can-scroll-end=true]:after,.flux3-cap__thumbs-wrap[data-can-scroll-start=true]:before{opacity:1}.flux3-cap__thumb{opacity:.55;transition:opacity var(--f3-select-duration) var(--f3-select-ease)}.flux3-cap__thumb--current{opacity:1}@media (hover:hover) and (pointer:fine){.flux3-cap__thumb:hover{opacity:1}}.flux3-cap__thumbs>button:focus-visible>.flux3-cap__thumb{opacity:1}.flux3-cap__thumb img,.flux3-cap__thumb video{transition:outline-color var(--f3-select-duration) var(--f3-select-ease)}@media (hover:hover) and (pointer:fine){.flux3-page .flux3-cap__thumb.flux3-cap__thumb:not(.flux3-cap__thumb--active):hover img,.flux3-page .flux3-cap__thumb.flux3-cap__thumb:not(.flux3-cap__thumb--active):hover video{outline-color:var(--f3-hairline)}}.flux3-cap__thumb--active.flux3-cap__thumb--active img,.flux3-cap__thumb--active.flux3-cap__thumb--active video{outline:2px solid #fff;outline-offset:-2px}@media (min-width:1081px){.flux3-cap__stage{--f3-rail-gap:6px;--f3-rail-seam:var(--f3-rail-gap);--f3-rail-width:96px;position:relative;display:block}.flux3-cap__frame{width:calc(100% - var(--f3-rail-width) - var(--f3-rail-seam));min-width:0}.flux3-cap__thumbs-wrap{position:absolute;top:0;right:0;bottom:0;width:var(--f3-rail-width);min-height:0;overflow:hidden}.flux3-cap__thumbs-wrap:after,.flux3-cap__thumbs-wrap:before{right:0;left:0;width:auto;height:56px}.flux3-cap__thumbs-wrap:before{top:0;bottom:auto;background:linear-gradient(to bottom,var(--color-black),transparent)}.flux3-cap__thumbs-wrap:after{top:auto;bottom:0;background:linear-gradient(to top,var(--color-black),transparent)}.flux3-cap__thumbs{height:100%;width:100%;flex-direction:column;justify-content:flex-start;gap:var(--f3-rail-gap);overflow-x:hidden;overflow-y:auto;overscroll-behavior-block:contain}.flux3-cap__thumbs>button{flex:none;height:calc(var(--f3-rail-width) * 9 / 16);min-height:calc(var(--f3-rail-width) * 9 / 16);max-height:calc(var(--f3-rail-width) * 9 / 16);width:100%}.flux3-cap__thumbs>button>.flux3-cap__thumb{flex:1 1 0;min-height:0}}@media (prefers-reduced-motion:reduce){.flux3-cap__thumb,.flux3-cap__thumb img,.flux3-cap__thumb video{transition:none}}.flux3-cap__frame{--f3-cap-control-size:40px;--f3-cap-control-gap:8px;--f3-cap-control-inset:12px;--f3-cap-controls-width:calc(2 * var(--f3-cap-control-size) + var(--f3-cap-control-gap));--f3-cap-controls-reserve:calc(var(--f3-cap-control-inset) + var(--f3-cap-controls-width))}.flux3-cap__input-overlay{position:absolute;top:24px;left:24px;z-index:20;display:flex;flex-direction:column;max-width:calc(100% - 48px);border-radius:12px;padding:16px;color:var(--f3-fg)}.flux3-cap__input-label{color:var(--f3-fg);font-family:var(--font-ibm-plex-mono),ui-monospace,monospace;font-size:12px;font-weight:var(--text-bf-body-4-medium--font-weight);line-height:var(--text-bf-body-4-medium--line-height);letter-spacing:var(--text-bf-label--letter-spacing);text-transform:uppercase;white-space:nowrap}.flux3-cap__source{position:absolute;z-index:20;bottom:24px;left:24px;pointer-events:none}.flux3-cap__source-plate{width:calc(256px * 2 / 3 + 2 * 8px);border-radius:var(--f3-radius);padding:8px;background:rgb(0 0 0/.3)}.flux3-cap__source-thumb{width:100%}@media (max-width:1023px){.flux3-cap__source{bottom:12px;left:12px}.flux3-cap__source-plate{width:calc(104px * 2 / 3 + 2 * 8px)}}.flux3-cap__footer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.flux3-cap .flux3-cap__pager{display:none}@media (min-width:1081px){.flux3-cap .flux3-cap__pager{display:flex}.flux3-cap__footer{min-height:44px}}.flux3-cap__refs-row{display:flex;align-items:center;gap:8px}.flux3-cap__ref{display:block;flex:none;width:44px;opacity:.6}@media (max-width:899px){.flux3-cap__input-overlay{top:12px;left:12px;max-height:calc(100% - 24px);max-width:calc(100% - 24px);padding:12px}.flux3-cap__desc{font-size:17px;line-height:1.35}.flux3-cap__thumbs{overscroll-behavior-inline:contain;scroll-snap-type:x proximity}.flux3-cap__thumbs>button{min-height:44px;scroll-snap-align:start}.flux3-cap__thumb{opacity:.8}.flux3-cap__thumb--active.flux3-cap__thumb--active img,.flux3-cap__thumb--active.flux3-cap__thumb--active video{outline-width:1px;outline-offset:-1px}}