.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{right:18px}}@media (prefers-reduced-motion:reduce){.published-gallery-thumbs>button,.native-evals .published-gallery .published-gallery-step{transition:none}}
.output-timeline{--trajectory-muted:color-mix(in srgb,var(--ink) 28%,var(--muted));padding:20px 0 32px}.timeline-turns{margin:0;padding:0;list-style:none}.timeline-turn{min-width:0;padding-bottom:32px}.timeline-turn+.timeline-turn{border-top:1px solid var(--line);padding-top:24px}.timeline-turn-heading{flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-bottom:14px;display:flex}.timeline-turn-heading h2{font:500 20px/1.25 var(--body);letter-spacing:-.015em}.timeline-turn-heading time{color:var(--trajectory-muted);font-size:12px;line-height:1.5}.timeline-current{color:var(--muted);align-items:center;gap:4px;margin-inline-start:auto;font-size:12px;display:inline-flex}.timeline-prompt.user-message.ec-user-turn{align-items:flex-start;margin:0 0 12px}.timeline-prompt.user-message.ec-user-turn>.ec-user-message{border-radius:4px 12px 12px;max-width:min(100%,680px);font-size:14px;line-height:1.6}.timeline-prompt.user-message.ec-user-turn>.ec-attachments{justify-content:flex-start;margin-inline:0 auto}.trajectory-activity{border-block:1px solid var(--line);margin:0 0 24px}.trajectory-heading{justify-content:space-between;align-items:center;gap:8px;min-height:49px;display:flex}.trajectory-heading h3{font:500 15px/1.4 var(--body);letter-spacing:0}.trajectory-more{min-height:44px;font:12px var(--body);color:var(--trajectory-muted);align-items:center;gap:4px;display:inline-flex}.trajectory-more[aria-expanded=true] svg{transform:rotate(180deg)}.trajectory-steps{margin:0;padding:0;list-style:none}.trajectory-step{--event-color:var(--trajectory-muted);grid-template-columns:59px 12px minmax(0,1fr);column-gap:10px;display:grid}.trajectory-step[data-tone=failure]{--event-color:var(--danger)}.trajectory-step[data-tone=success]{--event-color:#356750}.trajectory-step[data-tone=recovery]{--event-color:#806027}.trajectory-clock,.trajectory-detail time{color:var(--trajectory-muted);font-variant-numeric:tabular-nums;font-size:12px;line-height:20px}.trajectory-detail time{white-space:nowrap}.trajectory-clock{white-space:nowrap;padding-top:13px}.trajectory-dot{position:relative}.trajectory-dot:before{content:"";background:var(--line);width:1px;position:absolute;inset:0 auto 0 50%}.trajectory-dot:after{content:"";background:var(--event-color);border-radius:50%;width:8px;height:8px;position:absolute;top:23px;left:50%;transform:translate(-50%,-50%)}.trajectory-step:first-child .trajectory-dot:before{top:23px}.trajectory-step:last-child .trajectory-dot:before{height:23px;bottom:auto}.trajectory-step:only-child .trajectory-dot:before{display:none}.trajectory-step+.trajectory-step .trajectory-row{border-top:1px solid var(--line)}.trajectory-row{min-width:0}.trajectory-row-summary{width:100%;min-height:46px;color:var(--ink);font:14px/21px var(--body);text-align:left;overflow-wrap:anywhere;padding:12px 0 12px 20px;display:block}.trajectory-summary,.trajectory-title{display:block}.trajectory-title>:is(.trajectory-status,.trajectory-count){margin-inline-start:8px}.trajectory-row-summary strong{font-weight:600}.trajectory-row-summary:is(button){position:relative}.trajectory-row-summary:is(button):hover strong{text-underline-offset:3px;text-decoration:underline}.trajectory-row-summary:focus-visible,.trajectory-more:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:3px}.trajectory-chevron{color:var(--muted);position:absolute;inset:16px auto auto 0}.trajectory-row-summary[aria-expanded=true] .trajectory-chevron{transform:rotate(90deg)}.trajectory-count,.trajectory-caption{color:var(--trajectory-muted);font-size:12px}.trajectory-caption{margin-top:2px;line-height:18px;display:block}.trajectory-update-preview{-webkit-line-clamp:2;color:var(--trajectory-muted);-webkit-box-orient:vertical;margin-top:3px;font-size:13px;line-height:19px;display:-webkit-box;overflow:hidden}.trajectory-row-summary[aria-expanded=true] .trajectory-update-preview{display:none}.trajectory-status{background:var(--tone-info-bg);color:var(--tone-info-icon);white-space:nowrap;border-radius:4px;padding:0 5px;font-size:11px;line-height:18px;display:inline-block}.trajectory-status[data-tone=failure]{background:var(--tone-error-bg);color:var(--tone-error-icon)}.trajectory-status[data-tone=success]{background:var(--tone-success-bg);color:var(--tone-success-icon)}.trajectory-status[data-tone=mixed]{background:var(--tone-warning-bg);color:var(--tone-warning-icon)}.trajectory-detail{border-inline-start:2px solid var(--line);color:var(--ink);overflow-wrap:anywhere;margin:0 0 12px 20px;padding-inline-start:12px;font-size:13px}.trajectory-detail p{color:inherit;white-space:pre-wrap;margin:0;line-height:1.6}.trajectory-detail p+p{margin-top:4px}.trajectory-detail .trajectory-facts{margin:6px 0 0}.trajectory-facts>div,.trajectory-requests li{flex-wrap:wrap;align-items:baseline;gap:0 10px;line-height:21px;display:flex}.trajectory-facts dt{color:var(--trajectory-muted);margin:0;font-size:12px}.trajectory-facts dd{margin:0}.trajectory-requests{margin:6px 0 0;padding:0;list-style:none}.trajectory-requests li{padding:4px 0}.trajectory-requests li+li{border-top:1px solid var(--line)}.trajectory-context-list{margin:0;padding:0;list-style:none}.trajectory-context-list li{flex-wrap:wrap;align-items:baseline;gap:2px 10px;padding:5px 0;display:flex}.trajectory-context-list li:first-child{padding-top:0}.trajectory-context-list li+li{border-top:1px solid var(--line)}.trajectory-context-list li>p{flex-basis:100%;min-width:0}.trajectory-context-list li>span{min-width:0}.trajectory-detail .trajectory-excerpt{color:var(--trajectory-muted);font-size:12px}.trajectory-activity>.output-evidence-note{margin:8px 0 14px}.timeline-response{min-width:0}.timeline-response>header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;font-size:13px;display:flex}.timeline-result-timing{color:var(--trajectory-muted);text-align:right;flex-wrap:wrap;justify-content:flex-end;gap:2px 10px;font-size:12px;display:flex}.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);padding-top:20px}.timeline-branches h2{font:500 14px var(--body);letter-spacing:0;align-items:center;gap:8px;display:flex}.timeline-branches>p{color:var(--muted);margin:8px 0 0;font-size:13px}.timeline-branches .timeline-results{margin-top:16px}.timeline-loading{color:var(--muted);padding:48px 0;font-size:13px}@media (max-width:600px){.trajectory-step{grid-template-columns:59px 10px minmax(0,1fr);column-gap:7px}.trajectory-clock{font-size:11px}.timeline-turn-heading{grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;display:grid}.timeline-current{grid-area:1/2}.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}}@media (max-width:850px){.app-modal.timeline-preview-dialog .modal-title-content{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}
