body,html{margin:0;padding:0;height:100%}*,:after,:before{box-sizing:inherit}body{background-color:#2f2f2f}.app{display:flex;flex-direction:column;height:100vh;font-family:Arial,sans-serif;overflow:hidden}.header{flex:0 0 auto;background-color:#2f2f2f}.body,.body2,.header{display:flex;align-items:center;justify-content:center;padding:5%}.body,.body2{flex:1;flex-direction:column;text-align:center;overflow-y:auto}.body{background-color:#0162c0}.body2{background-color:#2f2f2f}.footer{flex:0 0 auto;padding:20px;background-color:#fff;font-size:.7rem;color:#000}.footer,.status-message{display:flex;align-items:center;justify-content:center;text-align:center}.status-message{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;flex-direction:column;color:#fff;z-index:1000}.logo{width:280px;height:auto}.loader-container,.logo{margin-bottom:2rem}.loader{width:50px;height:50px;border:5px solid hsla(0,0%,100%,.3);border-top:5px solid #fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.upload-status{font-size:1.5rem;font-weight:700;margin-bottom:2rem}.upload-info p{margin:.3rem 0;font-size:1rem;opacity:.8}.file-input{display:none}.button{background-color:#0162c0;border:none;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;cursor:pointer}.buttons{display:flex;align-items:center;justify-content:center;gap:40px;position:relative;margin-top:10px}.buttons h2{font-size:1.5rem;font-weight:700;color:#fff}.buttons img{width:120px;cursor:pointer}h1{font-size:15px;margin-bottom:20px;color:#fff;text-align:center}.preview-container{width:100%;max-width:500px;margin:20px auto 0;padding:10px;background-color:rgba(0,0,0,.5);border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.2)}.image-preview,.video-preview{width:100%;border-radius:5px;margin-bottom:10px}.audio-preview{width:100%;margin-bottom:10px}.preview-controls{display:flex;justify-content:space-between}.preview-button{padding:8px 16px;border:none;border-radius:5px;font-weight:700;cursor:pointer;width:45%;transition:all .3s ease}.preview-button.accept{background-color:#0162c0;color:#fff}.preview-button.cancel{background-color:#f44336;color:#fff}.preview-button:hover{opacity:.9;transform:scale(1.05)}.error-message{background-color:rgba(244,67,54,.9);color:#fff;padding:15px;margin:10px auto;border-radius:5px;max-width:500px;text-align:center}.permission-button{background-color:#fff;color:#f44336;border:none;border-radius:5px;padding:5px 10px;margin-top:10px;font-weight:700;cursor:pointer}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,0,0,.7)}70%{transform:scale(1.05);box-shadow:0 0 0 12px rgba(1,98,192,0)}to{transform:scale(1);box-shadow:0 0 0 0 rgba(1,98,192,0)}}.recording{animation:pulse 1.5s infinite;border-radius:50%}