#result-dialog {
    width: min(1000px, calc(100vw - 40px));
    max-width: none;
    max-height: calc(100dvh - 40px);
    border: 0;
    border-radius: 12px;
    padding: 0;
    background: white;
    color: #333;
}
#result-dialog::backdrop { background: rgba(0, 0, 0, 0.7); }
#result-dialog .model-card { width: 100%; height: min(80vh, calc(100dvh - 100px)); border-radius: 0; box-shadow: none; }
.dialog-controls { display: flex; gap: 10px; padding: 10px; border-bottom: 1px solid #ddd; }
.dialog-controls button { min-height: 36px; cursor: pointer; }
#close-result { margin-left: auto; }
.result-button { padding: 0; border: 0; background: none; color: inherit; font: inherit; text-align: left; text-decoration: underline; cursor: pointer; }
.result-button:focus-visible, .dialog-controls button:focus-visible { outline: 3px solid #2196f3; outline-offset: 3px; }
#result-content > p { padding: 20px; }
.visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (max-width: 600px) {
    #result-dialog .metrics-grid { grid-template-columns: repeat(2, 1fr); }
}