.lace-page{background:radial-gradient(ellipse at 82% 9%, color-mix(in srgb, var(--primary) 13%, transparent), transparent 39%), radial-gradient(ellipse at 5% 38%, color-mix(in srgb, var(--chart-2) 6%, transparent), transparent 32%)}.lace-glass{background:linear-gradient(135deg, color-mix(in srgb, var(--card) 92%, transparent), color-mix(in srgb, var(--secondary) 40%, var(--card)));border:1px solid color-mix(in srgb, var(--primary) 42%, var(--border));box-shadow:0 0 18px color-mix(in srgb, var(--primary) 7%, transparent), var(--shadow-sm);backdrop-filter:blur(18px)}.lace-install:before{content:"";background:radial-gradient(circle, var(--chart-2), transparent 68%);opacity:0;transition:transform .2s ease-out,opacity .2s ease-out;position:absolute;inset:-40%;transform:scale(.15)}.lace-install:hover:before{opacity:.6;transform:scale(1)}.lace-install{animation:2s ease-in-out 3 lace-pulse}.lace-orbit{border:1px solid color-mix(in srgb, var(--primary) 28%, transparent);box-shadow:0 0 70px color-mix(in srgb, var(--primary) 9%, transparent)}.lace-preview{box-shadow:var(--shadow-lg);transform:rotate(-5deg)}.lace-ready{background:radial-gradient(ellipse at 50% 110%, color-mix(in srgb, var(--primary) 27%, transparent), transparent 70%), var(--card)}.lace-skeleton{animation:1.2s ease-in-out infinite lace-shimmer}@keyframes lace-pulse{0%,to{box-shadow:0 0 0 1px color-mix(in srgb, var(--primary) 35%, transparent)}50%{box-shadow:0 0 0 3px color-mix(in srgb, var(--chart-2) 55%, transparent), 0 0 24px color-mix(in srgb, var(--primary) 24%, transparent)}}@keyframes lace-shimmer{0%,to{opacity:.5}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.lace-install,.lace-skeleton{animation:none}.lace-install:before{transition:none}.lace-page *,.lace-page :before{scroll-behavior:auto!important}}
