.csv-main{padding-top:54px}.csv-intro{margin-bottom:24px}.csv-toolbar{align-items:center}.csv-actions{display:flex;align-items:center;gap:8px}.csv-actions button{min-height:38px}.csv-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px;padding:12px 15px;border-bottom:1px solid var(--line);background:var(--surface)}.csv-settings label{display:grid;gap:5px;color:var(--text);font-size:11px;font-weight:750}.csv-settings select,.csv-settings input{padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--text);font:12px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}.csv-settings .checkbox-row{display:flex;align-items:center;gap:8px;padding-top:2px}.csv-settings input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.csv-grid .formatter-panel{min-width:0;min-height:480px}.csv-grid textarea{width:100%;min-height:430px;flex:1;resize:vertical;border:0;outline:0;padding:16px;background:var(--editor-bg);color:var(--text);font:13px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.csv-grid textarea::placeholder{color:var(--muted);opacity:.8}.csv-grid #csvOutput{min-width:0;min-height:430px;flex:1;overflow:auto;padding:16px;color:var(--text);font:13px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.csv-table-wrap:empty{display:grid;place-items:center;color:var(--muted)}.csv-preview-table{width:100%;border-collapse:collapse;text-align:left}.csv-preview-table th,.csv-preview-table td{max-width:360px;padding:8px 10px;border:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere;vertical-align:top}.csv-preview-table th{position:sticky;top:0;background:var(--surface);color:var(--text);font-weight:800}.csv-preview-table tbody tr:nth-child(even){background:var(--surface)}.csv-grid .formatter-panel-head>span{color:var(--muted);font-size:10px;font-weight:750}.csv-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding:12px 16px;border-top:1px solid var(--line)}.csv-stats>div{display:flex;justify-content:space-between;gap:12px;padding:3px 14px;border-right:1px solid var(--line);font-size:11px}.csv-stats>div:first-child{padding-left:0}.csv-stats>div:last-child{border:0;padding-right:0}.csv-stats dt{color:var(--muted)}.csv-stats dd{margin:0;color:var(--text);font-weight:800}.csv-status.error{color:var(--error)}.csv-status.success{color:var(--accent)}
@media(max-width:760px){.csv-main{padding-top:38px}.csv-toolbar{align-items:stretch;flex-direction:column}.csv-actions button{flex:1}.csv-settings{grid-template-columns:1fr 1fr}.csv-grid{grid-template-columns:1fr}.csv-grid .formatter-panel{min-height:360px}.csv-grid textarea,.csv-grid #csvOutput{min-height:300px}.csv-stats{grid-template-columns:1fr;gap:5px;padding:10px 14px}.csv-stats>div,.csv-stats>div:first-child,.csv-stats>div:last-child{padding:5px 0;border-right:0;border-bottom:1px solid var(--line)}.csv-stats>div:last-child{border-bottom:0}}
@media(max-width:380px){.csv-grid .formatter-panel-head{padding:8px}.csv-grid .formatter-panel-head h2{font-size:9px;letter-spacing:.8px}.csv-settings{grid-template-columns:1fr}}