.tool-card{border:1px solid #7c9eb333;border-radius:16px;padding:24px;margin:24px 0;background:linear-gradient(135deg,#377eae08,transparent)}.tool-card textarea{width:100%;min-height:180px;resize:vertical;border:1px solid #7c9eb366;border-radius:10px;padding:14px;font:14px/1.65 monospace;background:var(--card-bg);color:var(--font-color);box-sizing:border-box}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tool-card button{border:0;border-radius:8px;background:#377eae;color:white;padding:9px 16px;margin:10px 8px 10px 0;cursor:pointer}.tool-card button:hover{background:#225472}.tool-status{min-height:24px;font-size:14px}.diff-output{max-height:500px;overflow:auto;font:14px/1.7 monospace;white-space:pre-wrap;overflow-wrap:anywhere}.diff-line.add{background:#20b27322}.diff-line.remove{background:#f2607022}.tool-note{padding:14px 18px;border-left:3px solid #377eae;background:#377eae10}.download-hash{overflow-wrap:anywhere;font-family:monospace;font-size:12px}@media(max-width:700px){.tool-grid{grid-template-columns:1fr}.tool-card{padding:16px}}
.tool-card input:not([type=file]),.tool-card select{font-size:16px;min-height:44px;max-width:100%;box-sizing:border-box;padding:8px;border:1px solid #7c9eb366;border-radius:8px;background:var(--card-bg);color:var(--font-color)}.tool-card input[type=file]{max-width:100%;margin:12px 0}.tool-card label{display:block;margin:10px 0 5px}