*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%}input[type=file]{display:none}body{background-color:#121212;color:#fff;font-family:Arial,sans-serif;margin:0;padding:0}h1{text-align:center;margin-top:20px;font-size:2.5rem;color:#f0f0f0}.container{max-width:800px;margin:20px auto;padding:20px;background-color:#1e1e1e;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.5)}.tabs{display:flex;justify-content:center;margin-bottom:20px}button{background-color:#333;color:#fff;border:none;padding:10px 20px;margin:0 10px;border-radius:5px;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#444}.activeTab{background-color:#6200ea}.dropZone{border:2px dashed #bbb;padding:20px;text-align:center;margin-top:20px;border-radius:10px;transition:border-color .3s ease}.dropZone:hover{border-color:#6200ea}.fileInfo{margin-top:20px}.error,.fileInfo{text-align:center}.error{color:#ff5252}