.csv-json-converter{width:100%}.mode-btn{min-width:150px;transition:all .3s ease}.mode-btn:active{transform:scale(.98)}.output-container pre{margin:0;white-space:pre-wrap;word-wrap:break-word;line-height:1.6}.output-container::-webkit-scrollbar{height:8px;width:8px}.output-container::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.dark .output-container::-webkit-scrollbar-track{background:#1f2937}.output-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.dark .output-container::-webkit-scrollbar-thumb{background:#4b5563}.output-container::-webkit-scrollbar-thumb:hover{background:#9ca3af}.dark .output-container::-webkit-scrollbar-thumb:hover{background:#6b7280}.csv-json-converter table{border-collapse:collapse;font-size:.875rem}.csv-json-converter table th{background:inherit;position:sticky;top:0;z-index:10}.csv-json-converter table td{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csv-json-converter table td:hover{max-width:none;white-space:normal;word-wrap:break-word}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}#csv-notification{animation:slideInRight .3s ease-out}.sample-btn:active{transform:scale(.98)}button:disabled{cursor:not-allowed;opacity:.5}#csvJsonInput:focus{outline:none}.csv-json-converter input[type=text],.csv-json-converter select{transition:border-color .2s ease}.csv-json-converter input[type=text]:focus,.csv-json-converter select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.csv-json-converter input[type=checkbox]{cursor:pointer}.csv-json-converter input[type=checkbox]:focus{box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.csv-json-converter #nextPageBtn,.csv-json-converter #prevPageBtn{transition:all .2s ease}.csv-json-converter #nextPageBtn:not(:disabled):hover,.csv-json-converter #prevPageBtn:not(:disabled):hover{transform:translateY(-1px)}@media (max-width:768px){.csv-json-converter{font-size:14px}.mode-btn{font-size:.875rem;min-width:120px;padding:.5rem 1rem}.csv-json-converter table td{max-width:150px}.csv-json-converter .grid{grid-template-columns:1fr}}.csv-json-converter.loading{opacity:.6;pointer-events:none}.csv-json-converter .error-border{border-color:#ef4444!important}.csv-json-converter .success-border{border-color:#10b981!important}.csv-json-converter input[type=file]+label:hover{transform:translateY(-1px);shadow:0 4px 6px -1px rgba(0,0,0,.1)}.csv-json-converter .stat-card{transition:transform .2s ease}.csv-json-converter .stat-card:hover{transform:translateY(-2px)}