.editor-dot-pattern{position:absolute;inset:0;background-image:radial-gradient(rgba(var(--inverse-rgb),.15) 1px,transparent 1px);background-size:20px 20px}@keyframes portal-zoom{0%,20%{transform:scale(1);opacity:1}45%,55%{transform:scale(4);opacity:0}80%,to{transform:scale(1);opacity:1}}@keyframes portal-inner{0%,20%{transform:scale(.5);opacity:0}45%,55%{transform:scale(1);opacity:1}80%,to{transform:scale(.5);opacity:0}}@keyframes drag-drop-anim{0%{transform:translate(-30px,-40px) scale(1.1) rotate(-10deg);opacity:0}20%{transform:translate(-30px,-40px) scale(1.1) rotate(-10deg);opacity:1}60%{transform:translate(0) scale(1) rotate(0);opacity:1}80%,to{transform:translate(0) scale(.8);opacity:0}}@keyframes export-download-anim{0%,20%{transform:translateY(-20px) scale(.8);opacity:0}40%{transform:translateY(10px) scale(1);opacity:1}80%{transform:translateY(40px) scale(1);opacity:1}to{transform:translateY(40px) scale(1);opacity:0}}.why-layer-panel{position:absolute;width:160px;height:160px;border-radius:12px;border:1px solid rgba(var(--inverse-rgb),.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform-style:preserve-3d}.why-layer-top{background:linear-gradient(135deg,#c47a2c59,#c47a2c0d);border-color:#c47a2c99;animation:why-accordion-top 4s cubic-bezier(.4,0,.2,1) infinite;z-index:3}.why-layer-mid{background:linear-gradient(135deg,#38bdf840,#38bdf80d);border-color:#38bdf866;animation:why-accordion-mid 4s cubic-bezier(.4,0,.2,1) infinite;z-index:2}.why-layer-bot{background:linear-gradient(135deg,#8b5cf64d,#8b5cf60d);border-color:#8b5cf680;transform:rotateX(60deg) rotate(-45deg) translateZ(0);box-shadow:-10px 10px 30px #0009;z-index:1}@keyframes why-accordion-top{0%,to{transform:rotateX(60deg) rotate(-45deg) translateZ(10px);box-shadow:-5px 5px 15px #0000004d}50%{transform:rotateX(60deg) rotate(-45deg) translateZ(100px);box-shadow:-30px 30px 50px #0009,inset 0 0 20px #c47a2c66}}@keyframes why-accordion-mid{0%,to{transform:rotateX(60deg) rotate(-45deg) translateZ(5px)}50%{transform:rotateX(60deg) rotate(-45deg) translateZ(50px);box-shadow:-20px 20px 30px #00000080,inset 0 0 15px #38bdf84d}}.why-isometric-element{transform:translateZ(10px);box-shadow:-2px 2px 5px #0000004d}@keyframes trace-focus-edge{0%,20%{stroke:rgba(var(--inverse-rgb),.3);stroke-dasharray:100;stroke-dashoffset:100}40%,80%{stroke:#8b5cf6;stroke-dasharray:100;stroke-dashoffset:0}to{stroke:rgba(var(--inverse-rgb),.3);stroke-dasharray:100;stroke-dashoffset:100}}@keyframes trace-focus-arrow{0%,30%{fill:rgba(var(--inverse-rgb),.3)}40%,80%{fill:#8b5cf6}to{fill:rgba(var(--inverse-rgb),.3)}}@keyframes particle-visibility{0%,10%{opacity:0}15%,85%{opacity:1}90%,to{opacity:0}}@keyframes float-cursor1{0%,to{transform:translate(0)}25%{transform:translate(30px,-20px)}50%{transform:translate(15px,25px)}75%{transform:translate(-20px,10px)}}@keyframes float-cursor2{0%,to{transform:translate(0)}25%{transform:translate(-25px,15px)}50%{transform:translate(10px,-15px)}75%{transform:translate(20px,20px)}}@keyframes mouse-scroll{0%{transform:translateY(0);opacity:1}50%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:0}}@keyframes mouse-fade{0%,20%{opacity:0}30%,70%{opacity:1}80%,to{opacity:0}}