body.hasToolRibbon main,body.hasToolRibbon footer{margin-left:286px;transition:margin-left .22s ease}body.hasToolRibbon.ribbonCollapsed main,body.hasToolRibbon.ribbonCollapsed footer{margin-left:62px}.toolRibbon{position:fixed;z-index:35;left:0;top:76px;bottom:0;width:286px;background:#071219f5;border-right:1px solid #294653;box-shadow:12px 0 35px #0006;backdrop-filter:blur(15px);transition:width .22s ease,transform .22s ease;overflow:hidden}.toolRibbonHead{height:58px;padding:0 12px 0 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #263d48}.toolRibbonHead strong{display:flex;align-items:center;gap:8px;font:800 15px Inter;letter-spacing:.12em;color:#dff7ff;white-space:nowrap}.toolRibbonHead small{display:grid;place-items:center;min-width:25px;height:25px;border-radius:13px;background:#113340;color:#70dfff;font:800 11px Inter;letter-spacing:0}.toolRibbonHead button{width:34px;height:34px;border:1px solid #31505d;border-radius:5px;background:#0d2029;color:#7ee1fa;font-size:25px;line-height:1;cursor:pointer}.toolRibbon .cards{display:flex;flex-direction:column;gap:5px;background:transparent;border:0;padding:10px;height:calc(100% - 58px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#315261 transparent}.toolRibbon .cards a{position:relative;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:10px;min-height:48px;padding:7px 10px;border:1px solid #173b49;border-radius:6px;background:#0a202a;transition:background .16s,border-color .16s,transform .16s}.toolRibbon .cards a:hover{background:#0d3040;border-color:#2d8ba7;transform:translateX(2px)}.toolRibbon .cards a.active{background:linear-gradient(90deg,#0c91ba,#0b526a);border-color:#58d8f8;box-shadow:0 0 0 1px #58d8f826}.toolRibbon .cards b{display:grid;place-items:center;width:32px;height:32px;margin:0;border-radius:4px;background:#123744;color:#7be3fb;font-size:11px}.toolRibbon .cards a.active b{background:#c8f5ff;color:#043343}.toolRibbon .cards h3{font:700 14px/1.2 Inter;margin:0;color:#e8f6fb}.toolRibbon .cards p,.toolRibbon .cards span{display:none}.ribbonCollapsed .toolRibbon{width:62px}.ribbonCollapsed .toolRibbonHead{padding:0;justify-content:center}.ribbonCollapsed .toolRibbonHead strong{display:none}.ribbonCollapsed .toolRibbonHead button{transform:rotate(180deg)}.ribbonCollapsed .toolRibbon .cards{padding:8px 7px}.ribbonCollapsed .toolRibbon .cards a{display:block;min-height:44px;padding:5px}.ribbonCollapsed .toolRibbon .cards h3{display:none}.ribbonCollapsed .toolRibbon .cards b{width:32px;height:32px}.toolRibbonMobile,.toolRibbonBackdrop{display:none}.toolSection{scroll-margin-top:76px}
@media(max-width:850px){body.hasToolRibbon main,body.hasToolRibbon footer,body.hasToolRibbon.ribbonCollapsed main,body.hasToolRibbon.ribbonCollapsed footer{margin-left:0}.toolRibbon{top:68px;width:min(310px,88vw);transform:translateX(-105%)}body.mobileRibbonOpen .toolRibbon{transform:translateX(0)}.ribbonCollapsed .toolRibbon{width:min(310px,88vw)}.ribbonCollapsed .toolRibbonHead{padding:0 12px 0 17px;justify-content:space-between}.ribbonCollapsed .toolRibbonHead strong{display:flex}.ribbonCollapsed .toolRibbonHead button{transform:none}.ribbonCollapsed .toolRibbon .cards{padding:10px}.ribbonCollapsed .toolRibbon .cards a{display:grid;min-height:48px;padding:7px 10px}.ribbonCollapsed .toolRibbon .cards h3{display:block}.toolRibbonMobile{position:fixed;display:flex;z-index:34;left:12px;bottom:14px;align-items:center;gap:8px;border:1px solid #59d8f4;border-radius:22px;background:#0c9bc4;color:#00141c;padding:10px 15px;font-weight:800;box-shadow:0 8px 25px #0009;cursor:pointer}.toolRibbonBackdrop{position:fixed;z-index:33;inset:68px 0 0;background:#0009}body.mobileRibbonOpen .toolRibbonBackdrop{display:block}.toolRibbonHead button{font-size:0}.toolRibbonHead button:after{content:'×';font-size:22px}.toolSection{scroll-margin-top:68px}}
@media(prefers-reduced-motion:reduce){body.hasToolRibbon main,body.hasToolRibbon footer,.toolRibbon{transition:none}}