.preview-page h1 { margin-bottom: 8px; font-size: 27px; line-height: 1.2; }
.preview-page .subtitle { color: #555; margin-bottom: 30px; }
.preview-page h2 { margin-top: 36px; margin-bottom: 16px; }
.preview-page h3 { font-size: 16px; margin: 24px 0 12px; }
.preview-page code { font-size: .83em; font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace; overflow-wrap: anywhere; }
.preview-page pre { margin: 14px 0 18px; padding: 14px 16px; background: #f7f7f7; border-left: 2px solid #ccc; overflow: auto; font-size: 13px; line-height: 1.55; tab-size: 2; }
.preview-page pre code { font-size: inherit; overflow-wrap: normal; }
.preview-page .small { font-size: 14px; line-height: 1.45; color: #555; }
.preview-page .prompt { margin: 20px 0; padding: 0 0 0 18px; border-left: 2px solid #aaa; }
.preview-page .prompt h3 { margin: 0 0 10px; }
.preview-page .prompt h3:not(:first-child) { margin-top: 20px; }
.preview-page .prompt p:last-child { margin-bottom: 0; }
.preview-page dl { font-size: 16px; line-height: 1.42; margin: 0 0 18px; }
.preview-page dt { font-weight: bold; display: inline; }
.preview-page dd { display: inline; margin: 0; }
.preview-page .dimension { margin-bottom: 12px; }
.preview-page table { width: 100%; border-collapse: collapse; font-size: 15px; line-height: 1.4; margin: 18px 0 12px; }
.preview-page th, .preview-page td { padding: 10px 8px; text-align: left; border-bottom: 1px solid #ddd; vertical-align: top; }
.preview-page th:first-child, .preview-page td:first-child { padding-left: 0; }
.preview-page th:not(:first-child), .preview-page td:not(:first-child) { width: 72px; text-align: center; }
.preview-page thead th { border-bottom-color: #999; }
.preview-page tbody th { font-weight: normal; }
.model-picker { display: flex; gap: 22px; border-bottom: 1px solid #bbb; margin-top: 24px; }
.model-picker button { color: #555; background: none; border: 0; border-bottom: 2px solid transparent; padding: 10px 0; margin-bottom: -1px; font: inherit; font-size: 16px; cursor: pointer; }
.model-picker button[aria-selected="true"] { color: #111; border-bottom-color: #111; }
.model-picker button:hover { color: #0000ee; }
.model-picker button:focus-visible, summary:focus-visible { outline: 2px solid #0000ee; outline-offset: 4px; }
.preview-page .model-panel h3 { margin-top: 20px; }
.preview-page .verdict { font-size: 14px; color: #555; font-weight: normal; margin-left: 8px; }
.preview-page details { margin: 18px 0; }
.preview-page summary { cursor: pointer; color: #0000ee; text-decoration: underline; text-underline-offset: 2px; line-height: 1.45; }
.preview-page details[open] summary { margin-bottom: 16px; }
.preview-page .patch { max-height: 440px; }
.patch .added { color: #245638; }
.patch .file { font-weight: bold; }
.patch .hunk { color: #555; }
.preview-page footer { margin-top: 36px; }
.preview-page footer hr { margin-bottom: 26px; }
[hidden] { display: none !important; }
@media (max-width: 600px) {
  .preview-page h1 { font-size: 25px; }
  .preview-page pre { padding: 12px; font-size: 12px; }
  .preview-page th, .preview-page td { padding: 9px 5px; }
  .preview-page th:not(:first-child), .preview-page td:not(:first-child) { width: 49px; }
}

.preview-page .evaluation-list { padding-left: 22px; margin: 0 0 18px; font-size: 16px; line-height: 1.42; }
.preview-page .evaluation-list li { margin-bottom: 12px; }
.preview-page .evaluation-table-scroll { overflow-x: auto; margin-bottom: 18px; }
.preview-page .evaluation-methods { min-width: 540px; table-layout: fixed; }
.preview-page .evaluation-methods th, .preview-page .evaluation-methods td { width: auto; text-align: left; }
.preview-page .evaluation-methods th:first-child { width: 25%; }
.preview-page .evaluation-methods th:nth-child(2) { width: 39%; }

.preview-page .example-results { min-width: 540px; }
.preview-page .example-results th:nth-child(2), .preview-page .example-results td:nth-child(2) { width: 155px; text-align: left; }