*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#f6f4ef;color:#222}
header{background:#1f3a5f;color:#fff;padding:24px 16px;text-align:center}header h1{margin:0}
main{max-width:760px;margin:auto;padding:12px}section{background:#fff;border-radius:12px;padding:16px;margin:12px 0;box-shadow:0 1px 3px #0002}
.banner{background:#fff3cd;color:#664d03;padding:10px 16px;text-align:center;font-size:14px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.card{border:2px solid #ddd;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:4px;cursor:pointer}
.card:has(input:checked){border-color:#1f3a5f;background:#eef3f9}.card span{font-size:13px;color:#666}
.lbl{display:block;margin-top:12px}textarea{width:100%;min-height:60px;margin-top:4px}
.chk{display:block;margin:12px 0;font-size:14px}button{background:#1f3a5f;color:#fff;border:0;padding:12px 20px;border-radius:8px;font-size:16px;width:100%;margin-top:8px}
button:disabled{opacity:.4}canvas{max-width:100%;border-radius:8px}.err{color:#b00}.ex{font-size:13px;color:#a05a00}.ai{font-size:13px;color:#555}
.ok{background:#e7f6ec;padding:12px;border-radius:8px;margin-top:10px;font-size:14px}footer{text-align:center;font-size:12px;color:#666;padding:20px}
.costumi{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.costumi .card{padding:10px;font-size:14px}h3{font-size:16px;margin:16px 0 8px}
[hidden]{display:none!important}