:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}body{margin:0;min-width:320px;min-height:100vh}#container{max-width:400px;margin:50px auto 0}button{-webkit-appearance:button;-moz-appearance:button;appearance:button;backface-visibility:hidden;background-color:#405cf5;border-radius:6px;border-width:0;box-shadow:#32325d1a 0 0 0 1px inset,#32325d1a 0 2px 5px,#00000012 0 1px 1px;box-sizing:border-box;color:#fff;cursor:pointer;font-family:-apple-system,system-ui,Segoe UI,Roboto,Helvetica Neue,Ubuntu,sans-serif;font-size:100%;height:44px;line-height:1.15;margin:12px 0 0;outline:none;overflow:hidden;padding:0 25px;position:relative;text-align:center;text-transform:none;transform:translateZ(0);transition:all .2s,box-shadow .08s ease-in;user-select:none;-webkit-user-select:none;touch-action:manipulation;width:100%}button:disabled{cursor:default}button:focus{box-shadow:#32325d1a 0 0 0 1px inset,#32325d33 0 6px 15px,#0000001a 0 2px 2px,#3297d34d 0 0 0 4px}p ul{margin-top:0}.dropzone{border:2px dashed #d1d5db;border-radius:.5rem;padding:1.5rem;cursor:pointer;transition:border-color .2s ease}.dropzone p{margin:0}.dropzone:hover{border-color:#9ca3af}.files-list{color:#405cf5}.spinner{animation:spin 1s linear infinite;width:48px;height:48px;border:5px solid #f3f3f3;border-top:5px solid #405cf5;border-radius:50%;margin:20px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success{margin-top:1rem;padding:.5rem;background-color:#beffd1;border-radius:.25rem}.error{margin-top:1rem;padding:.5rem;background-color:#ffbebe;border-radius:.25rem}