.tool-input{width:100%;padding:.75rem 1rem;border-radius:.75rem;border:1.5px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);font-size:.95rem;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.tool-input::placeholder{color:var(--color-muted)}.tool-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #5e6ad226}.dark .tool-input:focus{box-shadow:0 0 0 3px #818cf833}.dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:.75rem;box-shadow:0 12px 40px #0000001f;max-height:320px;overflow-y:auto;padding:.25rem}.dark .dropdown{box-shadow:0 12px 40px #0006}.dropdown.hidden{display:none}.dd-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:.5rem;cursor:pointer;transition:background .15s}.dd-item:hover{background:var(--color-elevated)}.dd-item img{width:24px;height:24px;border-radius:5px;object-fit:contain;background:var(--color-elevated);flex-shrink:0}.dd-item-info{display:flex;align-items:baseline;gap:.4rem;min-width:0;overflow:hidden}.dd-item-name{font-weight:600;font-size:.88rem;color:var(--color-text);white-space:nowrap}.dd-item-cat{font-size:.75rem;color:var(--color-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .65rem;border-radius:.5rem;background:#5e6ad214;border:1px solid rgba(94,106,210,.18);font-weight:600;font-size:.85rem;color:var(--color-accent);margin-top:.5rem}.dark .selected-chip{background:#818cf81a;border-color:#818cf833}.selected-chip.hidden{display:none}.selected-chip img{width:18px;height:18px;border-radius:4px;object-fit:contain}.chip-remove{cursor:pointer;margin-left:.25rem;font-size:1.1rem;line-height:1;opacity:.6;transition:opacity .15s;background:none;border:none;color:inherit;padding:0 2px}.chip-remove:hover{opacity:1}.dd-section-label{padding:.35rem .75rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent)}.dd-section-other{color:var(--color-muted);margin-top:.25rem;border-top:1px solid var(--color-border);padding-top:.5rem}.dd-item-dimmed{opacity:.55}.dd-item-dimmed:hover{opacity:.85}.compare-warning{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:.75rem;background:#f59e0b14;border:1px solid rgba(245,158,11,.2);color:#d97706;font-size:.85rem;margin-bottom:1rem}.dark .compare-warning{background:#f59e0b0f;border-color:#f59e0b26;color:#fbbf24}.compare-btn{padding:.75rem 2.5rem;border-radius:.75rem;font-weight:700;font-size:1rem;font-family:inherit;border:none;cursor:pointer;background:var(--color-accent);color:#fff;transition:background .2s,opacity .2s,transform .15s}.compare-btn:hover:not(:disabled){background:var(--color-accent-hover);transform:translateY(-1px)}.compare-btn:disabled{opacity:.4;cursor:not-allowed}.compare-results.hidden{display:none}.compare-results table{width:100%;border-collapse:separate;border-spacing:0;border-radius:.75rem;overflow:hidden;border:1px solid var(--color-border-strong)}.compare-results th,.compare-results td{padding:.85rem 1rem;text-align:left;font-size:.9rem;border-bottom:1px solid var(--color-border)}.compare-results th{font-weight:600;color:var(--color-muted);background:var(--color-elevated);font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}.compare-results td{color:var(--color-text);background:var(--color-surface)}.compare-results tr:nth-child(2n) td{background:var(--color-elevated)}.compare-results tr:last-child td{border-bottom:none}.badge{display:inline-block;padding:.15rem .6rem;border-radius:9999px;font-size:.78rem;font-weight:600;letter-spacing:.02em}.badge-green{background:#22c55e1f;color:#16a34a}.dark .badge-green{background:#22c55e26;color:#4ade80}.badge-gray{background:#64748b1f;color:#64748b}.dark .badge-gray{background:#8a8f9826;color:#8a8f98}.badge-amber{background:#f59e0b1f;color:#d97706}.dark .badge-amber{background:#f59e0b26;color:#fbbf24}.badge-red{background:#ef44441f;color:#dc2626}.dark .badge-red{background:#ef444426;color:#f87171}.result-link{color:var(--color-accent);text-decoration:none;font-weight:500}.result-link:hover{text-decoration:underline}.popular-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:.75rem;background:var(--color-surface);border:1px solid var(--color-border);text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .15s}.popular-link:hover{border-color:var(--color-accent);box-shadow:0 4px 16px #0000000f;transform:translateY(-1px)}.dark .popular-link:hover{box-shadow:0 4px 16px #0003}.pop-name{font-weight:600;font-size:.88rem;color:var(--color-text)}.pop-vs{font-size:.78rem;font-weight:500;color:var(--color-muted)}.alternatives-panel.hidden{display:none}.alternatives-title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);margin-bottom:.75rem}.alternatives-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.5rem}@media(max-width:640px){.alternatives-row{grid-template-columns:1fr}}.alt-card{display:flex;align-items:center;gap:.6rem;padding:.6rem .75rem;border-radius:.65rem;background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;text-decoration:none;transition:border-color .15s,background .15s,transform .15s;min-width:0}.alt-card:hover{border-color:var(--color-accent);background:var(--color-elevated);transform:translateY(-1px)}.alt-card img{width:24px;height:24px;border-radius:5px;object-fit:contain;background:var(--color-elevated);flex-shrink:0}.alt-card-name{font-weight:600;font-size:.86rem;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}