.font-tool{margin-block:24px}.font-tool form,.font-tool label{gap:12px;display:grid}.font-tool label{font-size:14px;font-weight:700}.font-tool textarea,.font-tool select{border:1px solid var(--line);width:100%;min-width:0;min-height:44px;color:var(--ink);background:#fff;border-radius:12px;padding:12px;font-size:16px}.font-tool textarea{resize:vertical}.font-tool__controls{flex-wrap:wrap;gap:16px;display:flex}.font-tool__controls label{flex:1;min-width:140px}.font-tool button{border:1px solid var(--line);min-height:44px;color:var(--ink);background:#fff;border-radius:10px;padding:10px 14px}.font-tool .font-tool__apply{background:var(--accent);justify-self:start;font-weight:700}.font-tool details{margin-block:16px}.font-tool summary{cursor:pointer;padding-block:12px}.font-tool__samples{flex-wrap:wrap;gap:8px;display:flex}.font-tool__results{gap:16px;padding:0;list-style:none;display:grid}.font-tool__result{border:1px solid var(--line);border-radius:16px;padding:16px}.font-tool__result-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.font-tool__result-heading h3{margin:0;font-size:14px}.font-tool__result-heading button{font-weight:700}.font-tool__text{border:1px solid var(--line);overflow-wrap:anywhere;white-space:pre-wrap;-webkit-user-select:text;user-select:text;background:#fff;border-radius:10px;padding:14px;font-size:22px}.font-tool__coverage,.font-tool__guidance{color:var(--muted);overflow-wrap:anywhere;font-size:13px;line-height:1.5}@media (max-width:600px){.font-tool__text{font-size:16px}.font-tool__result{padding:12px}}.font-tool .font-tool__readable{align-items:center;min-height:44px;display:flex}.font-tool input[type=range]{min-height:44px}