:root{--navy:#17324d;--blue:#2d5e7e;--pale:#eaf2f7;--ink:#1e2933;--green:#ddefe3;--amber:#fce9c6;--red:#f5d6d6;--grey:#e8ecef;--white:#fff}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#f5f7f9}header{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:28px clamp(20px,5vw,72px);background:var(--navy);color:#fff}h1{margin:3px 0;font-size:clamp(30px,5vw,50px)}h1 span{font-size:.45em;font-weight:500;opacity:.8}.eyebrow{letter-spacing:.13em;font-size:11px;margin:0;color:#c9d9e4}.subtitle{margin:0;color:#dce7ee}.status{padding:9px 13px;border-radius:999px;font-weight:700;white-space:nowrap}.status.loading{background:#fce9c6;color:#624500}.status.ready{background:#ddefe3;color:#174728}.status.error{background:#f5d6d6;color:#7b1f1f}main{max-width:1180px;margin:auto;padding:28px 20px 60px}.privacy-card,.input-panel,.canvas-card,.results-card,.marker-section{background:#fff;border-radius:14px;box-shadow:0 8px 25px rgba(23,50,77,.08);padding:22px;margin-bottom:22px}.privacy-card{border-left:6px solid var(--blue);background:var(--pale)}.privacy-card p{margin-bottom:0}.input-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.input-button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:105px;background:var(--navy);color:#fff;border-radius:12px;cursor:pointer;text-align:center;padding:16px;transition:.18s}.input-button:hover{transform:translateY(-2px);background:var(--blue)}.input-button span{font-weight:800;font-size:18px}.input-button small{opacity:.8;margin-top:5px}.input-button input{display:none}.confirm-row{display:flex;gap:10px;align-items:flex-start;margin-top:18px;padding:14px;background:#f7f9fb;border-radius:9px}.message{min-height:20px;font-weight:700}.message.error{color:#a52626}.workspace{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:22px}.workspace>div{margin:0}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.badge{background:var(--pale);color:var(--navy);padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800}canvas{width:100%;max-height:720px;object-fit:contain;background:#091119;border-radius:10px}.canvas-note{font-size:12px;color:#66727d}.suitability{border-radius:10px;padding:15px;font-weight:800;font-size:18px}.suitability.pass{background:var(--green);color:#174728}.suitability.reject{background:var(--red);color:#7b1f1f}.suitability.review{background:var(--amber);color:#624500}.checks{padding-left:20px;line-height:1.55}.checks .ok{color:#215d35}.checks .fail{color:#9b2929}.score-summary{background:var(--pale);padding:13px;border-radius:9px;margin-bottom:14px}.score-bars>div{display:grid;grid-template-columns:135px 1fr 48px;gap:10px;align-items:center;margin:11px 0}.score-bars progress{width:100%;height:18px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{background:var(--navy);color:#fff;text-align:left;padding:11px}td{border-bottom:1px solid #d9e0e5;padding:10px}.class-F{background:var(--green)}.class-M{background:var(--amber)}.class-O{background:var(--grey)}.class-U{background:var(--red)}.warning{background:var(--amber);padding:14px;border-radius:9px}.clear-button{background:#334a5d;color:#fff;border:0;border-radius:8px;padding:12px 18px;font-weight:800;cursor:pointer}.hidden{display:none!important}footer{text-align:center;padding:25px;background:#e9eef2;color:#52606b;font-size:12px}@media(max-width:800px){header{align-items:flex-start;flex-direction:column}.input-grid,.workspace{grid-template-columns:1fr}.score-bars>div{grid-template-columns:110px 1fr 44px}}