.component-preview{cursor:pointer}.component-preview,.preview-window{position:relative;border-radius:8px;overflow:hidden}.preview-window{background:var(--color-background-paper)}.preview-content-wrapper{position:absolute;top:0;left:0;transform-origin:top left;transition:transform .3s ease}.preview-content-wrapper.scale-to-fit{display:flex;align-items:center;justify-content:center}.preview-content{pointer-events:none}.component-preview.expanded{z-index:1000}.component-preview.expanded .preview-window{overflow:visible}.component-preview.expanded .preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:-1}.component-preview.expanded .preview-expanded{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-background-paper);border-radius:12px;box-shadow:0 16px 48px rgba(0,0,0,.2);padding:16px;z-index:1001}.component-preview.expanded .preview-expanded .preview-content{pointer-events:auto}@media (max-width:768px){.component-preview{cursor:default}.preview-window{width:100%!important;height:auto!important;aspect-ratio:16/9}}