#modal:has(.output-metadata){width:min(560px,calc(100vw - 24px));max-height:min(620px,calc(100svh - 40px));overflow:hidden}
#modal[open]:has(.output-metadata){display:flex;flex-direction:column}
#modal:has(.output-metadata) .dialog-header,#modal:has(.output-metadata) .dialog-footer{flex-shrink:0}
#modal:has(.output-metadata) .dialog-body{min-height:0;overflow:auto;padding-top:8px;padding-bottom:12px}
.output-metadata{display:grid;gap:10px;font-size:12px;line-height:1.4}
.output-metadata-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin:0}
.output-metadata-grid>div{min-width:0}
.output-metadata-grid dt{margin-bottom:2px;font-size:11px;color:var(--muted)}
.output-metadata-grid dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.output-metadata-section h3{margin:0 0 6px;font-size:12px;font-weight:600}
.output-metadata-section pre{margin:0;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--bg);font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;max-height:160px;overflow:auto;tab-size:2}
.output-metadata-status{margin:0;color:var(--muted);font-size:12px}
.output-metadata p{margin:0;font-size:12px;line-height:1.4}
.output-metadata-job{border-top:1px solid var(--line);padding-top:8px}
.output-metadata-job summary{cursor:pointer;font-size:12px;color:var(--muted)}
.output-metadata-job[open] summary{margin-bottom:8px}
@media(max-width:480px){.output-metadata-grid{gap:8px 12px}.output-metadata-section pre{max-height:140px}}