.csv-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.preview-card{grid-column:1/-1}.drop-zone{min-height:215px}.intro{max-width:790px}
.selected-file{margin-top:16px;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 15px;background:#f7f9fc;border:1px solid #e5eaf3;border-radius:10px;color:#263955;font-size:.9rem;font-weight:700}.selected-file span{overflow-wrap:anywhere;min-width:0}.text-button{border:0;background:transparent;padding:7px 0;color:#3354aa;font-size:.875rem;font-weight:700;text-decoration:underline;text-underline-offset:3px;flex:none}
.form-gap{margin-top:20px}.text-field{width:100%;height:50px;border:1px solid #cbd6e6;border-radius:9px;background:#fff;color:#172741;padding:0 14px;font-size:1rem}.check-row{display:flex;align-items:flex-start;gap:10px;margin-top:19px;color:#293a57;font-size:.92rem;font-weight:650;line-height:1.45;cursor:pointer}.check-row input{width:18px;height:18px;margin:2px 0 0;flex:none;accent-color:#2457d5}
.alert{padding:12px 14px;margin-top:16px;border:1px solid #e8ceb0;border-radius:10px;background:#fff7ed;color:#80531d;font-size:.9rem;line-height:1.5}.empty-preview{margin:0;color:#67758d;line-height:1.6;padding:25px;text-align:center;background:#f8faff;border:1px solid #e5ebf3;border-radius:12px}.table-scroll{overflow:auto;max-height:430px;border:1px solid #dce4ef;border-radius:10px}.table-scroll table{border-collapse:separate;border-spacing:0;min-width:100%;font-size:.88rem;text-align:start}.table-scroll th,.table-scroll td{min-width:100px;max-width:300px;padding:10px 13px;border-inline-end:1px solid #e5eaf3;border-bottom:1px solid #e5eaf3;white-space:pre-wrap;overflow-wrap:anywhere;vertical-align:top;text-align:start}.table-scroll th{position:sticky;top:0;z-index:1;background:#eff4ff;color:#243e72;font-weight:750}.table-scroll tr:last-child td{border-bottom:0}.table-scroll th:last-child,.table-scroll td:last-child{border-inline-end:0}.warning{margin:13px 0 0;color:#80531d;font-size:.87rem;line-height:1.5}.preview-card .create-button{max-width:320px}.processing{font-size:.9rem}
[dir=rtl] .page-select{background-position:left 12px center;padding-left:33px;padding-right:14px}
.cleanup-options{border-top:1px solid #e2e8f2;margin-top:24px;padding-top:20px}.cleanup-options h3{font-size:1rem;letter-spacing:-.025em;margin:0;color:#1f3151}.cleanup-options .check-row{margin-top:14px}.clean-summary{font-size:.9rem;color:#315b61;margin:13px 0 0}.export-settings{margin-top:22px;padding-top:20px;border-top:1px solid #e2e8f2}
.column-card{grid-column:1/-1}.column-hint{margin:-5px 0 16px;color:#65758f;font-size:.92rem;line-height:1.5}.column-card .empty-preview{padding:18px}.column-card .text-button{margin-bottom:10px}.column-list{list-style:none;margin:0;padding:0;max-height:390px;overflow:auto;border:1px solid #dce4ef;border-radius:11px}.column-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;background:#fff;border-bottom:1px solid #e5eaf3}.column-row:last-child{border-bottom:0}.column-row:nth-child(even){background:#f8faff}.column-choice{display:flex;align-items:center;gap:11px;min-width:0;flex:1;cursor:pointer;color:#253958;font-size:.92rem;font-weight:650}.column-choice input{flex:none;width:19px;height:19px;margin:0;accent-color:#2457d5}.column-choice span{min-width:0;overflow-wrap:anywhere}.column-buttons{display:flex;flex:none;gap:4px}.column-buttons .icon-button{width:38px;height:38px;border:1px solid #dce4ef;background:#fff;color:#2457d5;border-radius:8px;font-size:1.05rem}.column-buttons .icon-button:hover:not(:disabled){background:#eaf0ff}.column-buttons .icon-button:disabled{opacity:.35}
.column-row .column-name{height:41px;min-width:140px;max-width:320px;flex:1 1 220px;font-size:.92rem;font-weight:600}.column-row .column-name[hidden]{display:none}.column-choice{flex:1 1 240px}.column-buttons{margin-inline-start:auto}
@media(max-width:800px){.csv-workspace{grid-template-columns:1fr}.preview-card{grid-column:1}.preview-card .create-button{max-width:none}}
@media(max-width:650px){.column-row{flex-wrap:wrap}.column-choice{flex-basis:100%}.column-row .column-name{flex:1 1 160px;max-width:none}.column-buttons{margin-inline-start:0}}
@media(max-width:440px){.column-row{padding:8px}.column-buttons .icon-button{width:36px;height:36px}}