.wi-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0 44px}
.wi-tool-card{display:flex;flex-direction:column;gap:13px;min-height:205px;padding:25px;border:1px solid var(--wi-border,#d8e0dc);border-radius:18px;background:var(--wi-surface,#fff);text-decoration:none;color:var(--wi-ink,#10262c);box-shadow:0 10px 28px rgba(16,38,44,.06);transition:transform .18s,box-shadow .18s}
.wi-tool-card:hover,.wi-tool-card:focus-visible{transform:translateY(-3px);box-shadow:0 16px 32px rgba(16,38,44,.13)}
.wi-tool-card__type{align-self:start;padding:6px 11px;border-radius:99px;background:var(--wi-surface-2,#edf1ed);color:var(--wi-brand,#006f65);font-size:.75rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.wi-tool-card strong{font-size:1.18rem;line-height:1.3}.wi-tool-card span:not(.wi-tool-card__type){font-size:.93rem;color:var(--wi-muted,#5e6d70)}.wi-tool-card b{margin-top:auto;color:var(--wi-brand,#006f65);font-size:.9rem}
.wi-tool-lede{font-size:1.2rem;line-height:1.65;color:var(--wi-muted,#5e6d70)}
.wi-tool-app{margin:20px 0 42px;padding:clamp(18px,3vw,32px);border:1px solid var(--wi-border,#d8e0dc);border-radius:20px;background:var(--wi-surface,#fff);box-shadow:0 14px 36px rgba(16,38,44,.08)}
.wi-tool-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.wi-tool-field{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:.91rem;font-weight:750}
.wi-tool-field:has(textarea),.wi-tool-field:has([name=title]),.wi-tool-field:has([name=url]){grid-column:span 2}
.wi-tool-field input,.wi-tool-field textarea,.wi-tool-field select,.wi-tool-output{width:100%;min-width:0;padding:12px 14px;border:1px solid var(--wi-border,#d8e0dc);border-radius:11px;background:var(--wi-bg,#fff);color:var(--wi-ink,#10262c);font:inherit;font-weight:450;line-height:1.5}
.wi-tool-field textarea{resize:vertical}.wi-tool-field input:focus,.wi-tool-field textarea:focus,.wi-tool-field select:focus{outline:2px solid var(--wi-brand,#006f65);outline-offset:2px}
.wi-tool-actions,.wi-tool-extra,.wi-tool-result-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px}.wi-tool-actions button,.wi-tool-extra button,.wi-tool-result-actions button{padding:11px 17px;border:1px solid var(--wi-brand,#006f65);border-radius:10px;background:var(--wi-brand,#006f65);color:#fff;font:inherit;font-size:.91rem;font-weight:750;cursor:pointer}
.wi-tool-actions button:disabled{opacity:.55;cursor:wait}.wi-tool-actions .wi-tool-reset,.wi-tool-extra button,.wi-tool-result-actions button{background:transparent;color:var(--wi-brand,#006f65)}.wi-tool-extra select{max-width:220px;min-height:42px;padding:8px;border:1px solid var(--wi-border,#d8e0dc);border-radius:8px;background:var(--wi-surface,#fff);color:var(--wi-ink,#10262c)}
.wi-tool-result{margin-top:22px;overflow-wrap:anywhere}.wi-tool-result:empty{display:none}.wi-tool-error{padding:13px 16px;border-left:4px solid #b23e47;border-radius:7px;background:rgba(178,62,71,.08)}
.wi-tool-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.wi-tool-metrics>div{padding:15px;background:var(--wi-surface-2,#edf1ed);border-radius:11px}.wi-tool-metrics dt{font-size:.82rem;color:var(--wi-muted,#5e6d70)}.wi-tool-metrics dd{margin:5px 0 0;font-size:1.05rem;font-weight:800;overflow-wrap:anywhere}
.wi-tool-note{margin-top:17px;padding:12px 15px;border-radius:9px;background:var(--wi-surface-2,#edf1ed);font-size:.85rem;color:var(--wi-muted,#5e6d70)}
.wi-tool-table-wrap{overflow:auto;max-height:520px}.wi-tool-table-wrap table{width:100%;border-collapse:collapse}.wi-tool-table-wrap th,.wi-tool-table-wrap td{padding:10px;border-bottom:1px solid var(--wi-border,#d8e0dc);text-align:left;vertical-align:top}.wi-tool-table-wrap code{overflow-wrap:anywhere}
.wi-tool-code{max-height:440px;overflow:auto;padding:17px;border-radius:10px;background:#11212b;color:#e7f3f2;font-size:.83rem;line-height:1.55}
.wi-snippet{max-width:660px;padding:17px;border:1px solid #d9dee3;border-radius:11px;background:#fff;color:#202124;font-family:Arial,sans-serif}.wi-snippet--mobile{max-width:360px}.wi-snippet span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#4d5156;font-size:14px}.wi-snippet strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#1a0dab;font-size:20px;font-weight:400;line-height:1.5}.wi-snippet p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:2px 0 0;color:#4d5156;font-size:14px;line-height:1.4}
.wi-og-card{max-width:540px;overflow:hidden;border:1px solid #d7dfe4;border-radius:11px;background:#fff;color:#263544;font:16px Arial,sans-serif}.wi-og-card img,.wi-og-empty{display:block;width:100%;height:268px;object-fit:cover;background:#dce7e9}.wi-og-empty{display:grid;place-items:center;padding:30px;color:#42606a}.wi-og-card>div:last-child{padding:18px}.wi-og-card small{display:block;color:#6c7480}.wi-og-card strong{display:block;margin-top:6px;font-size:19px}.wi-og-card p{margin:6px 0 0;color:#4d5965;font-size:14px}
.wi-heading-outline{max-height:440px;overflow:auto;padding:16px 16px 16px 37px;border-radius:12px;background:var(--wi-surface-2,#edf1ed)}.wi-heading-outline li{margin:5px 0}
@media(max-width:960px){.wi-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.wi-tools-grid,.wi-tool-fields,.wi-tool-metrics{grid-template-columns:1fr}.wi-tool-field:has(textarea),.wi-tool-field:has([name=title]),.wi-tool-field:has([name=url]){grid-column:span 1}.wi-tool-card{min-height:165px}.wi-tool-app{padding:18px}.wi-tool-actions button{flex:1}}