.converter-shell{display:grid;grid-template-columns:260px 1fr;gap:20px;margin-top:35px}.converter-categories{display:flex;flex-direction:column;gap:7px}.converter-categories button{padding:14px;border:1px solid transparent;border-radius:9px;background:none;color:var(--muted);text-align:left;cursor:pointer}.converter-categories button:hover,.converter-categories button.active{background:#13283c;border-color:#29455e;color:white}.converter-card{padding:30px;background:linear-gradient(145deg,#101f30,#0b1724);border:1px solid var(--line);border-radius:15px}.converter-card h3{font-size:27px;margin:0 0 8px}.converter-card>p{color:var(--muted);margin:0 0 30px}.convert-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:end}.convert-field label{display:block;margin-bottom:9px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.convert-field input,.convert-field select{width:100%;padding:14px;background:#081522;border:1px solid #31506a;color:white}.convert-field input{border-radius:9px 9px 0 0;font-size:22px}.convert-field select{border-radius:0 0 9px 9px}.swap-button{margin-bottom:14px;width:45px;height:45px;border:1px solid #31506a;border-radius:50%;background:#13283c;color:var(--cyan);cursor:pointer}.conversion-result{margin-top:30px;padding:22px;background:#0c2932;border:1px solid #215262;border-radius:10px;color:var(--muted)}.conversion-result strong{display:block;margin-top:7px;color:var(--cyan);font-size:31px;word-break:break-word}@media(max-width:800px){.converter-shell{grid-template-columns:1fr}.converter-categories{flex-direction:row;overflow:auto}.converter-categories button{min-width:135px}.convert-grid{grid-template-columns:1fr}.swap-button{transform:rotate(90deg);margin:auto}}