.tool-form{display:grid;gap:18px}.tool-form input,.tool-form select{background:var(--surface);border:1px solid var(--line);border-radius:12px;color:var(--ink);min-height:52px;padding:12px 14px;width:100%}.tool-form input:focus,.tool-form select:focus{border-color:var(--brand);outline:3px solid color-mix(in srgb,var(--brand) 16%,transparent)}.tool-form label{display:block;font-size:.82rem;font-weight:800;margin-bottom:7px}.converter-grid{align-items:end;display:grid;gap:14px;grid-template-columns:1fr 48px 1fr}.swap-button{align-items:center;background:var(--surface-soft);border:1px solid var(--line);border-radius:12px;color:var(--brand);display:flex;font-size:1.15rem;height:48px;justify-content:center;margin-bottom:1px;width:48px}.utility-result-grid{display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-top:18px}.metric{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px}.metric span{color:#b7c8ca;display:block;font-size:.68rem;text-transform:uppercase}.metric strong{color:#fff;display:block;font-size:1rem;margin-top:3px}.date-summary{display:flex;gap:10px}.date-summary .summary-part{background:var(--surface-soft);border:1px solid var(--line);border-radius:12px;flex:1;padding:15px;text-align:center}.summary-part strong{color:var(--brand);display:block;font-size:1.55rem}.summary-part span{color:var(--muted);font-size:.76rem}.field-hint{color:var(--muted);font-size:.76rem;margin-top:5px}@media(max-width:650px){.converter-grid{grid-template-columns:1fr}.swap-button{margin:auto;transform:rotate(90deg)}.utility-result-grid{grid-template-columns:1fr 1fr}.date-summary{flex-wrap:wrap}.date-summary .summary-part{flex-basis:28%}}