.frmt-wrap{max-width:1000px;margin:20px auto;padding:18px;background:#fff;border:1px solid #e6e6e6;border-radius:10px;font-family:Arial,Helvetica,sans-serif}
.frmt-wrap h2{text-align:left;color:#0b5ca8;margin-bottom:12px}
.frmt-grid{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:800px){.frmt-grid{grid-template-columns:1fr 360px}}
.frmt-card{background:#f9fbff;border:1px solid #e7eff9;padding:14px;border-radius:8px}
.frmt-card label{display:block;font-size:13px;margin-bottom:8px}
.frmt-card input{width:100%;padding:8px;border:1px solid #cfdde9;border-radius:6px}
.frmt-result{display:flex;justify-content:space-between;padding:10px 8px;background:#fff;border:1px solid #e6eef8;border-radius:6px;margin-bottom:8px}
.frmt-result span{color:#556b85}
.frmt-result strong{color:#0b5ca8}
button{background:#0b5ca8;color:#fff;padding:9px 12px;border-radius:8px;border:none;cursor:pointer;font-weight:600}
button.secondary{background:#6b7280}
.frmt-note{font-size:13px;color:#6b7280;margin-top:12px}