.tool{width:min(100%, var(--content-width));padding:var(--space-lg) 0;margin-inline:auto}.tool-header{margin-bottom:var(--space-lg)}.tool-header h1{margin:0 0 .5rem}.tool-header p{margin:0}.mode-toggle{border-radius:var(--radius);margin-bottom:var(--space-md);background:#fafafa;border:1px solid #ddd;padding:4px;display:inline-flex}.mode-button{font:inherit;border-radius:calc(var(--radius) - 4px);cursor:pointer;color:#555;background:0 0;border:none;padding:.55rem 1rem;font-size:.9rem}.mode-button.active{color:#111;background:#fff;font-weight:600;box-shadow:0 1px 3px #0000001f}.selector-input-row{flex-wrap:wrap;gap:.75rem;display:flex}.selector-input{font:inherit;border-radius:var(--radius);border:1px solid #ccc;flex:320px;padding:.85rem 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1rem}.selector-input:focus{border-color:#888;outline:none}.secondary-button{font:inherit;border-radius:var(--radius);cursor:pointer;background:#fff;border:1px solid #ccc;padding:.6rem 1rem;font-size:.9rem}.secondary-button:hover{background:#f0f0f0;border-color:#999}.examples{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.examples-label{color:#666;margin-right:.25rem;font-size:.85rem}.example-chip{cursor:pointer;background:#fafafa;border:1px solid #ddd;border-radius:999px;padding:.35rem .7rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem}.example-chip:hover{background:#eee;border-color:#bbb}.results-list{margin-top:var(--space-lg);flex-direction:column;gap:1rem;display:flex}.result-card{border-radius:var(--radius);background:#fff;border:1px solid #ddd;padding:1.25rem}.result-selector{color:#333;word-break:break-all;margin-bottom:.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.95rem}.score-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.score-badge{border-radius:var(--radius);border:1px solid #ddd;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.4rem;font-weight:700;display:inline-flex;overflow:hidden}.score-badge span{background:#fafafa;padding:.5rem .85rem}.score-badge span+span{border-left:1px solid #ddd}.score-badge .tier-a{color:#b8860b}.score-badge .tier-b{color:#c62828}.score-badge .tier-c{color:#1565c0}.score-badge .tier-d{color:#2e7d32}.copy-button{font:inherit;border-radius:var(--radius);cursor:pointer;background:#fff;border:1px solid #ccc;padding:.5rem .9rem;font-size:.85rem}.copy-button:hover{background:#f0f0f0}.weight-bars{flex-direction:column;gap:.4rem;margin-bottom:1rem;display:flex}.weight-bar-row{grid-template-columns:150px 1fr 2.5rem;align-items:center;gap:.6rem;font-size:.82rem;display:grid}.weight-bar-track{background:#eee;border-radius:999px;height:10px;overflow:hidden}.weight-bar-fill{border-radius:999px;height:100%}.weight-bar-fill.tier-b{background:#c62828}.weight-bar-fill.tier-c{background:#1565c0}.weight-bar-fill.tier-d{background:#2e7d32}.breakdown{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.breakdown-group h4{text-transform:uppercase;letter-spacing:.03em;color:#666;margin:0 0 .35rem;font-size:.8rem}.breakdown-group .token-list{flex-wrap:wrap;gap:.35rem;display:flex}.token-chip{background:#f0f0f0;border-radius:6px;padding:.2rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem}.breakdown-group .empty{color:#999;font-size:.82rem}.explanation{color:#444;border-top:1px solid #eee;margin:0;padding-top:.85rem;font-size:.92rem}.compare-grid{grid-template-columns:1fr auto 1fr;align-items:end;gap:1rem;display:grid}.compare-side label{margin-bottom:.4rem;font-size:.9rem;font-weight:600;display:block}.compare-vs{color:#999;padding-bottom:.85rem;font-weight:700}.clear-compare{margin-top:1rem}.compare-result{margin-top:var(--space-lg)}.compare-winner-banner{border-radius:var(--radius);background:#e8f5e9;border:1px solid #a5d6a7;margin-bottom:1rem;padding:1rem 1.25rem;font-weight:600}.compare-winner-banner.tie{background:#fff8e1;border-color:#ffe082}.compare-cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;display:grid}.result-card.winner{border-color:#2e7d32;box-shadow:0 0 0 1px #2e7d32}.guide h2{margin-top:0;font-size:1.3rem}.specificity-tiers{padding-left:1.25rem}.specificity-tiers li{margin-bottom:.4rem}.guide code{background:#f0f0f0;border-radius:4px;padding:.1rem .35rem;font-size:.9em}.guide-details{border-radius:var(--radius);border:1px solid #ddd;margin-top:1rem;padding:.9rem 1.1rem}.guide-details summary{cursor:pointer;font-weight:600}.guide-details ul{margin:.75rem 0 0;padding-left:1.25rem}.guide-details li{margin-bottom:.5rem}@media (width<=700px){.compare-grid{grid-template-columns:1fr}.compare-vs{text-align:center;padding-bottom:0}.weight-bar-row{grid-template-columns:110px 1fr 2.5rem}}