:root{--vd-color-surface:#1f1f1f;--vd-color-on-surface:hsla(0,0%,100%,.03);--vd-color-stroke:hsla(0,0%,100%,.23);--vd-color-text:hsla(0,0%,100%,.69);--vd-color-primary:#269bff;--vd-color-light-primary:#37a3ff;--vd-color-dark-primary:#1a7fd6;--vd-color-secondary-text:hsla(0,0%,100%,.33);--vd-size-corner-radius:24px}body,html{padding:0;margin:0;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:var(--vd-color-surface);color:var(--vd-color-text)}a{color:inherit;text-decoration:none}p{margin:0}*{box-sizing:border-box}.container{max-width:720px;margin:0 auto}.container,.vd-form-center{display:flex;align-items:center;justify-content:center}.vd-form-center{flex-direction:column}.vd-title{margin:0;font-size:3em}.vd-subtitle,.vd-title{padding:0;text-align:center}.vd-subtitle{margin:10px 0;color:var(--vd-color-secondary-text);font-size:1.2em}.vd-head{margin-top:60px}.vd-dropzone{cursor:pointer;margin-top:24px;min-width:400px;min-height:400px;background-color:var(--vd-color-on-surface);border-radius:var(--vd-size-corner-radius);border:2px dashed var(--vd-color-stroke);position:relative;display:flex;overflow:hidden}.vd-dropzone.vd-active,.vd-dropzone.vd-highlight{border:2px dashed var(--vd-color-primary)}.vd-dropzone.vd-active .vd-image-container{display:flex}.vd-dropzone.vd-active .vd-placeholder{display:none}.vd-dropzone .vd-image-container{flex-grow:1;display:none;flex-direction:column;position:relative}.text-button-icon{position:absolute;top:0;right:0;margin-right:14px;margin-top:12px;padding:10px;width:38px;height:38px;border-radius:50%;transition:.2s ease-in-out}.text-button-icon:hover{background:hsla(0,0%,100%,.05)}.text-button-icon:active{background:hsla(0,0%,100%,.1)}.vd-dropzone .vd-image-container .vd-filename{background:rgba(0,0,0,.1);text-align:center;padding:8px 14px}.vd-dropzone .vd-image-container .vd-filename p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px}.vd-dropzone .vd-image-container .vd-image{flex-grow:1;display:flex;text-align:center;align-items:center;justify-content:center}.vd-dropzone .vd-image-container .vd-image img{max-width:300px;max-height:300px}.vd-placeholder{flex-grow:1;display:flex;align-items:center;justify-content:center}.vd-download{margin-top:28px}button{font-family:inherit;color:inherit;background:var(--vd-color-primary);font-size:1.2em;border:none;min-width:400px;border-radius:calc(var(--vd-size-corner-radius) / 1.5);padding:14px 0;outline:none;transition:.23s ease;display:flex;align-items:center;justify-content:center;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}button:not(:disabled){cursor:pointer}button svg{width:1.2em;height:1.2em;fill:var(--vd-color-text);margin-right:8px;margin-top:4px}button:disabled svg{fill:hsla(0,0%,100%,.17)}button:disabled{background:#1c1c1c;color:hsla(0,0%,100%,.17)}button:not(:disabled):hover{background:var(--vd-color-light-primary)}button:not(:disabled):active{background:var(--vd-color-dark-primary)}.vd-placeholder svg{max-width:48px;max-height:48px;fill:var(--vd-color-secondary-text)}.vd-footer{margin-top:20px;margin-bottom:100px;text-align:center}.vd-github svg{width:2em;height:2em}.vd-code-snippet .vd-cmd{color:var(--vd-color-primary)}.vd-code-snippet .vd-input{color:var(--vd-color-secondary-text)}.vd-code-snippet{background:var(--vd-color-on-surface);border-radius:calc(var(--vd-size-corner-radius) / 2.5);font-family:JetBrains Mono,monospace;font-weight:700;border:1px solid hsla(0,0%,100%,.1);position:relative;white-space:nowrap;max-width:600px;padding:14px 18px;overflow-x:auto}@media only screen and (max-width:600px){.vd-code-snippet{max-width:350px}.vd-title{font-size:1.8em}.vd-subtitle{font-size:1em}.vd-dropzone{min-width:300px;min-height:300px}.vd-dropzone .vd-image-container .vd-filename p{max-width:300px}button{min-width:300px}}