#preview-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);padding:32px;min-height:480px;position:relative;overflow:hidden}#preview-wrapper::before{content:'';position:absolute;inset:0;background-image:radial-gradient(var(--color-glass-border) 1px,transparent 1px);background-size:24px 24px;opacity:0.5;pointer-events:none}#preview-wrapper::after{content:'';position:absolute;top:50%;left:50%;width:500px;height:350px;transform:translate(-50%,-50%);background:radial-gradient(ellipse,var(--color-amber-glow) 0%,transparent 70%);pointer-events:none;z-index:0}#snippet-container{width:600px;height:400px;overflow:hidden;border-radius:var(--radius-sm);box-shadow:0 12px 48px rgba(0,0,0,0.5),0 0 0 1px var(--color-glass-border),0 0 80px -20px var(--shadow-glow);position:relative;z-index:1}#snippet-container .snippet,#snippet-container .snippet *{animation:none !important;transition:none !important}@media (max-width:899px){#preview-wrapper{min-height:auto;padding:20px}}@media (max-width:699px){#snippet-container{width:100%;height:0;padding-bottom:66.67%;position:relative}#snippet-container .snippet{position:absolute;top:0;left:0;width:600px;height:400px;transform-origin:top left;transform:scale(var(--preview-scale,1))}}