/* html-css-js-formatter.css v2-r4 */

.fmt-tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:.75rem}
.fmt-tab{font-size:.74rem;padding:.45rem .85rem;border:none;border-bottom:2px solid transparent;background:none;cursor:pointer;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}
.fmt-tab.active{color:var(--accent);border-bottom-color:var(--accent)}
.fmt-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
@media(max-width:620px){.fmt-row{grid-template-columns:1fr}}
.fmt-area{font-family:ui-monospace,monospace;font-size:.8rem;min-height:220px;resize:vertical;border:1px solid var(--border);padding:.6rem;width:100%;line-height:1.55;background:#fff}
.fmt-area:focus{outline:none;border-color:var(--accent)}
.fmt-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);margin-bottom:.35rem}