body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{overflow-y:scroll}input,select,button{box-sizing:border-box;padding:.2em .5em;max-width:100%}fieldset{display:contents;border:none;margin:0;padding:0}.App{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:stretch}.App>header,.App>article,.App>footer{color:#fff;text-align:center;margin:0 1em}.App>header a,.App>article a,.App>footer a{color:#fff}.App>main{flex:1;margin:1em}.App>article{align-self:center;max-width:720px;transition:.5s}@media screen and (min-width:700px){.App>article{opacity:.7}.App>article:hover{opacity:1}}.App>article h2>span{text-decoration:underline}.App>footer p{margin:2em 0}.Main{display:flex;gap:1em;justify-content:center;align-items:flex-end;flex-wrap:wrap-reverse}.Main>div{background-color:#fff;border-radius:5px}.Main>div:nth-child(1){position:sticky;top:2em;flex:0 1 504px;min-width:0;padding:1em}.Main>div:nth-child(2){flex:1 1 350px;min-width:0;max-width:450px;padding:.2em 1em}.Canvas>div:first-child{min-height:150px;max-width:500px;max-height:707px;border:2px solid #aaa;overflow:auto;margin-bottom:1em}.Canvas input[type=number]{max-width:65px}.Canvas canvas{display:block;cursor:pointer}.Canvas canvas.scaled{max-height:inherit;max-width:100%}.DeviceSelector select{width:100%}.DeviceSelector small{color:#191970}.OptionsSelector h3{margin:.7em 0}.OptionsSelector p{margin:.5em 0}.OptionsSelector label>*{vertical-align:middle}.OptionsSelector input[type=checkbox]{margin:0}.OptionsSelector-Basic{table-layout:fixed;width:100%}.OptionsSelector-Basic label input[type=text],.OptionsSelector-Basic label input[type=number],.OptionsSelector-Basic label select,.OptionsSelector-Basic label button{width:100%}.OptionsSelector-All .react-tabs ul{display:flex;flex-wrap:wrap;gap:3px 0;margin:0;padding:0;text-align:center;font-size:.9em}.OptionsSelector-All .react-tabs ul:after{content:"";flex:9 0 auto}.OptionsSelector-All .react-tabs ul li{display:initial;flex:1 0 auto;cursor:pointer;padding:.4em .5em}.OptionsSelector-All .react-tabs ul li[aria-selected=true]{border:1px solid #333;border-bottom:none;border-top-left-radius:5px;border-top-right-radius:5px;text-decoration:underline}.OptionsSelector-All .react-tabs ul:after,.OptionsSelector-All .react-tabs ul li[aria-selected=false]{border:1px solid transparent;border-bottom:1px solid #333}.OptionsSelector-All label input[type=text],.OptionsSelector-All label input[type=number],.OptionsSelector-All label select,.OptionsSelector-All label button{min-width:70%;max-width:100%}.ImageList>div{margin-bottom:1em}.ImageList>div:first-child{margin-bottom:.2em}.ImageList-List{overflow-x:auto;padding-bottom:.8em;display:flex;gap:5px}.ImageList-List>div{text-align:center}.ImageList-List canvas{border:2px solid #aaa;display:block;cursor:pointer}