.tool-explorer{padding-bottom:80px}.tool-explorer-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:24px}.tool-explorer-heading h3{font-size:clamp(24px,3vw,36px);margin:0}.tool-explorer-heading p{color:#646174;margin:0}.tool-groups{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.tool-groups button{border:1px solid #d8d4de;border-radius:24px;background:transparent;padding:10px 18px;color:#403d60;font:inherit;cursor:pointer}.tool-groups button[aria-pressed=true]{background:#403d60;color:white;border-color:#403d60}.tool-stage{position:relative;border-radius:26px;overflow:hidden;background:#e9e7ee;border:1px solid #dcd8e5;height:420px}.tool-stage img{width:100%;height:100%;object-fit:cover;object-position:center}.tool-stage-label{position:absolute;top:18px;left:18px;background:#fffdf4ed;padding:8px 12px;border-radius:10px;font-size:11px;letter-spacing:1.5px;color:#403d60}.tool-dock{position:relative;display:flex;gap:6px;width:max-content;max-width:calc(100% - 40px);margin:-48px auto 0;padding:10px;border-radius:24px;background:rgba(255,253,249,.92);border:1px solid #fff;box-shadow:0 12px 35px #403d6026;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow-x:auto;scrollbar-width:thin}.tool-dock button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;flex:0 0 94px;min-height:85px;padding:10px 6px;border:1px solid transparent;border-radius:16px;background:transparent;color:#403d60;cursor:pointer;font:inherit;font-size:12px;line-height:1.25}.tool-dock button img{width:27px;height:27px;object-fit:contain}.tool-dock button:hover{background:#ebe7ef}.tool-dock button[aria-pressed=true]{background:#f7d9cd;border-color:#dcaa97;color:#302d45}.tool-explorer button:focus-visible{outline:3px solid #635eb7;outline-offset:3px}.tool-detail{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;padding:35px 20px 20px;min-height:210px}.tool-detail h3{font-size:30px;margin:8px 0 12px}.tool-detail p{line-height:1.7;margin:0;color:#575467}.tool-detail #tool-tip{align-self:center;border-left:2px solid #dbaa98;padding-left:24px}.tool-explorer>.small{text-align:center;color:#6b6675}.tool-groups:empty,.tool-dock:empty{display:none}@media(max-width:700px){.tool-explorer{padding-bottom:45px}.tool-explorer-heading{display:block}.tool-explorer-heading p{margin-top:10px}.tool-groups{gap:6px}.tool-groups button{padding:9px 12px;font-size:13px}.tool-stage{height:300px;border-radius:20px}.tool-stage img{object-fit:cover}.tool-dock{max-width:calc(100% - 12px);margin-top:-35px;border-radius:20px;padding:8px}.tool-dock button{flex-basis:82px;font-size:11px}.tool-detail{grid-template-columns:1fr;gap:18px;padding:28px 4px 20px;min-height:270px}.tool-detail h3{font-size:26px}.tool-detail #tool-tip{padding-left:18px}.tool-explorer>.small{font-size:11px}}@media(prefers-reduced-transparency:reduce){.tool-dock{background:#fffdf9;backdrop-filter:none}}@media(prefers-reduced-motion:reduce){.tool-explorer *{scroll-behavior:auto!important}}