.kris-wrap{max-width:820px;margin:20px auto;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;color:#1C1C1C}
.kris-section{background:#fff;border:1px solid #eee;padding:16px;border-radius:8px;margin-bottom:12px}
.kris-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kris-grid label{display:block;font-weight:600}
.kris-grid input{width:100%;padding:8px;border-radius:6px;border:1px solid #ddd;margin-top:6px}
.kris-actions{margin-top:10px;display:flex;gap:8px}
.kris-btn{background:#D4AF37;color:#fff;padding:8px 12px;border-radius:8px;border:none;cursor:pointer;font-weight:700}
.kris-btn.secondary{background:#1F3A93}
.kris-output{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.kris-summary{min-width:200px}
.kris-summary div{margin-bottom:8px}
.kris-gap.ok{color:#0a7f37;font-weight:700}
.kris-gap.warn{color:#b45309;font-weight:700}
canvas{max-width:100%}
@media(max-width:700px){.kris-grid{grid-template-columns:1fr}}