html{overflow-y:scroll}
.tool-switcher{position:fixed;z-index:4;top:84px;left:18px;width:196px;margin:0;padding:14px;display:flex;align-items:stretch;flex-direction:column;gap:10px;border:1px solid #d7e7e6;border-radius:8px;background:rgba(255,255,255,.96);box-shadow:0 12px 30px rgba(39,99,102,.1);backdrop-filter:blur(12px)}
.tool-switcher>span{padding:0 5px;color:#687b7e;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.tool-switcher>div{display:grid;grid-template-columns:1fr;gap:7px}
.tool-switcher a{min-height:44px;padding:11px 12px;border:1px solid transparent;border-radius:6px;color:#45676b;text-decoration:none;text-align:left;font-weight:800;line-height:1.4}
.tool-switcher a:not(.active):hover{border-color:#cfe2e1;background:#f2f8f7;color:#267875}
.tool-switcher a.active{color:#fff;background:linear-gradient(145deg,#54aaa5,#448ca0);box-shadow:inset 0 1px rgba(255,255,255,.45),0 5px 12px rgba(49,123,130,.18)}
body>main{width:auto;max-width:1160px;margin-left:max(238px,calc((100vw - 1160px)/2));margin-right:22px}
@media(max-width:900px){html{overflow-y:auto}.tool-switcher{position:static;width:calc(100% - 24px);margin:12px auto 0;padding:9px;flex-direction:row;align-items:center}.tool-switcher>span{display:none}.tool-switcher>div{width:100%;grid-template-columns:1fr 1fr}.tool-switcher a{text-align:center}body>main{width:auto;margin-left:auto;margin-right:auto}}