*{box-sizing:border-box}body{margin:0;background:#f6f8fc;color:#192943;font:16px/1.6 system-ui,sans-serif}header,main,footer{max-width:1160px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dce3ef}a{color:#245ad0}button,select,input,textarea{font:inherit}.brand{font-size:25px;font-weight:800;text-decoration:none;color:#192943}.brand span{color:#386be8}nav{font-size:14px;margin-bottom:42px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:750;color:#386be8}h1{font-size:clamp(32px,5vw,54px);line-height:1.12;letter-spacing:-2px;margin:12px 0}h2{line-height:1.25}.lead{font-size:19px;color:#596780;max-width:720px}aside{background:#eaf0ff;border-left:4px solid #4874df;padding:17px 22px;border-radius:8px;margin:26px 0}.editors{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{background:white;border:1px solid #dce3ef;border-radius:16px;padding:24px}.panel label{font-size:19px;font-weight:700}.panel p{color:#596780;margin:7px 0 18px}input[type=file]{width:100%;font-size:13px;margin-bottom:18px}textarea{width:100%;min-height:285px;resize:vertical;border:1px solid #cad4e4;border-radius:9px;padding:16px;background:#fbfcff;color:#192943}button{border:0;border-radius:8px;background:#285cda;color:white;padding:12px 18px;font-weight:650;cursor:pointer}.secondary{background:#e7edf8;color:#294774}button:disabled{opacity:.5;cursor:not-allowed}select{padding:11px;border:1px solid #cad4e4;border-radius:8px;background:white}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:22px}.actions label{font-size:14px}#status{font-size:14px;color:#596780;min-height:24px}#results{margin-top:25px}#score{font-size:36px;margin:8px 0}#highlight{white-space:pre-wrap;overflow-wrap:anywhere;max-height:460px;overflow:auto;padding:18px;background:#f6f8fc;border-radius:9px;margin:20px 0}mark{background:#ffdf85;color:#493a15}.explain{max-width:840px;margin:55px 0}.explain h2{margin-top:30px;font-size:23px}footer{border-top:1px solid #dce3ef;color:#596780;font-size:14px}:focus-visible{outline:3px solid #87aafa;outline-offset:3px}[hidden]{display:none!important}@media(max-width:700px){.editors{grid-template-columns:1fr}main,header,footer{padding:18px}.panel{padding:18px}textarea{min-height:220px}nav{margin-bottom:30px}}
