.stz-converter{max-width:900px;margin:0 auto;background:#fff;border:1px solid #d9e1dc;border-radius:14px;padding:18px;box-shadow:0 8px 28px rgba(25,52,43,.07)}
.stz-converter-grid{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);gap:12px;align-items:end}.stz-converter-field label{display:block;font-weight:700;color:#173f35;margin-bottom:6px}.stz-converter-field input,.stz-converter-field select{width:100%;height:42px;border:1px solid #bdcbc5;border-radius:8px;background:#fff;padding:0 11px;font:inherit;box-sizing:border-box}.stz-converter-inputrow{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:8px}.stz-converter-swap{height:42px;border:1px solid #1f5c4e;background:#f5faf8;color:#1f5c4e;border-radius:8px;font-size:20px;cursor:pointer}.stz-converter-actions{display:flex;gap:8px;margin-top:14px}.stz-converter-actions button{border:0;border-radius:8px;padding:10px 16px;font-weight:700;cursor:pointer}.stz-convert-btn{background:#1f5c4e;color:#fff}.stz-clear-btn{background:#eef2f0;color:#263b34}.stz-converter-result{margin-top:16px;border-radius:10px;background:#eef8f3;border:1px solid #b8d8ca;padding:14px}.stz-converter-main{font:700 clamp(22px,4vw,32px)/1.2 Inter,sans-serif;color:#123e32;overflow-wrap:anywhere}.stz-converter-eq{margin-top:5px;color:#53665f}.stz-converter-table{margin-top:14px;overflow:auto}.stz-converter-table table{width:100%;border-collapse:collapse;font-size:14px}.stz-converter-table th,.stz-converter-table td{padding:8px 10px;border-bottom:1px solid #e2e8e5;text-align:left}.stz-converter-table th{background:#f7f9f8;color:#29483e;position:sticky;top:0}.stz-converter-tools{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.stz-converter-tools button{background:#fff;border:1px solid #c9d4cf;border-radius:7px;padding:7px 10px;cursor:pointer}.stz-converter-error{color:#9f2727;font-weight:650;margin-top:10px}.stz-converter-note{font-size:13px;color:#66766f;margin-top:10px}
@media(max-width:700px){.stz-converter-grid{grid-template-columns:1fr}.stz-converter-swap{width:44px;justify-self:center;transform:rotate(90deg)}.stz-converter-inputrow{grid-template-columns:minmax(0,1fr) 130px}}