.tool__app {   --accent:#0047AB; --border:#ddd; --radius:8px;  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.tool__app .calc { display:grid; grid-template-columns:1fr; gap:28px; }
@media(min-width:820px) { .tool__app .calc { grid-template-columns:1fr 1.2fr; } }
.tool__app .panel { background:#fff; border:1px solid var(--border); border-radius:var(--radius); padding:24px; }
.tool__app .panel h2 { font-size:18px; font-weight:800; margin:0 0 16px; }
.tool__app .field { margin-bottom:14px; }
.tool__app .field label { display:block; font-size:12px; font-weight:700; text-transform:uppercase; color:#666; margin-bottom:5px; letter-spacing:.5px; }
.tool__app .field input { width:100%; padding:11px 12px; border:1px solid #ccc; border-radius:6px; font-size:15px; font-family:var(--mono); }
.tool__app .field input:focus { border-color:var(--accent); outline:none; box-shadow:0 0 0 3px rgba(0,71,171,.1); }
.tool__app .field .hint { font-size:11.5px; color: #6b6b6b; margin-top:3px; }
.tool__app .res { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.tool__app .res-card { border:2px solid #000; border-radius:var(--radius); padding:16px; background:#fff; }
.tool__app .res-card.primary { border-color:var(--accent); background:#f5f8ff; grid-column:1 / -1; }
.tool__app .res-card .lbl { font-size:12px; font-weight:700; text-transform:uppercase; color:#666; letter-spacing:.5px; }
.tool__app .res-card .val { font-size:26px; font-weight:800; color:var(--accent); line-height:1.1; margin-top:4px; }
.tool__app .res-card.primary .val { font-size:32px; }
.tool__app .res-card .formula { font-size:11.5px; color: #666; font-family:var(--mono); margin-top:5px; }
.tool__app .copy-btn { background:var(--accent); color:#fff; border:none; padding:9px 18px; border-radius:5px; font-weight:700; font-size:13px; text-transform:uppercase; cursor:pointer; margin-top:16px; }