.page-module__1vWA2G__header{text-align:center;padding:3rem 0}.page-module__1vWA2G__header h1{margin-bottom:.5rem;font-size:3rem}.page-module__1vWA2G__header p{color:#888}.page-module__1vWA2G__workspace{grid-template-columns:1fr 350px;gap:2rem;margin-bottom:4rem;display:grid}.page-module__1vWA2G__previewArea{background:#111;border-radius:16px;justify-content:center;align-items:center;height:500px;display:flex;position:relative;overflow:hidden}.page-module__1vWA2G__backgroundBlob,.page-module__1vWA2G__backgroundBlob2{filter:blur(50px);border-radius:50%;width:300px;height:300px;position:absolute}.page-module__1vWA2G__backgroundBlob{background:var(--primary);animation:6s ease-in-out infinite page-module__1vWA2G__float;top:10%;left:10%}.page-module__1vWA2G__backgroundBlob2{background:var(--secondary);animation:8s ease-in-out infinite reverse page-module__1vWA2G__float;bottom:10%;right:10%}.page-module__1vWA2G__glassObject{color:#fff;text-align:center;border-radius:16px;width:300px;padding:3rem;box-shadow:0 4px 6px #0000001a}.page-module__1vWA2G__glassObject h2{margin-bottom:.5rem}.page-module__1vWA2G__controls{border-radius:16px;height:fit-content;padding:2rem}.page-module__1vWA2G__controls h3{border-bottom:1px solid #ffffff1a;margin-bottom:1.5rem;padding-bottom:1rem}.page-module__1vWA2G__controlGroup{margin-bottom:2rem}.page-module__1vWA2G__controlGroup label{color:#ccc;margin-bottom:.8rem;font-size:.9rem;font-weight:500;display:block}.page-module__1vWA2G__range{width:100%;accent-color:var(--primary-glow)}.page-module__1vWA2G__codeBlock{color:#a0a0a0;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;padding:1rem;font-family:monospace;font-size:.8rem}.page-module__1vWA2G__codeBlock pre{white-space:pre-wrap;word-break:break-all}.page-module__1vWA2G__colorPicker{gap:1rem;display:flex}.page-module__1vWA2G__colorBtn{cursor:pointer;border:2px solid #fff3;border-radius:50%;width:30px;height:30px;transition:transform .2s}.page-module__1vWA2G__colorBtn:hover{transform:scale(1.1)}@keyframes page-module__1vWA2G__float{0%{transform:translate(0)}50%{transform:translate(20px,30px)}to{transform:translate(0)}}@media (max-width:900px){.page-module__1vWA2G__workspace{grid-template-columns:1fr}}