.boids-tool-page{position:relative;min-height:calc(100svh - var(--navbar-current-height, var(--navbar-height)));background:radial-gradient(circle at 12% 12%,rgba(var(--primary-color-rgb),.18),transparent 24%),radial-gradient(circle at 88% 18%,rgba(16,185,129,.12),transparent 20%),linear-gradient(180deg,color-mix(in srgb,var(--background-color) 92%,#020617),var(--background-color));overflow:hidden}.boids-tool-frame{display:block;width:100%;height:calc(100svh - var(--navbar-current-height, var(--navbar-height)));min-height:680px;border:0;background:var(--background-color)}.boids-tool-open{position:absolute;right:clamp(.85rem,2vw,1.25rem);bottom:clamp(.85rem,2vw,1.25rem);min-height:38px;display:inline-flex;align-items:center;gap:.42rem;padding:0 .72rem;border:1px solid rgba(125,211,252,.26);border-radius:8px;background:color-mix(in srgb,var(--card-background-color) 76%,transparent);color:var(--link-color);font-size:.82rem;font-weight:800;text-decoration:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 0 rgba(0,0,0,.5),0 12px 28px rgba(0,0,0,.34),inset 0 1px 0 hsla(0,0%,100%,.12)}.boids-tool-open:hover{border-color:rgba(125,211,252,.44);background:color-mix(in srgb,var(--card-background-color) 70%,var(--link-color) 18%);color:var(--text-color)}@media (max-width:760px){.boids-tool-frame{min-height:760px}.boids-tool-open span{display:none}}