body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{background-color:#2a2828;color:#fff;justify-content:space-between;padding:25px 50px}.logo,.navbar{align-items:center;display:flex}.logo{gap:10px}.logo img{height:50px;width:auto}.logo span{font-size:20px;font-weight:700}.nav-links{display:flex;gap:20px;list-style:none}.nav-links li{display:inline}.nav-links a{border-radius:5px;color:#fff;font-size:16px;padding:8px 12px;text-decoration:none}.nav-links a:hover{background-color:#45a049}.App{align-items:center;display:flex;justify-content:center;min-height:100vh;text-align:center}.container{background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;max-width:1000px;padding:30px;width:80%}.content{align-items:flex-start;display:flex;gap:30px;justify-content:space-between}.left-section{max-width:500px;text-align:left}h2{color:#333;font-size:28px;margin-top:0}.description{background-color:#e6f7ff;border-radius:8px;color:#555;font-size:18px;line-height:1.6;margin-top:10px;padding:20px}.inputSection{gap:15px;max-width:400px;width:100%}.inputSection,.inputcontainer{display:flex;flex-direction:column}.inputcontainer{background-color:#f0f2f5;border:1px solid #d9d9d9;border-radius:8px;padding:12px}label{color:#333;font-weight:700;margin-bottom:8px}input,textarea{border:1px solid #ccc;border-radius:6px;font-size:14px;padding:12px}button{background-color:#1890ff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px 20px;transition:background-color .3s}button:hover{background-color:#40a9ff}.upload-btn{background-color:red;margin-top:10px}.upload-btn:hover{background-color:#ce1515}.export-btn{background-color:#52c41a;margin-top:20px}.export-btn:hover{background-color:#439519}.message{color:#52c41a;font-size:16px;font-weight:700;margin-top:20px}@media (max-width:768px){.content{align-items:center;flex-direction:column}.inputSection{max-width:100%}.left-section{text-align:center}}
/*# sourceMappingURL=main.83954e55.css.map*/