#grid-control{margin-bottom:12px;padding:0;border-radius:0;background:#fff0;border:none}.control-button{display:block;width:100%;padding:14px 18px;border:1px solid rgb(0 0 0 / .08);border-radius:16px;background:rgb(255 255 255 / .22);backdrop-filter:blur(14px) saturate(180%);-webkit-backdrop-filter:blur(14px) saturate(180%);cursor:pointer;font-size:14px;font-weight:700;color:#fff;transition:all 0.3s cubic-bezier(.4,0,.2,1);text-align:center;letter-spacing:-.3px}.control-button:hover{background:rgb(255 255 255 / .32);border-color:rgb(0 0 0 / .12);transform:translateY(-2px);box-shadow:0 6px 20px rgb(0 0 0 / .05)}.control-button.active{background:#2a2a2a;border-color:#2a2a2a;color:#fff;box-shadow:0 4px 12px rgb(0 0 0 / .15)}.map-layer-item{padding:14px;margin-bottom:10px;background:rgb(0 0 0 / .14);border-radius:14px;transition:all 0.3s cubic-bezier(.4,0,.2,1)}.map-layer-item:hover{background:rgb(0 0 0 / .2);box-shadow:0 4px 16px rgb(0 0 0 / .08)}.map-layer-header{display:flex;align-items:center;justify-content:space-between}.map-layer-name{font-size:14px;font-weight:600;color:#fff;letter-spacing:-.2px}.map-layer-toggle{position:relative;width:48px;height:26px;background:rgb(255 255 255 / .15);border-radius:13px;cursor:pointer;transition:all 0.3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.map-layer-toggle::after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;background:rgb(255 255 255 / .7);border-radius:50%;transition:all 0.3s cubic-bezier(.4,0,.2,1)}.map-layer-toggle.active{background:var(--accent-color)}.map-layer-toggle.active::after{left:25px;background:#fff;box-shadow:0 2px 6px rgb(0 0 0 / .2)}