.capture-preview[hidden], .capture-preview [hidden] { display: none !important; }
.capture-preview { position: fixed; z-index: var(--z-modal); inset: 0; display: grid; place-items: center; padding: 16px; background: rgba(8,12,20,.78); }
.capture-card { display: flex; flex-direction: column; gap: 12px; width: min(560px,100%); max-height: calc(100dvh - 32px); padding: 14px; color: var(--ink); background: var(--paper); border: 2px solid var(--pixel-edge); box-shadow: 4px 4px 0 rgba(0,0,0,.35); }
.capture-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.capture-heading h2 { margin: 0; font-size: 18px; }
.capture-heading button { display: grid; place-items: center; width: 44px; height: 44px; flex: none; color: inherit; }
.capture-heading svg { width: 14px; height: 14px; }
.capture-image-wrap { display: grid; place-items: center; min-height: 0; overflow: auto; background: #151922; }
.capture-image-wrap img { display: block; max-width: 100%; max-height: min(65dvh,600px); width: auto; height: auto; object-fit: contain; image-rendering: pixelated; }
.capture-card p { margin: 0; font-size: 11px; line-height: 1.5; }
.capture-save { display: grid; place-items: center; flex: none; min-height: 44px; color: var(--paper); background: var(--ink); font-size: 12px; text-decoration: none; }
.capture-save:hover,.capture-save:focus-visible { opacity: .8; }