.converter-container{max-width:1200px;margin:0 auto;padding:2rem;font-family:Arial,sans-serif}.converter-container h1{color:#333;margin-bottom:1.5rem;text-align:center}.converter-container h2{color:#444;margin-top:2rem;margin-bottom:1rem}.converter-container .input-section,.converter-container .output-section{margin-bottom:2rem}.converter-container .input-section label,.converter-container .output-section label{display:block;margin-bottom:.5rem;font-weight:700;color:#555}.converter-container .input-section textarea,.converter-container .output-section textarea{width:100%;padding:.75rem;border:1px solid #ccc;border-radius:4px;font-family:monospace;font-size:.9rem;resize:vertical}.converter-container .button-group{display:flex;gap:1rem;margin:1.5rem 0;flex-wrap:wrap}.converter-container .primary-btn,.converter-container .secondary-btn{padding:.75rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:all .2s ease}.converter-container .primary-btn:disabled,.converter-container .secondary-btn:disabled{opacity:.6;cursor:not-allowed}.converter-container .primary-btn:hover:not(:disabled),.converter-container .secondary-btn:hover:not(:disabled){transform:translateY(-2px)}.converter-container .primary-btn{background-color:#3498db;color:#fff}.converter-container .primary-btn:hover:not(:disabled){background-color:#2980b9}.converter-container .secondary-btn{background-color:#e0e0e0;color:#333}.converter-container .secondary-btn:hover:not(:disabled){background-color:#d0d0d0}.converter-container .error-message{padding:.75rem;background-color:#ffebee;color:#c62828;border-radius:4px;margin:1rem 0;font-weight:700}.converter-container .output-actions{display:flex;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.converter-container .output-actions .filename-input{display:flex;align-items:center;gap:.5rem}.converter-container .output-actions .filename-input input{padding:.5rem;border:1px solid #ccc;border-radius:4px;width:180px}.converter-container .output-actions .action-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.converter-container .csv-preview{background-color:#f5f5f5;padding:1rem;border-radius:4px;border:1px solid #ddd;overflow-x:auto}.converter-container .csv-preview pre{font-family:monospace;white-space:pre-wrap;word-break:break-all;margin:0;line-height:1.5;max-height:300px;overflow-y:auto}@media screen and (max-width:768px){.converter-container{padding:1rem}.converter-container .output-actions{flex-direction:column;align-items:stretch}.converter-container .output-actions .filename-input{margin-bottom:1rem}.converter-container .button-group,.converter-container .output-actions .action-buttons{justify-content:center}}@media screen and (max-width:480px){.converter-container .primary-btn,.converter-container .secondary-btn{width:100%;margin-bottom:.5rem}.converter-container .action-buttons,.converter-container .button-group{flex-direction:column;gap:.5rem}}