*{box-sizing:border-box}
html,body{margin:0;height:100%;background:#0f172a;color:#e2e8f0;font:14px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
body{display:flex;flex-direction:column}
.balk{display:flex;align-items:center;gap:14px;padding:8px 14px;background:#1e3a8a;flex-wrap:wrap}
.merk{font-size:15px}
.titel{opacity:.85;font-family:ui-monospace,Menlo,monospace}
.status{margin-left:auto;font-size:13px;opacity:.9}
.status.fout{color:#fecaca}
.status.ok{color:#bbf7d0}
.knoppen{display:flex;gap:8px}
button{background:#fff;color:#1e3a8a;border:0;border-radius:8px;padding:6px 12px;font:inherit;font-weight:600;cursor:pointer}
button:disabled{opacity:.5;cursor:default}
button:focus-visible{outline:3px solid #ffd166;outline-offset:2px}
main{flex:1;min-height:0;overflow:hidden}
.uitleg{margin:0;padding:24px;text-align:center;font-size:15px}