/* Only the selected preview becomes live. Its surrounding link remains the click target. */
.hero-example-preview,.example-media[data-example-preview]{position:relative;isolation:isolate;overflow:hidden}
.example-live-frame{position:absolute;left:0;top:0;width:1280px;height:800px!important;max-width:none!important;border:0;display:block;transform-origin:top left;pointer-events:none;visibility:hidden;opacity:0;z-index:1;background:transparent}
.example-live-frame.is-ready{visibility:visible;opacity:1}
[data-preview-motion-toggle]{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:9px 14px;border:1px solid var(--warm-border,#d9d3c8);border-radius:999px;background:transparent;color:var(--ink,#222d27);font:500 14px var(--body,system-ui);cursor:pointer}
[data-preview-motion-toggle]:hover{background:#ede8df}
[data-preview-motion-toggle]:focus-visible{outline:2px solid currentColor;outline-offset:4px}
[data-preview-motion-toggle]:disabled{cursor:default;color:var(--muted,#6b7069);background:transparent}
[data-preview-motion-toggle][hidden]{display:none}
.work-preview-actions{display:flex;flex-direction:column;align-items:flex-end;gap:12px;flex-shrink:0}
@media(max-width:850px){.work-preview-actions{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:10px 18px;margin-top:20px}.work-preview-actions .browse-link{margin-top:0}}
@media(prefers-reduced-motion:reduce){.showcase:not([data-preview-viewport="mobile"]) .example-live-frame,.example-media .example-live-frame{display:none!important}}