/* Real component captures only. No live app, reconstructed controls or hover. */
.dc-native{position:relative;display:block;width:100%;min-width:0;margin:0;border:1px solid #dce3dc;border-radius:11px 11px 0 0;background:#fff;box-shadow:0 5px 21px #1e3f2b0b;overflow:hidden;isolation:isolate}
.dc-native,.dc-native *{box-sizing:border-box}
.dc-native .dc-native-viewport{position:relative;width:100%;aspect-ratio:1 / var(--dc-native-height-ratio);background:#fff;overflow:hidden}
.dc-native [data-native-image]{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center top;pointer-events:none;user-select:none;-webkit-user-drag:none;transform:none;transition:none;animation:none}
.dc-native .dc-native-description{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.dc-native .dc-native-description p{margin:0}
/* Gallery examples keep their natural full-width scale and may continue below
   the card's lower edge; only the card preview crops that continuation. */
.dc-card-preview .dc-native{height:420px;min-height:0;overflow:hidden;border:0;border-radius:12px 12px 0 0;box-shadow:0 18px 28px -18px #304a3933}
.dc-card-preview .dc-native .dc-native-viewport{min-height:0}
.dc-native [aria-hidden="true"]{display:none}
@media(prefers-reduced-motion:reduce){.dc-native,.dc-native *{animation:none!important;transition:none!important}}