/* Original emulator frames retain their native aspect ratio and pixel edges. */
.level-grid { grid-template-columns: repeat(auto-fill, minmax(min(100%, 360px), 1fr)); }
.level-art.authentic-previews {
  display: grid; grid-template-columns: 1fr 1fr; gap: 1px;
  height: auto; background: var(--line); align-items: start;
}
.level-art.authentic-previews::before { content: none; }
.level-art.authentic-previews span {
  display: block; padding: 0; color: var(--text); font: inherit; text-shadow: none;
}
.capture-thumb { display: block; min-width: 0; background: #000; }
.capture-thumb img { display: block; width: 100%; height: auto; aspect-ratio: 384 / 272; image-rendering: pixelated; }
.capture-thumb img[hidden] { display: none; }
.level-art.authentic-previews .capture-label, .capture-label {
  display: block; padding: 8px; color: var(--muted); background: var(--panel);
  font: 12px var(--mono); text-align: center;
}
.level-art.authentic-previews .capture-unavailable {
  grid-column: 1 / -1; padding: 24px 12px; color: var(--muted);
}
.capture-status, .capture-note { color: var(--muted); font-size: 14px; line-height: 1.5; }
.capture-status { margin: -6px 0 20px; }
.capture-warning { color: var(--yellow); }
.editor-captures { display: grid; gap: 16px; }
.editor-captures .capture-thumb { border: 1px solid var(--line); }
.editor-captures img { max-width: 768px; margin: 0 auto; }
.literal-preview-label { display: block; margin: 24px 0 8px; font-size: 14px; color: var(--muted); }
.editor-preview #preview { height: 80px; width: 320px; max-width: 100%; border-color: var(--line); image-rendering: auto; }