html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}
html{font-size:62.5%}body{margin:0;padding:0;font-family:IBM Plex Sans,system-ui,sans-serif;font-size:1.6em;line-height:1.5}*{box-sizing:border-box}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
:root{--bg:#f6f8fa;--header-bg:#fff;--input-bg:#fff;--border:#d1d9e0;--text:#1f2328;--text-muted:#59636e;--button-bg:#9b4dca;--button-hover:#8a3cb9;--button-text:#fff}@media (prefers-color-scheme:dark){:root{--bg:#0d1117;--header-bg:#151b23;--input-bg:#0d1117;--border:#3d444d;--text:#f0f6fc;--text-muted:#9198a1}.App-logo img{filter:drop-shadow(0 0 .1rem #ffffff80)}}html{color:var(--text);background-color:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}.App{grid-template-columns:44rem minmax(0,1fr);height:100vh;display:grid}.App-header{background-color:var(--header-bg);border-right:.1rem solid var(--border);flex-direction:column;padding:3.2rem;display:flex;overflow-y:auto}.App-content{padding:3.2rem;display:flex;overflow-y:auto}.App-centered{text-align:center;flex:1;justify-content:center;align-items:center;display:flex}.App-loading,.App-empty{color:var(--text-muted)}.App-loading img{border-radius:.8rem}.App-result{flex:1;max-width:676px;margin:0 auto}.App-result-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem 1.6rem;margin-bottom:1.6rem;display:flex}.App-result-header p{margin:0;font-weight:500}.App-result canvas{outline:.1rem solid var(--border);border-radius:.8rem;width:100%;height:auto;display:block}.App-logo{text-align:center}.App-logo img{width:16rem;height:auto;margin:0 auto 2rem;display:block}.App-powered{margin-top:1.6rem}.App-powered img{width:auto;height:2.8rem;display:block}h1,h4{margin:0;padding:0}h1{letter-spacing:-.02em;font-size:3.2rem;font-weight:600;line-height:1.15}h4{color:var(--text-muted);margin-top:.8rem;font-size:1.6rem;font-weight:400}.App-form{gap:.8rem;margin:2.4rem 0;display:flex}.App-form input,.App-form button{font-size:1.6rem}.App-form input{border:.1rem solid var(--border);min-width:0;min-height:4.8rem;color:var(--text);background-color:var(--input-bg);border-radius:.8rem;flex:1;padding:0 1.2rem;font-family:IBM Plex Mono,monospace}.App-form input::placeholder{color:var(--text-muted);opacity:1}.App-form input:focus{outline-offset:-.1rem}button{white-space:nowrap;background-color:var(--button-bg);min-height:4.8rem;color:var(--button-text);cursor:pointer;border:0;border-radius:.8rem;padding:0 1.6rem;font-weight:500;line-height:1.4;transition:background-color .1s}button:hover:enabled{background-color:var(--button-hover)}input:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--button-bg);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}.App-form button{flex:none}.App-buttons{flex-wrap:wrap;gap:.8rem;display:flex}.App-download-button{justify-content:center;align-items:center;gap:.6rem;min-height:4.4rem;padding:0 1.4rem;font-size:1.4rem;display:inline-flex}.App-themes{border:0;min-width:0;margin:0;padding:0}.App-themes legend{padding:0;font-size:1.4rem;font-weight:500}.App-themes-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));column-gap:1.6rem;display:grid}.App-themes label{text-align:left;cursor:pointer;align-items:center;gap:1rem;min-width:0;min-height:4.4rem;font-size:1.4rem;display:flex}.App-themes label input{appearance:none;border:.1rem solid var(--text-muted);background-color:var(--input-bg);border-radius:50%;flex:none;width:1.6rem;height:1.6rem;margin:0}.App-themes label input:checked{border:.5rem solid var(--button-bg);background-color:var(--button-text)}.Theme-preview{outline:.1rem solid var(--border);outline-offset:-.1rem;border-radius:.4rem;flex:none;grid-template-columns:repeat(2,1fr);gap:.2rem;width:2.6rem;height:2.6rem;padding:.3rem;display:grid}.Theme-preview span{border-radius:.1rem}.App-github-button{min-height:2.8rem;margin-top:1.6rem}footer{color:var(--text-muted);margin-top:auto;padding-top:2.4rem;font-size:1.2rem}footer p{margin:0 0 .4rem}footer a{color:inherit;text-underline-offset:.2em}footer a:hover{color:var(--text)}@media (max-width:500px){.App-header{padding:2.4rem 1.6rem}.App-form{flex-direction:column}.App-form input,.App-form button{flex:none;width:100%}}@media (max-width:970px){.App{height:auto;min-height:100vh;display:block}.App-header{border-right:0;border-bottom:.1rem solid var(--border);overflow-y:visible}.App-content{padding:0;overflow-y:visible}.App-centered,.App-result{padding:2.4rem 1.6rem}.App-empty{display:none}}