*{box-sizing:border-box}body{margin:0;background:#f3f6f4;color:#233e30;font:15px system-ui}header,section,p{margin:16px auto;max-width:1280px;padding:0 18px}header{display:flex;align-items:center;justify-content:space-between}h1{font-size:24px}.bar{display:flex;gap:8px}button,input,select{font:inherit;padding:10px;border:1px solid #c9d7ce;border-radius:7px;background:white}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}#url{flex:1;min-width:80px}#screen{position:relative;max-width:1280px;margin:auto;background:#18241d;min-height:300px}#frame{display:block;width:100%;user-select:none}#keyboard{position:absolute;opacity:0;width:1px;height:1px;left:0;top:0;padding:0}#token{width:320px}#status{font-weight:bold}#message{min-height:24px;color:#8a4f20}@media(max-width:700px){.bar{flex-wrap:wrap}}