body:has(.studio):after{display:none}body:has(.studio):before{display:none}body:has(.studio){background:#09090b}html:has(.studio){background:#09090b;scroll-padding-top:5rem;scroll-padding-bottom:0}.studio{color:#e4e4e7;isolation:isolate}.studio ::selection{color:#fff;background:#8b5cf6}.studio-aurora{z-index:-1;pointer-events:none;background:radial-gradient(38rem 20rem at 18% -4%,#8b5cf647,#0000 70%),radial-gradient(34rem 18rem at 62% -8%,#ec489933,#0000 70%),radial-gradient(30rem 16rem at 92% 4%,#f59e0b1f,#0000 70%);height:38rem;position:absolute;inset:0 0 auto}.studio-grid{z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:44px 44px;height:34rem;position:absolute;inset:0 0 auto;-webkit-mask-image:radial-gradient(70% 60% at 50% 0,#000 30%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 0,#000 30%,#0000 75%)}.text-gradient{background:linear-gradient(95deg,#c4b5fd 0%,#f0abfc 45%,#fcd34d 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.glass{background:linear-gradient(#ffffff0b,#ffffff04);border:1px solid #ffffff14}.ring-gradient{background:linear-gradient(#111114,#111114) padding-box padding-box,linear-gradient(120deg,#a78bfab3,#f0abfc73,#fcd34d80) border-box;border:1px solid #0000}.lift{transition:transform .2s,border-color .2s,box-shadow .2s}.lift:hover{border-color:#a78bfa66;transform:translateY(-2px);box-shadow:0 18px 40px -22px #8b5cf68c}@media (prefers-reduced-motion:reduce){.lift,.lift:hover{transition:none;transform:none}}.editor{background:#0d0d10;border:1px solid #ffffff17;box-shadow:0 0 0 1px #0006,0 30px 60px -30px #8b5cf659}