.sql-to-csv-container{max-width:1200px;margin:0 auto;padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#333}.sql-to-csv-container header{text-align:center;margin-bottom:2rem}.sql-to-csv-container header h1{font-size:2.5rem;margin-bottom:.5rem;background:linear-gradient(90deg,#2c6ed5,#3a7bd5);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.sql-to-csv-container header .subtitle{font-size:1rem;color:#666}.sql-to-csv-container .converter-section{display:flex;gap:1.5rem;margin-bottom:2rem}@media(max-width:768px){.sql-to-csv-container .converter-section{flex-direction:column}}.sql-to-csv-container .input-section,.sql-to-csv-container .output-section{flex:1;display:flex;flex-direction:column;background-color:#fff;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.1);overflow:hidden}.sql-to-csv-container .section-header{padding:1rem;background-color:#f4f7fa;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center}.sql-to-csv-container .section-header h2{margin:0;font-size:1.25rem;color:#2c6ed5}.sql-to-csv-container .output-actions{display:flex;gap:8px;align-items:center}.sql-to-csv-container .csv-output,.sql-to-csv-container .sql-input{flex:1;min-height:300px;padding:1rem;border:none;font-family:Menlo,Monaco,Courier New,monospace;font-size:.875rem;line-height:1.5;resize:none;outline:none}.sql-to-csv-container .csv-output::placeholder,.sql-to-csv-container .sql-input::placeholder{color:#999}.sql-to-csv-container .convert-btn{padding:10px 16px;border-radius:6px;border:none;font-weight:600;cursor:pointer;transition:all .3s ease;background-color:#2c6ed5;color:#fff;margin:1rem;align-self:center}.sql-to-csv-container .convert-btn:disabled{opacity:.6;cursor:not-allowed}.sql-to-csv-container .convert-btn:hover:not(:disabled){background-color:rgb(34.1976284585,87.9367588933,171.8023715415)}.sql-to-csv-container .clear-btn{border-radius:6px;border:none;font-weight:600;cursor:pointer;transition:all .3s ease;background-color:rgba(0,0,0,0);color:#666;padding:6px 12px;font-size:.875rem}.sql-to-csv-container .clear-btn:disabled{opacity:.6;cursor:not-allowed}.sql-to-csv-container .clear-btn:hover:not(:disabled){color:#333;background-color:#eee}.sql-to-csv-container .action-btn{border-radius:6px;border:none;font-weight:600;cursor:pointer;transition:all .3s ease;padding:6px 12px;font-size:.875rem}.sql-to-csv-container .action-btn:disabled{opacity:.6;cursor:not-allowed}.sql-to-csv-container .copy-btn{background-color:#f0f0f0;color:#333}.sql-to-csv-container .copy-btn:hover:not(:disabled){background-color:#e0e0e0}.sql-to-csv-container .download-btn{background-color:#2c6ed5;color:#fff}.sql-to-csv-container .download-btn:hover:not(:disabled){background-color:rgb(34.1976284585,87.9367588933,171.8023715415)}.sql-to-csv-container .filename-input{padding:6px 12px;border-radius:6px;border:1px solid #ddd;font-size:.875rem;width:120px}.sql-to-csv-container .filename-input:disabled{opacity:.6;cursor:not-allowed}.sql-to-csv-container .error-message{margin:0 1rem 1rem;padding:.5rem 1rem;background-color:hsl(0,65.0793650794%,95.5882352941%);border-left:4px solid #d32f2f;color:#d32f2f;border-radius:4px}.sql-to-csv-container .instructions{background-color:#fff;padding:1.5rem;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.1);margin-bottom:2rem}.sql-to-csv-container .instructions h3{margin-top:0;margin-bottom:1rem;font-size:1.25rem;color:#2c6ed5}.sql-to-csv-container .instructions ol,.sql-to-csv-container .instructions ul{margin:0 0 1.5rem;padding-left:1.5rem}.sql-to-csv-container .instructions ol li,.sql-to-csv-container .instructions ul li{margin-bottom:.5rem;line-height:1.5}.sql-to-csv-container .instructions ul{list-style-type:disc}.sql-to-csv-container footer{text-align:center;color:#666;font-size:.875rem;padding-top:1rem;border-top:1px solid #ddd}body{background-color:#f4f7fa;margin:0;padding:0}