body{font-family:Manrope,sans-serif;font-size:12px;padding:0;margin:0;background:#f7fafc}.device-frame{width:414px;height:896px;margin:40px auto 0;border-radius:32px;overflow:hidden;box-shadow:0 3px 6px #0003;background:#ffffff;border:3px solid #ffffff}.canvas-container{width:414px;height:414px;border-bottom-left-radius:16px;border-bottom-right-radius:16px;overflow:hidden;margin-bottom:8px}.container{padding:8px}.module-manager{overflow:hidden;border-radius:16px}.module-list{height:114px;background-color:#e2e8f0;border-radius:16px;display:flex;gap:16px;padding:8px 100px 10px 8px;overflow-x:scroll}.module-item{display:flex;gap:4px;justify-content:center;align-items:center;flex-direction:column;width:100px;flex-shrink:0;background-color:#a0aec0;border-radius:16px}.module-item span{text-align:center;text-transform:capitalize;font-size:10px}.module-item.adder{background-color:#cbd5e0;font-size:24px;font-weight:600;transition:background .3s ease-out}.module-item.adder:hover{background-color:#a0aec0;transition:background .3s ease-out}