body{color:#000;background:#fff;margin:1em;font-family:sans-serif;transition:background .3s}body.hide-free{background:#fcf}body.wtf{margin-bottom:10em}body h1{color:#000;transition:color .3s}body.uninverted{background:#000}body.uninverted.hide-free{background:#505}body.uninverted h1{color:#fff}body.uninverted nav a{color:#4cf}body.tool{grid-template-rows:auto minmax(0,1fr);height:100dvh;margin:0;display:grid;overflow:hidden}.site-header{background:inherit;z-index:1;align-items:center;gap:1em 3em;padding:1em;display:flex;box-shadow:0 .1em .35em #0004}.site-header h1{white-space:nowrap;margin:0}.site-header nav{flex:1;justify-content:flex-end;gap:.75em 2em;margin:0}.workspace{box-sizing:border-box;grid-template-columns:minmax(20em,34em) minmax(0,1fr);gap:1em;min-height:0;padding:0;display:grid}.settings-panel{scrollbar-gutter:stable;min-width:0;min-height:0;padding:1em .5em 1em 1em;overflow-y:auto}.preview-panel{justify-content:center;align-items:flex-start;min-width:0;min-height:0;padding:1em 1em 1em 0;display:flex;overflow:auto}.preview-content{width:min(100%,100dvh - 9em);max-width:50em}form{flex-direction:column;display:flex}form fieldset{background:#ddd;border:none;border-radius:.5em;flex-direction:column;margin:.25em 0;padding:3em 1em 1em;display:flex;position:relative;box-shadow:0 .1em .2em #0004}form fieldset legend{font-weight:700;position:absolute;top:1em;left:1em}form fieldset p{color:#555;margin:.25em 0 1em;font-size:.9em}form label{flex-wrap:wrap;justify-content:stretch;align-items:center;margin:.25em 0;display:flex}form label span{flex:0 15em}form label span:after{content:":"}form label input[type=number],form label input[type=file],form label #text,form label select{width:auto;font-size:inherit;background:#fff;border:.5px solid #bbb;border-radius:.5em;flex:1;padding:.5em;box-shadow:inset 0 .1em .2em #0004}form label input[type=file]{max-width:10em}body:not(.show-advanced) .advanced{display:none}#error{color:#400;background:#fcc;border-radius:.5em;margin:0 0 .5em;padding:2em;box-shadow:0 .1em .2em #0004}.warning{color:#440;background:#ffc;border-radius:.5em;margin:.5em 0;padding:2em;box-shadow:0 .1em .2em #0004}.warning p:last-child{margin-bottom:0}#output.hidden+.warning{display:none}#output{width:100%;max-width:100%;image-rendering:pixelated;margin:0;display:block}#output.loading{visibility:hidden}.hidden{display:none!important}nav{flex-wrap:wrap;justify-content:center;gap:1.5em 5em;margin:1em;display:flex}nav a{text-align:center;transition:color .3s}body>h2{max-width:30em;margin:1em auto}body>p{max-width:40em;margin:1em auto}img.qr{width:25em;max-width:100%;image-rendering:pixelated;margin:3em auto;display:block}@media (width<=47.999em){body.tool{height:auto;min-height:100dvh;display:block;overflow:visible}.site-header{flex-direction:column;align-items:stretch;gap:.75em;position:sticky;top:0}.site-header h1{white-space:normal;text-align:center}.site-header nav{justify-content:center}.workspace{flex-direction:column;padding:.75em;display:flex}.settings-panel,.preview-panel{padding:1em;overflow:visible}.preview-content{width:100%;max-width:none}}
/*# sourceMappingURL=dithered-qr-codes.55be1015.css.map */