.puppet-preview.svelte-1o1s47u{position:relative;width:100%;height:100%;max-height:min(75vh,640px);background:var(--preview-bg, transparent);border-radius:1.5rem;box-shadow:inset 0 0 0 1px #fff6,0 12px 30px #0f172a1f;overflow:hidden}.puppet-preview.maintain-aspect.svelte-1o1s47u{width:100%;min-height:clamp(320px,60vh,720px);max-height:min(80vh,720px)}.puppet-preview.svelte-1o1s47u:not(.maintain-aspect){min-height:clamp(280px,50vh,560px);height:var(--puppet-preview-height, clamp(280px, 50vh, 560px))}.puppet-preview.svelte-1o1s47u:not(.maintain-aspect){min-height:clamp(280px,50vh,560px)}.puppet-preview__canvas.svelte-1o1s47u{position:absolute;inset:0;width:100%;height:100%;min-height:100%;outline:none;border:none;background:transparent}.puppet-preview__canvas.is-static.svelte-1o1s47u{pointer-events:none}.puppet-preview__overlay.svelte-1o1s47u{position:absolute;inset:0;border-radius:inherit;pointer-events:none;mix-blend-mode:multiply;opacity:.65;transition:opacity .22s ease;z-index:1}.puppet-preview__overlay.is-hidden.svelte-1o1s47u{opacity:0}.puppet-preview__placeholder.svelte-1o1s47u,.puppet-preview__loading.svelte-1o1s47u,.puppet-preview__error.svelte-1o1s47u{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:600;color:#475569;padding:1rem;text-align:center}.puppet-preview__error.svelte-1o1s47u{color:#ef4444}.puppet-preview__hint.svelte-1o1s47u{position:absolute;bottom:clamp(.6rem,4vw,1rem);left:50%;transform:translate(-50%);padding:.3rem .75rem;border-radius:999px;background:#0f172abf;color:#f8fafc;font-size:clamp(.6rem,2vw,.75rem);letter-spacing:.08em;text-transform:uppercase}