body{font-family:sans-serif;margin:0;padding:0;background-color:#f9f9f9;color:#333;display:flex;justify-content:center;align-items:center;min-height:100vh}.container{width:90%;max-width:800px;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column}.input-area{display:flex;flex-direction:column;margin-bottom:20px}.input-area input[type=file]{margin-bottom:10px}.input-area textarea{height:100px;margin-bottom:10px;padding:8px;border:1px solid #ddd;border-radius:4px}.input-area button{padding:10px 15px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-bottom:5px}.input-area button:hover{background-color:#0056b3}.content{padding:15px;border:1px solid #eee;border-radius:4px;margin-bottom:20px;overflow-y:auto;white-space:pre-line}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{margin-bottom:10px}.content p{line-height:1.6}.navigation{display:flex;justify-content:space-between}.navigation button{padding:10px 15px;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer}.navigation button:hover{background-color:#1e7e34}@media (max-width: 600px){.container{width:95%}}