body.native-evals .connected-output .real-detail-preview.output-viewer{aspect-ratio:16/10;contain:inline-size;width:100%;max-width:100%;height:auto;min-height:min(280px,60svh);max-height:min(60svh,680px);overflow:hidden}.output-viewer-control-sensor{z-index:3;width:170px;height:62px;position:absolute;bottom:0;right:0}.output-viewer-full{border:1px solid var(--line);background:var(--paper);width:38px;height:38px;color:var(--ink);cursor:pointer;border-radius:6px;flex:none;place-items:center;padding:0;display:inline-grid}.output-viewer-full:hover{background:var(--wash)}.output-viewer-expand{z-index:4;color:#fff;cursor:pointer;opacity:0;pointer-events:none;background:#111b25d9;border:0;border-radius:7px;place-items:center;width:38px;height:38px;padding:0;transition:opacity .16s,background-color .16s;display:grid;position:absolute;bottom:14px;right:14px}.output-viewer:hover .output-viewer-expand,.output-viewer-expand:focus-visible{opacity:1;pointer-events:auto}.output-viewer:has(.output-viewer-control-sensor:hover) .output-viewer-expand{opacity:1;pointer-events:auto}.output-viewer:has(:focus-visible) .output-viewer-expand{opacity:1;pointer-events:auto}.output-viewer-expand:hover{background:#111b25}.output-viewer-expand:focus-visible{outline-offset:-4px;outline:2px solid #fff}.output-viewer :is(.output-viewer-expand,.output-frame-actions-compact>*):after{content:attr(data-tooltip);color:#fff;width:max-content;max-width:180px;font:11px/1.3 var(--body);white-space:nowrap;opacity:0;pointer-events:none;background:#111b25;border-radius:4px;padding:5px 8px;transition:opacity .12s;position:absolute;bottom:calc(100% + 8px);right:0}.output-viewer :is(.output-viewer-expand,.output-frame-actions-compact>*):is(:hover,:focus-visible):after{opacity:1}.output-viewer .output-frame-actions-compact{z-index:5;opacity:0;pointer-events:none;gap:4px;transition:opacity .16s;bottom:14px;right:58px}.output-viewer:is(:hover,:has(:focus-visible)) .output-frame-actions-compact{opacity:1;pointer-events:auto}.output-viewer:has(.output-viewer-control-sensor:hover) .output-frame-actions-compact{opacity:1;pointer-events:auto}.output-viewer .output-frame-actions-compact>:is(button,a){color:#fff;pointer-events:none;background:#111b25d9;border:0;border-radius:7px;width:38px;height:38px;min-height:38px;padding:0;position:relative}.output-viewer:is(:hover,:has(:focus-visible)) .output-frame-actions-compact>:is(button,a){pointer-events:auto}.output-viewer:has(.output-viewer-control-sensor:hover) .output-frame-actions-compact>:is(button,a){pointer-events:auto}.output-viewer .output-frame-actions-compact>:is(button,a):hover{background:#111b25}.output-viewer .output-frame-actions-compact>:is(button,a):focus-visible{outline-offset:-4px;outline:2px solid #fff}body.native-evals .connected-output .real-detail-preview.output-viewer:fullscreen,body.native-evals .connected-output .real-detail-preview.output-viewer.output-viewer-overlay{z-index:1000;aspect-ratio:auto;background:var(--wash);border:0;border-radius:0;width:100vw;height:100dvh;min-height:0;max-height:none;position:fixed;inset:0}.output-viewer:fullscreen .source-media,.output-viewer-overlay .source-media{height:100%}@media (max-width:800px){body.native-evals .connected-output .real-detail-preview.output-viewer{aspect-ratio:auto;height:clamp(250px,38svh,350px);max-height:none}.output-viewer .fitted-preview-viewport:not([data-canvas]) iframe{transform:none;width:100%!important;height:100%!important}.output-viewer-expand,.output-viewer-full{width:44px;height:44px}.output-viewer .output-frame-actions-compact{right:64px}.output-viewer .output-frame-actions-compact>:is(button,a){width:44px;height:44px;min-height:44px}}@media (hover:none){.output-viewer-control-sensor{display:none}.output-viewer .output-viewer-expand,.output-viewer .output-frame-actions-compact{opacity:1;pointer-events:auto}}@media (prefers-reduced-motion:reduce){.output-viewer-expand,.output-viewer .output-frame-actions-compact{transition:none}}