.box[data-v-eb5f36e2]{box-sizing:border-box;background-color:#000;background-image:linear-gradient(#ffffff0d,#ffffff0d);margin:10px;padding-bottom:10px;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.title[data-v-eb5f36e2]{letter-spacing:0;background-color:var(--teal9);padding:5px 5px 0;font-size:1rem;font-weight:400;line-height:1.334}.dropbox[data-v-54771003]{border:1px solid;width:100px;height:100px;position:relative}.preview[data-v-54771003]{max-width:100%;max-height:100%}.input[data-v-54771003]{opacity:0;width:100%;height:100%;position:absolute}.origin[data-v-54771003]{display:none}.container[data-v-5c847e99]{text-align:center;height:300px;position:relative}canvas[data-v-159c92e9]{cursor:move;width:100%}canvas[data-v-159c92e9]:focus{outline:1px solid var(--indigo5)}.hidden-canvas[data-v-f72e00ad]{height:0}main[data-v-f72e00ad]{justify-content:space-between;max-width:1500px;height:100%;margin:0 auto;display:flex}main .first-column[data-v-f72e00ad]{flex-grow:1;min-width:120px;max-width:240px}main .first-column .images[data-v-f72e00ad]{flex-wrap:wrap;padding-left:5px;padding-right:5px;display:flex}main .second-column[data-v-f72e00ad]{flex-grow:5;min-width:300px;max-width:1000px}main .third-column[data-v-f72e00ad]{flex-grow:1;min-width:120px;max-width:240px}main .third-column pre[data-v-f72e00ad]{white-space:pre-wrap;word-break:break-word}main .third-column .logs[data-v-f72e00ad]{height:300px;margin-left:5px;font-size:.8rem;overflow:auto}:root{--indigo5:#6366f1;--indigo7:#4338ca;--teal9:#134e4a}html{color:#fff;background-color:#20262d;font-family:Helvetica,Arial,sans-serif}button{border:1px solid var(--indigo5);background-color:var(--indigo7);color:#fff;text-align:center;margin-top:10px;padding:8px;font-size:.9rem;box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}button:hover{background-color:var(--indigo5)}button:active{background-color:var(--indigo7)}button:disabled{opacity:.5;background-color:var(--indigo7)}a{color:#fff}