@import url("https://fonts.googleapis.com/css?family=Roboto");@import url("https://fonts.googleapis.com/css?family=Roboto+Mono");@font-face{font-family:'Seven Segment';src:url("Seven-Segment.ttf") format("truetype")}.icon::before{display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.icon-solid::before,.icon-regular::before,.icon-light::before{font-family:"Font Awesome 5 Pro"}.icon-brand::before{font-family:"Font Awesome 5 Brands"}.icon-solid::before{font-weight:900}.icon-regular::before{font-weight:400}.icon-light::before{font-weight:300}.icon-brand::before{font-weight:400}.icon-discord::before{content:"\f392"}.icon-github::before{content:"\f09b"}.icon-cloud::before{content:"\f382"}.icon-circle::before{content:'\f111'}*{margin:0;padding:0;box-sizing:border-box;outline:none}a{text-decoration:none}::selection{background-color:rgba(0,0,0,0.25)}html,body{height:100vh;font-family:Roboto,sans-serif;font-size:8pt}html{background-color:#171a1c}body{display:grid;justify-content:center;align-content:center}@media screen and (max-height: 762px){body{align-content:start}}.wrapper{display:grid;grid-template-rows:24px auto 12px;grid-gap:10px;width:100vw;height:100vh;max-width:880px;min-height:762px;max-height:762px;padding:10px}.header{font-size:2em;line-height:24px;text-align:center;text-shadow:0 1px 1px #000;color:#4080bf}.frame{display:grid;grid-template-columns:190px auto;grid-gap:8px;width:100%;height:100%;padding:8px;border-radius:8px;background-color:#212931;box-shadow:0 4px 8px rgba(0,0,0,0.3),inset 0 1px 1px rgba(255,255,255,0.1)}.frame.v2{position:relative;overflow:hidden}.frame.v2::before{content:'v2.0';position:absolute;right:-45px;top:-8px;padding:2px 0;width:90px;height:16px;line-height:16px;background-image:linear-gradient(0.25turn, #d00, #600);box-shadow:0 2px 4px rgba(0,0,0,0.75);font-size:1.2rem;font-weight:600;text-align:center;text-shadow:-1px 0 #000;color:#fff;transform:rotate(45deg) translate(0px, 32px)}.frame .sidebar{display:grid;grid-template-rows:128px 128px 10px 64px auto;grid-gap:8px}.frame .sidebar .dropzone{display:grid;justify-content:center;align-content:center;border-radius:4px;background-color:#1b242c;box-shadow:0 1px 2px rgba(255,255,255,0.1),inset 0 2px 4px rgba(0,0,0,0.5)}.frame .sidebar .dropzone .icon-cloud{display:grid;justify-items:center;align-items:center;font-size:1.25rem;text-transform:uppercase;text-shadow:0 1px 1px #000;color:#3d4d5c;pointer-events:none;animation:fadeout .5s}.frame .sidebar .dropzone .icon-cloud::before{margin-bottom:.5rem;font-size:4rem}.frame .sidebar .dropzone .icon-cloud.active{color:#668099;animation:fadein .5s}@keyframes fadein{from{color:#3d4d5c}to{color:#668099}}@keyframes fadeout{from{color:#668099}to{color:#3d4d5c}}.frame .sidebar .dropzone#drop-palette .icon-cloud::before{font-size:2.5rem}.frame .sidebar #preview{border:1px solid #000;background-color:rgba(0,0,0,0.5);box-shadow:0 1px 2px rgba(255,255,255,0.1),inset 0 2px 4px rgba(0,0,0,0.5);background-size:contain;background-repeat:no-repeat;background-position:center;image-rendering:pixelated}.frame .sidebar #image-buffer,.frame .sidebar #palette-buffer{display:none}.frame .sidebar #palette{display:flex;justify-content:space-between}.frame .sidebar #palette .cell{border:1px solid #000;width:10px;height:10px;background-color:#000;box-shadow:0 1px 2px rgba(255,255,255,0.1)}.frame .sidebar .settings .image{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;margin-bottom:8px}.frame .sidebar .settings .transparency{display:grid;grid-template-columns:20px auto;grid-gap:8px;margin-bottom:8px}.frame .sidebar .settings .transparency #colorview{margin-top:17px;border-radius:4px;border:1px solid #000;background-color:#f0f;box-shadow:0 1px 2px rgba(255,255,255,0.1),inset 0 1px 2px #000}.frame .sidebar .settings .image .param,.frame .sidebar .settings .transparency .param{display:grid;grid-gap:4px}.frame .sidebar .settings .image label,.frame .sidebar .settings .transparency label{text-align:center;text-transform:uppercase;text-shadow:0 1px 1px #000;color:#5c738a}.frame .sidebar .settings .image input,.frame .sidebar .settings .transparency input{width:100%;border:0;border-radius:4px;background-color:#31250c;box-shadow:0 1px 2px rgba(255,255,255,0.1),inset 0 1px 2px #000;outline:none;font-family:"Seven Segment",monospace;font-size:2rem;text-align:center;color:#fa0}.frame .sidebar .settings .image input::selection,.frame .sidebar .settings .transparency input::selection{background-color:transparent;color:#ff0}.frame .sidebar .settings .image input:read-only,.frame .sidebar .settings .transparency input:read-only{background-color:#0c1f31;color:#0080ff;cursor:not-allowed}.frame .sidebar .settings .image input:read-only::selection,.frame .sidebar .settings .transparency input:read-only::selection{color:#66b3ff}.frame .sidebar .settings .image input.valid,.frame .sidebar .settings .transparency input.valid{background-color:#00291b;color:#0fa}.frame .sidebar .settings .selector{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;margin:8px 0}.frame .sidebar .settings .selector .group{display:grid;grid-gap:8px;align-content:start;justify-content:center}.frame .sidebar .settings .selector .radio{display:flex;align-items:center;text-transform:uppercase;text-shadow:0 1px 1px #000;color:#5c738a;cursor:pointer}.frame .sidebar .settings .selector .radio::before{display:grid;align-items:center;justify-items:center;width:16px;height:16px;border-radius:10px;margin-right:2em;border:1px solid #000;background-image:linear-gradient(#29333d, #141a1f);box-shadow:0 1px 1px rgba(255,255,255,0.1);font-size:4px;text-transform:none;text-shadow:0 1px 1px rgba(255,255,255,0.1);color:#000}.frame .sidebar .settings .selector .radio.selected::before{color:#0c6}.frame .sidebar .settings .selector .radio.blocked::before{color:#a00}.frame .sidebar .settings .buttons{display:grid;grid-gap:8px}.frame .sidebar .settings .buttons button{position:relative;padding:.5em 1em;border-radius:8px;border:1px solid #000;background-image:linear-gradient(#1f3347, #0f1a24);box-shadow:0 1px 1px rgba(255,255,255,0.1),inset 0 1px 2px #2e4d6b;color:#5c738a;text-shadow:0 -1px #000;cursor:pointer}.frame .sidebar .settings .buttons button:hover{background-image:linear-gradient(#1c3854, #0f1f2e);color:#7a99b8}.frame .sidebar .settings .buttons button:active{background-image:linear-gradient(#204060, #132639);color:#fff}.frame .sidebar .settings .buttons button:disabled{background-image:linear-gradient(#29333d, #141a1f);box-shadow:0 1px 1px rgba(255,255,255,0.1),inset 0 1px 2px #3d4d5c;color:#3d4d5c}.frame #editor{padding:8px 12px;overflow:auto;border:none;border-radius:4px;background-color:#181f25;box-shadow:0 1px 2px rgba(255,255,255,0.1),inset 0 2px 4px rgba(0,0,0,0.5);font-family:"Roboto Mono",monospace;font-size:8pt;color:#39f}.frame #editor .heading{font-size:1.25em;font-weight:bold;color:#fff}.frame #editor .section{font-size:1.25em;font-weight:bold;color:#0ca}.frame #editor .highlight{color:#66b3ff}.frame #editor .reward{font-style:italic;color:#33b3cc}.frame #editor .reward .fa-heart{color:#f6f}.frame #editor .reward a{color:#99f}.frame #editor .reward a:hover{color:#d9f}.frame #editor .announce{padding:0 1em;border-left:8px solid #4d6aff;color:#6680ff}.frame #editor .announce a{color:#fb8}.frame #editor .announce a:hover{color:#ffa}.frame #editor .type{color:#0ca}.frame #editor .keyword{color:#8095ff}.frame #editor .variable{color:#fff}.frame #editor .comment{color:#668099}.frame #editor::selection,.frame #editor .heading::selection,.frame #editor .section::selection,.frame #editor .highlight::selection,.frame #editor .reward::selection,.frame #editor .reward a::selection,.frame #editor .type::selection,.frame #editor .keyword::selection,.frame #editor .variable::selection,.frame #editor .comment::selection{background-color:#06c;color:#fff}.footer{display:inline-flex;justify-content:center;width:100%;height:12px;line-height:100%;text-align:center;text-shadow:0 1px 1px #000;color:#52667a}.footer .icon::before{margin-right:4px}.footer .icon-github,.footer .icon-github a{color:#8599ad}.footer .icon-discord{color:#7289da}.footer div{margin:0 .5em}.footer div:first-child{margin-right:0}.footer .gamebuino::before{content:'';display:inline-block;width:10px;height:10px;margin-right:3px;margin-bottom:-1px;background-size:contain;background-image:url("gamebuino.svg");box-shadow:0 1px 1px #000}.footer .gamebuino a{color:#cf8d44}.footer .legacy{color:#fff}.footer .home a{color:#39f}