.wbh *{margin:0;padding:0;box-sizing:border-box}.wbh{position:relative;background:#09090b;padding:80px 24px 88px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fafafa;overflow:hidden}.wbh__container{max-width:1100px;margin:0 auto}.wbh__header{text-align:center;margin-bottom:28px}.wbh__badge{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;background:#818cf81a;border:1px solid rgba(129,140,248,.2);border-radius:100px;font-size:12px;font-weight:600;color:#818cf8;letter-spacing:.02em;margin-bottom:24px}.wbh__badge-dot{width:6px;height:6px;border-radius:50%;background:#818cf8;animation:wbhPulse 2s ease-in-out infinite}@keyframes wbhPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.6)}}.wbh__title{font-size:clamp(26px,4.2vw,48px);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:16px}.wbh__grad{background:linear-gradient(135deg,#a5b4fc,#d8b4fe,#f9a8d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.wbh__sub{font-size:clamp(15px,1.6vw,17px);line-height:1.6;color:#a1a1aa;max-width:520px;margin:0 auto}.wbh__filters{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:28px}.wbh__filter-btn{padding:7px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#71717a;font-size:12px;font-weight:600;cursor:pointer;font-family:Inter,-apple-system,sans-serif;transition:all .2s ease}.wbh__filter-btn:hover{background:#ffffff0f;color:#a1a1aa;border-color:#ffffff1f}.wbh__filter-btn--active{background:#818cf81f;color:#a5b4fc;border-color:#818cf84d}.wbh__filter-btn--active:hover{background:#818cf82e;color:#c7d2fe}.wbh__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:0}.wbh__tile{position:relative;border-radius:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.wbh__tile--hidden{display:none}.wbh__tile-glow{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:15px;background:linear-gradient(135deg,#818cf800,#c084fc00,#f472b600);transition:all .35s ease;opacity:0;z-index:0}.wbh__tile:hover .wbh__tile-glow{background:linear-gradient(135deg,#818cf84d,#c084fc33,#f472b64d);opacity:1}.wbh__tile--selected .wbh__tile-glow{background:linear-gradient(135deg,#818cf859,#c084fc40,#f472b659);opacity:1}.wbh__tile-inner{position:relative;z-index:1;background:#18181b;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:20px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;height:100%;transition:border-color .3s ease,transform .3s ease}.wbh__tile:hover .wbh__tile-inner{border-color:#ffffff1f;transform:translateY(-4px)}.wbh__tile--selected .wbh__tile-inner{border-color:#818cf84d;transform:translateY(-4px)}.wbh__tile-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:10px;border:1px solid rgba(255,255,255,.06);transition:all .3s ease}.wbh__tile:hover .wbh__tile-icon{border-color:#ffffff1f;transform:scale(1.05)}.wbh__tile-name{font-size:12px;font-weight:700;color:#fafafa;margin-bottom:6px;line-height:1.2}.wbh__tile-count{font-size:10px;font-weight:700;color:#818cf8;padding:2px 8px;background:#818cf81a;border-radius:4px;font-family:JetBrains Mono,SF Mono,monospace}.wbh__tile-cat{font-size:9px;font-weight:600;color:#52525b;text-transform:uppercase;letter-spacing:.06em;margin-top:4px}.wbh__drawer{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),margin .4s cubic-bezier(.4,0,.2,1);margin-top:0}.wbh__drawer--open{max-height:400px;margin-top:16px;margin-bottom:28px}.wbh__drawer-inner{background:#18181b;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:0;overflow:hidden}.wbh__drawer-content{display:grid;grid-template-columns:auto 1fr;gap:0;animation:wbhDrawerIn .3s ease}@keyframes wbhDrawerIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.wbh__drawer-left{padding:24px 28px;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:160px;text-align:center}.wbh__drawer-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:10px;border:1px solid rgba(255,255,255,.08)}.wbh__drawer-name{font-size:16px;font-weight:800;margin-bottom:4px}.wbh__drawer-cat{font-size:10px;font-weight:600;color:#71717a;text-transform:uppercase;letter-spacing:.06em}.wbh__drawer-right{padding:24px 28px;display:flex;flex-direction:column;justify-content:center}.wbh__drawer-desc{font-size:13px;color:#a1a1aa;line-height:1.55;margin-bottom:14px}.wbh__drawer-stats{display:flex;gap:12px;margin-bottom:14px}.wbh__drawer-stat{padding:6px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:6px;font-size:11px;font-weight:600;color:#a1a1aa}.wbh__drawer-stat strong{color:#fafafa;display:block;font-size:14px;margin-bottom:1px}.wbh__drawer-stat em{font-style:normal}.wbh__drawer-guides-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#818cf8;margin-bottom:6px}.wbh__drawer-guides{list-style:none;display:flex;flex-direction:column;gap:4px}.wbh__drawer-guides li{font-size:12px;color:#a1a1aa;line-height:1.4;padding:6px 10px;background:#ffffff08;border-radius:6px;display:flex;align-items:center;gap:6px}.wbh__drawer-guides li:before{content:"\2192";color:#818cf8;font-size:10px;flex-shrink:0}.wbh__drawer-close{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:#71717a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:14px;font-family:Inter,sans-serif}.wbh__drawer-close:hover{background:#ffffff14;color:#a1a1aa}.wbh__callout{margin-bottom:28px}.wbh__callout-card{display:flex;align-items:center;gap:14px;padding:18px 24px;background:#818cf80d;border:1px solid rgba(129,140,248,.12);border-radius:12px;max-width:560px;margin:0 auto}.wbh__callout-icon{font-size:22px;flex-shrink:0}.wbh__callout-card strong{display:block;font-size:14px;font-weight:700;color:#fafafa;margin-bottom:2px}.wbh__callout-card span{font-size:13px;color:#a1a1aa;line-height:1.45}.wbh__cta{text-align:center}.wbh__btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:12px;font-size:15px;font-weight:600;text-decoration:none;border:none;cursor:pointer;background:linear-gradient(135deg,#818cf8,#c084fc,#f472b6);color:#fff;box-shadow:0 4px 20px #818cf84d;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:Inter,-apple-system,sans-serif}.wbh__btn:hover{transform:translateY(-2px);box-shadow:0 0 0 4px #818cf826,0 8px 28px #818cf866}[data-wbh]{opacity:0;transform:translateY(20px);transition:opacity .55s ease,transform .55s ease}[data-wbh].wbh__visible{opacity:1;transform:translateY(0)}.wbh__tile{opacity:0;transform:translateY(16px);transition:opacity .35s ease,transform .35s ease}.wbh__tile--entered{opacity:1;transform:translateY(0)}.wbh__tile--filter-out{opacity:0;transform:scale(.92);transition:opacity .2s ease,transform .2s ease}.wbh__tile--filter-in{opacity:1;transform:scale(1);transition:opacity .3s ease .05s,transform .3s ease .05s}@media (max-width:1024px){.wbh__grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.wbh{padding:64px 16px 72px}.wbh__grid{grid-template-columns:repeat(3,1fr);gap:8px}.wbh__tile-inner{padding:16px 12px}.wbh__tile-icon{width:40px;height:40px;font-size:18px}.wbh__drawer-content{grid-template-columns:1fr}.wbh__drawer-left{border-right:none;border-bottom:1px solid rgba(255,255,255,.06);flex-direction:row;gap:12px;padding:16px 20px;min-width:auto;text-align:left}.wbh__drawer-icon{width:40px;height:40px;font-size:18px;margin-bottom:0}.wbh__drawer-right{padding:16px 20px}.wbh__callout-card{flex-direction:column;text-align:center}}@media (max-width:480px){.wbh__title{font-size:24px}.wbh__grid{grid-template-columns:repeat(2,1fr)}.wbh__tile-inner{padding:14px 10px}.wbh__tile-icon{width:36px;height:36px;font-size:16px;border-radius:10px}.wbh__tile-name{font-size:11px}.wbh__tile-cat{display:none}.wbh__drawer-stats{flex-direction:column;gap:6px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/ai-workbench-tools.css.map */