.creation-field{pointer-events:none;z-index:0;isolation:isolate;position:absolute;inset:-150px -110px;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 20% 80%,#0000);mask-image:linear-gradient(#0000,#000 20% 80%,#0000)}.creation-field canvas{opacity:.9;mix-blend-mode:screen;width:100%;height:100%;position:absolute;inset:0}.creation-field-lens{background:radial-gradient(ellipse at var(--field-x,50%) var(--field-y,50%), #91c4ff23, transparent 48%), radial-gradient(ellipse at 75% 65%, #bc896414, transparent 50%);filter:blur(18px);border-radius:50%;position:absolute;inset:12% 8%}.creation-field-orbit{border:1px solid #94bfff30;border-radius:50%;width:80%;height:55%;position:absolute;top:22%;left:10%;transform:perspective(500px)rotateX(55deg)rotate(-9deg);box-shadow:inset 0 1px 4px #a9d0ff18,0 1px 4px #b6d4ff14}.creation-field .orbit-two{border-color:#adc9e315;width:88%;height:66%;top:16%;left:6%;transform:perspective(500px)rotateX(52deg)rotate(7deg)}.creation-field.is-awake .orbit-one{animation:14s ease-in-out infinite alternate field-orbit}.creation-field.is-awake .orbit-two{animation:19s ease-in-out infinite alternate-reverse field-orbit}.creation-field-grain{opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.18' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}@keyframes field-orbit{to{transform:perspective(600px)rotateX(64deg)rotate(12deg)scale(1.08)}}.quick-composer-wrap{isolation:isolate;position:relative}.quick-composer-wrap>.creation-field{z-index:-1;inset:-200px -130px}.quick-composer-wrap .quick-composer{-webkit-backdrop-filter:blur(24px);background:linear-gradient(115deg,#202630ed,#151921f5 60%,#20232bef);box-shadow:inset 0 1px #c3dbff20,0 18px 70px #0005,0 0 60px #6497ec0b}.quick-composer-wrap .quick-composer:after{content:"";pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at var(--field-x,50%) var(--field-y,50%), #a2c9ff0e, transparent 60%);position:absolute;inset:0}.quick-composer-wrap .quick-type-rail{background:#171b23c9;box-shadow:inset 0 1px #ccdfff1c}.quick-composer-wrap .quick-energy{opacity:1}.quick-field-toggle{color:#9caac1;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;min-height:44px;margin:20px auto 0;font-size:11px;display:flex}.quick-field-toggle:hover{color:#e3ecff}@media (max-width:720px){.creation-field{inset:-90px -25px}.quick-composer-wrap>.creation-field{inset:-100px -25px}.creation-field canvas{display:none}.creation-field-orbit{opacity:.5}.quick-composer-wrap .quick-composer{-webkit-backdrop-filter:none}}@media (prefers-reduced-motion:reduce){.creation-field *{animation:none!important}.creation-field canvas{display:none}}.field-motion-off .quick-energy:before,.field-motion-off .quick-energy:after{animation:none!important}.quick-composer-wrap>.creation-field{inset:-200px 0}.quick-create:has(.field-motion-on) .quick-art img:first-child{transform:translate(calc(var(--field-dx,0px) * -.7), var(--field-dy,0px)) rotate(-8deg)}.quick-create:has(.field-motion-on) .quick-art img:last-child{transform:translate(var(--field-dx,0px), calc(var(--field-dy,0px) * -.8)) rotate(8deg)}.quick-create .quick-art img{border:1px solid #c4dbff2b;transition:transform .7s cubic-bezier(.2,.7,.2,1);box-shadow:0 20px 60px #0005,inset 0 1px #fff3}@media (prefers-reduced-motion:reduce){.quick-create .quick-art img{transition:none!important;transform:none!important}}