.vg-overlay .vg-dialog{border-radius:16px;flex-direction:column;padding:18px;display:flex;overflow:hidden}.vg-overlay .vg-dialog>header{flex:none;min-height:38px;margin-bottom:16px;padding-bottom:12px}.vg-overlay .vg-dialog>header>button{appearance:none;border:1px solid var(--app-line);background:var(--app-control);width:34px;min-width:34px;height:34px;min-height:34px;color:var(--app-muted);cursor:pointer;box-shadow:none;border-radius:9px;flex:none;place-items:center;padding:0;line-height:1;display:grid}.vg-overlay .vg-dialog>header>button:hover{color:var(--foreground);border-color:var(--app-accent);background:color-mix(in srgb,var(--app-accent) 12%,var(--app-control))}.vg-overlay .vg-dialog>header>button svg{width:18px;height:18px}.vg-overlay .vg-dialog>.vg-detail{direction:rtl;align-items:stretch;gap:24px;min-height:0;overflow:hidden}.vg-overlay .vg-dialog .vg-detail>.vg-output,.vg-overlay .vg-dialog .vg-detail>.vg-info{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;max-height:calc(100dvh - 140px);padding-bottom:4px;overflow:auto}.vg-overlay .vg-dialog .vg-detail>.vg-output{align-self:stretch}.vg-overlay .vg-dialog .vg-output-item{margin:0 0 16px}.vg-overlay .vg-dialog .vg-output .vg-media{border-radius:10px}.vg-overlay .vg-dialog .vg-output .vg-media>:is(img,video){object-fit:contain;max-height:calc(100dvh - 220px)}.vg-overlay .vg-dialog .vg-references small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vg-overlay .vg-dialog :is(button,a,summary):focus-visible{outline:2px solid var(--app-accent);outline-offset:3px}.vg-detail-media{position:relative}.vg-overlay .vg-dialog .vg-output .vg-detail-media{flex-direction:column;height:auto;max-height:none;display:flex}.vg-overlay .vg-dialog .vg-output .vg-detail-media>img,.vg-overlay .vg-dialog .vg-output .vg-detail-media>video{flex:none;height:auto}.vg-media-actions{box-sizing:border-box;background:var(--app-surface);justify-content:flex-end;gap:8px;width:100%;padding:8px;display:flex}.vg-media-actions :is(button,a){border:1px solid var(--app-line);background:var(--app-control);min-height:32px;color:var(--foreground);font:600 11px var(--font-ui);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:4px 10px;text-decoration:none;display:inline-flex}.vg-media-actions svg{width:15px;height:15px}.vg-detail-media:fullscreen{background:var(--app-panel);flex-direction:column;justify-content:center;width:100%;height:100%;display:flex;max-height:none!important}.vg-detail-media:fullscreen img,.vg-detail-media:fullscreen video{object-fit:contain;flex:1;min-height:0;max-height:calc(100dvh - 58px)!important}.vg-detail-media:fullscreen .vg-media-actions{flex:none}.vg-dialog .vg-copy-prompt{border:1px solid var(--app-line);background:var(--app-control);min-height:32px;color:var(--foreground);font:inherit;cursor:pointer;border-radius:7px;justify-self:end;align-items:center;gap:6px;padding:5px 10px;font-size:11px;display:flex}.vg-copy-prompt svg{width:15px;height:15px}.vg-overlay .vg-dialog .vg-detail-heading>.vg-copy-prompt{width:30px;height:30px;min-height:30px;color:var(--app-muted);background:0 0;border:0;flex:none;place-items:center;margin-inline-start:auto;padding:0;display:grid}.vg-overlay .vg-dialog .vg-detail-heading>.vg-copy-prompt:hover{background:var(--app-control);color:var(--app-accent)}.vg-copy-status:empty{display:none}.vg-copy-status{color:var(--app-muted);font-size:10px}.vg-overlay .vg-dialog .vg-output .vg-media,.vg-overlay .vg-dialog .vg-output .vg-media>:is(img,video){border-radius:0}.vg-dialog .vg-settings-section>summary{cursor:pointer;padding:4px 0;font-weight:600}.vf-files.vg-overlay .vg-dialog[dir=ltr]>header,.vf-files.vg-overlay .vg-dialog[dir=ltr]>.vg-detail{direction:ltr}.vf-files.vg-overlay .vg-dialog[dir=ltr] .vg-output-facts{text-align:left}@media (max-width:700px){.vg-overlay .vg-dialog{padding:12px;overflow:auto}.vg-overlay .vg-dialog>.vg-detail{gap:16px;overflow:visible}.vg-overlay .vg-dialog .vg-detail>.vg-output,.vg-overlay .vg-dialog .vg-detail>.vg-info{max-height:none;overflow:visible}.vg-overlay .vg-dialog .vg-output .vg-media>:is(img,video){max-height:55dvh}.vg-overlay .vg-dialog>.vg-detail{flex:none;grid-template-rows:max-content max-content;grid-template-columns:minmax(0,1fr)}.vg-overlay .vg-output-audio{grid-template-columns:minmax(0,1fr)}.vg-overlay .vg-output-audio>.vg-media{box-sizing:border-box;width:100%;min-width:0}}
