.tools-page{color:#ffffffeb;min-height:100vh;padding:2rem 2.5rem 4.5rem}.tools-head{max-width:73.75rem;margin:0 auto 1.75rem}.tools-head h1{letter-spacing:-.5px;margin:0;font-size:2.125rem;font-weight:700}.tools-head p{color:#ffffff80;margin:10px 0 0;font-size:.9375rem}.tools-group{max-width:73.75rem;margin:0 auto 1.875rem}.tools-group-title{color:#ffffffd1;align-items:center;gap:10px;margin:0 0 .875rem;font-size:1rem;font-weight:600;display:flex}.tools-group-title i{color:#ffffff8c;background:#ffffff14;border-radius:62.4375rem;padding:2px 8px;font-size:.75rem;font-style:normal}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(13.5rem,1fr));gap:.875rem;display:grid}.tools-card{cursor:pointer;text-align:left;background:linear-gradient(160deg,#ffffff0f,#ffffff05);border:1px solid #ffffff14;border-radius:1rem;flex-direction:column;gap:8px;padding:1.125rem 1.125rem 1rem;transition:transform .18s,border-color .18s,background .18s;display:flex;position:relative}.tools-card:hover{background:linear-gradient(160deg,#22d3ee1f,#ffffff08);border-color:#22d3ee73;transform:translateY(-3px)}.tools-card.is-disabled{cursor:not-allowed;opacity:.45}.tools-card.is-disabled:hover{background:linear-gradient(160deg,#ffffff0f,#ffffff05);border-color:#ffffff14;transform:none}.tools-card-name{font-size:1rem;font-weight:600}.tools-card-sub{color:#ffffff80;font-size:.8125rem;line-height:1.5}.tools-card-tag{color:#67e8f9;background:#22d3ee24;border-radius:62.4375rem;align-self:flex-start;margin-top:2px;padding:3px 9px;font-size:11px}.tools-card-badge{color:#fff6;font-size:11px;position:absolute;top:.875rem;right:.875rem}.tools-layout{align-items:flex-start;gap:1.375rem;max-width:73.75rem;margin:0 auto;display:flex}.tools-nav{flex-direction:column;flex:0 0 13rem;gap:6px;display:flex;position:sticky;top:1rem}.tools-nav-item{color:#ffffffb3;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.75rem;align-items:center;gap:10px;padding:11px .8125rem;font-size:.875rem;transition:background .18s,color .18s,border-color .18s;display:flex}.tools-nav-item:hover{color:#fff;background:#ffffff0d}.tools-nav-item.is-active{color:#fff;background:linear-gradient(135deg,#7c3aed57,#22d3ee1f);border-color:#8b5cf673}.tools-nav-name{flex:1;font-weight:500}.tools-nav-item i{color:#ffffff6b;font-size:.75rem;font-style:normal}.tools-panel{flex:1;min-width:0}.tools-panel-head{align-items:baseline;gap:10px;margin:0 0 .875rem;display:flex}.tools-panel-head h2{margin:0;font-size:1.125rem;font-weight:600}.tools-panel-head i{color:#ffffff6b;font-size:.75rem;font-style:normal}.tools-empty{text-align:center;color:#ffffff80;background:#ffffff05;border:1px dashed #ffffff1f;border-radius:1rem;flex-direction:column;gap:6px;padding:2.625rem 1.375rem;display:flex}.tools-empty b{color:#ffffffc7;font-size:.9375rem;font-weight:600}.tools-empty span{font-size:.8125rem}@media (max-width:56.25rem){.tools-layout{flex-direction:column;gap:1rem}.tools-nav{scrollbar-width:none;flex-direction:row;flex:none;width:100%;position:static;overflow-x:auto}.tools-nav::-webkit-scrollbar{display:none}.tools-nav-item{flex:none}.tools-nav-item i{display:none}}@media (max-width:45rem){.tools-page{padding:1.375rem 1rem 3.5rem}.tools-head h1{font-size:1.625rem}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(9.375rem,1fr))}}