.tool-tabs{position:relative;isolation:isolate;overflow:visible;background:linear-gradient(145deg,rgba(226,214,248,.56),rgba(238,229,255,.42));border:1px solid rgba(255,255,255,.62);box-shadow:inset 0 1px 0 rgba(255,255,255,.58),inset 0 -1px 0 rgba(121,81,188,.06)}
.tool-tab{position:relative;z-index:1;border:1px solid transparent;border-radius:999px;background:transparent;transition:color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease;overflow:hidden}
.tool-tab.active{color:var(--purple-dark);background:linear-gradient(145deg,rgba(255,255,255,.62) 0%,rgba(250,246,255,.46) 42%,rgba(218,195,255,.28) 100%);border-color:rgba(255,255,255,.82);box-shadow:0 12px 28px rgba(111,74,178,.18),0 4px 12px rgba(126,82,204,.12),0 0 24px rgba(154,111,229,.18),inset 0 2px 1px rgba(255,255,255,.92),inset 0 -5px 12px rgba(122,82,190,.08),inset 1px 0 0 rgba(255,255,255,.44);backdrop-filter:blur(18px) saturate(1.28);-webkit-backdrop-filter:blur(18px) saturate(1.28);transform:translateY(-1px)}
.tool-tab.active::before{content:"";position:absolute;left:9%;right:9%;top:3px;height:42%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,0));pointer-events:none;opacity:.9}
.tool-tab.active::after{content:"";position:absolute;left:18%;right:18%;bottom:-8px;height:16px;border-radius:50%;background:rgba(129,83,205,.16);filter:blur(8px);pointer-events:none}
.tool-tab.active:hover{box-shadow:0 14px 32px rgba(111,74,178,.2),0 5px 14px rgba(126,82,204,.13),0 0 28px rgba(154,111,229,.2),inset 0 2px 1px rgba(255,255,255,.94),inset 0 -5px 12px rgba(122,82,190,.09)}
@media(max-width:620px){.tool-tab{border-radius:18px}.tool-tab.active{transform:none;background:linear-gradient(145deg,rgba(255,255,255,.58),rgba(224,205,255,.3));box-shadow:0 9px 22px rgba(111,74,178,.16),0 0 20px rgba(154,111,229,.14),inset 0 2px 1px rgba(255,255,255,.9),inset 0 -4px 10px rgba(122,82,190,.07)}.tool-tab.active::before{left:8%;right:8%}}