.tools-page{display:grid;gap:24px}.tool-catalog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.tool-card{display:flex;align-items:flex-start;gap:10px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);text-align:left;cursor:pointer;transition:background .15s,border-color .15s}.tool-card svg{width:22px;height:22px;flex:none;color:var(--purple,#8753e8)}.tool-card strong,.tool-card small{display:block}.tool-card small{font-size:12px;margin-top:5px;color:var(--muted)}.tool-card.active{border-color:#8753e8;background:rgba(135,83,232,.09);box-shadow:inset 0 0 0 1px #8753e8}.tool-card:hover{border-color:#8753e8}.tool-card:focus-visible{outline:3px solid #8753e8;outline-offset:3px}.tool-workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:20px;align-items:start}.tool-inputs,.tool-result{min-width:0}.tool-inputs>p{margin:12px 0 18px}.tool-group{border-top:1px solid var(--line);padding:15px 0}.tool-group summary{font-weight:650;cursor:pointer;line-height:1.5}.tool-group[open]>summary{margin-bottom:16px}.tool-group .form-grid{gap:14px}.tool-group p{margin:10px 0;line-height:1.65}.tool-custom{padding:14px;margin:12px 0;border:1px solid var(--line);border-radius:12px}.tool-custom>.btn{margin-top:12px}.tool-calculate{margin-top:18px}.tool-placeholder{display:grid;place-content:center;text-align:center;min-height:280px;padding:30px 10px;color:var(--muted);gap:16px}.tool-placeholder>svg{width:42px;height:42px;margin:auto;color:#8753e8}.tool-placeholder p{max-width:370px;line-height:1.7}.tool-result>h2{margin:0 0 8px}.tool-result:focus{outline:2px solid rgba(135,83,232,.4);outline-offset:4px}.tool-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.tool-metrics>div{padding:16px;background:rgba(135,83,232,.06);border-radius:12px;min-width:0}.tool-metrics span{display:block;font-size:12px;color:var(--muted);line-height:1.5}.tool-metrics strong{display:block;font-size:clamp(18px,1.7vw,24px);font-variant-numeric:tabular-nums;margin-top:8px;overflow-wrap:anywhere}.tool-tips{display:grid;gap:10px;margin:18px 0}.tool-tip{padding:14px 16px;border-left:3px solid #8753e8;background:rgba(135,83,232,.045);border-radius:0 10px 10px 0}.tool-tip.warning{border-color:#cb8c28;background:rgba(203,140,40,.07)}.tool-tip.good{border-color:#4b9870;background:rgba(75,152,112,.07)}.tool-tip h3{font-size:14px;margin:0 0 6px}.tool-tip p{font-size:13px;line-height:1.65;margin:0}.tool-result .table-scroll{max-height:420px;overflow:auto;margin:14px 0}.tool-result table{font-size:12px}.tool-result td,.tool-result th{white-space:nowrap;padding:10px}.tool-result th{position:sticky;top:0;background:var(--paper);z-index:1}.tool-chart{margin:20px 0}.tool-chart figcaption{font-size:12px;color:var(--muted);margin-top:8px}.tool-sources{padding:20px;border:1px solid var(--line);border-radius:14px}.tool-sources ul{padding-left:20px;display:grid;gap:8px}.tool-stale[hidden]{display:none}.tool-stale{margin-bottom:16px}.tool-inputs label{min-width:0}.tool-inputs input,.tool-inputs select{width:100%;min-width:0}.tool-inputs .switch-label input{width:auto}.tool-inputs .switch-label{font-size:13px;line-height:1.5}.tool-inputs .form-help{display:block}.tool-inputs .form-grid{align-items:start}[data-theme=dark] .tool-card,[data-theme=dark] .tool-result th{background:var(--paper)}[data-theme=dark] .tool-card.active{background:rgba(135,83,232,.18)}
@media(max-width:1100px){.tool-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-workbench{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.tool-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tool-card{padding:12px;gap:8px}.tool-card svg{width:18px;height:18px}.tool-card strong{font-size:13px}.tool-card small{font-size:11px}.tool-workbench{gap:16px}.tool-metrics>div{padding:12px}.tool-metrics strong{font-size:20px}.tool-inputs .form-grid{grid-template-columns:minmax(0,1fr)}.tool-sources{padding:16px}}
@media(prefers-reduced-motion:reduce){.tool-card{transition:none}}

.tool-inputs label[hidden]{display:none}.privacy .tool-metrics strong,.privacy .tool-result table,.privacy .tool-chart,.privacy .tool-tip p{filter:blur(6px);user-select:none}