.tool-docks{display:grid;gap:14px;margin:32px 0 24px;position:relative}
.dock-group{min-width:0}.dock-group h3{font-family:Manrope,sans-serif;font-size:15px;line-height:1.4;font-weight:600;letter-spacing:.025em;color:#c3d4e9;margin:0 0 -12px;text-align:center}
.dock-viewport{position:relative;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#a9c5e72b transparent;padding:68px 24px 12px;overscroll-behavior-x:contain;scroll-snap-type:x proximity}
.app-dock{width:max-content;max-width:none;display:flex;align-items:flex-start;justify-content:center;gap:12px;list-style:none;margin:0 auto;padding:20px 20px 14px;position:relative;isolation:isolate;border:0;background:none;box-shadow:none}
.app-dock:before{content:'';position:absolute;z-index:-1;top:0;bottom:0;left:var(--dock-left,0px);width:calc(100% + var(--dock-extra,0px));border:1px solid #c7dcf147;border-radius:23px;background:linear-gradient(160deg,#d4e7ff24,#8daac913 58%,#d4e7ff0f);box-shadow:0 16px 35px #030c1b33,inset 0 1px #ffffff3d,inset 0 -1px #ffffff0a;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);transition:width .26s cubic-bezier(.2,.75,.2,1),left .26s cubic-bezier(.2,.75,.2,1);pointer-events:none}
.dock-item{flex:0 0 72px;width:72px;position:relative;text-align:center;scroll-snap-align:center;outline:none;z-index:1}
.dock-item:focus,.dock-item:hover{z-index:3}.dock-face{width:56px;height:56px;margin:0 auto;display:grid;place-items:center;position:relative;transform-origin:50% 100%;border-radius:14px;background:linear-gradient(145deg,#fff,#edf2f8);border:1px solid #ffffffb3;box-shadow:0 7px 14px #010b1b45,inset 0 1px 1px white,inset 0 -2px 3px #18334f14}
.dock-face img{display:block;width:37px;height:37px;object-fit:contain;pointer-events:none;user-select:none}.dock-label{display:block;font:500 14px/1.35 Manrope,sans-serif;color:#e1ebf9;margin-top:13px;min-height:38px;letter-spacing:-.02em;overflow-wrap:normal}
.dock-item:focus-visible .dock-face{outline:2px solid #eac797;outline-offset:5px}.dock-css .dock-face,.dock-css .dock-item{transition:transform .26s cubic-bezier(.2,.75,.2,1)}
@media(max-width:1100px){.dock-item{flex-basis:64px;width:64px}.dock-face{width:50px;height:50px;border-radius:13px}.dock-face img{width:34px;height:34px}}
@media(max-width:720px){.tool-docks{margin-block:27px 18px;gap:12px}.dock-group h3{font-size:14px;text-align:left;margin-left:2px}.dock-viewport{padding:43px 5px 10px;margin-inline:-5px}.app-dock{margin-inline:0;gap:12px;padding:17px 15px 12px}.app-dock:before{border-radius:18px}.dock-item{flex-basis:72px;width:72px}.dock-face{width:52px;height:52px;border-radius:13px}.dock-face img{width:35px;height:35px}.dock-label{margin-top:11px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.dock-face,.dock-item{transform:none!important;transition:none!important}.app-dock:before{width:100%;left:0;transition:none}}
@media print{.tool-docks{display:block;margin:20px 0}.dock-group{break-inside:avoid;margin-bottom:20px}.dock-group h3{color:#172238;text-align:left;margin:0 0 12px}.dock-viewport{overflow:visible;padding:0}.app-dock{width:auto;display:flex;flex-wrap:wrap;gap:12px;margin:0;padding:0}.app-dock:before{display:none}.dock-face{transform:none!important;width:38px;height:38px;box-shadow:none}.dock-face img{width:28px;height:28px}.dock-label{color:#172238;margin-top:8px}.dock-item{transform:none!important;width:85px;flex-basis:85px}}