:root{--bg: #f0fcff;--surface: #ffffff;--surface-2: #fafafa;--surface-3: #f0f1f4;--text: #111827;--muted: #6b7280;--border: rgba(15, 23, 42, .09);--accent: #355c9b;--accent-soft: rgba(53, 92, 155, .12);--warning: #d97706;--danger: #dc2626;--success: #16a34a;--radius-sm: 14px;--radius: 22px;--space-1: 8px;--space-2: 12px;--space-3: 16px;--space-4: 24px;--shadow: 0 18px 50px rgba(15, 23, 42, .06);color-scheme:light;font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:linear-gradient(180deg,#f8feff 0%,var(--bg) 100%);color:var(--text)}body{min-height:100vh;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}.csv-shell{max-width:1600px;margin:0 auto;padding:24px;display:grid;gap:24px;overflow-x:hidden}.csv-header{min-height:96px;display:flex;align-items:center;justify-content:center;gap:20px;padding:8px 0 6px;background:transparent;border:0;border-radius:0;box-shadow:none}.csv-brand-logo{width:auto;max-width:min(100%,300px);height:92px;display:block}.csv-header h1,.dropzone-copy h1,.panel-heading h2,.preview-card h2{margin:10px 0 6px}.csv-header p,.dropzone-copy p,.panel-heading p,.preview-footer,.field-note{margin:0;color:var(--muted);line-height:1.6}.dropzone-card,.panel-card,.preview-card,.toolbar-section{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow)}.dropzone-card{padding:40px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr);gap:28px;align-items:center}.dropzone-copy{display:grid;align-content:start;gap:18px;max-width:520px;padding-top:0;padding-right:18px}.dropzone-copy h1{margin:0;max-width:13ch;font-size:clamp(3rem,5vw,5.15rem);line-height:.95;letter-spacing:-.05em}.dropzone-copy p{margin:0;max-width:34rem;font-size:1.15rem;line-height:1.7}.dropzone-area{min-height:408px;padding:30px 30px 22px;border:1.5px dashed rgba(53,92,155,.24);border-radius:34px;background:radial-gradient(circle at top right,rgba(53,92,155,.1),transparent 38%),linear-gradient(180deg,#fff,#f8fbff);display:grid;align-items:center;justify-items:center;align-content:center;gap:18px;text-align:center;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.dropzone-area.is-dragging,.dropzone-area:hover,.dropzone-area:focus-visible{border-color:#355c9b7a;transform:translateY(-2px);box-shadow:0 24px 50px #355c9b1f}.dropzone-icon{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:2.2rem;font-weight:500}.dropzone-area strong{max-width:16ch;font-size:clamp(1.8rem,2.4vw,2.5rem);line-height:1.02;letter-spacing:-.04em}.dropzone-area span{max-width:26rem;font-size:1.02rem;line-height:1.7}.encoding-row{grid-column:1 / -1;display:grid;gap:14px;margin-top:10px}.field-block{display:grid;gap:8px}.field-block span{font-size:.92rem;font-weight:600}.field-note{font-size:.92rem;margin-top:4px}input,select{width:100%;min-width:0;border:1px solid var(--border);border-radius:14px;padding:12px 14px;background:#fff;color:var(--text)}.app-layout{display:grid;grid-template-columns:minmax(380px,460px) minmax(0,1fr);grid-template-areas:"panel preview";gap:16px;min-height:calc(100vh - 180px);min-width:0}.panel-column{grid-area:panel;display:grid;gap:16px;min-height:0;min-width:0;overflow-x:hidden;align-content:start}.panel-workbench{display:grid;gap:16px;padding:18px;border:1px solid var(--border);background:linear-gradient(180deg,#355c9b0d,#355c9b00),var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);min-height:0}.tab-nav{display:flex;flex-wrap:wrap;gap:10px;padding:8px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(180deg,#fbfdff,#f5f9ff);overflow-x:auto}.tab-nav button,.toggle-row button,.inline-actions button,.panel-footer button,.toolbar-section button,.mini-dropzone,.list-chip{border:1px solid var(--border);border-radius:14px;background:#fff;color:var(--text)}.tab-nav button,.toggle-row button,.inline-actions button,.panel-footer button,.toolbar-section button{padding:11px 14px}.tab-nav button{flex:1 1 140px;min-height:48px;font-weight:700}.tab-nav button.is-active,.toggle-row button.is-active,.primary-button{background:var(--accent);color:#fff;border-color:transparent}.tab-content{min-height:0;overflow-y:auto;overflow-x:hidden;display:grid;min-width:0}.panel-card,.preview-card{padding:18px}.panel-card{display:grid;gap:18px;min-width:0;overflow:hidden;border:1px solid rgba(53,92,155,.1);background:linear-gradient(180deg,#355c9b05,#fff0),var(--surface)}.dual-panel,.sub-panel{display:grid;gap:16px}.panel-heading,.panel-footer,.toolbar-section,.inline-actions,.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.panel-heading>div{display:grid;gap:6px;min-width:0;flex:1 1 220px}.inline-actions{justify-content:flex-start;gap:14px;flex:1 1 100%}.inline-actions button{flex:0 1 auto}.inline-actions button,.panel-footer button,.toggle-row button,.toolbar-section button{min-height:46px}.stack-list,.checkbox-grid,.detail-list{display:grid;gap:16px;min-width:0}.column-row,.rule-card{display:grid;gap:14px;padding:18px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(180deg,#ffffffeb,#f8fbfff5),var(--surface-2)}.column-row{grid-template-columns:minmax(56px,72px) minmax(0,1fr);align-items:start;min-width:0}.checkbox-field,.checkbox-line{display:flex;align-items:center;gap:10px}.checkbox-line span{min-width:0}.column-edit{display:grid;gap:10px;min-width:0}.column-edit strong{display:block;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.danger-text-button{width:40px;height:40px;border:1px solid rgba(220,38,38,.15);border-radius:12px;background:#dc26260d;color:var(--danger)}.panel-footer{margin-top:4px}.dedupe-grid{grid-template-columns:1fr;gap:10px}.dedupe-item{width:100%;display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);line-height:1.4;gap:12px}.dedupe-item span{display:block;min-width:0;text-align:left;overflow-wrap:anywhere;word-break:break-word}.preview-section{grid-area:preview;display:grid;gap:16px;align-content:start;min-width:0;overflow:auto}.muted-chip{padding:8px 12px;border-radius:999px;background:var(--surface-3);color:var(--muted);font-size:.9rem;font-weight:600}.table-shell{margin-top:8px;max-height:100%;overflow:auto;border:1px solid var(--border);border-radius:16px}.preview-table{width:100%;border-collapse:collapse;font-size:.95rem}.preview-table thead th{position:sticky;top:0;background:#f7f8fa;z-index:1}.preview-table th,.preview-table td{padding:10px 12px;border-bottom:1px solid var(--border);text-align:left;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-table .is-highlighted{background:#355c9b14}.json-shell{margin-top:8px;max-height:420px;overflow:auto;border:1px solid var(--border);border-radius:16px;background:#0f172a}.json-preview{margin:0;padding:18px;color:#dbeafe;font-size:.9rem;line-height:1.6;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;white-space:pre-wrap;word-break:break-word}.preview-footer{padding-top:12px}.toolbar-select{display:flex;align-items:center;gap:10px;color:var(--muted)}.toolbar-select span{font-weight:600}.toolbar-section{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 20px;padding:16px 18px}.toolbar-group,.toolbar-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.toolbar-actions{justify-content:flex-end}.toolbar-select{padding:10px 12px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(180deg,#fff,#f8fbff)}.toolbar-select select{min-width:240px}.compact-list{grid-template-columns:1fr}.list-chip,.mini-dropzone{padding:12px 14px}.list-chip{width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-chip.is-active{background:var(--accent-soft);border-color:#355c9b2e}.mini-dropzone{display:grid;gap:4px;text-align:left}.mini-dropzone input{display:none}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);padding:12px 18px;border-radius:999px;background:#111827eb;color:#fff;box-shadow:0 18px 40px #0f172a2e;z-index:20}@media (max-width: 1180px){.dropzone-card,.app-layout{grid-template-columns:1fr}.app-layout{grid-template-areas:"panel" "preview"}.compact-list{grid-template-columns:1fr}}@media (max-width: 760px){.csv-shell{padding:16px}.tab-nav{flex-wrap:nowrap;overflow-x:auto}.toolbar-section,.panel-footer,.inline-actions,.toggle-row{align-items:stretch;flex-direction:column}.toolbar-section button,.panel-footer button,.inline-actions button,.toggle-row button{width:100%}.toolbar-group,.toolbar-actions{width:100%;justify-content:stretch}.toolbar-select{width:100%}.toolbar-select select{min-width:0}.tab-nav button{flex:0 0 auto;min-width:136px}}