:root{font-family:Inter,system-ui,sans-serif;color:#16304a;background:#f3f6fa;color-scheme:light}*{box-sizing:border-box}body{margin:0}header.top{padding:18px max(20px,calc((100vw - 1120px)/2));display:flex;gap:18px;align-items:center;justify-content:space-between;background:white;border-bottom:1px solid #dce5ef}a{color:#0765b5;text-decoration:none}header nav{display:flex;gap:18px}main{max-width:1120px;margin:32px auto;padding:0 20px}.eyebrow{font-size:12px;font-weight:750;color:#007f80;letter-spacing:.14em}h1{font-size:clamp(28px,5vw,42px);letter-spacing:-.035em;margin:8px 0}p{line-height:1.6}.intro{color:#617387;max-width:760px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px}.card{border:1px solid #dce5ef;border-radius:18px;padding:24px;background:#fff;min-width:0}.card h2{font-size:17px;margin:0 0 16px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}button{cursor:pointer;min-height:44px;padding:11px 17px;border:1px solid #cbd9e7;border-radius:10px;background:#fff;color:#16304a;font:650 14px system-ui}button.primary{background:#056bca;border-color:#056bca;color:white}button:disabled{opacity:.45;cursor:not-allowed}textarea{display:block;width:100%;border:1px solid #cbd9e7;border-radius:10px;padding:12px;min-height:90px;font:14px system-ui;resize:vertical;margin:9px 0 16px}label{display:block;font-size:13px;font-weight:650;margin-top:16px}.preview{display:block;width:100%;max-height:430px;object-fit:contain;background:#eef3f6;border-radius:12px;margin:16px 0}.muted{font-size:13px;color:#63788a;line-height:1.55}.status{background:#eaf2fc;border-radius:12px;padding:15px;margin-bottom:18px;line-height:1.5;white-space:pre-wrap}.status[data-tone=error]{background:#fce8e8;color:#9b2424}.status[data-tone=warn]{background:#fff3d6;color:#725000}.status[data-tone=pass]{background:#e5f5ee;color:#166442}.detail{white-space:pre-wrap;line-height:1.6;font-size:14px;overflow-wrap:anywhere}.separator{border-top:1px solid #e3eaf1;margin:20px 0}.hide,[hidden]{display:none!important}#defectName{font-size:24px;font-weight:750;margin-bottom:10px}.footer{margin:22px 0;color:#63788a;font-size:12px}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #20b8a8;outline-offset:3px}@media(max-width:720px){.grid{grid-template-columns:1fr}.card{padding:18px}main{margin-top:22px}header.top{padding:15px 18px}header nav{gap:10px;font-size:13px}}@media print{header,.controls,textarea,label,.intro{display:none!important}body{background:white}main{margin:0;max-width:none}.grid{display:block}.card{border:0;padding:12px 0;break-inside:avoid}.preview{max-height:250px}.footer{display:block}}