.tsv-to-base64-container{max-width:1200px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#333;background-color:#f5f8fa;min-height:100vh;display:flex;flex-direction:column}.converter-header{text-align:center;margin-bottom:30px}.converter-header h1{font-size:2.2rem;color:#3498db;margin-bottom:8px}.converter-header p{font-size:1rem;color:#666}.converter-main{flex:1;display:flex;flex-direction:column;gap:20px}.input-section,.output-section{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.input-section h2,.output-section h2{font-size:1.3rem;margin-bottom:15px;color:#2980b9}.output-section{opacity:0;max-height:0;overflow:hidden;transition:all .3s ease}.output-section.visible{opacity:1;max-height:800px}.text-area{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-family:monospace;font-size:14px;resize:vertical;transition:all .3s ease}.text-area:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px rgba(52,152,219,.2)}.file-upload-container{display:flex;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:10px}.file-input{display:none}.file-name{font-size:.9rem;color:#666;padding:5px 10px;overflow:hidden;text-overflow:ellipsis;max-width:300px;white-space:nowrap}.file-name,.upload-button{background-color:#f0f0f0;border-radius:4px}.upload-button{padding:10px 16px;cursor:pointer;font-weight:600;transition:all .3s ease;color:#333;border:1px solid #ddd}.upload-button:disabled{opacity:.6;cursor:not-allowed}.upload-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.upload-button:hover{background-color:hsl(0,0%,89.1176470588%)}.button-group{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.convert-button{border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:all .3s ease;background-color:#3498db;color:#fff;padding:12px 24px;font-size:1rem}.convert-button:disabled{opacity:.6;cursor:not-allowed}.convert-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.convert-button:hover{background-color:rgb(33.1380753138,125.1882845188,186.8619246862)}.clear-button{border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:all .3s ease;background-color:#f0f0f0;color:#333;padding:12px 24px;font-size:1rem}.clear-button:disabled{opacity:.6;cursor:not-allowed}.clear-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.clear-button:hover{background-color:hsl(0,0%,89.1176470588%)}.error-message{padding:10px 15px;background-color:hsl(5.6140350877,78.0821917808%,92.0588235294%);border-left:4px solid #e74c3c;color:rgb(213.698630137,43.8356164384,26.301369863);border-radius:4px;margin:10px 0}.output-actions{display:flex;gap:10px;margin-top:15px;flex-wrap:wrap}.action-button{padding:10px 16px;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:all .3s ease;background-color:#2980b9;color:#fff}.action-button:disabled{opacity:.6;cursor:not-allowed}.action-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.action-button:hover{background-color:hsl(203.75,63.7168141593%,34.3137254902%)}.converter-footer{margin-top:40px;text-align:center}.converter-footer p{font-size:.9rem;color:#666}@media(max-width:768px){.converter-header h1{font-size:1.8rem}.input-section,.output-section{padding:15px}.button-group{flex-direction:column;width:100%}.button-group button{width:100%}.output-actions{flex-direction:column}.output-actions button{width:100%}}@media(max-width:480px){.converter-header h1{font-size:1.5rem}.converter-header p{font-size:.9rem}.file-name{max-width:200px}}