/* Live model canvases share the card surface; all pointer input belongs to its link. */
.sim-live-preview{position:absolute;inset:0;display:block;overflow:hidden;isolation:isolate;pointer-events:none;background:radial-gradient(ellipse at 50% 60%,#203c483d,transparent 72%)}
.sim-preview-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none!important;touch-action:auto!important;outline:none;opacity:0;transition:opacity .22s}
.sim-preview-still,.sim-live-preview[data-preview-state=live]>.sim-preview-canvas{opacity:1}
.sim-preview-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#8daabd;background:radial-gradient(ellipse,#223e4a40,transparent 70%)}
.sim-preview-fallback[hidden]{display:none}.sim-preview-fallback svg{width:64%;height:58%;max-width:235px;overflow:visible;filter:drop-shadow(0 6px 12px #030a1466)}
.sim-preview-fallback span{font:9px var(--arabic),sans-serif;color:#819bab;letter-spacing:.1px}.sim-live-preview[data-preview-state=loading] .sim-preview-fallback{opacity:.7}
.sim-live-preview:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#0a12252b,transparent 21%)}
[data-preview-motion]{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:31px;border:1px solid #bbd6db26;border-radius:7px;padding:6px 10px;color:#b2c5d1;background:#142333;font:10px var(--arabic),sans-serif;cursor:pointer}
[data-preview-motion][aria-pressed=true]{border-color:#b4da7959;color:#d8eea1;background:#c6ef710c}[data-preview-motion]:focus-visible{outline:2px solid #d7fa70;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.sim-preview-canvas{transition:none}}