.tools-index-page{gap:0}.tools-index-page .tools-grid-header .calculator-helper-text{margin-top:.25rem}.tools-index-page .tools-search-field{display:grid;gap:.55rem;min-width:0;margin-bottom:1rem}.tools-index-page .tools-search-field label{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase}.tools-index-page .search-wrapper{min-width:0}.tools-index-page .search-wrapper input{width:100%;height:3rem;margin-bottom:0;font-size:var(--font-size-base)}.tools-index-page .tools-favorites-section{margin-bottom:1rem}.tools-index-page .tools-favorites-section[hidden],.tools-index-page .favorite-tool-link[hidden]{display:none}.tools-index-page .tools-favorites-grid{display:flex;flex-wrap:wrap;gap:.5rem}.tools-index-page .favorite-tool-link{display:inline-grid;grid-template-columns:2rem minmax(0,auto);align-items:center;gap:.5rem;max-width:13rem;min-height:2.75rem;padding:.35rem .65rem .35rem .4rem;color:var(--text-primary);background:color-mix(in srgb,var(--warning) 8%,var(--input-background));border:1px solid color-mix(in srgb,var(--warning) 28%,rgba(255,255,255,.08));border-radius:var(--border-radius-md);text-decoration:none;transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.tools-index-page .favorite-tool-link:hover{background:color-mix(in srgb,var(--warning) 12%,var(--input-focus));border-color:color-mix(in srgb,var(--warning) 38%,rgba(255,255,255,.1));transform:translateY(-1px)}.tools-index-page .favorite-tool-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:.25rem;background:color-mix(in srgb,var(--input-background) 80%,var(--background));border:1px solid rgba(255,255,255,.06);border-radius:var(--border-radius-sm)}.tools-index-page .favorite-tool-icon img{width:100%;height:100%;object-fit:contain}.tools-index-page .favorite-tool-name{overflow:hidden;color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.tools-index-page .tools-grid-section{display:grid;gap:0}.tools-index-page .tools-grid-header{align-items:flex-start}.tools-index-page .tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;padding:0}.tools-index-page .tool-card-wrapper{position:relative;display:flex;min-width:0}.tools-index-page .tool-card-wrapper.hidden{display:none}.tools-index-page .tool-card{display:grid;grid-template-columns:3.75rem minmax(0,1fr);align-items:center;gap:1rem;width:100%;min-height:7.25rem;padding:.85rem 3.3rem .85rem .85rem;color:var(--text-primary);background:var(--input-background);border:1px solid rgba(255,255,255,.06);border-radius:var(--border-radius-md);box-shadow:none;overflow:hidden;text-decoration:none;transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.tools-index-page .tool-card:hover{background:var(--input-focus);border-color:color-mix(in srgb,var(--primary) 32%,rgba(255,255,255,.08));transform:translateY(-1px)}.tools-index-page .tool-card:after,.tools-index-page .tool-icon:before{display:none}.tools-index-page .tool-icon{display:flex;align-items:center;justify-content:center;width:3.75rem;height:3.75rem;padding:.5rem;background:color-mix(in srgb,var(--primary-container) 12%,var(--input-background));border:1px solid color-mix(in srgb,var(--primary) 20%,rgba(255,255,255,.06));border-radius:var(--border-radius-md)}.tools-index-page .tool-icon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 .2rem .25rem rgba(0,0,0,.25))}.tools-index-page .tool-card:hover .tool-icon{background:color-mix(in srgb,var(--primary-container) 16%,var(--input-background));border-color:color-mix(in srgb,var(--primary) 28%,rgba(255,255,255,.06));transform:none}.tools-index-page .tool-content{display:grid;gap:.35rem;justify-items:start;min-width:0;width:100%;text-align:left}.tools-index-page .tool-content h3{margin:0;padding-right:.25rem;width:100%;color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);line-height:1.25}.tools-index-page .tool-content p{margin:0;width:100%;color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.35}.tools-index-page .tool-card{display:grid;grid-template-columns:3.75rem minmax(0,1fr)}.tools-index-page .tool-content{display:grid;justify-content:start;justify-items:start;align-items:center;width:100%;min-width:0;text-align:left}.tools-index-page .tool-content h3,.tools-index-page .tool-content p{width:100%;text-align:left}.tools-index-page .favorite-toggle{position:absolute;top:.65rem;right:.65rem;display:inline-flex;align-items:center;justify-content:center;width:2.15rem;height:2.15rem;margin:0;padding:0;color:var(--text-disabled);background:color-mix(in srgb,var(--input-background) 86%,var(--background));border:1px solid rgba(255,255,255,.06);border-radius:var(--border-radius-md);box-shadow:none;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.tools-index-page .favorite-toggle:hover,.tools-index-page .favorite-toggle.active{color:var(--warning);background:color-mix(in srgb,var(--warning) 12%,var(--input-focus));border-color:color-mix(in srgb,var(--warning) 32%,rgba(255,255,255,.08));animation:none}.tools-index-page .no-results{display:none;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;min-height:13rem;padding:2rem;color:var(--text-secondary);text-align:center;background:var(--input-background);border:1px dashed rgba(255,255,255,.1);border-radius:var(--border-radius-md)}.tools-index-page .no-results>i{color:var(--text-disabled);font-size:2rem}.tools-index-page .no-results-title{margin:0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.tools-index-page .no-results-message{margin:0;color:var(--text-disabled);font-size:var(--font-size-sm)}.arkbuddy-light .tools-index-page .tool-card,.arkbuddy-light .tools-index-page .tool-icon,.arkbuddy-light .tools-index-page .favorite-tool-link,.arkbuddy-light .tools-index-page .favorite-tool-icon,.arkbuddy-light .tools-index-page .favorite-toggle,.arkbuddy-light .tools-index-page .no-results{border-color:#0f172a14}@media(max-width:720px){.tools-index-page .tool-grid{grid-template-columns:1fr}.tools-index-page .tool-card{min-height:6.5rem}}@media(max-width:480px){.tools-index-page .favorite-tool-link{max-width:100%}.tools-index-page .tool-card{grid-template-columns:3.1rem minmax(0,1fr);gap:.8rem;padding:.75rem 2.95rem .75rem .75rem}.tools-index-page .tool-icon{width:3.1rem;height:3.1rem}.tools-index-page .tool-card{grid-template-columns:3.1rem minmax(0,1fr)}.tools-index-page .favorite-toggle{width:2rem;height:2rem;top:.55rem;right:.55rem}}