.font-tool{max-width:880px;margin:0 auto 48px}.font-tool form,.font-tool__form{border:1px solid var(--line);background:#f7f7f2;border-radius:20px;margin-bottom:28px;padding:24px;box-shadow:0 6px 25px #29372e05}.font-tool form{gap:16px;display:grid}.font-tool form label{min-width:0}.font-tool label small{letter-spacing:normal;text-transform:none;margin-top:6px;font-size:12px;font-weight:400;line-height:1.5;display:block}.font-tool__controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.font-tool input[type=range]{width:100%;min-height:44px;accent-color:var(--ink);margin:6px 0 0;display:block}.font-tool form details{border-top:1px solid var(--line);padding-top:16px}.font-tool form summary{cursor:pointer}.font-tool form details .font-tool__controls{margin-top:16px}.font-tool__apply{background:var(--accent);max-width:100%;min-height:44px;color:var(--ink);cursor:pointer;border:1px solid #bfd28f;border-radius:10px;justify-self:start;padding:10px 18px;font-size:14px;font-weight:700}.font-tool label,.font-tool__label,.font-tool .font-tool__results-header h2,.landing-page .font-tool__results-header h2{display:block;color:var(--muted)!important;letter-spacing:1px!important;text-transform:uppercase!important;margin:0!important;font-family:Arial,Helvetica,sans-serif!important;font-size:11px!important;font-weight:700!important}.font-tool textarea{resize:vertical;width:100%;min-height:104px;color:var(--ink);box-sizing:border-box;background:#fff;border:1px solid #b8bcae;border-radius:10px;margin-top:8px;padding:16px;font-family:Georgia,serif;font-size:26px;line-height:1.4;display:block}.font-tool__results-section{margin-top:10px}.font-tool__results-header{justify-content:space-between;align-items:center;margin-bottom:14px;padding:0 4px;display:flex}.font-tool__count{color:var(--muted);font-size:11px;font-weight:500}.font-tool__results{gap:12px;margin:0;padding:0;list-style:none;display:grid}.font-tool__result{border:1px solid var(--line);background:#fffefa;border-radius:13px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;min-width:0;padding:16px 20px;transition:background .15s;display:flex}.font-tool__result:nth-child(6n+2){background:#f2f3e9}.font-tool__result:nth-child(6n+3){background:#f7f0e9}.font-tool__text{text-align:left;min-width:0;min-height:0;color:var(--ink);overflow-wrap:anywhere;white-space:pre-wrap;-webkit-user-select:text;user-select:text;flex:1;margin:0;font-size:22px;line-height:1.6}.font-tool__result-actions{flex-shrink:0;align-items:center;display:flex}.font-tool__copy-btn{color:#29372e;cursor:pointer;background:0 0;border:0;border-radius:5px;min-height:34px;padding:8px 12px;font-size:12px;font-weight:700;transition:background .15s}.font-tool__copy-btn:hover{background:#e7ebdf}.font-tool__copy-btn--active{background:#d7edaa}.font-tool .sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.font-tool__seo{border-top:1px solid var(--line);margin-top:48px;padding-top:24px}.font-tool__guidance,.font-tool__seo-notes p{color:var(--muted);text-align:center;max-width:720px;margin:10px auto;font-size:13px;line-height:1.7}.font-tool__seo-details{border:1px solid var(--line);background:#f7f7f2;border-radius:12px;margin-top:20px;padding:12px 18px}.font-tool__seo-details summary{cursor:pointer;color:var(--muted);-webkit-user-select:none;user-select:none;font-size:12px;font-weight:600}.font-tool__seo-details .font-tool__controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.font-tool select,.font-tool input:not([type]),.font-tool input[type=text]{width:100%;min-width:0;min-height:40px;color:var(--ink);letter-spacing:normal;text-transform:none;box-sizing:border-box;background:#fff;border:1px solid #b8bcae;border-radius:8px;margin-top:6px;padding:8px 12px;font-size:16px;font-weight:400;display:block}.font-tool__samples{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.font-tool__samples button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;padding:6px 14px;font-size:12px;transition:all .15s}.font-tool__samples button:hover{background:#eef1e6}.font-tool__empty{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:13px;padding:30px;font-size:14px}@media (max-width:600px){.font-tool{margin:0 auto 32px}.font-tool form,.font-tool__form{border-radius:14px;margin-bottom:20px;padding:16px}.font-tool textarea{min-height:80px;padding:12px;font-size:18px}.font-tool__result{gap:10px;padding:12px 14px}.font-tool__text{font-size:17px}.font-tool__copy-btn{min-height:32px;padding:6px 10px;font-size:11px}.font-tool__controls,.font-tool__seo-details .font-tool__controls{grid-template-columns:1fr}}.font-tool__coverage{color:var(--muted);overflow-wrap:anywhere;flex:0 0 100%;margin:0;font-size:12px;line-height:1.5}.font-tool .font-tool__readable{align-items:center;gap:8px;display:flex;margin-top:16px!important}.font-tool__copy-btn:disabled{opacity:.5;cursor:wait}
