.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}}
.output-timeline{padding:20px 0 32px}.timeline-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.timeline-heading h2{font:500 16px/1.4 var(--body);letter-spacing:0;margin:0}.timeline-heading p,.timeline-branches>p{color:var(--muted);margin:8px 0 0;font-size:13px}.timeline-heading>span{color:var(--muted);white-space:nowrap;font-size:12px}.timeline-turns{margin:0;padding:0;list-style:none}.timeline-turn{grid-template-columns:44px minmax(0,1fr);column-gap:20px;padding-bottom:40px;display:grid;position:relative}.timeline-turn:not(:last-child):before{content:"";background:var(--muted);width:2px;position:absolute;top:44px;bottom:0;left:21px}.timeline-node{border:1px solid var(--muted);background:var(--paper);width:44px;height:44px;color:var(--ink);font:500 20px/1 var(--body);font-variant-numeric:var(--numeric-figures);z-index:1;border-radius:50%;place-items:center;display:grid}.timeline-turn:has(.timeline-current)>.timeline-node{background:var(--ink);border-color:var(--ink);color:var(--paper)}.timeline-turn-heading{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;min-height:44px;margin-bottom:20px;display:grid}.timeline-turn-heading h3{font:500 16px/1.4 var(--body);letter-spacing:0;grid-column:1;margin:0}.timeline-turn-heading time{color:var(--muted);grid-column:1;font-size:12px;line-height:1.5}.timeline-current{background:var(--wash);border-radius:4px;grid-area:1/2/span 2;align-items:center;gap:4px;padding:4px 8px;font-size:12px;line-height:1.5;display:inline-flex}.timeline-prompt{margin:0 0 20px}.timeline-prompt.user-message>.ec-user-message{font-size:13px;line-height:1.65}.timeline-response{min-width:0}.timeline-response>header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:13px;display:flex}.timeline-response>header>span{color:var(--muted);text-transform:capitalize;font-size:12px}.timeline-results{min-width:0}.timeline-result-stage{border:1px solid var(--line);background:var(--wash);border-radius:6px;height:clamp(200px,32vw,380px);position:relative;overflow:hidden}.timeline-result-stage>:is(img,video),.timeline-result-stage>.media-image{object-fit:contain;width:100%;height:100%;display:block}.timeline-result-stage>audio{width:90%;margin:80px auto;display:block}.timeline-result-stage>.output-frame{height:100%}.timeline-result-caption{flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;display:flex}.timeline-result-caption>div{flex:1;min-width:140px}.timeline-result-caption small{color:var(--muted);margin-bottom:4px;font-size:12px;display:block}.timeline-result-caption strong{overflow-wrap:anywhere;font-size:13px;font-weight:500;display:block}.timeline-result-caption :is(a,button),.timeline-preview-link{color:var(--muted);font:12px var(--body);justify-content:center;align-items:center;gap:5px;min-height:36px;text-decoration:none;display:inline-flex}.timeline-result-caption :is(a,button):hover{color:var(--ink)}.timeline-result-strip{align-items:center;gap:10px;margin-top:12px;display:flex}.timeline-result-thumbs{gap:8px;min-width:0;padding:3px;display:flex;overflow-x:auto}.timeline-result-thumbs>button{border:1px solid var(--line);background:var(--wash);cursor:pointer;border-radius:4px;flex:none;width:74px;height:50px;padding:0;overflow:hidden}.timeline-result-thumbs>button[aria-pressed=true]{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.timeline-result-thumbs :is(img,video){object-fit:cover;pointer-events:none;width:100%;height:100%}.timeline-output-count{white-space:nowrap;color:var(--muted);font:10px var(--body);margin-left:auto}.timeline-output-step{border:1px solid var(--line);background:var(--paper);width:32px;height:32px;color:var(--ink);border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.app-modal.timeline-preview-dialog{width:min(1000px,100vw - 32px)}.timeline-preview-dialog .timeline-result-stage{height:min(65dvh,650px)}.timeline-preview-link{margin-top:12px}.timeline-setup{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 20px;margin:20px 0 16px;padding-top:16px;display:grid}.timeline-setup>div{min-width:0}.timeline-setup>div:last-child{grid-column:span 2}.timeline-setup dt{color:var(--muted);align-items:center;gap:6px;margin:0 0 4px;font-size:12px;display:flex}.timeline-setup dt svg{width:13px;height:13px}.timeline-setup dd{color:var(--ink);overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.5}.timeline-metrics{border-top:1px solid var(--line);color:var(--muted);font-variant-numeric:var(--numeric-figures);flex-wrap:wrap;align-items:center;gap:8px 18px;padding-top:12px;font-size:12px;display:flex}.timeline-metrics>span{align-items:center;gap:5px;display:inline-flex}.timeline-metrics b{color:var(--ink);font-weight:400}.timeline-setup-note{color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.5}.timeline-branches{border-top:1px solid var(--line);margin-left:64px;padding-top:20px}.timeline-branches h3{font:500 13px var(--body);align-items:center;gap:8px;display:flex}.timeline-branches .timeline-results{margin-top:16px}.timeline-loading{color:var(--muted);padding:48px 0;font-size:13px}@media (max-width:600px){.timeline-turn{grid-template-columns:36px minmax(0,1fr);column-gap:12px}.timeline-node{width:36px;height:36px;font-size:18px}.timeline-turn:not(:last-child):before{top:36px;left:17px}.timeline-turn-heading{gap:4px 8px;min-height:36px}.timeline-current{grid-row:1;padding:3px 6px;font-size:11px}.timeline-turn-heading time{grid-column:1/-1}.timeline-setup{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.timeline-result-caption :is(a,button),.timeline-output-step{min-height:44px}.timeline-output-step{min-width:44px}.timeline-result-strip{gap:6px}.timeline-result-stage{height:230px}.timeline-result-caption>div{flex-basis:100%}.timeline-preview-dialog .app-modal-content{padding:16px}.timeline-branches{margin-left:48px}}