.published-gallery{outline:0;width:100%;height:100%;min-height:0;position:relative}.published-gallery:focus-visible{box-shadow:inset 0 0 0 3px color-mix(in oklab, var(--focus-ring) 50%, transparent)}.published-gallery-stage{position:absolute;inset:0 0 64px}.published-gallery-stage>:is(img,video){object-fit:contain;width:100%;height:100%;display:block}.native-evals .published-gallery .published-gallery-step{z-index:3;border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 94%, transparent);width:28px;min-width:0;height:28px;min-height:0;color:var(--ink);cursor:pointer;opacity:0;border-radius:50%;place-items:center;padding:0;transition:opacity .15s,border-color .15s;display:grid;position:absolute;top:calc(50% - 32px);transform:translateY(-50%);box-shadow:0 1px 4px #0000001f}.published-gallery-step:after{content:"";position:absolute;inset:-8px}.published-gallery-step.previous svg{rotate:90deg}.published-gallery-step.next svg{rotate:-90deg}.native-evals .published-gallery .published-gallery-step:hover{background:color-mix(in srgb, var(--paper) 94%, transparent);border-color:var(--muted)}.native-evals .published-gallery:is(:hover,:has(:focus-visible)) .published-gallery-step{opacity:1}.published-gallery-step.previous{left:10px}.published-gallery-step.next{right:10px}.published-gallery-bar{z-index:2;align-items:center;gap:10px;height:64px;padding:8px 64px 8px 12px;display:flex;position:absolute;bottom:0;left:0;right:0}.published-gallery-count{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 94%, transparent);color:var(--ink);white-space:nowrap;border-radius:999px;flex:none;padding:4px 8px;font-size:11px;line-height:1}.published-gallery-thumbs{scrollbar-width:none;gap:6px;min-width:0;margin:0 auto;display:flex;overflow-x:auto}.published-gallery-thumbs>button{border:1px solid var(--line);background:var(--paper);cursor:pointer;opacity:.6;border-radius:5px;flex:none;width:44px;height:44px;padding:0;transition:opacity .14s,border-color .14s;overflow:hidden}.published-gallery-thumbs>button:hover,.published-gallery-thumbs>button.is-current{opacity:1}.published-gallery-thumbs>button.is-current{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.published-gallery-thumbs>button:focus-visible{outline:var(--focus-outline);outline-offset:-3px}.published-gallery-thumbs :is(img,video){object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}@media (hover:none),(pointer:coarse),(max-width:700px){.native-evals .published-gallery .published-gallery-step{opacity:1}}@media (max-width:800px){.published-gallery-step.previous{left:8px}.published-gallery-step.next{right:8px}}.native-evals .output-viewer:has(>.source-media>.published-gallery)>.output-viewer-expand{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 94%, transparent);width:32px;min-width:0;height:32px;min-height:0;color:var(--ink);border-radius:50%;bottom:16px;right:12px;box-shadow:0 1px 4px #0000001f}.native-evals .output-viewer:has(>.source-media>.published-gallery)>.output-viewer-expand:hover{background:color-mix(in srgb, var(--paper) 94%, transparent);border-color:var(--muted)}.output-viewer:has(>.source-media>.published-gallery)>.output-viewer-expand svg{width:15px;height:15px}@media (max-width:800px){.native-evals .output-viewer:has(>.source-media>.published-gallery)>.output-viewer-expand{width:44px;height:44px;bottom:10px}}@media (prefers-reduced-motion:reduce){.published-gallery-thumbs>button,.native-evals .published-gallery .published-gallery-step{transition:none}}