.tools-page{min-height:60vh;padding:2rem 1rem;max-width:1200px;margin:0 auto}.tools-page h1{font-size:2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}.tools-page .tools-subtitle{color:#888;font-size:1.05rem;margin-bottom:2.5rem}[data-theme=dark] .tools-page .tools-subtitle{color:#999}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));grid-gap:1.5rem;gap:1.5rem}.tool-card{background:var(--card-bg-light);border-radius:14px;padding:2rem;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:1rem;box-shadow:0 1px 3px rgba(0,0,0,.06)}[data-theme=dark] .tool-card{background:#161616;box-shadow:none}.tool-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.1)}[data-theme=dark] .tool-card:hover{box-shadow:0 8px 24px hsla(0,0%,100%,.04)}.tool-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem}.tool-card h2{font-size:1.25rem;font-weight:600;margin:0;color:var(--text-light)}[data-theme=dark] .tool-card h2{color:var(--text-dark)}.tool-card p{font-size:.92rem;color:#666;line-height:1.6;margin:0;flex:1 1}[data-theme=dark] .tool-card p{color:#999}.tool-card-cta{font-size:.88rem;font-weight:600;color:#3ed8fa;display:flex;align-items:center;gap:6px}.tool-container{background:#000;color:#fff;min-height:calc(100vh - 73px);padding:2rem 1rem}.tool-container .tool-inner{max-width:1200px;margin:0 auto}.tool-container h1{font-size:1.8rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.25rem}.tool-container .tool-description{color:#888;font-size:.95rem;margin-bottom:2rem}.tool-input-group{display:flex;flex-direction:column;gap:.5rem}.tool-input-group label{font-size:.82rem;font-weight:600;color:#aaa;text-transform:uppercase;letter-spacing:.5px}.tool-input{width:100%;padding:.85rem 1rem;border-radius:10px;border:1px solid #2a2a2a;background:#111;color:#fff;font-size:1rem;outline:none;transition:border-color .2s;font-family:inherit;box-sizing:border-box}.tool-input:focus{border-color:#3ed8fa}.tool-input::placeholder{color:#555}.tool-toggle{display:inline-flex;border-radius:10px;overflow:hidden;border:1px solid #2a2a2a}.tool-toggle button{padding:.6rem 1.2rem;background:#111;color:#888;border:none;font-size:.88rem;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}.tool-toggle button.active{background:#3ed8fa;color:#000}.tool-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:.85rem 1rem;border-radius:10px;border:1px solid #2a2a2a;background:#111 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 8L1 3h10z' fill='%23888'/%3E%3C/svg%3E") no-repeat right 1rem center;color:#fff;font-size:1rem;outline:none;cursor:pointer;font-family:inherit;box-sizing:border-box}.tool-select:focus{border-color:#3ed8fa}.tool-table{width:100%;border-collapse:collapse;font-size:.9rem}.tool-table thead th{text-align:left;padding:.75rem 1rem;font-weight:600;color:#888;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #1a1a1a}.tool-table tbody tr{border-bottom:1px solid #0d0d0d}.tool-table tbody tr:nth-child(2n){background:hsla(0,0%,100%,.015)}.tool-table tbody td{padding:.65rem 1rem;color:#ccc}.tool-table .highlight{color:#3ed8fa;font-weight:600}.tool-tabs{display:flex;gap:0;border-bottom:1px solid #1a1a1a;margin-bottom:2rem;overflow-x:auto;scrollbar-width:none}.tool-tabs::-webkit-scrollbar{display:none}.tool-tab{padding:.75rem 1.25rem;background:none;color:#666;font-size:.9rem;font-weight:500;cursor:pointer;white-space:nowrap;border:none;border-bottom:2px solid transparent;transition:all .2s;font-family:inherit}.tool-tab:hover{color:#aaa}.tool-tab.active{color:#3ed8fa;border-bottom-color:#3ed8fa}.tool-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:#222;outline:none}.tool-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#3ed8fa;cursor:pointer}.tool-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#3ed8fa;cursor:pointer;border:none}@media (max-width:768px){.tools-grid{grid-template-columns:1fr}.tool-container h1{font-size:1.4rem}}