#run-result .run-image-link{position:relative;display:block;width:100%;color:inherit;cursor:zoom-in;line-height:0}
#run-result .run-image-link>img{display:block;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;object-fit:contain}
#run-result .run-image-link[data-run-trim]{overflow:hidden;aspect-ratio:var(--run-visible-ratio)}
#run-result .run-image-link[data-run-trim]>img{position:absolute;left:0;top:0;transform:translateY(var(--run-image-shift))}
#run-result .run-image-expand{position:absolute;right:10px;top:10px;display:grid;place-items:center;width:40px;height:40px;border:1px solid #bcc5ca;border-radius:4px;background:#fff;color:#172126;font:28px/1 Arial,sans-serif;box-shadow:0 1px 4px #0003}
#run-result .run-image-link:focus-visible{outline:3px solid #007785;outline-offset:4px}
#run-result .run-environment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;margin:20px 0;padding:16px 0;border-block:1px solid #d8dfe3}
#run-result .run-environment div{min-width:0}
#run-result .run-environment dt{font-weight:700;font-size:14px;color:#47535a}
#run-result .run-environment dd{margin:4px 0 0;font-size:15px;overflow-wrap:anywhere}
#run-result .run-command{max-width:100%;overflow:auto;white-space:pre;padding:14px;background:#f4f6f7;border:1px solid #d8dfe3}
.run-image-viewer{box-sizing:border-box;width:calc(100vw - 32px);max-width:none;height:calc(100dvh - 32px);max-height:none;margin:auto;padding:0;border:1px solid #aab6bd;border-radius:4px;color:#20272b;background:#fff;overflow:hidden;font-family:Arial,sans-serif;letter-spacing:0}
.run-image-viewer::backdrop{background:rgb(0 0 0 / 72%)}
.run-image-viewer[open]{display:flex;flex-direction:column}
.run-viewer-toolbar{flex:none;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;box-sizing:border-box;border-bottom:1px solid #cbd3d8;background:#fff}
.run-viewer-toolbar strong{font-size:16px;white-space:nowrap}
.run-viewer-controls{display:flex;align-items:center;gap:4px}
.run-viewer-controls button,.run-viewer-controls a{box-sizing:border-box;display:grid;place-items:center;flex:none;width:40px;height:40px;padding:0;border:1px solid #ccd5da;border-radius:4px;background:#fff;color:#18272e;font:24px/1 Arial,sans-serif;text-decoration:none;cursor:pointer;letter-spacing:0}
.run-viewer-controls button[data-action="actual"]{font-size:15px}
.run-viewer-controls :is(button,a):hover{background:#e8f3f4;border-color:#007785}
.run-viewer-controls :is(button,a):focus-visible,.run-viewer-viewport:focus-visible{outline:3px solid #007785;outline-offset:-3px}
.run-viewer-controls button:disabled{opacity:.4;cursor:default}
.run-viewer-controls output{display:block;flex:none;width:50px;text-align:center;font:14px/1 Arial,sans-serif;font-variant-numeric:tabular-nums}
.run-viewer-viewport{flex:1;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;background:#edf0f2;cursor:grab}
.run-viewer-viewport.is-dragging{cursor:grabbing}
.run-viewer-frame{position:relative;overflow:hidden;margin:16px}
.run-image-viewer .run-viewer-image{display:block;margin:0;max-width:none!important;max-height:none!important;object-fit:initial;user-select:none;pointer-events:none}
@media(max-width:600px){.run-image-viewer{width:100vw;height:100dvh;border:0;border-radius:0}.run-viewer-toolbar{flex-wrap:wrap;justify-content:flex-end;gap:4px;padding:8px}.run-viewer-toolbar strong{margin-right:auto;font-size:14px}.run-viewer-controls{gap:2px}.run-viewer-controls button,.run-viewer-controls a{width:38px;height:42px}.run-viewer-controls output{width:44px}#run-result .run-environment{grid-template-columns:1fr}}