*{font-family:monospace;font-size:1rem}p{margin:0}html,body{height:100%;padding:0;margin:0}.container{position:relative}.container-title{position:absolute;top:-10px;left:10px;background-color:#fff;z-index:100}#app{margin:0 12px}.info-container{display:flex;gap:16px;padding:16px 0}#frm-input{margin:16px 0}.frm-viewer{display:flex;flex-direction:column;gap:16px}#frm-move-up,#frm-move-bottom,#frm-move-left,#frm-move-right,#frm-shift-reset,#counter-clockwise,#clockwise,#frm-scale-down,#frm-scale-up{position:absolute;cursor:pointer;z-index:100}#frm-move-up{right:50px;top:10px}#frm-move-bottom{right:50px;top:60px}#frm-move-left{right:75px;top:35px}#frm-move-right{right:25px;top:35px}#frm-shift-reset{right:50px;top:35px}#counter-clockwise{left:30px;top:35px}#clockwise{left:60px;top:35px}#frm-scale-down{left:200px;top:35px}#frm-scale-up{left:230px;top:35px}.frm-list{box-sizing:border-box;align-self:flex-start;width:300px;height:400px;border:2px solid darkslategray;margin:initial;overflow:auto;padding:12px 18px 12px 56px}.frm-list>li{cursor:pointer}.frm-list>li:not(.frm-active):hover{background-color:bisque}.file-item{position:relative;display:flex;align-items:center;justify-content:space-between}.frm-active{background-color:coral}#frm-container{box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:center;width:500px;height:400px;border:2px solid darkslategray}.remove-button{all:unset;cursor:pointer}.remove-button:hover{color:red}.rotate-buttons-container{display:flex;gap:16px}canvas{position:absolute;image-rendering:pixelated;cursor:grab}.keybinding{font-family:"system-ui",sans-serif;font-size:11px;border-radius:3px;border-style:solid;border-width:1px;display:inline-block;padding:3px 5px;box-shadow:inset 0 -1px #0000005c;background-color:#8080802b;border-bottom-color:#4449;border-top-color:#3339;border-left-color:#3339;border-right-color:#3339}.hotkeys-container{display:flex;flex-direction:column;gap:3px}.hotkeys-combination{display:inline-flex;gap:3px}.drop-zone{display:flex;position:fixed;top:2px;right:2px;bottom:2px;left:2px;z-index:999;border:2px dashed #000;background-color:#0003;border-radius:5px}.drop-zone-hidden{display:none}