:root{font:17px/1.5 system-ui,sans-serif;color:#18212b;background:#f5f6f8;color-scheme:light}
*{box-sizing:border-box}body{margin:0}main{max-width:760px;margin:32px auto;padding:0 20px 40px}
h1{font-size:1.7rem;line-height:1.2}h2{font-size:1.2rem}header p,.note{color:#596574}
form,section{background:white;padding:24px;border-radius:16px;margin:16px 0;border:1px solid #dbe0e7}
section form{padding:0;border:0}label{display:block;font-weight:600;margin:16px 0}
input,select{display:block;width:100%;font:inherit;padding:12px;border:1px solid #778493;border-radius:8px;margin-top:6px}
button{font:inherit;font-weight:650;padding:12px 18px;border:0;border-radius:9px;background:#1855b8;color:white;cursor:pointer;min-height:48px}
button:disabled{background:#dfe4eb;color:#687482;cursor:default}.secondary{background:#e5ecf7;color:#173c72}.stop{background:#b22626}
.row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
#message:empty{display:none}#message{padding:12px;background:#fff3d9;border-radius:8px}
#screen{display:block;width:min(100%,360px);height:auto;margin:20px auto;border:1px solid #c5ccd5;border-radius:8px;cursor:crosshair}
[hidden]{display:none!important}:focus-visible{outline:3px solid #d77e00;outline-offset:3px}