:root{--qrsize: 640px;--bck: #d3d3d3;--txt: #757575;--hnt: #7a7a7a;--wrn: #ff7300;--yes: #3b89f6}@media(prefers-color-scheme: dark){:root{--bck: #383838;--txt: #bdbdbd;--hnt: #616161}}html,body{margin:0;padding:0;width:100%;height:100%}body{height:100%;background:var(--bck);color:var(--txt);font-family:sans-serif;overflow:hidden;touch-action:manipulation}*{box-sizing:border-box}a{color:inherit}label{width:0px;overflow:hidden}#wrp{width:100%;height:100%;padding:8px;gap:8px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}#qwrp{flex:1;display:flex;align-items:center;justify-content:center}#qrnd{padding:5vmin;width:min(var(--qrsize),80vmin);height:min(var(--qrsize),80vmin)}#qr{width:100%;height:100%;image-rendering:pixelated}#usr{display:flex;flex-direction:column;gap:8px}@media(orientation: landscape){#wrp{flex-direction:row;justify-content:space-evenly;gap:16px}#qwrp{flex:none}}#inf,#txt{width:100%;max-width:512px}#inf{display:flex;flex-direction:column;gap:.5rem}#ctr{width:100%;display:flex;justify-content:space-between;align-items:center}#ur{width:100%}#ur:valid{border-color:#1d8e33}#ur:placeholder-shown,#ur:invalid{border-color:#872516 !important}#ur,#pr,#hr,#tr,#ec,#er{padding:0;padding:6px;border-radius:0;border:none;outline:none;font-size:inherit;background:var(--bck);border:solid 1px var(--hnt);color:inherit}#pr,#hr,#tr,#ec,#er{cursor:pointer}#hr.fix{color:var(--yes)}#prw{height:100%}#col{display:flex;gap:8px}#col div,#prw{display:flex}#back,#cell{width:1.5rem;height:1.5rem;appearance:none;border:none;outline:none;border-radius:0;padding:0;&::-webkit-color-swatch-wrapper{padding:0}&::-webkit-color-swatch{border:none}}#ecw label{width:auto}