:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--fg:#0a0a0e;--bg:#ffeae2}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--fg:#ffeae2;--bg:#0a0a0e}}:root{color:var(--fg);scrollbar-gutter:stable}*{box-sizing:border-box}body{box-sizing:border-box;background-color:var(--bg);margin:0;max-width:max(80%,40rem);margin-inline:auto;padding:1rem;font-family:sans-serif}section#sectionInput{grid-template-columns:auto 1fr;justify-content:center;align-items:center;gap:.5rem .75rem;display:grid}section#sectionInput>div{justify-content:center;align-items:center;display:flex}section#sectionInput>div>input[type=color]{width:100%}section#sectionInput input[type=checkbox]{justify-self:flex-start}section#sectionOutput>div{flex-wrap:wrap;justify-content:center;align-items:center;display:flex}section#sectionOutput>div>:first-child{margin-inline-end:auto}section#sectionOutput>div #autoupdate:checked+#update{display:none}section#sectionOutput #previewHtml,section#sectionOutput #previewRaw{background-color:var(--bg);border:none;width:100%;min-height:25vh;margin-top:.5rem}section#sectionOutput #previewRaw{tab-size:1em}button,input[type=color],input[type=submit],input[type=file],input[type=checkbox],label{cursor:pointer}button:disabled,input[type=color]:disabled,input[type=submit]:disabled,input[type=file]:disabled,input[type=checkbox]:disabled,label:disabled{cursor:not-allowed}p,span,li{font-weight:300;line-height:1.5}a{color:inherit;transition:opacity .1s ease-out}a:hover,a:focus{opacity:.8}div#preloader{background-color:inherit;z-index:100;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}main>header,main>section,main>footer{clear:both;margin-bottom:1em}main{padding-bottom:2em}footer{background-color:inherit;margin-inline:auto;justify-content:center;align-items:center;margin-bottom:0;padding-top:.5rem;padding-bottom:1em;font-size:.9em;display:flex;position:fixed;bottom:0;left:0;right:0}footer>:not(:first-child):before{content:"•";margin-inline:.5rem}