/* One live real-experiment thumbnail at a time; approved card layout retained. */
.reference-card .live-preview-toggle{position:absolute;right:9px;bottom:9px;z-index:5;min-height:34px;padding:6px 10px;border:1px solid #c7d9d0;border-radius:9px;background:#fffefaf0;color:#276c5c;font:inherit;font-size:12px;font-weight:600;line-height:1.4;cursor:pointer;box-shadow:0 2px 8px #173e3910}
.reference-card .live-preview-toggle:hover,.reference-card .live-preview-toggle:focus-visible{background:#e7f1eb;outline:2px solid #7ba994;outline-offset:2px}
.reference-card[data-live-preview=loading] .live-preview-toggle,.reference-card[data-live-preview=checking] .live-preview-toggle{color:#526c60}
.reference-card .resource-cover>.live-preview-stage{position:absolute;inset:0;z-index:2;overflow:hidden;background:#f4f6ef;pointer-events:none}
.live-preview-stage>iframe{position:absolute;left:0;top:0;display:block;width:960px!important;height:640px!important;max-width:none!important;max-height:none!important;border:0;transform-origin:0 0;pointer-events:none;background:#f4f6ef}
.live-preview-status{position:absolute;left:5px;right:5px;bottom:4px;z-index:4;padding:3px 5px;font-size:10px;line-height:1.4;background:#fffefae8;color:#355e50;border-radius:5px;text-align:center;pointer-events:none}
.reference-card[data-live-preview=playing] .resource-cover>img{visibility:hidden}
@media(max-width:700px){.reference-card .live-preview-toggle{right:8px;bottom:8px;min-height:42px;font-size:12px;padding:8px 10px}.live-preview-status{font-size:9px;bottom:2px}}
@media(prefers-reduced-motion:reduce){.live-preview-toggle{transition:none!important}}

.reference-card:not([data-live-preview=playing]) .live-preview-stage>iframe{opacity:0}.reference-card:not([data-live-preview=playing]) .resource-cover>.live-preview-stage{background:transparent}