@font-face{font-family:Brutalita;src:url(https://brutalita.com/font/Brutalita-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Brutalita;src:url(https://brutalita.com/font/Brutalita-SemiBold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}body{touch-action:pan-y;letter-spacing:-.01em;margin:0;padding:.25rem 0 3rem}.skip-link{color:#fff;z-index:100;background:#000;border:none;padding:8px 16px;font-size:1rem;position:absolute;top:-100%;left:16px}.skip-link:focus{top:8px}.subtitle{color:#555;margin:0 0 0 8px;font-size:.65rem;display:none}a:focus{outline-offset:2px;outline:2px solid #3498db}body,html,button{font-family:Brutalita,Courier,monospace,sans-serif;font-size:22.4px;font-style:normal;font-weight:400}h1{margin:0 0 0 16px;padding:0;font-size:1.5rem;font-weight:400;line-height:50px}.flex{flex-wrap:wrap;align-items:center;display:flex}a{color:#34495e;border-bottom:2px solid #34495e;text-decoration:none}a:hover{color:#000;background:#0001}button{text-transform:uppercase;appearance:none;white-space:nowrap;color:#000;font-size:var(--font-size-small);font-weight:var(--font-weight-small);background:#ecf0f1;border:3px solid #000;margin:8px 16px;padding:8px 16px;display:block}button:hover{cursor:pointer;color:#fff;background:#000}input[type=file]{display:none}html{box-sizing:border-box}body{background:#ecf0f1}body.-dragging:after{text-align:center;content:"Drop your image to make a new drawing";pointer-events:none;background:#fffe;border:4px dashed #000;justify-content:center;align-items:center;display:flex;position:fixed;inset:16px}*,:before,:after{box-sizing:inherit}:root{--sizeh:calc(1080px / 2);--sizew:calc(1080px / 2);--font-size:1rem;--font-weight:400;--font-size-small:1rem;--font-weight-small:600}.inline{display:flex;position:relative}.padding{padding:16px;position:relative}.label{color:#fff;letter-spacing:.5px;background:#0008;height:24px;padding:2px 6px;font-size:14px;line-height:18px;display:block;position:absolute;top:16px;left:16px}canvas{vertical-align:middle;display:inline-block}canvas,.svg-container,#srcImg{width:var(--sizew);height:var(--sizeh);background:#fff}#src,#srcImg{vertical-align:middle;background-position:50%;background-size:cover;display:none}#srcImg{max-width:calc(100vw - 32px);height:auto;max-height:calc(100vw - 32px)}canvas,#src{max-width:calc(100vw - 32px);height:auto}#src,#srcImg{background-color:#0000;background-position:top;background-repeat:no-repeat;background-size:contain;display:inline-block}canvas#src{width:0;height:0;display:none}.input-container{flex-wrap:wrap;display:flex}.input{align-items:center;margin:8px 16px;display:flex}input[type=range]{appearance:none;background-color:#95a5a6;border-radius:0;flex:1;width:180px;height:16px;margin-left:8px}input[type=range]::-webkit-slider-thumb{appearance:none;box-shadow:none;background-color:#000;border:none;border-radius:0;width:16px;height:32px}input[type=range]::-moz-range-thumb{appearance:none;box-shadow:none;background-color:#000;border:none;border-radius:0;width:16px;height:32px}input[type=range]::-webkit-slider-runnable-track{appearance:none}input[type=range]:focus-visible{outline-offset:2px;outline:2px solid #3498db}select{appearance:none;color:#000;width:180px;height:32px;font:inherit;font-size:var(--font-size-small);background-color:#95a5a6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M0 0h10L5 6z' fill='%23000'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:10px 6px;border:none;border-radius:0;flex:1;margin-left:8px;padding:0 26px 0 8px}select:hover{cursor:pointer}select:focus-visible{outline-offset:2px;outline:2px solid #3498db}input[type=range].toggle{width:48px}input[type=range].toggle::-webkit-slider-thumb{width:32px}input[type=range].toggle::-moz-range-thumb{width:32px}.instructions{color:#555;padding:16px;line-height:1.4}.instructions ol{margin:0;padding-bottom:16px;padding-left:0;list-style-position:inside}.instructions ol li{margin-bottom:4px}.instructions strong{color:#34495e}@media screen and (max-width:1144px){html,body{font-size:20px}.srcimage-container{position:absolute;bottom:0;right:0}.srcimage-container #srcImg{width:max(100vw - 604px,92px)}}.advanced-options--container{border:1px solid #000;margin:16px;padding:10px 8px;display:none}.vignette-options--container{display:none}.folder.-open{--folder-tint:#dfe4e6}.folder.-open>.folder--tab{z-index:1;background:var(--folder-tint);width:fit-content;margin-bottom:-1px;position:relative;box-shadow:inset 1px 1px #000,inset -1px 0 #000}.folder.-open>.folder--sheet{background:var(--folder-tint);box-shadow:inset 1px 1px #000,inset -1px -1px #000}.srcimage-container{cursor:pointer}ul,ol,li,p{margin:0;padding:0}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.doc-header h1{padding:8px 0;line-height:1.2}.doc-header .doc-back{margin:0 0 0 16px;font-size:.7rem}.doc{overflow-wrap:anywhere;max-width:42rem;padding:0 16px 32px;font-size:.8rem;line-height:1.5}.doc h2{margin:32px 0 8px;font-size:1rem;font-weight:400}.doc h3{color:#34495e;margin:24px 0 4px;font-size:.85rem;font-weight:400}.doc p,.doc ul,.doc ol{margin:0 0 12px}.doc ul,.doc ol{padding-left:1.4em;list-style-position:outside}.doc li{margin-bottom:4px}.doc strong{color:#34495e}.doc .meta{color:#555;font-size:.7rem}.input-container.-disabled{opacity:.4;cursor:not-allowed}.input-container.-disabled input[type=range]{pointer-events:none}.export-note{color:#555;margin:8px 16px 8px 0;line-height:1.4}