.design-animation[data-astro-cid-ngrwtw65]{perspective:1000px}.design-board-wrapper[data-astro-cid-ngrwtw65]{position:relative;width:100%;max-width:480px;transform:translate(50%);opacity:0;animation:slideInFromRight .8s ease-out forwards;animation-delay:.3s}@keyframes slideInFromRight{0%{transform:translate(50%) rotateY(-5deg);opacity:0}to{transform:translate(0) rotateY(0);opacity:1}}.animate-pulse-slow[data-astro-cid-ngrwtw65]{animation:pulseSlow 2s ease-in-out infinite}@keyframes pulseSlow{0%,to{opacity:.8}50%{opacity:1}}.layer-selected[data-astro-cid-ngrwtw65]{animation:layerSelect 3s ease-in-out infinite}@keyframes layerSelect{0%,to{fill:#2a2a4a}50%{fill:#3a3a5a}}.visibility-dot[data-astro-cid-ngrwtw65]{animation:dotPulse 2s ease-in-out infinite}@keyframes dotPulse{0%,to{opacity:.6;r:3}50%{opacity:1;r:3.5}}.ui-element[data-astro-cid-ngrwtw65]{animation:uiGlow 2.5s ease-in-out infinite}@keyframes uiGlow{0%,to{opacity:.7}50%{opacity:1}}.ui-card[data-astro-cid-ngrwtw65]{animation:cardFloat 3s ease-in-out infinite}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}.button-pulse[data-astro-cid-ngrwtw65]{animation:buttonPulse 2s ease-in-out infinite}@keyframes buttonPulse{0%,to{opacity:.8}50%{opacity:1;filter:brightness(1.1)}}.swatch-pulse[data-astro-cid-ngrwtw65]{animation:swatchPulse 3s ease-in-out infinite}@keyframes swatchPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.slider-knob[data-astro-cid-ngrwtw65]{animation:sliderMove 4s ease-in-out infinite}@keyframes sliderMove{0%,to{cx:405}50%{cx:395}}.slider-fill[data-astro-cid-ngrwtw65]{animation:sliderFill 4s ease-in-out infinite}@keyframes sliderFill{0%,to{width:45px}50%{width:35px}}.artboard[data-astro-cid-ngrwtw65]{animation:artboardGlow 4s ease-in-out infinite}@keyframes artboardGlow{0%,to{stroke:#3f3f47}50%{stroke:#52525b}}.icon-card[data-astro-cid-ngrwtw65]{position:absolute;bottom:40%;right:-40px;width:105px;height:70px;background:#11111ef2;border:1px solid rgba(168,85,247,.3);border-radius:12px;backdrop-filter:blur(8px);box-shadow:0 4px 20px #0006,0 0 30px #a855f71a;z-index:10;display:flex;align-items:center;justify-content:center}.icon-item[data-astro-cid-ngrwtw65]{position:absolute;display:flex;flex-direction:column;align-items:center;gap:6px;opacity:0;transform:scale(.8);animation:iconFadeScale 48s ease-in-out infinite;animation-delay:var(--delay)}.icon-circle[data-astro-cid-ngrwtw65]{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:1px solid}.icon-circle[data-astro-cid-ngrwtw65] svg[data-astro-cid-ngrwtw65]{width:20px;height:20px}.icon-label[data-astro-cid-ngrwtw65]{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;opacity:.9;white-space:nowrap}@keyframes iconFadeScale{0%{opacity:0;transform:scale(.8)}0.5%{opacity:1;transform:scale(1)}7.5%{opacity:1;transform:scale(1)}8.33%{opacity:0;transform:scale(.8)}to{opacity:0;transform:scale(.8)}}.floating-elements[data-astro-cid-ngrwtw65]{position:absolute;inset:0;pointer-events:none;opacity:0;animation:fadeIn .5s ease-out forwards;animation-delay:1s}@keyframes fadeIn{to{opacity:1}}.float-item[data-astro-cid-ngrwtw65]{position:absolute;padding:8px;background:#111118cc;border:1px solid rgba(168,85,247,.2);border-radius:10px;backdrop-filter:blur(4px);animation:float 4s ease-in-out infinite;animation-delay:var(--delay)}.float-item[data-astro-cid-ngrwtw65].pencil{top:10%;left:5%}.float-item[data-astro-cid-ngrwtw65].cursor{top:20%;right:5%}.float-item[data-astro-cid-ngrwtw65].shapes{bottom:25%;left:8%}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(2deg)}50%{transform:translateY(-4px) rotate(-1deg)}75%{transform:translateY(-10px) rotate(1deg)}}@media(max-width:640px){.design-board-wrapper[data-astro-cid-ngrwtw65]{max-width:360px}.icon-card[data-astro-cid-ngrwtw65]{width:88px;height:58px;bottom:40%;right:-30px;border-radius:10px}.icon-circle[data-astro-cid-ngrwtw65]{width:30px;height:30px;border-radius:8px}.icon-circle[data-astro-cid-ngrwtw65] svg[data-astro-cid-ngrwtw65]{width:16px;height:16px}.icon-label[data-astro-cid-ngrwtw65]{font-size:7px}.float-item[data-astro-cid-ngrwtw65]{padding:6px}.float-item[data-astro-cid-ngrwtw65] svg[data-astro-cid-ngrwtw65]{width:14px;height:14px}}