.csv-dev-page{max-width:1100px;margin:0 auto;padding:42px 24px 72px}
.csv-dev-hero{max-width:790px;margin:0 auto 26px;text-align:center}
.csv-dev-hero .eyebrow{display:inline-flex;padding:7px 12px;border:1px solid rgba(16,185,149,.25);border-radius:999px;color:#0b9679;font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.csv-dev-hero h1{margin:14px 0 10px;font-size:clamp(32px,5vw,48px);line-height:1.08}
.csv-dev-hero p{max-width:690px;margin:0 auto;color:#5d6b7d;font-size:17px;line-height:1.65}
.csv-dev-panel{max-width:900px;margin:0 auto 34px;padding:24px;border:1px solid #dce4ec;border-radius:20px;background:#fff;box-shadow:0 14px 40px rgba(14,34,55,.07)}
.csv-dev-panel label{display:block;font-size:14px;font-weight:700}
.csv-dev-panel input[type=file],.csv-dev-panel input[type=text]{display:block;width:100%;margin-top:8px;padding:12px 14px;border:1px solid #cfd8e3;border-radius:10px;background:#fff;color:#17212e;font:inherit}
.dev-check{display:flex!important;align-items:center;gap:8px;margin:14px 0!important}
.dev-check input{width:16px;height:16px}
.csv-dev-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.csv-dev-actions button{min-height:42px;padding:0 18px;border:0;border-radius:10px;font:inherit;font-weight:750;cursor:pointer}
.csv-dev-actions .viewer-primary{color:#06251a}
.csv-dev-actions .viewer-download{background:#e8eef3;color:#233447}
.csv-dev-actions button:disabled{opacity:.5;cursor:not-allowed}
#devStatus{min-height:20px;margin:12px 0 0;color:#53657a;font-size:14px}
#devStatus.is-error{color:#b42318}
#devPreview{max-height:520px;overflow:auto;padding:16px;border-radius:12px;background:#101922;color:#d9f2e9;white-space:pre;overflow:auto;font:13px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}
.csv-dev-guide{max-width:850px;margin:0 auto;padding:8px 4px;color:#475569;line-height:1.75}
.csv-dev-guide h2{margin:26px 0 8px;color:#17212e;font-size:22px}
.csv-dev-guide a{color:#078b71;font-weight:700}
body.dark .csv-dev-hero p,body.dark .csv-dev-guide{color:#aebbb7}
body.dark .csv-dev-panel{background:#111a22;border-color:#28343d}
body.dark .csv-dev-panel input[type=file],body.dark .csv-dev-panel input[type=text]{background:#0b1218;border-color:#34434d;color:#edf5f2}
body.dark .csv-dev-guide h2{color:#edf5f2}
body.dark .csv-dev-actions .viewer-download{background:#24313a;color:#dce8e2}
@media(max-width:700px){.csv-dev-page{padding:30px 15px 52px}.csv-dev-panel{padding:17px}.csv-dev-actions button{width:100%}.csv-dev-hero p{font-size:15px}}
body.dark .csv-dev-hero .eyebrow{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,var(--line));background:var(--accent-soft)}body.dark .csv-dev-panel{border-color:var(--line);background:var(--surface);box-shadow:var(--shadow)}body.dark .csv-dev-panel label{color:var(--text)}body.dark .csv-dev-panel input[type=file],body.dark .csv-dev-panel input[type=text]{border-color:var(--line);background:var(--bg);color:var(--text)}body.dark .csv-dev-actions .viewer-download{border:1px solid var(--line);background:var(--soft);color:var(--text)}body.dark #devStatus{color:var(--muted)}body.dark #devStatus.is-error{color:#ff8585}body.dark .csv-dev-guide{color:var(--muted)}body.dark .csv-dev-guide h2{color:var(--text)}body.dark .csv-dev-guide a{color:var(--accent)}.dev-guide-kicker{color:var(--accent);font-size:10px;font-weight:850;letter-spacing:1.2px;text-transform:uppercase}.csv-dev-guide h2{line-height:1.35}.csv-dev-guide p{margin:0 0 12px}.csv-dev-guide code{color:var(--text)}.csv-dev-guide details{margin:8px 0;padding:12px 14px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.csv-dev-guide summary{color:var(--text);font-weight:700;cursor:pointer}.csv-dev-guide details p{margin:8px 0 0}