.csv-lp-tool{--cl-bg:#f2efe9;--cl-surface:#fff;--cl-surface-2:#0000000a;--cl-text:#221f1a;--cl-muted:#6b655c;--cl-border:#e3ddce;--cl-accent:#8a6d35;--cl-accent-soft:#b3934c24;--cl-action:#5a3c22;--cl-action-hover:#4a331d;--cl-on-action:#fff;--cl-danger:#b3543a;--cl-shadow:0 2px 10px #0000000f;--cl-radius:14px;background:var(--cl-bg);color:var(--cl-text);padding:32px 0 64px;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.65}html.dark .csv-lp-tool{--cl-bg:#0b0c12;--cl-surface:#14151f;--cl-surface-2:#ffffff12;--cl-text:#efeae0;--cl-muted:#a7a5b0;--cl-border:#2c2d3a;--cl-accent:#b49050;--cl-accent-soft:#d3b46e24;--cl-action:#4a331d;--cl-action-hover:#5a3c22;--cl-danger:#d0705a;--cl-shadow:0 2px 10px #00000059}.csv-lp-tool *,.csv-lp-tool :before,.csv-lp-tool :after{box-sizing:border-box}.csv-lp-tool [hidden]{display:none!important}.csv-lp-tool .cl-wrap{max-width:1120px;margin:0 auto;padding:0 20px}.csv-lp-tool .cl-intro{max-width:780px}.csv-lp-tool .cl-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--cl-accent);margin:0 0 10px;font-size:13px;font-weight:600}.csv-lp-tool h1{letter-spacing:-.01em;text-wrap:balance;margin:0 0 14px;font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(30px,4vw,42px);font-weight:700;line-height:1.15}.csv-lp-tool .cl-lede{color:var(--cl-muted);margin:0;font-size:17px}.csv-lp-tool .cl-form{background:var(--cl-surface);border:1px solid var(--cl-border);border-radius:var(--cl-radius);box-shadow:var(--cl-shadow);margin:26px 0 30px;padding:22px}.csv-lp-tool .cl-grid{grid-template-columns:minmax(0,1.15fr) minmax(300px,1fr);gap:22px;display:grid}.csv-lp-tool .cl-col{flex-direction:column;gap:14px;min-width:0;display:flex}.csv-lp-tool .cl-split{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;display:grid}.csv-lp-tool .cl-field{flex-direction:column;min-width:0;display:flex}.csv-lp-tool .cl-label,.csv-lp-tool .cl-legend{margin-bottom:6px;padding:0;font-family:Space Grotesk,Inter,sans-serif;font-size:16px;font-weight:600}.csv-lp-tool .cl-help{color:var(--cl-muted);margin:6px 0 0;font-size:14.5px}.csv-lp-tool .cl-help--tight{margin-top:10px}.csv-lp-tool .cl-hint{color:var(--cl-muted);font-size:13px}.csv-lp-tool .cl-input,.csv-lp-tool .cl-select,.csv-lp-tool .cl-textarea,.csv-lp-tool .cl-output{width:100%;color:var(--cl-text);background:var(--cl-surface);border:1px solid var(--cl-border);border-radius:10px;padding:10px 12px;font-family:inherit;font-size:15px}.csv-lp-tool .cl-select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 18px) calc(50% + 2px),calc(100% - 13px) calc(50% + 2px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:34px}.csv-lp-tool .cl-textarea{resize:vertical;font-variant-numeric:tabular-nums;min-height:220px}.csv-lp-tool .cl-output{resize:vertical;white-space:pre;overflow-wrap:normal;font-variant-numeric:tabular-nums;background:var(--cl-surface-2);min-height:260px;overflow-x:auto}.csv-lp-tool .cl-input:focus-visible,.csv-lp-tool .cl-select:focus-visible,.csv-lp-tool .cl-textarea:focus-visible,.csv-lp-tool .cl-output:focus-visible,.csv-lp-tool .cl-button:focus-visible,.csv-lp-tool .cl-check input:focus-visible,.csv-lp-tool .cl-file-label:focus-visible{outline:2px solid var(--cl-accent);outline-offset:2px}.csv-lp-tool .cl-drop{border:1px dashed var(--cl-border);border-radius:var(--cl-radius);background:var(--cl-surface-2);padding:12px;transition:border-color .15s,background .15s}.csv-lp-tool .cl-drop.cl-drop--active{border-color:var(--cl-accent);background:var(--cl-accent-soft)}.csv-lp-tool .cl-drop .cl-textarea{background:var(--cl-surface)}.csv-lp-tool .cl-drop-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px;display:flex}.csv-lp-tool .cl-file-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.csv-lp-tool .cl-file-label{border:1.5px solid var(--cl-border);cursor:pointer;border-radius:999px;padding:8px 18px;font-family:Space Grotesk,Inter,sans-serif;font-size:14px;font-weight:600;display:inline-block}.csv-lp-tool .cl-file-label:hover{border-color:var(--cl-accent);color:var(--cl-accent)}.csv-lp-tool .cl-file-name{color:var(--cl-muted);overflow-wrap:anywhere;min-width:0;font-size:13px}.csv-lp-tool .cl-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.csv-lp-tool .cl-checks{flex-direction:column;gap:8px;margin-top:4px;display:flex}.csv-lp-tool .cl-check{cursor:pointer;align-items:flex-start;gap:9px;font-size:14.5px;display:flex}.csv-lp-tool .cl-check input{accent-color:var(--cl-action);flex:none;width:16px;height:16px;margin:4px 0 0}.csv-lp-tool .cl-fieldset{border:1px solid var(--cl-border);border-radius:var(--cl-radius);background:var(--cl-surface-2);margin:22px 0 0;padding:16px 18px 18px}.csv-lp-tool .cl-tag-list{flex-wrap:wrap;gap:8px 18px;margin-top:12px;display:flex}.csv-lp-tool .cl-tag-list .cl-check{border:1px solid var(--cl-border);background:var(--cl-surface);border-radius:999px;align-items:center;padding:5px 12px}.csv-lp-tool .cl-tag-list .cl-check input{margin:0}.csv-lp-tool .cl-tag-list .cl-check--locked{opacity:.55;cursor:not-allowed}.csv-lp-tool .cl-fields{color:var(--cl-text);font-family:Space Grotesk,Inter,sans-serif;font-weight:600}.csv-lp-tool .cl-error{border-left:3px solid var(--cl-danger);background:var(--cl-accent-soft);color:var(--cl-text);border-radius:4px;margin:18px 0 0;padding:12px 14px;font-size:14.5px}.csv-lp-tool .cl-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:20px;display:flex}.csv-lp-tool .cl-button{border:1.5px solid var(--cl-action);background:var(--cl-action);color:var(--cl-on-action);cursor:pointer;border-radius:999px;padding:11px 24px;font-family:Space Grotesk,Inter,sans-serif;font-size:15px;font-weight:600;transition:transform .15s,box-shadow .15s,background .15s}.csv-lp-tool .cl-button:hover{background:var(--cl-action-hover);border-color:var(--cl-action-hover);box-shadow:var(--cl-shadow);transform:translateY(-2px)}.csv-lp-tool .cl-button--ghost{color:var(--cl-text);border-color:var(--cl-border);background:0 0}.csv-lp-tool .cl-button--ghost:hover{border-color:var(--cl-accent);color:var(--cl-accent);background:0 0}.csv-lp-tool .cl-results{flex-direction:column;gap:18px;display:flex}.csv-lp-tool .cl-card{background:var(--cl-surface);border:1px solid var(--cl-border);border-radius:var(--cl-radius);box-shadow:var(--cl-shadow);padding:20px 22px}.csv-lp-tool .cl-card-title{margin:0;font-family:Space Grotesk,Inter,sans-serif;font-size:20px;font-weight:600}.csv-lp-tool .cl-output-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:12px;display:flex}.csv-lp-tool .cl-output-meta{color:var(--cl-muted);font-size:13px}.csv-lp-tool .cl-stats-list,.csv-lp-tool .cl-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin:0;display:grid}.csv-lp-tool .cl-stat{border:1px solid var(--cl-border);background:var(--cl-surface-2);border-radius:10px;padding:10px 12px}.csv-lp-tool .cl-stat dt{color:var(--cl-muted);margin:0 0 2px;font-size:13px}.csv-lp-tool .cl-stat dd{font-variant-numeric:tabular-nums;margin:0;font-family:Space Grotesk,Inter,sans-serif;font-size:20px;font-weight:600}.csv-lp-tool .cl-summary{color:var(--cl-muted);margin:14px 0 0;font-size:14.5px}.csv-lp-tool .cl-warning-list{color:var(--cl-text);margin:12px 0 0;padding-left:20px;font-size:14.5px}.csv-lp-tool .cl-warning-list li{margin-bottom:6px}.csv-lp-tool .cl-copy-status{color:var(--cl-muted);font-size:13px}.csv-lp-tool .cl-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.csv-lp-tool .cl-prose{max-width:780px;margin-top:44px}.csv-lp-tool .cl-prose h2{margin:38px 0 12px;font-family:Space Grotesk,Inter,sans-serif;font-size:26px;font-weight:600;line-height:1.2}.csv-lp-tool .cl-prose h3{margin:26px 0 8px;font-family:Space Grotesk,Inter,sans-serif;font-size:19px;font-weight:600}.csv-lp-tool .cl-prose p,.csv-lp-tool .cl-prose li{font-size:17px}.csv-lp-tool .cl-prose ul,.csv-lp-tool .cl-prose ol{padding-left:22px}.csv-lp-tool .cl-prose li{margin-bottom:8px}.csv-lp-tool .cl-prose a{color:var(--cl-accent)}.csv-lp-tool .cl-prose code{font-variant-numeric:tabular-nums;background:var(--cl-accent-soft);border-radius:4px;padding:2px 5px;font-family:inherit;font-size:15px}.csv-lp-tool .cl-code{background:var(--cl-surface);border:1px solid var(--cl-border);border-radius:var(--cl-radius);font-variant-numeric:tabular-nums;white-space:pre;margin:16px 0;padding:14px 16px;font-family:inherit;font-size:14px;line-height:1.7;overflow-x:auto}.csv-lp-tool .cl-table-wrap{border:1px solid var(--cl-border);border-radius:var(--cl-radius);background:var(--cl-surface);margin:16px 0;overflow-x:auto}.csv-lp-tool .cl-table{border-collapse:collapse;width:100%;min-width:520px}.csv-lp-tool .cl-table th,.csv-lp-tool .cl-table td{text-align:left;border-bottom:1px solid var(--cl-border);padding:11px 13px;font-size:15px}.csv-lp-tool .cl-table thead th{color:var(--cl-accent);background:var(--cl-surface-2);font-family:Space Grotesk,Inter,sans-serif;font-weight:600}.csv-lp-tool .cl-table tbody tr:nth-child(2n){background:var(--cl-surface-2)}.csv-lp-tool .cl-table tbody tr:last-child th,.csv-lp-tool .cl-table tbody tr:last-child td{border-bottom:0}@media (width<=900px){.csv-lp-tool .cl-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=760px){.csv-lp-tool{padding:24px 0 48px}.csv-lp-tool .cl-wrap{padding:0 20px}.csv-lp-tool .cl-form,.csv-lp-tool .cl-card{padding:16px}.csv-lp-tool .cl-actions .cl-button{flex:auto}}
