.converter-heading{padding:52px 0 35px}.converter-heading h1{font-size:56px;margin:19px 0}.converter-heading p{max-width:620px}.privacy{font-size:12px;color:#52734c}.toolbar{display:flex;align-items:end;gap:18px;margin:12px 0 20px}.toolbar>div{flex:1}.toolbar label{display:block;font-size:12px;margin-bottom:9px;font-weight:700}textarea:focus-visible{outline:3px solid #bd672e;outline-offset:2px}.secondary{background:transparent;border:1px solid #b6c6b2;border-radius:7px;padding:14px 18px}.editors{display:grid;grid-template-columns:1fr 1fr;gap:20px}.editor{border:1px solid var(--line);border-radius:13px;background:#fcfbf7;overflow:hidden}.editor-top,.editor-bottom{padding:18px 22px;display:flex;justify-content:space-between;align-items:center;font-size:12px;gap:10px}.editor-top{border-bottom:1px solid var(--line);font-weight:700}.editor-top>span{font-size:9px;letter-spacing:1px;color:#627a5b}.editor button{border:0;background:none;padding:0;font-size:12px;text-decoration:underline}.editor-bottom{color:var(--muted);border-top:1px solid var(--line)}textarea{display:block;width:100%;height:300px;padding:24px;resize:vertical;border:0;background:transparent;color:var(--ink);font:24px/1.9 Arial,sans-serif;min-height:180px}.output{background:#e9eddf}textarea::placeholder{color:#8b9787;font-size:20px}.actions{display:flex;gap:12px;align-items:center;margin:20px 0 42px}.actions p{flex:1;font-size:12px}.actions .primary{margin:0}.actions button:disabled{opacity:.4;cursor:default}.guide{display:grid;grid-template-columns:1fr 1fr;gap:50px;border-top:1px solid var(--line);padding:25px 0}.guide h2{font-size:21px}.guide p,details p{font-size:14px}details{margin:0 0 45px;font-size:13px}details a{text-decoration:underline}summary{cursor:pointer}@media(max-width:700px){.converter-heading{padding-top:35px}.converter-heading h1{font-size:42px}.editors,.guide{grid-template-columns:1fr}.guide{gap:8px}.toolbar{gap:8px}.actions{flex-wrap:wrap}.actions p{flex-basis:100%;margin:0}.actions button{flex:1;font-size:12px;justify-content:space-between}textarea{height:240px}.editor-top,.editor-bottom{padding:15px}}

.toolbar{align-items:center;justify-content:space-between}.toolbar>p{font-size:13px;flex:1}.toolbar>div{flex:0 1 430px}@media(max-width:700px){.toolbar{align-items:stretch;flex-direction:column}.toolbar>div{flex:auto}.toolbar>p{margin:0 0 8px}}

.spell-option{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:0 0 20px;font-size:13px}.spell-option label{font-weight:700;cursor:pointer}.spell-option input{accent-color:var(--ink);margin-right:8px}.spell-option>span,.spell-note{color:var(--muted);font-size:12px}#spelling{padding:20px;background:#e9eddf;border-radius:12px;margin-bottom:20px}#spelling[hidden]{display:none}.spell-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.spell-heading p{margin:0 0 10px;font-size:13px}.spell-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--line)}.spell-row strong{font-size:20px;margin-right:10px}.spell-row button{padding:8px 12px;font-size:18px;background:#fcfbf7}.spell-row>span{font-size:12px}.spell-note a{text-decoration:underline}

.target-label{display:block;font-size:12px;font-weight:700;margin-bottom:9px}.script-buttons{display:flex;gap:6px}.script-buttons button{flex:1;min-height:48px;padding:12px 15px;border:1px solid #b6c6b2;border-radius:8px;background:#fcfbf7;font-size:14px;font-weight:600}.script-buttons button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:white}.script-buttons small{font-size:10px;display:block;margin:3px 0 0;letter-spacing:1px}@media(max-width:700px){.script-buttons button{padding:12px 8px}}

.uly-options{margin:0 0 20px;border:1px solid var(--line);border-radius:10px;padding:17px 20px}.uly-options[hidden]{display:none}.uly-options summary{font-weight:700;font-size:13px}.uly-rules{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.uly-rules label{font-size:13px;cursor:pointer}.uly-rules input{accent-color:var(--ink);margin-right:7px}.uly-rules small{display:block;font-size:12px;margin:7px 0 0 24px;color:var(--muted);line-height:1.7}.uly-options p{font-size:12px;margin:18px 0 0}@media(max-width:700px){.uly-rules{grid-template-columns:1fr}}

.input-wrap{position:relative}.input-wrap textarea{position:relative;z-index:1;background:transparent}.input-highlights{position:absolute;inset:0;overflow:hidden;pointer-events:none;padding:24px;color:transparent;font:24px/1.9 Arial,sans-serif;white-space:pre-wrap;overflow-wrap:break-word;border:0}.input-highlights mark{color:transparent;background:#c8323212;text-decoration:underline wavy #c83232;text-decoration-thickness:1.5px;text-underline-offset:5px}

.spelling-score{font-size:12px;color:var(--muted);margin:14px 0 0}.spelling-score[hidden]{display:none}
.word-suggestions{position:absolute;z-index:5;max-width:calc(100% - 16px);width:330px;display:flex;flex-wrap:wrap;gap:9px;padding:18px 35px 18px 18px;background:#fcfbf7;border:1px solid #b6c6b2;border-radius:12px;box-shadow:0 8px 28px #193b3630}.word-suggestions[hidden]{display:none}.word-suggestions strong{width:100%;font-size:20px}.word-suggestions .secondary{padding:8px 12px;font-size:18px}.popup-close{position:absolute;right:8px;top:5px;background:none;border:0;font-size:24px}.ocr-panel{padding:18px 20px;border:1px solid var(--line);border-radius:10px;margin:0 0 24px}.ocr-panel summary{font-size:13px;font-weight:700}.ocr-panel p{font-size:12px}.ocr-controls{display:flex;align-items:end;gap:14px;flex-wrap:wrap}.ocr-controls label{font-size:12px;display:flex;flex-direction:column;gap:8px}.ocr-controls select{padding:12px;background:#fcfbf7;border:1px solid #b6c6b2;border-radius:7px;font:inherit;color:var(--ink)}.ocr-controls input{max-width:240px}.ocr-panel button:disabled{opacity:.4}.ocr-credit a{text-decoration:underline}#ocr-review label{font-size:13px}#ocr-review textarea{border:1px solid var(--line);border-radius:8px;margin-top:10px;background:#fcfbf7;height:180px;font-size:20px}#ocr-review[hidden],#ocr-cancel[hidden]{display:none}

.ocr-paste{border:1px dashed #8fa388;border-radius:10px;background:#fcfbf7;padding:22px;text-align:center;margin:16px 0;cursor:text;min-height:75px;font-size:13px;caret-color:transparent}.ocr-paste:focus-visible{outline:3px solid #bd672e;outline-offset:3px}.ocr-paste span{display:block;color:var(--muted)}#ocr-preview{display:block;max-width:100%;max-height:180px;object-fit:contain;margin:15px auto 0}#ocr-preview[hidden]{display:none}
