:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#173b37;background:#f4f6f3;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,label{touch-action:manipulation}header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid #dce4de;background:#fff}.brand{display:flex;gap:12px;align-items:center;font-weight:700;font-size:24px}.brandmark{border:2px solid #2c685c;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:23px}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:3px}.local{font-size:12px;color:#6a7f75}main{max-width:1400px;margin:auto;padding:54px 6% 25px}.eyebrow{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:#5c7e6c;font-weight:650}h1{font-size:clamp(30px,3.3vw,46px);font-weight:550;line-height:1.13;letter-spacing:-1.8px;margin:16px 0}p{line-height:1.6}.intro>p{max-width:590px;color:#67776f;font-size:15px;margin-bottom:32px}.workspace{max-width:700px}.workspace.with-preview{max-width:none;display:grid;grid-template-columns:minmax(360px,1fr) minmax(340px,1fr);gap:24px}.review-panel,.preview{background:#fff;border:1px solid #dce4de;border-radius:12px;padding:27px}.panel-title{display:flex;gap:14px;align-items:center}.step{font-size:13px;color:#6e8c79;background:#eff4ee;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;flex-shrink:0}h2{font-size:18px;margin:0;font-weight:600}.panel-title p{margin:5px 0;color:#738078;font-size:12px}.dropzone{display:flex;flex-direction:column;align-items:center;text-align:center;border:1.5px dashed #b5c9bb;border-radius:8px;background:#fafcf9;padding:27px 15px;cursor:pointer;margin-top:23px;gap:9px;overflow-wrap:anywhere}.dropzone:hover,.dropzone.drag{background:#eef6ed;border-color:#30735d}.dropzone strong{font-size:15px;font-weight:600}.dropzone span:not(.file-icon){font-size:13px;color:#507461}.dropzone small{color:#8a968f;font-size:11px;margin-top:10px}.file-icon{font-size:28px;color:#59896e}.actions{display:flex;gap:14px;margin-top:20px}.primary{background:#164e42;color:#fff;border:0;border-radius:6px;padding:13px 18px;font-size:13px;font-weight:600;flex:1;cursor:pointer}.primary span{float:right}.primary:disabled{opacity:.48;cursor:default}.secondary{border:1px solid #cdd8d0;background:#fff;border-radius:6px;padding:10px 14px;color:#496457;cursor:pointer;font-size:12px}.privacy{font-size:11px;color:#7d8b81;margin:23px 0 0;border-top:1px solid #e8ede8;padding-top:18px}.preview{display:flex;flex-direction:column;position:sticky;top:20px;height:760px}.preview>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.preview span{font-size:11px;color:#7b8a80}.preview iframe{width:100%;height:100%;border:0;background:#edf0eb}.preview a{font-size:11px;color:#407357;margin-top:12px}.results{border-top:1px solid #e3e9e3;margin-top:26px;padding-top:25px}.result-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:16px}.status,.badge{font-size:10px;letter-spacing:.6px;padding:6px 8px;border-radius:4px;font-weight:700}.status.pass{color:#23603e;background:#e2f0e6}.status.issues_found{color:#a53c36;background:#f9e8e5}.status.needs_review,.status.unsupported{color:#8b611c;background:#fbf0d9}.badge{background:#eff3ef;color:#5b7162}.results>p{font-size:13px;color:#65756a}.results .meta{font-size:11px;color:#89958b}.issue{border:1px solid #e3e8df;border-left:3px solid #d4b069;padding:15px;border-radius:6px;margin-top:12px}.issue.error{border-left-color:#c98579}.issue-meta{display:flex;justify-content:space-between;font-size:10px;color:#9b7c49;margin-bottom:10px}.issue-meta button{padding:0;background:none;border:0;color:#456d57;font-size:11px;text-decoration:underline;cursor:pointer}h3{font-size:14px;margin:5px 0;line-height:1.4}.issue small{font-size:11px;color:#8b968d}.issue p{font-size:12px;margin:9px 0}.observed{background:#f5f7f3;padding:7px 9px;overflow-wrap:anywhere}.observed span{color:#7c8c7f;margin-right:8px;font-size:10px}.rule{letter-spacing:.2px}.error[role=alert]{color:#9b3433;background:#fcf0ed;padding:12px;font-size:13px;border-radius:4px}.notice{font-size:11px;color:#8c6a38}.progress{margin-top:24px;font-size:12px}.progress progress{width:100%;height:4px;margin:0 0 13px;accent-color:#357453}.progress strong{display:block}.progress p{color:#7b897e;font-size:11px}.disabled{pointer-events:none;opacity:.6}footer{font-size:11px;color:#8d9b90;margin-top:32px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}label:has(+:focus-visible),button:focus-visible,a:focus-visible{outline:3px solid #91b894;outline-offset:4px}input:focus-visible+label{outline:3px solid #91b894;outline-offset:4px}@media(max-width:850px){header{padding:0 5%;height:74px}.local{display:none}main{padding:34px 5%}.workspace.with-preview{display:flex;flex-direction:column}.preview{position:static;height:580px}.review-panel,.preview{padding:21px}.intro h1{letter-spacing:-1px}}