body{background-color:#f9f9f9;box-sizing:border-box;font-family:Arial,sans-serif;margin:0;padding:0;transition:background-color .3s,color .3s}.app-container{align-items:center;display:flex;flex-direction:column;padding:20px}body.dark{background-color:#1a202c}.app-container.dark,body.dark{color:#fff}.editor-preview-container{display:flex;gap:20px;margin-top:20px;max-width:1200px;width:100%}.editor,.preview{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;height:400px;padding:20px;transition:transform .2s,background-color .3s,color .3s;width:50%}body.dark .editor,body.dark .preview{background-color:#2d3748;color:#fff}.editor:hover,.preview:hover{transform:scale(1.02)}.toolbar{display:flex;gap:10px;margin-bottom:20px}button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 15px;transition:background-color .2s,transform .2s}button:hover{background-color:#0056b3;transform:translateY(-2px)}body.dark button{background-color:#4a5568;color:#fff}body.dark button:hover{background-color:#2d3748}.download-buttons{display:flex;gap:10px;margin-top:20px}.download-buttons button{background-color:#28a745}.download-buttons button:hover{background-color:#218838}body.dark .download-buttons button{background-color:#48bb78}body.dark .download-buttons button:hover{background-color:#38a169}input[type=file]{border:1px solid #ccc;border-radius:4px;margin-bottom:10px;padding:5px}.preview img{border-radius:4px;box-shadow:0 4px 6px #0000001a;height:auto;max-width:100%}
/*# sourceMappingURL=main.9d371a86.css.map*/