.download-image input{margin:0;padding:0}.download-image input[type=file]{width:10ch}.number-input{display:flex;flex-direction:column-reverse}.number-input .title{font-size:.7em}.number-input .input{display:flex;align-items:center;gap:.2em}.number-input .input input{margin:0;padding:0}.number-input .input input[type=number]{width:5.5ch;text-align:right;border:none;background:none}.number-input .input input[type=range]{width:10ch;height:9px}.number-input .input input[type=range]::-webkit-slider-runnable-track{width:100%;cursor:pointer;border:none}.number-input .input input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:#fff;border-radius:50%;border:1px solid #999}.tools{display:flex;flex-direction:column;gap:.25em;width:100%;border-radius:.25em}.viewer{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;--zoom: 0;overflow:hidden;border-radius:.5em;box-shadow:inset 0 0 7px #0004}.viewer .bg{position:absolute;inset:0;z-index:-2;background:var(--bg-3)}.viewer canvas{transform:scale(calc(1 + var(--zoom)));z-index:-1}.editor{display:flex;gap:.5em;width:100%;height:100%;padding-inline:.5em}.side{display:flex;flex-direction:column;gap:.5em;padding-block:.5em}.side .card{padding-inline:.5em;background:var(--bg-2);border-radius:.25em;box-shadow:0 .5px 2px #0003}.side .top{padding:.5em;width:100%}.side .top h5{margin:0}.side .middle{height:100%;padding-block:.5em;overflow-y:scroll;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.side .bottom{display:flex;flex-direction:column;gap:.1em;padding:.5em .5em 2em}.main{display:flex;justify-content:center;align-items:center;overflow:hidden;width:100%;height:100%;padding-block:.5em}.file-upload input{margin:0;padding:0}.file-upload input[type=file]{width:10ch}.img{display:flex;flex-direction:column;width:100%;overflow:hidden}.img img{max-width:100%;object-fit:cover;border-radius:.5em}.img .name-container{position:relative;display:flex;width:100%;height:1.5em;white-space:nowrap;overflow-x:scroll}.img .name-container .name{position:absolute;overflow:hidden;word-break:break-all;font-size:.8em;background:none;border:none}:root{--bg-1: #FFF;--bg-2: #F9F9F9;--bg-3: #EEE;--fg-1: #000;--fg-2: #222;--fg-3: #444;--prim: rebeccapurple}@media(prefers-color-scheme:dark){:root{--fg-1: #FFF;--fg-2: #EEE;--fg-3: #DDD;--bg-1: #444;--bg-2: #222;--bg-3: #000}}.no-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}*{box-sizing:border-box}html{height:100vh;color-scheme:light dark}body{font:1em sans-serif;margin:0;height:100%;background:var(--bg-1);color:var(--fg-1);accent-color:var(--prim)}#root{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}