#floating-menu{position:absolute;top:1.25rem;right:1.25rem;display:flex;flex-direction:column;align-items:flex-end;gap:1rem;z-index:50}#floating-design{position:absolute;top:20.25rem;right:1.25rem;display:flex;flex-direction:column;align-items:flex-end;gap:1rem;z-index:50}.menu-item{display:flex;align-items:center;justify-content:flex-end}.icon-button{width:4rem;height:4rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;color:#fff;border:none;cursor:pointer;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:background-color .3s,transform .3s;z-index:10}.icon-button:hover{transform:scale(1.05)}.icon-button svg{width:2rem;height:2rem}.bg-blue{background-color:#3b82f6}.bg-blue:hover{background-color:#2563eb}.bg-green{background-color:#22c55e}.bg-green:hover{background-color:#16a34a}.bg-yellow{background-color:#eab308}.bg-yellow:hover{background-color:#ca8a04}.bg-red{background-color:#ef4444}.bg-red:hover{background-color:#dc2626}.content-panel{background-color:#fff;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin-left:.75rem;max-width:0;opacity:0;transform:translate(-1rem);transition:max-width .5s ease-in-out,opacity .3s ease-in-out .2s,transform .5s ease-in-out;overflow:hidden;white-space:nowrap}.panel-inner{padding:1rem;width:250px}.panel-inner h3{font-weight:700;color:#1f2937;margin:0 0 .25rem}.panel-inner p{color:#4b5563;font-size:.875rem;margin:0 0 .5rem;white-space:normal}.panel-inner a{color:#2563eb;font-size:.875rem;text-decoration:none}.panel-inner a:hover{text-decoration:underline}.menu-item.active .content-panel{max-width:250px;opacity:1;transform:translate(0)}.menu-item.active .icon-button{transform:scale(1.1)}