/**
 * Niche Clever Interactive Premium. Copyright (c) 2026 Jacob Bettany (trading as Niche Clever).
 * Ownership, trade marks and licence terms: see NOTICE and COPYING in the plugin folder.
 */
.ncip-snapshot-button { justify-self: start; margin: 0; padding: .35rem .75rem; border: 1px solid var(--ncli-rule, #b7b7b7); border-radius: var(--ncli-radius, 0); background: transparent; color: var(--ncli-ink, inherit); font: 600 .8rem/1.2 var(--ncli-body-font, inherit); cursor: pointer; }
.ncip-snapshot-button:hover, .ncip-snapshot-button:focus-visible { background: var(--ncli-hover, #eee); outline: 2px solid var(--ncli-accent, #111); outline-offset: 2px; }
.ncip-snapshot-overlay { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(0, 0, 0, .6); }
.ncip-snapshot-panel { display: flex; flex-direction: column; gap: 12px; max-width: min(1000px, 100%); max-height: 100%; padding: 12px; border-radius: 8px; background: #fff; color: #111; }
.ncip-snapshot-image { display: block; max-width: 100%; max-height: calc(100vh - 140px); margin: 0 auto; overflow: auto; object-fit: contain; border: 1px solid #ccc; }
.ncip-snapshot-actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.ncip-snapshot-action { padding: .5rem .9rem; border: 1px solid #111; border-radius: 4px; background: #fff; color: #111; font: 600 .9rem/1.2 system-ui, sans-serif; text-decoration: none; cursor: pointer; }
.ncip-snapshot-action:hover, .ncip-snapshot-action:focus-visible { background: #111; color: #fff; outline: 2px solid #111; outline-offset: 2px; }