{"id":"liquid_tabbar_menu","name":"Liquid Tab Bar","width":420,"height":170,"cornerRadius":0,"deviceFrame":"wireframe","fit":"Layout","responsive":{"enabled":true,"mode":"constraint","width":{"type":"fixed"},"height":{"type":"fixed"},"maintainAspectRatio":true,"scaleObjects":true},"backgroundColor":"transparent","opacity":1,"x":-210,"y":-85,"stateMachine":{"inputs":[{"id":"in_selected","name":"selected","value":{"type":"Number","value":0,"defaultValue":0}}],"layers":[{"name":"Tabs","entryStateId":"s_tab0","states":[{"id":"s_tab0","name":"Home","animationId":"anim_tab0","loop":false,"transitions":[{"id":"t_0_1","targetStateId":"s_tab1","duration":0,"conditions":[{"inputId":"in_selected","inputName":"selected","op":"Equal","value":1}]},{"id":"t_0_2","targetStateId":"s_tab2","duration":0,"conditions":[{"inputId":"in_selected","inputName":"selected","op":"Equal","value":2}]},{"id":"t_0_3","targetStateId":"s_tab3","duration":0,"conditions":[{"inputId":"in_selected","inputName":"selected","op":"Equal","value":3}]},{"id":"t_0_4","targetStateId":"s_tab4","duration":0,"conditions":[{"inputId":"in_selected","inputName":"selected","op":"Equal","value":4}]}]},{"id":"s_tab1","name":"Search","animationId":"anim_tab1","loop":false,"transitions":[{"id":"t_1_0","targetStateId":"s_tab0","duration":0,"conditions":[{"inputId":"in_selected","inputName":"selected","op":"Equal","value":0}]},{"id":"t_1_2","targetStateId":"s_tab2","duration":0,"conditions":[{"inputId":"in_selected","inputName":"selected","op":"Equal","value":2}]},{"id":"t_1_3","targetStateId":"s_tab3","duration":0,"conditions":[{"inputId":"in_selected","inputName":"selected","op":"Equal","value":3}]},{"id":"t_1_4","targetStateId":"s_tab4","duration":0,"conditions":[{"inputId":"in_selected","inputName":"selected","op":"Equal","value":4}]}]},{"id":"s_tab2","name":"Create","animationId":"anim_tab2","loop":false,"transitions":[{"id":"t_2_0","targetStateId":"s_tab0","duration":0,"conditions":[{"inputId":"in_selected","inputName":"selected","op":"Equal","value":0}]},{"id":"t_2_1","targetStateId":"s_tab1","duration":0,"conditions":[{"inputId":"in_selected","inputName":"selected","op":"Equal","value":1}]},{"id":"t_2_3","targetStateId":"s_tab3","duration":0,"conditions":[{"inputId":"in_selected","inputName":"selected","op":"Equal","value":3}]},{"id":"t_2_4","targetStateId":"s_tab4","duration":0,"conditions":[{"inputId":"in_selected","inputName":"selected","op":"Equal","value":4}]}]},{"id":"s_tab3","name":"Inbox","animationId":"anim_tab3","loop":false,"transitions":[{"id":"t_3_0","targetStateId":"s_tab0","duration":0,"conditions":[{"inputId":"in_selected","inputName":"selected","op":"Equal","value":0}]},{"id":"t_3_1","targetStateId":"s_tab1","duration":0,"conditions":[{"inputId":"in_selected","inputName":"selected","op":"Equal","value":1}]},{"id":"t_3_2","targetStateId":"s_tab2","duration":0,"conditions":[{"inputId":"in_selected","inputName":"selected","op":"Equal","value":2}]},{"id":"t_3_4","targetStateId":"s_tab4","duration":0,"conditions":[{"inputId":"in_selected","inputName":"selected","op":"Equal","value":4}]}]},{"id":"s_tab4","name":"Profile","animationId":"anim_tab4","loop":false,"transitions":[{"id":"t_4_0","targetStateId":"s_tab0","duration":0,"conditions":[{"inputId":"in_selected","inputName":"selected","op":"Equal","value":0}]},{"id":"t_4_1","targetStateId":"s_tab1","duration":0,"conditions":[{"inputId":"in_selected","inputName":"selected","op":"Equal","value":1}]},{"id":"t_4_2","targetStateId":"s_tab2","duration":0,"conditions":[{"inputId":"in_selected","inputName":"selected","op":"Equal","value":2}]},{"id":"t_4_3","targetStateId":"s_tab3","duration":0,"conditions":[{"inputId":"in_selected","inputName":"selected","op":"Equal","value":3}]}]}]}],"logicNodes":[]},"physics":{"enabled":false,"gravity":{"x":0,"y":9.8},"wind":{"x":0,"y":0},"timeScale":1,"collideWithBounds":true,"joints":[]},"guides":{"horizontal":[],"vertical":[]},"animations":[{"id":"anim_1791185230951_onload","name":"onLoad","duration":3,"tracks":[]},{"id":"anim_tab0","name":"Select Home","duration":0.4,"tracks":[{"id":"t3552","object_id":"ic0","property":"style.fill.color","keyframes":[{"id":"k3553","time":0,"value":"#ffffff","easing":"linear"}]},{"id":"t3554","object_id":"ic0","property":"transform.scale_x","keyframes":[{"id":"k3555","time":0,"value":1,"easing":"easeOutQuad"},{"id":"k3556","time":0.1,"value":1.28,"easing":"easeOutBack"},{"id":"k3557","time":0.4,"value":1,"easing":"linear"}]},{"id":"t3558","object_id":"ic0","property":"transform.scale_y","keyframes":[{"id":"k3559","time":0,"value":1,"easing":"easeOutQuad"},{"id":"k3560","time":0.1,"value":1.28,"easing":"easeOutBack"},{"id":"k3561","time":0.4,"value":1,"easing":"linear"}]},{"id":"t3562","object_id":"ic0","property":"transform.y","keyframes":[{"id":"k3563","time":0,"value":118,"easing":"easeOutQuad"},{"id":"k3564","time":0.1,"value":112,"easing":"easeOutBack"},{"id":"k3565","time":0.4,"value":118,"easing":"linear"}]},{"id":"t3566","object_id":"ic1","property":"style.fill.color","keyframes":[{"id":"k3567","time":0,"value":"#8f8fb8","easing":"linear"}]},{"id":"t3568","object_id":"ic1","property":"transform.scale_x","keyframes":[{"id":"k3569","time":0,"value":1,"easing":"linear"}]},{"id":"t3570","object_id":"ic1","property":"transform.scale_y","keyframes":[{"id":"k3571","time":0,"value":1,"easing":"linear"}]},{"id":"t3572","object_id":"ic1","property":"transform.y","keyframes":[{"id":"k3573","time":0,"value":118,"easing":"linear"}]},{"id":"t3574","object_id":"ic2","property":"style.fill.color","keyframes":[{"id":"k3575","time":0,"value":"#8f8fb8","easing":"linear"}]},{"id":"t3576","object_id":"ic2","property":"transform.scale_x","keyframes":[{"id":"k3577","time":0,"value":1,"easing":"linear"}]},{"id":"t3578","object_id":"ic2","property":"transform.scale_y","keyframes":[{"id":"k3579","time":0,"value":1,"easing":"linear"}]},{"id":"t3580","object_id":"ic2","property":"transform.y","keyframes":[{"id":"k3581","time":0,"value":118,"easing":"linear"}]},{"id":"t3582","object_id":"ic3","property":"style.fill.color","keyframes":[{"id":"k3583","time":0,"value":"#8f8fb8","easing":"linear"}]},{"id":"t3584","object_id":"ic3","property":"transform.scale_x","keyframes":[{"id":"k3585","time":0,"value":1,"easing":"linear"}]},{"id":"t3586","object_id":"ic3","property":"transform.scale_y","keyframes":[{"id":"k3587","time":0,"value":1,"easing":"linear"}]},{"id":"t3588","object_id":"ic3","property":"transform.y","keyframes":[{"id":"k3589","time":0,"value":118,"easing":"linear"}]},{"id":"t3590","object_id":"ic4","property":"style.fill.color","keyframes":[{"id":"k3591","time":0,"value":"#8f8fb8","easing":"linear"}]},{"id":"t3592","object_id":"ic4","property":"transform.scale_x","keyframes":[{"id":"k3593","time":0,"value":1,"easing":"linear"}]},{"id":"t3594","object_id":"ic4","property":"transform.scale_y","keyframes":[{"id":"k3595","time":0,"value":1,"easing":"linear"}]},{"id":"t3596","object_id":"ic4","property":"transform.y","keyframes":[{"id":"k3597","time":0,"value":118,"easing":"linear"}]}]},{"id":"anim_tab1","name":"Select Search","duration":0.4,"tracks":[{"id":"t3598","object_id":"ic0","property":"style.fill.color","keyframes":[{"id":"k3599","time":0,"value":"#8f8fb8","easing":"linear"}]},{"id":"t3600","object_id":"ic0","property":"transform.scale_x","keyframes":[{"id":"k3601","time":0,"value":1,"easing":"linear"}]},{"id":"t3602","object_id":"ic0","property":"transform.scale_y","keyframes":[{"id":"k3603","time":0,"value":1,"easing":"linear"}]},{"id":"t3604","object_id":"ic0","property":"transform.y","keyframes":[{"id":"k3605","time":0,"value":118,"easing":"linear"}]},{"id":"t3606","object_id":"ic1","property":"style.fill.color","keyframes":[{"id":"k3607","time":0,"value":"#ffffff","easing":"linear"}]},{"id":"t3608","object_id":"ic1","property":"transform.scale_x","keyframes":[{"id":"k3609","time":0,"value":1,"easing":"easeOutQuad"},{"id":"k3610","time":0.1,"value":1.28,"easing":"easeOutBack"},{"id":"k3611","time":0.4,"value":1,"easing":"linear"}]},{"id":"t3612","object_id":"ic1","property":"transform.scale_y","keyframes":[{"id":"k3613","time":0,"value":1,"easing":"easeOutQuad"},{"id":"k3614","time":0.1,"value":1.28,"easing":"easeOutBack"},{"id":"k3615","time":0.4,"value":1,"easing":"linear"}]},{"id":"t3616","object_id":"ic1","property":"transform.y","keyframes":[{"id":"k3617","time":0,"value":118,"easing":"easeOutQuad"},{"id":"k3618","time":0.1,"value":112,"easing":"easeOutBack"},{"id":"k3619","time":0.4,"value":118,"easing":"linear"}]},{"id":"t3620","object_id":"ic2","property":"style.fill.color","keyframes":[{"id":"k3621","time":0,"value":"#8f8fb8","easing":"linear"}]},{"id":"t3622","object_id":"ic2","property":"transform.scale_x","keyframes":[{"id":"k3623","time":0,"value":1,"easing":"linear"}]},{"id":"t3624","object_id":"ic2","property":"transform.scale_y","keyframes":[{"id":"k3625","time":0,"value":1,"easing":"linear"}]},{"id":"t3626","object_id":"ic2","property":"transform.y","keyframes":[{"id":"k3627","time":0,"value":118,"easing":"linear"}]},{"id":"t3628","object_id":"ic3","property":"style.fill.color","keyframes":[{"id":"k3629","time":0,"value":"#8f8fb8","easing":"linear"}]},{"id":"t3630","object_id":"ic3","property":"transform.scale_x","keyframes":[{"id":"k3631","time":0,"value":1,"easing":"linear"}]},{"id":"t3632","object_id":"ic3","property":"transform.scale_y","keyframes":[{"id":"k3633","time":0,"value":1,"easing":"linear"}]},{"id":"t3634","object_id":"ic3","property":"transform.y","keyframes":[{"id":"k3635","time":0,"value":118,"easing":"linear"}]},{"id":"t3636","object_id":"ic4","property":"style.fill.color","keyframes":[{"id":"k3637","time":0,"value":"#8f8fb8","easing":"linear"}]},{"id":"t3638","object_id":"ic4","property":"transform.scale_x","keyframes":[{"id":"k3639","time":0,"value":1,"easing":"linear"}]},{"id":"t3640","object_id":"ic4","property":"transform.scale_y","keyframes":[{"id":"k3641","time":0,"value":1,"easing":"linear"}]},{"id":"t3642","object_id":"ic4","property":"transform.y","keyframes":[{"id":"k3643","time":0,"value":118,"easing":"linear"}]}]},{"id":"anim_tab2","name":"Select Create","duration":0.4,"tracks":[{"id":"t3644","object_id":"ic0","property":"style.fill.color","keyframes":[{"id":"k3645","time":0,"value":"#8f8fb8","easing":"linear"}]},{"id":"t3646","object_id":"ic0","property":"transform.scale_x","keyframes":[{"id":"k3647","time":0,"value":1,"easing":"linear"}]},{"id":"t3648","object_id":"ic0","property":"transform.scale_y","keyframes":[{"id":"k3649","time":0,"value":1,"easing":"linear"}]},{"id":"t3650","object_id":"ic0","property":"transform.y","keyframes":[{"id":"k3651","time":0,"value":118,"easing":"linear"}]},{"id":"t3652","object_id":"ic1","property":"style.fill.color","keyframes":[{"id":"k3653","time":0,"value":"#8f8fb8","easing":"linear"}]},{"id":"t3654","object_id":"ic1","property":"transform.scale_x","keyframes":[{"id":"k3655","time":0,"value":1,"easing":"linear"}]},{"id":"t3656","object_id":"ic1","property":"transform.scale_y","keyframes":[{"id":"k3657","time":0,"value":1,"easing":"linear"}]},{"id":"t3658","object_id":"ic1","property":"transform.y","keyframes":[{"id":"k3659","time":0,"value":118,"easing":"linear"}]},{"id":"t3660","object_id":"ic2","property":"style.fill.color","keyframes":[{"id":"k3661","time":0,"value":"#ffffff","easing":"linear"}]},{"id":"t3662","object_id":"ic2","property":"transform.scale_x","keyframes":[{"id":"k3663","time":0,"value":1,"easing":"easeOutQuad"},{"id":"k3664","time":0.1,"value":1.28,"easing":"easeOutBack"},{"id":"k3665","time":0.4,"value":1,"easing":"linear"}]},{"id":"t3666","object_id":"ic2","property":"transform.scale_y","keyframes":[{"id":"k3667","time":0,"value":1,"easing":"easeOutQuad"},{"id":"k3668","time":0.1,"value":1.28,"easing":"easeOutBack"},{"id":"k3669","time":0.4,"value":1,"easing":"linear"}]},{"id":"t3670","object_id":"ic2","property":"transform.y","keyframes":[{"id":"k3671","time":0,"value":118,"easing":"easeOutQuad"},{"id":"k3672","time":0.1,"value":112,"easing":"easeOutBack"},{"id":"k3673","time":0.4,"value":118,"easing":"linear"}]},{"id":"t3674","object_id":"ic3","property":"style.fill.color","keyframes":[{"id":"k3675","time":0,"value":"#8f8fb8","easing":"linear"}]},{"id":"t3676","object_id":"ic3","property":"transform.scale_x","keyframes":[{"id":"k3677","time":0,"value":1,"easing":"linear"}]},{"id":"t3678","object_id":"ic3","property":"transform.scale_y","keyframes":[{"id":"k3679","time":0,"value":1,"easing":"linear"}]},{"id":"t3680","object_id":"ic3","property":"transform.y","keyframes":[{"id":"k3681","time":0,"value":118,"easing":"linear"}]},{"id":"t3682","object_id":"ic4","property":"style.fill.color","keyframes":[{"id":"k3683","time":0,"value":"#8f8fb8","easing":"linear"}]},{"id":"t3684","object_id":"ic4","property":"transform.scale_x","keyframes":[{"id":"k3685","time":0,"value":1,"easing":"linear"}]},{"id":"t3686","object_id":"ic4","property":"transform.scale_y","keyframes":[{"id":"k3687","time":0,"value":1,"easing":"linear"}]},{"id":"t3688","object_id":"ic4","property":"transform.y","keyframes":[{"id":"k3689","time":0,"value":118,"easing":"linear"}]}]},{"id":"anim_tab3","name":"Select Inbox","duration":0.4,"tracks":[{"id":"t3690","object_id":"ic0","property":"style.fill.color","keyframes":[{"id":"k3691","time":0,"value":"#8f8fb8","easing":"linear"}]},{"id":"t3692","object_id":"ic0","property":"transform.scale_x","keyframes":[{"id":"k3693","time":0,"value":1,"easing":"linear"}]},{"id":"t3694","object_id":"ic0","property":"transform.scale_y","keyframes":[{"id":"k3695","time":0,"value":1,"easing":"linear"}]},{"id":"t3696","object_id":"ic0","property":"transform.y","keyframes":[{"id":"k3697","time":0,"value":118,"easing":"linear"}]},{"id":"t3698","object_id":"ic1","property":"style.fill.color","keyframes":[{"id":"k3699","time":0,"value":"#8f8fb8","easing":"linear"}]},{"id":"t3700","object_id":"ic1","property":"transform.scale_x","keyframes":[{"id":"k3701","time":0,"value":1,"easing":"linear"}]},{"id":"t3702","object_id":"ic1","property":"transform.scale_y","keyframes":[{"id":"k3703","time":0,"value":1,"easing":"linear"}]},{"id":"t3704","object_id":"ic1","property":"transform.y","keyframes":[{"id":"k3705","time":0,"value":118,"easing":"linear"}]},{"id":"t3706","object_id":"ic2","property":"style.fill.color","keyframes":[{"id":"k3707","time":0,"value":"#8f8fb8","easing":"linear"}]},{"id":"t3708","object_id":"ic2","property":"transform.scale_x","keyframes":[{"id":"k3709","time":0,"value":1,"easing":"linear"}]},{"id":"t3710","object_id":"ic2","property":"transform.scale_y","keyframes":[{"id":"k3711","time":0,"value":1,"easing":"linear"}]},{"id":"t3712","object_id":"ic2","property":"transform.y","keyframes":[{"id":"k3713","time":0,"value":118,"easing":"linear"}]},{"id":"t3714","object_id":"ic3","property":"style.fill.color","keyframes":[{"id":"k3715","time":0,"value":"#ffffff","easing":"linear"}]},{"id":"t3716","object_id":"ic3","property":"transform.scale_x","keyframes":[{"id":"k3717","time":0,"value":1,"easing":"easeOutQuad"},{"id":"k3718","time":0.1,"value":1.28,"easing":"easeOutBack"},{"id":"k3719","time":0.4,"value":1,"easing":"linear"}]},{"id":"t3720","object_id":"ic3","property":"transform.scale_y","keyframes":[{"id":"k3721","time":0,"value":1,"easing":"easeOutQuad"},{"id":"k3722","time":0.1,"value":1.28,"easing":"easeOutBack"},{"id":"k3723","time":0.4,"value":1,"easing":"linear"}]},{"id":"t3724","object_id":"ic3","property":"transform.y","keyframes":[{"id":"k3725","time":0,"value":118,"easing":"easeOutQuad"},{"id":"k3726","time":0.1,"value":112,"easing":"easeOutBack"},{"id":"k3727","time":0.4,"value":118,"easing":"linear"}]},{"id":"t3728","object_id":"ic4","property":"style.fill.color","keyframes":[{"id":"k3729","time":0,"value":"#8f8fb8","easing":"linear"}]},{"id":"t3730","object_id":"ic4","property":"transform.scale_x","keyframes":[{"id":"k3731","time":0,"value":1,"easing":"linear"}]},{"id":"t3732","object_id":"ic4","property":"transform.scale_y","keyframes":[{"id":"k3733","time":0,"value":1,"easing":"linear"}]},{"id":"t3734","object_id":"ic4","property":"transform.y","keyframes":[{"id":"k3735","time":0,"value":118,"easing":"linear"}]}]},{"id":"anim_tab4","name":"Select Profile","duration":0.4,"tracks":[{"id":"t3736","object_id":"ic0","property":"style.fill.color","keyframes":[{"id":"k3737","time":0,"value":"#8f8fb8","easing":"linear"}]},{"id":"t3738","object_id":"ic0","property":"transform.scale_x","keyframes":[{"id":"k3739","time":0,"value":1,"easing":"linear"}]},{"id":"t3740","object_id":"ic0","property":"transform.scale_y","keyframes":[{"id":"k3741","time":0,"value":1,"easing":"linear"}]},{"id":"t3742","object_id":"ic0","property":"transform.y","keyframes":[{"id":"k3743","time":0,"value":118,"easing":"linear"}]},{"id":"t3744","object_id":"ic1","property":"style.fill.color","keyframes":[{"id":"k3745","time":0,"value":"#8f8fb8","easing":"linear"}]},{"id":"t3746","object_id":"ic1","property":"transform.scale_x","keyframes":[{"id":"k3747","time":0,"value":1,"easing":"linear"}]},{"id":"t3748","object_id":"ic1","property":"transform.scale_y","keyframes":[{"id":"k3749","time":0,"value":1,"easing":"linear"}]},{"id":"t3750","object_id":"ic1","property":"transform.y","keyframes":[{"id":"k3751","time":0,"value":118,"easing":"linear"}]},{"id":"t3752","object_id":"ic2","property":"style.fill.color","keyframes":[{"id":"k3753","time":0,"value":"#8f8fb8","easing":"linear"}]},{"id":"t3754","object_id":"ic2","property":"transform.scale_x","keyframes":[{"id":"k3755","time":0,"value":1,"easing":"linear"}]},{"id":"t3756","object_id":"ic2","property":"transform.scale_y","keyframes":[{"id":"k3757","time":0,"value":1,"easing":"linear"}]},{"id":"t3758","object_id":"ic2","property":"transform.y","keyframes":[{"id":"k3759","time":0,"value":118,"easing":"linear"}]},{"id":"t3760","object_id":"ic3","property":"style.fill.color","keyframes":[{"id":"k3761","time":0,"value":"#8f8fb8","easing":"linear"}]},{"id":"t3762","object_id":"ic3","property":"transform.scale_x","keyframes":[{"id":"k3763","time":0,"value":1,"easing":"linear"}]},{"id":"t3764","object_id":"ic3","property":"transform.scale_y","keyframes":[{"id":"k3765","time":0,"value":1,"easing":"linear"}]},{"id":"t3766","object_id":"ic3","property":"transform.y","keyframes":[{"id":"k3767","time":0,"value":118,"easing":"linear"}]},{"id":"t3768","object_id":"ic4","property":"style.fill.color","keyframes":[{"id":"k3769","time":0,"value":"#ffffff","easing":"linear"}]},{"id":"t3770","object_id":"ic4","property":"transform.scale_x","keyframes":[{"id":"k3771","time":0,"value":1,"easing":"easeOutQuad"},{"id":"k3772","time":0.1,"value":1.28,"easing":"easeOutBack"},{"id":"k3773","time":0.4,"value":1,"easing":"linear"}]},{"id":"t3774","object_id":"ic4","property":"transform.scale_y","keyframes":[{"id":"k3775","time":0,"value":1,"easing":"easeOutQuad"},{"id":"k3776","time":0.1,"value":1.28,"easing":"easeOutBack"},{"id":"k3777","time":0.4,"value":1,"easing":"linear"}]},{"id":"t3778","object_id":"ic4","property":"transform.y","keyframes":[{"id":"k3779","time":0,"value":118,"easing":"easeOutQuad"},{"id":"k3780","time":0.1,"value":112,"easing":"easeOutBack"},{"id":"k3781","time":0.4,"value":118,"easing":"linear"}]}]}],"animationFlow":[],"navigation":[],"stateVariables":[],"lastModified":1791185230951,"logicEditorNodes":[],"logicEditorEdges":[],"stickyNotes":[],"objects":[{"id":"b0","name":"Home","type":"Shape","transform":{"x":62,"y":118,"rotation":0,"scale_x":1,"scale_y":1,"opacity":1,"skew_x":0,"skew_y":0},"geometry":{"type":"Ellipse","width":64,"height":64},"style":{"fill":{"type":"Solid","color":"#ffffff","opacity":0.01},"stroke":{"color":"transparent","width":0}},"zIndex":10,"interactions":[{"id":"int_b0","event":"onClick","trigger":"Click","triggers":["Click","onClick"],"action":"setInput","actionType":"StateMachine","targetInputId":"in_selected","value":0}]},{"id":"ic0","name":"Home Icon","type":"Shape","transform":{"x":62,"y":118,"rotation":0,"scale_x":1,"scale_y":1,"opacity":1,"skew_x":0,"skew_y":0},"geometry":{"type":"Text","text":"\u2302","fontSize":22,"fontFamily":"Inter","fontWeight":700,"textAlign":"center","textVerticalAlign":"middle","width":54},"style":{"fill":{"type":"Solid","color":"#ffffff","opacity":1}},"zIndex":11,"interactions":[{"id":"int_ic0","event":"onClick","trigger":"Click","triggers":["Click","onClick"],"action":"setInput","actionType":"StateMachine","targetInputId":"in_selected","value":0}]},{"id":"b1","name":"Search","type":"Shape","transform":{"x":136,"y":118,"rotation":0,"scale_x":1,"scale_y":1,"opacity":1,"skew_x":0,"skew_y":0},"geometry":{"type":"Ellipse","width":64,"height":64},"style":{"fill":{"type":"Solid","color":"#ffffff","opacity":0.01},"stroke":{"color":"transparent","width":0}},"zIndex":12,"interactions":[{"id":"int_b1","event":"onClick","trigger":"Click","triggers":["Click","onClick"],"action":"setInput","actionType":"StateMachine","targetInputId":"in_selected","value":1}]},{"id":"ic1","name":"Search Icon","type":"Shape","transform":{"x":136,"y":118,"rotation":0,"scale_x":1,"scale_y":1,"opacity":1,"skew_x":0,"skew_y":0},"geometry":{"type":"Text","text":"\u2315","fontSize":22,"fontFamily":"Inter","fontWeight":700,"textAlign":"center","textVerticalAlign":"middle","width":54},"style":{"fill":{"type":"Solid","color":"#8f8fb8","opacity":1}},"zIndex":13,"interactions":[{"id":"int_ic1","event":"onClick","trigger":"Click","triggers":["Click","onClick"],"action":"setInput","actionType":"StateMachine","targetInputId":"in_selected","value":1}]},{"id":"b2","name":"Create","type":"Shape","transform":{"x":210,"y":118,"rotation":0,"scale_x":1,"scale_y":1,"opacity":1,"skew_x":0,"skew_y":0},"geometry":{"type":"Ellipse","width":64,"height":64},"style":{"fill":{"type":"Solid","color":"#ffffff","opacity":0.01},"stroke":{"color":"transparent","width":0}},"zIndex":14,"interactions":[{"id":"int_b2","event":"onClick","trigger":"Click","triggers":["Click","onClick"],"action":"setInput","actionType":"StateMachine","targetInputId":"in_selected","value":2}]},{"id":"ic2","name":"Create Icon","type":"Shape","transform":{"x":210,"y":118,"rotation":0,"scale_x":1,"scale_y":1,"opacity":1,"skew_x":0,"skew_y":0},"geometry":{"type":"Text","text":"\u271a","fontSize":22,"fontFamily":"Inter","fontWeight":700,"textAlign":"center","textVerticalAlign":"middle","width":54},"style":{"fill":{"type":"Solid","color":"#8f8fb8","opacity":1}},"zIndex":15,"interactions":[{"id":"int_ic2","event":"onClick","trigger":"Click","triggers":["Click","onClick"],"action":"setInput","actionType":"StateMachine","targetInputId":"in_selected","value":2}]},{"id":"b3","name":"Inbox","type":"Shape","transform":{"x":284,"y":118,"rotation":0,"scale_x":1,"scale_y":1,"opacity":1,"skew_x":0,"skew_y":0},"geometry":{"type":"Ellipse","width":64,"height":64},"style":{"fill":{"type":"Solid","color":"#ffffff","opacity":0.01},"stroke":{"color":"transparent","width":0}},"zIndex":16,"interactions":[{"id":"int_b3","event":"onClick","trigger":"Click","triggers":["Click","onClick"],"action":"setInput","actionType":"StateMachine","targetInputId":"in_selected","value":3}]},{"id":"ic3","name":"Inbox Icon","type":"Shape","transform":{"x":284,"y":118,"rotation":0,"scale_x":1,"scale_y":1,"opacity":1,"skew_x":0,"skew_y":0},"geometry":{"type":"Text","text":"\u2709","fontSize":22,"fontFamily":"Inter","fontWeight":700,"textAlign":"center","textVerticalAlign":"middle","width":54},"style":{"fill":{"type":"Solid","color":"#8f8fb8","opacity":1}},"zIndex":17,"interactions":[{"id":"int_ic3","event":"onClick","trigger":"Click","triggers":["Click","onClick"],"action":"setInput","actionType":"StateMachine","targetInputId":"in_selected","value":3}]},{"id":"b4","name":"Profile","type":"Shape","transform":{"x":358,"y":118,"rotation":0,"scale_x":1,"scale_y":1,"opacity":1,"skew_x":0,"skew_y":0},"geometry":{"type":"Ellipse","width":64,"height":64},"style":{"fill":{"type":"Solid","color":"#ffffff","opacity":0.01},"stroke":{"color":"transparent","width":0}},"zIndex":18,"interactions":[{"id":"int_b4","event":"onClick","trigger":"Click","triggers":["Click","onClick"],"action":"setInput","actionType":"StateMachine","targetInputId":"in_selected","value":4}]},{"id":"ic4","name":"Profile Icon","type":"Shape","transform":{"x":358,"y":118,"rotation":0,"scale_x":1,"scale_y":1,"opacity":1,"skew_x":0,"skew_y":0},"geometry":{"type":"Text","text":"\u263a","fontSize":22,"fontFamily":"Inter","fontWeight":700,"textAlign":"center","textVerticalAlign":"middle","width":54},"style":{"fill":{"type":"Solid","color":"#8f8fb8","opacity":1}},"zIndex":19,"interactions":[{"id":"int_ic4","event":"onClick","trigger":"Click","triggers":["Click","onClick"],"action":"setInput","actionType":"StateMachine","targetInputId":"in_selected","value":4}]},{"id":"backdrop","name":"Liquid Pill","type":"Shape","transform":{"x":210,"y":85,"rotation":0,"scale_x":1,"scale_y":1,"opacity":1,"skew_x":0,"skew_y":0},"geometry":{"type":"Rectangle","width":420,"height":170},"style":{"fill":{"type":"None","color":"transparent","opacity":0},"stroke":{"color":"transparent","width":0},"effects":[{"id":"fx_backdrop","type":"CustomEffect","isEnabled":true,"name":"Liquid Pill","code":"export const name=\"Liquid Pill\";\nexport const params={\"bg1\":\"#0f0c29\",\"bg2\":\"#302b63\",\"bar\":\"#17162b\",\"pillA\":\"#7c5cff\",\"pillB\":\"#ff5ca8\",\"backdrop\":true,\"selectInput\":\"selected\"};\n\nconst META={\"barY\":86,\"barH\":64,\"tabX\":[62,136,210,284,358],\"iconY\":118,\"labels\":[\"Home\",\"Search\",\"Create\",\"Inbox\",\"Profile\"]};\nconst PI=Math.PI,TAU=PI*2,sin=Math.sin,cos=Math.cos,abs=Math.abs,hypot=Math.hypot,atan2=Math.atan2,acos=Math.acos,pow=Math.pow,min=Math.min,max=Math.max;\nconst lerp=(a,b,u)=>a+(b-a)*u;\nconst clamp=(v,a,b)=>v<(a??0)?(a??0):v>(b??1)?(b??1):v;\nfunction rgba(hex,a){const h=hex.replace(\"#\",\"\");const n=parseInt(h,16);return \"rgba(\"+((n>>16)&255)+\",\"+((n>>8)&255)+\",\"+(n&255)+\",\"+a+\")\";}\nfunction rng(seed){let s=(seed>>>0)||1;return()=>{s^=s<<13;s^=s>>>17;s^=s<<5;return((s>>>0)%100000)/100000;};}\nlet lastT=0;\nexport function render(ctx,env){\n  const P=env.params||{};\n  const raw=env.input?env.input(P.selectInput||\"selected\"):env.inputs&&env.inputs[P.selectInput||\"selected\"];\n  const sel=Math.max(0,Math.min(META.tabX.length-1,Math.round(Number(raw)||0)));\n  const now=performance.now();\n  if(!lastT)lastT=now;\n  let dt=Math.min(0.05,(now-lastT)/1000);\n  if(dt<0.001)dt=0;else lastT=now;   // effect may render more than once per frame\n  const pt=env.pointer||{};\n  const S={sel,dt,time:now/1000,W:env.width,H:env.height,P,meta:META,pointer:{x:pt.localX??-999,y:pt.localY??-999}};\n  ctx.translate(-env.width/2,-env.height/2);\n  draw(ctx,S);\n}\n\nfunction draw(ctx, S) {\n    const P = S.P, W = S.W, H = S.H, M = S.meta, dt = S.dt, t = S.time;\n    const tx = M.tabX[S.sel], cy = M.iconY, r = 25;\n    function spring(s, target, k, c) {\n      const n = 4, h = dt / n;\n      for (let i = 0; i < n; i++) { s.v += (-k * (s.p - target) - c * s.v) * h; s.p += s.v * h; }\n    }\n    function bridge(x1, y1, r1, x2, y2, r2) {\n      const dx = x2 - x1, dy = y2 - y1, d = hypot(dx, dy), maxD = (r1 + r2) * 2.2;\n      if (d <= abs(r1 - r2) || d >= maxD || d < 1) return;\n      const ang = atan2(dy, dx), rd = (r1 - r2) / d, u = clamp((d - abs(r1 - r2)) / (maxD - abs(r1 - r2)), 0, 1);\n      const sp = acos(clamp(rd, -1, 1)), a1 = sp + (PI / 2 - sp) * (1 - u) * 0.85, a2 = PI - sp + (sp - PI / 2) * (1 - u) * 0.85;\n      const p1 = [x1 + cos(ang + a1) * r1, y1 + sin(ang + a1) * r1], p2 = [x2 + cos(ang + a2) * r2, y2 + sin(ang + a2) * r2];\n      const p3 = [x2 + cos(ang - a2) * r2, y2 + sin(ang - a2) * r2], p4 = [x1 + cos(ang - a1) * r1, y1 + sin(ang - a1) * r1];\n      const w = pow(1 - u, 1.25) * 0.58, mx = (x1 + x2) / 2, my = (y1 + y2) / 2;\n      ctx.beginPath(); ctx.moveTo(p1[0], p1[1]);\n      ctx.quadraticCurveTo((p1[0] + p2[0]) / 2 + (mx - (p1[0] + p2[0]) / 2) * (1 - w), (p1[1] + p2[1]) / 2 + (my - (p1[1] + p2[1]) / 2) * (1 - w), p2[0], p2[1]);\n      ctx.lineTo(p3[0], p3[1]);\n      ctx.quadraticCurveTo((p3[0] + p4[0]) / 2 + (mx - (p3[0] + p4[0]) / 2) * (1 - w), (p3[1] + p4[1]) / 2 + (my - (p3[1] + p4[1]) / 2) * (1 - w), p4[0], p4[1]);\n      ctx.closePath(); ctx.fill();\n    }\n    function rr(x, y, w, h, rad) { ctx.beginPath(); ctx.moveTo(x + rad, y); ctx.arcTo(x + w, y, x + w, y + h, rad); ctx.arcTo(x + w, y + h, x, y + h, rad); ctx.arcTo(x, y + h, x, y, rad); ctx.arcTo(x, y, x + w, y, rad); ctx.closePath(); }\n    if (!draw.h) { draw.h = { p: tx, v: 0 }; draw.tl = { p: tx, v: 0 }; draw.dr = { p: tx, v: 0 }; }\n    spring(draw.h, tx, 320, 26); spring(draw.tl, tx, 130, 17); spring(draw.dr, tx, 60, 10);\n    if (P.backdrop !== false) {\n      const g = ctx.createLinearGradient(0, 0, W, H);\n      g.addColorStop(0, P.bg1 || '#0f0c29'); g.addColorStop(1, P.bg2 || '#302b63');\n      ctx.fillStyle = g; ctx.fillRect(0, 0, W, H);\n      for (let i = 0; i < 3; i++) {\n        const bx = W * (0.2 + 0.3 * i) + sin(t * 0.3 + i * 2) * 30, by = 40 + cos(t * 0.25 + i) * 14;\n        const bg = ctx.createRadialGradient(bx, by, 0, bx, by, 90);\n        bg.addColorStop(0, rgba(i % 2 ? (P.pillB || '#ff5ca8') : (P.pillA || '#7c5cff'), 0.22)); bg.addColorStop(1, 'rgba(0,0,0,0)');\n        ctx.fillStyle = bg; ctx.fillRect(0, 0, W, H);\n      }\n    }\n    // Bar.\n    ctx.save(); ctx.shadowColor = 'rgba(0,0,0,0.45)'; ctx.shadowBlur = 24; ctx.shadowOffsetY = 10;\n    rr(16, M.barY, W - 32, M.barH, M.barH / 2); ctx.fillStyle = P.bar || '#17162b'; ctx.fill(); ctx.restore();\n    rr(16.5, M.barY + 0.5, W - 33, M.barH - 1, M.barH / 2); ctx.strokeStyle = 'rgba(255,255,255,0.08)'; ctx.lineWidth = 1; ctx.stroke();\n    // Hover hint on non-selected tabs.\n    M.tabX.forEach((x, i) => {\n      if (i === S.sel) return;\n      if (abs(S.pointer.x - x) < 32 && abs(S.pointer.y - cy) < 32) { ctx.fillStyle = 'rgba(255,255,255,0.06)'; ctx.beginPath(); ctx.arc(x, cy, r, 0, TAU); ctx.fill(); }\n    });\n    // Gooey pill: fast head, lagging tail, and a slow droplet.\n    const hx = draw.h.p, tlx = draw.tl.p, dx = draw.dr.p;\n    const stretch = abs(hx - tlx);\n    const grad = ctx.createLinearGradient(min(hx, tlx) - r, 0, max(hx, tlx) + r, 0);\n    grad.addColorStop(0, P.pillA || '#7c5cff'); grad.addColorStop(1, P.pillB || '#ff5ca8');\n    ctx.save(); ctx.shadowColor = rgba(P.pillB || '#ff5ca8', 0.6); ctx.shadowBlur = 22;\n    ctx.fillStyle = grad;\n    const tr = r * clamp(1 - stretch / 160, 0.55, 1), dropR = 9 * clamp(abs(dx - tlx) / 40, 0, 1);\n    ctx.beginPath(); ctx.arc(hx, cy, r, 0, TAU); ctx.fill();\n    ctx.beginPath(); ctx.arc(tlx, cy, tr, 0, TAU); ctx.fill();\n    bridge(hx, cy, r, tlx, cy, tr);\n    if (dropR > 1) { ctx.beginPath(); ctx.arc(dx, cy, dropR, 0, TAU); ctx.fill(); bridge(tlx, cy, tr, dx, cy, dropR); }\n    ctx.restore();\n    // Tooltip: appears once the liquid settles.\n    const calm = clamp(1 - (abs(draw.h.v) + abs(draw.tl.v)) / 120, 0, 1);\n    if (calm > 0.02) {\n      const label = M.labels[S.sel];\n      ctx.font = '700 12px Inter';\n      const w = ctx.measureText(label).width + 22, y = M.barY - 30 + (1 - calm) * 8;\n      ctx.globalAlpha = calm;\n      rr(hx - w / 2, y - 13, w, 26, 13); ctx.fillStyle = '#ffffff'; ctx.fill();\n      ctx.beginPath(); ctx.moveTo(hx - 6, y + 12); ctx.lineTo(hx + 6, y + 12); ctx.lineTo(hx, y + 18); ctx.fill();\n      ctx.fillStyle = '#17162b'; ctx.textAlign = 'center'; ctx.textBaseline = 'middle'; ctx.fillText(label, hx, y + 1);\n      ctx.globalAlpha = 1;\n    }\n  }\n","params":{"bg1":"#0f0c29","bg2":"#302b63","bar":"#17162b","pillA":"#7c5cff","pillB":"#ff5ca8","backdrop":true,"selectInput":"selected"}}]},"zIndex":2,"interactions":[]}]}