.interactive-preview{margin:2rem 0;border:1px solid var(--line,#dedbd4);border-radius:12px;overflow:hidden;background:#f4f2ed;color:#242421;font-family:Arial,sans-serif;max-width:100%;text-align:left}
.interactive-preview .preview-screen{position:relative;overflow:hidden;width:100%;aspect-ratio:8/5;background:#e9e8e3;isolation:isolate}
.interactive-preview .preview-screen iframe{position:absolute;inset:0;width:1280px;height:800px;border:0;max-width:none;transform:scale(var(--preview-scale,1));transform-origin:top left;background:#e9e8e3}
.interactive-preview .preview-shield{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;cursor:pointer;color:transparent;font-size:0;border-radius:0;z-index:2}
.interactive-preview .preview-shield:focus-visible{outline:3px solid #757950;outline-offset:-4px;background:#fff2}
.interactive-preview .preview-status{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:1rem;background:#e9e8e3;color:#555;font-size:13px;z-index:3;pointer-events:none}
.interactive-preview [hidden]{display:none!important}
.interactive-preview figcaption{padding:14px 16px 4px;font-size:12px;line-height:1.5}
.interactive-preview figcaption strong{display:block;font-size:13px;margin-bottom:3px}
.interactive-preview .preview-controls{display:flex;flex-wrap:wrap;gap:7px;padding:10px 16px 16px}
.interactive-preview .preview-controls button{font:inherit;font-size:12px;line-height:1.4;color:inherit;border:1px solid #c9c6be;background:#fff9;border-radius:6px;padding:6px 10px;cursor:pointer}
.interactive-preview .preview-controls button:hover{background:#fff}.interactive-preview .preview-controls button:disabled{cursor:default;opacity:.65}
.interactive-preview:fullscreen{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;max-width:none;border:0;border-radius:0;margin:0;background:#181918;color:#eee}
.interactive-preview:fullscreen .preview-screen{width:min(100vw,calc((100vh - 120px)*1.6));flex-shrink:0;align-self:center}
.interactive-preview:fullscreen figcaption,.interactive-preview:fullscreen .preview-controls{align-self:center;max-width:1000px}
.interactive-preview:fullscreen .preview-controls button{background:#333;color:#eee;border-color:#555}
.preview-missing{border:1px dashed #bdb7a9;padding:18px;border-radius:8px;font:13px/1.6 Arial,sans-serif;background:#f5f2eb;color:#665f51}
@media(max-width:600px){.interactive-preview{margin:1.5rem -4px}.interactive-preview figcaption{padding:10px 12px 0}.interactive-preview .preview-controls{padding:10px 12px;gap:6px}.interactive-preview .preview-controls button{padding:8px 9px}}

.interactive-preview:fullscreen{overflow:auto}.preview-inline-status{padding:0 16px 12px;font:12px/1.5 Arial,sans-serif}