.text-tool .intro{margin-bottom:18px}.text-steps{display:flex;gap:12px 28px;list-style:none;padding:14px 0;margin:0 0 20px;border-block:1px solid var(--line);font-size:14px;flex-wrap:wrap}.text-steps b{color:var(--accent);margin-inline-end:5px}.text-inputs{display:grid;gap:20px}.text-inputs.dual{grid-template-columns:1fr 1fr}.text-inputs>div{min-width:0}.text-inputs label{display:block;font-size:14px;margin-bottom:8px;font-weight:600}.text-tool textarea{display:block;width:100%;min-width:0;min-height:190px;max-height:600px;resize:vertical;border:1px solid #99988e;border-radius:0;background:#fff;color:var(--ink);font:16px/1.6 ui-monospace,Consolas,monospace;padding:14px}.text-tool textarea:focus-visible{outline:3px solid #2156a5;outline-offset:2px}.text-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:12px 0}.text-tool .file-button{font-size:14px;background:transparent;color:var(--ink);border:1px solid var(--line);font-weight:400;padding:10px 16px}.text-tool #settings{display:flex;align-items:end;flex-wrap:wrap;gap:12px 24px;margin:18px 0}.text-field{display:grid;gap:6px;font-size:14px;min-width:0;max-width:100%;flex:1 1 210px}.text-field input:not([type=checkbox]),.text-field select{background:white;border:1px solid var(--line);padding:10px;min-height:44px;width:100%;min-width:0;font-size:16px;border-radius:0}.text-field.check{display:flex;align-items:center;flex:0 1 auto}.text-field.check input{order:-1;width:20px;height:20px;flex-shrink:0}.text-field.check{min-height:44px}.text-tool #status{min-height:24px;margin:12px 0;overflow-wrap:anywhere}.text-tool #status[data-error=true]{color:#a32d20}.text-tool #output{display:block;margin-top:16px;padding:20px 0;border-top:2px solid var(--ink)}.result-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.text-tool h2{font-size:22px;margin:0}.text-tool #download{background:var(--accent);border-color:var(--accent)}.text-tool #stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:16px 0}.text-tool #stats div{border-top:1px solid var(--line);padding:12px 0;overflow-wrap:anywhere}.text-tool #stats strong{display:block;font-size:28px}.text-tool #stats span{font-size:13px;color:var(--muted)}#diff-view{border:1px solid var(--line);font:14px/1.7 ui-monospace,Consolas,monospace;max-height:440px;overflow:auto;background:#fff}#diff-view div{white-space:pre-wrap;overflow-wrap:anywhere;padding:2px 12px;min-height:28px}#diff-view .added{background:#e3efe3;color:#244d29}#diff-view .removed{background:#fbe6e0;color:#7e2c1e}#diff-summary{font-size:14px}.text-notes{border-top:1px solid var(--line);padding:18px 0;margin-top:24px;font-size:14px}.text-notes summary{cursor:pointer;min-height:44px}.text-notes p{max-width:750px;color:var(--muted);margin:8px 0}.text-tool .related{margin-top:16px}.text-tool .related-section{margin-top:24px}.text-tool[data-busy] #process{opacity:.5}.text-tool #settings:empty{display:none}
@media(max-width:720px){.text-tool h1{font-size:30px}.text-tool .intro{font-size:15px}.text-inputs.dual{grid-template-columns:1fr;gap:12px}.text-tool textarea{min-height:160px}.text-inputs.dual textarea{min-height:130px}.text-steps{gap:8px 18px;font-size:13px}.text-tool #stats{grid-template-columns:repeat(2,minmax(0,1fr))}.result-heading{display:block}.result-heading .text-actions>*{flex:1}.text-tool #process{flex:1}.text-tool .text-field{flex-basis:100%}.text-tool .text-field.check{flex-basis:auto}.text-tool #settings{gap:8px 16px}.text-tool #output{padding:16px 0}.text-tool .text-actions{gap:8px}}

.input-example{font:13px/1.5 ui-monospace,monospace;color:var(--muted);overflow-wrap:anywhere;margin:6px 0}

.text-tool .scalar-input{width:100%;min-width:0;padding:12px;border:1px solid #99988e;background:#fff;min-height:48px;border-radius:0;font-size:18px}.text-tool .scalar-input:focus-visible{outline:3px solid #2156a5;outline-offset:2px}

#scalar-result{display:block;font-size:clamp(25px,4vw,38px);font-weight:600;line-height:1.5;overflow-wrap:anywhere;padding:18px 0}