.preview-shell.svelte-1ve24ix{position:fixed;background:var(--card);display:flex;flex-direction:column;overflow:hidden;z-index:40;box-shadow:0 -20px 60px -20px #00000080;inset:auto 0 0 0;height:86dvh;border-radius:22px 22px 0 0;border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);transform:translateY(100%);transition:transform .32s cubic-bezier(.22,1,.36,1);will-change:transform}.preview-shell--open.svelte-1ve24ix{transform:translateY(0)}@media(min-width:768px){.preview-shell.svelte-1ve24ix{inset:0 0 0 auto;width:var(--outer-w, 415px);max-width:96vw;height:100dvh;z-index:60;border-radius:0;border-top:0;border-left:0;padding-bottom:0;background:transparent;box-shadow:none;overflow:visible;transform:translate(100%);transition:transform .32s cubic-bezier(.22,1,.36,1),width .28s cubic-bezier(.22,1,.36,1)}.preview-shell--open.svelte-1ve24ix{transform:translate(0)}}.preview-backdrop-mobile.svelte-1ve24ix{position:fixed;top:0;right:0;bottom:0;left:0;z-index:39;background:#00000080;border:0;padding:0;cursor:pointer}@media(min-width:768px){.preview-backdrop-mobile.svelte-1ve24ix{display:none}}.preview-close-mobile.svelte-1ve24ix{position:absolute;top:10px;right:10px;z-index:3;width:30px;height:30px;border-radius:999px;border:1px solid color-mix(in oklch,var(--border) 60%,transparent);background:color-mix(in oklch,var(--card) 80%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--muted-foreground);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.preview-body.svelte-1ve24ix{position:relative;flex:1 1 auto;min-height:0;overflow:hidden}@media(min-width:768px){.preview-body.svelte-1ve24ix{background:transparent}}@media(max-width:767px){.preview-body.svelte-1ve24ix{background:color-mix(in oklch,var(--background) 96%,transparent)}}.preview-stage.svelte-1ve24ix{position:relative;height:100%;display:flex;align-items:center;justify-content:center;padding:12px 4px}.preview-stage--mobile.svelte-1ve24ix{padding:0}.phone-frame.svelte-1ve24ix{position:relative;width:var(--phone-w, 480px);max-width:100%;height:100%}.phone-screen.svelte-1ve24ix{position:relative;width:100%;height:100%;overflow:hidden;background:var(--background);isolation:isolate;border-radius:14px}.phone-content-area.svelte-1ve24ix{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.content-scaler.svelte-1ve24ix{position:absolute;top:0;left:0;transform-origin:top left}.preview-empty.svelte-1ve24ix{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px}.preview-error.svelte-1ve24ix{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:0 24px}.preview-error__icon.svelte-1ve24ix{width:40px;height:40px;border-radius:999px;background:color-mix(in oklch,var(--destructive) 14%,transparent);color:var(--destructive);display:flex;align-items:center;justify-content:center}.preview-action.svelte-1ve24ix{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;height:40px;border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--foreground);font-size:13px;font-weight:500;cursor:pointer;transition:background-color .16s,transform .12s ease-out}.preview-action.svelte-1ve24ix:hover{background:var(--muted)}.preview-action.svelte-1ve24ix:active{transform:scale(.97)}.preview-action--primary.svelte-1ve24ix{background:var(--primary);color:var(--primary-foreground);border-color:transparent;font-weight:600}.preview-action--primary.svelte-1ve24ix:hover{background:color-mix(in oklch,var(--primary) 88%,white)}.preview-iframe.svelte-1ve24ix{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:var(--background);opacity:0;transition:opacity .32s cubic-bezier(.16,1,.3,1)}.preview-iframe--ready.svelte-1ve24ix{opacity:1}.preview-product-loading.svelte-1ve24ix{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:center;justify-content:center;background:color-mix(in oklch,var(--background) 55%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:none;animation:svelte-1ve24ix-preview-product-loading-fade-in .16s ease-out}.preview-product-loading__chip.svelte-1ve24ix{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--card);border:1px solid var(--border);box-shadow:0 6px 24px -8px #00000059;font-size:12px;font-weight:600;color:var(--foreground);letter-spacing:.01em}.preview-product-loading.svelte-1ve24ix .preview-product-loading__spin{color:var(--primary);animation:svelte-1ve24ix-preview-product-loading-spin .8s linear infinite}@keyframes svelte-1ve24ix-preview-product-loading-fade-in{0%{opacity:0}to{opacity:1}}@keyframes svelte-1ve24ix-preview-product-loading-spin{to{transform:rotate(360deg)}}.preview-skeleton.svelte-1ve24ix{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:12px;padding:20px;background:var(--background);pointer-events:none}.skeleton-block.svelte-1ve24ix{background:linear-gradient(90deg,color-mix(in oklch,var(--muted) 80%,transparent 0%),color-mix(in oklch,var(--muted) 60%,var(--foreground) 4%),color-mix(in oklch,var(--muted) 80%,transparent 0%) 80%);background-size:200% 100%;animation:svelte-1ve24ix-skeleton-shimmer 1.4s ease-in-out infinite}@keyframes svelte-1ve24ix-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.preview-shell.svelte-1ve24ix,.preview-iframe.svelte-1ve24ix,.skeleton-block.svelte-1ve24ix{transition:none;animation:none}}