:root{font-family:Inter,ui-sans-serif,system-ui;color:#17231d;background:#edf1e9;line-height:1.5}*{box-sizing:border-box}body{margin:0}main{max-width:960px;margin:auto;padding:64px 24px}header{margin-bottom:36px}h1{font-family:Georgia,serif;font-size:clamp(44px,8vw,78px);line-height:.95;letter-spacing:-.04em;margin:15px 0}header p{font-size:20px;color:#536159}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:800;color:#c24d2c}.card{background:#fff;border:1px solid #ccd5cc;border-radius:18px;padding:28px;box-shadow:0 12px 30px #23352812}.tip{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:-8px 0 28px;padding:16px 18px;border:1px solid #aebcaf;border-radius:12px;background:#fff}.tip strong,.tip span{display:block}.tip span{margin-top:3px;color:#5b685f;font-size:13px}.tip a{flex:0 0 auto;color:#193d2d;font-weight:750}.drop label{display:flex;flex-direction:column;align-items:center;padding:35px;border:2px dashed #9baa9e;border-radius:12px;cursor:pointer}.drop label strong{font-size:22px}.drop label span{color:#68756d}input[type=file]{position:absolute;opacity:0}.or{text-align:center;margin:18px;color:#7b877f;font-size:12px;font-weight:700}textarea{width:100%;min-height:160px;border:1px solid #b9c5bb;border-radius:9px;padding:14px;font:14px ui-monospace,monospace;resize:vertical}button,.pro a{border:0;border-radius:8px;background:#193d2d;color:white;padding:12px 18px;font-weight:750;cursor:pointer;text-decoration:none;display:inline-block}.drop button{width:100%;margin-top:12px}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;border-bottom:1px solid #dde3dd;padding-bottom:22px}.summary div{display:flex;flex-direction:column}.summary small{color:#79847d}.summary strong{font-size:18px}#results{margin-top:24px}#issues{list-style:none;padding:0}#issues li{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid #edf0ed}#issues b{min-width:150px;text-transform:capitalize}#issues span{color:#56635b}.actions{display:flex;gap:10px;margin-top:22px}.secondary{background:#e3e9e4;color:#193d2d}.pro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:28px;padding:28px;border:1px solid #aebcaf;border-radius:18px}.pro h2{margin:5px 0}.pro p{margin:0;color:#5b685f}@media(max-width:650px){main{padding:36px 16px}.summary{grid-template-columns:1fr 1fr}.tip,.pro{align-items:flex-start;flex-direction:column}.actions{flex-direction:column}}