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}.app-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:17px;color:#fff}.toolbar{display:flex;justify-content:space-between;margin-bottom:5px}.buttons-container{display:flex;grid-gap:5px;gap:5px}.controls{margin-top:5px}.input-url-image{margin-right:5px;margin-bottom:5px;border-radius:5px;border:none}#action-file-menu{background-color:#31604f;border:1px solid #3b7463}kbd{background-color:#3e4451;border-radius:3px;border:1px solid #505868;box-shadow:0 1px 1px rgba(0,0,0,.2),inset 0 2px 0 0 #4a5161;color:#ebebeb;display:inline-block;line-height:1;padding:2px 4px;white-space:nowrap;font-size:15px}.canvas{border-radius:3px;background:repeating-conic-gradient(#bfbfbf 0 25%,#fff 0 50%) 50%/20px 20px;overflow:hidden}.transformable-text{width:100%;height:100%;font-size:22px;background:none;border:none;outline:none}.transformable-text::-webkit-input-placeholder{font-style:italic;opacity:.8}.transformable-text:-ms-input-placeholder{font-style:italic;opacity:.8}.transformable-text::placeholder{font-style:italic;opacity:.8}#native-canvas{position:absolute;left:0;top:0}.toolbar-item{display:flex;justify-content:center;align-items:center;padding:7px;background-color:#3e4451;color:#fff;font-size:17px;border:1px solid #505868;cursor:pointer;border-radius:4px;box-shadow:0 8px 8px 0 rgba(0,0,0,.35);transition:-webkit-transform .1s;transition:transform .1s;transition:transform .1s,-webkit-transform .1s}.toolbar-item svg{margin-right:5px}.pressed{-webkit-transform:scale(.97);transform:scale(.97)}.tool-active{box-shadow:inset 0 0 5px 2px rgba(42,44,58,.8)}.gizmo{display:grid;position:absolute;left:0;top:0;grid-template-columns:repeat(2,1fr);background:linear-gradient(90deg,#fff 50%,#000 0),linear-gradient(90deg,#fff 50%,#000 0),linear-gradient(0deg,#fff 50%,#000 0),linear-gradient(0deg,#fff 50%,#000 0);background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:10px 1px,10px 1px,1px 10px,1px 10px;-webkit-animation:border-dance 4s linear infinite;animation:border-dance 4s linear infinite}.gizmo-handle{width:6px;height:6px;border-radius:50%;border:1.5px solid #000;opacity:.8;box-shadow:0 0 2px 2px #fff}.gizmo-handle:first-child{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.gizmo-handle:nth-child(2){-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);margin-left:auto}.gizmo-handle:nth-child(3){-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);margin-top:auto}.gizmo-handle:nth-child(4){-webkit-transform:translate(50%,50%);transform:translate(50%,50%);margin-left:auto;margin-top:auto}@-webkit-keyframes border-dance{0%{background-position:0 0,100% 100%,0 100%,100% 0}to{background-position:100% 0,0 100%,0 0,100% 100%}}@keyframes border-dance{0%{background-position:0 0,100% 100%,0 100%,100% 0}to{background-position:100% 0,0 100%,0 0,100% 100%}}