:root{--bg:#f6f5f4;--surface:#fff;--ink:#252823;--muted:#656962;--line:#dfe3dc;--accent:#21634c;--accent-hover:#164b38;--tint:#edf5ef;--error:#a12f2f;--error-bg:#fff1ef;--warning:#865d17;--warning-bg:#fff7df;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s10:40px;--small:12px;--body:14px;--section:18px;--title:28px;--radius:6px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:var(--body)/1.6 -apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;font-variant-numeric:tabular-nums}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a,select{transition:background-color 120ms,color 120ms,border-color 120ms}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:active:not(:disabled){transform:translateY(1px)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}
.sidebar{position:fixed;inset:0 auto 0 0;width:200px;padding:var(--s8) var(--s5);background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{font-size:var(--title);font-weight:800;letter-spacing:2px;color:var(--accent)}.brand span{display:block;font-size:var(--small);letter-spacing:0;color:var(--muted);font-weight:500}.nav-label{font-size:var(--small);color:var(--muted);margin:var(--s10) var(--s3) var(--s3)}.nav-item{padding:var(--s3);border-radius:var(--radius);font-weight:600;margin-bottom:var(--s1)}.nav-item:hover{background:var(--bg)}.nav-item.active{background:var(--tint);color:var(--accent)}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:var(--s6);font-size:var(--small);color:var(--muted)}.sidebar-bottom strong{display:block;font-size:var(--body);color:var(--ink);margin-top:var(--s2)}.sidebar-bottom a{text-decoration:underline}main{margin-left:200px;min-width:0}.topbar{height:64px;background:var(--surface);border-bottom:1px solid var(--line);padding:0 var(--s8);display:flex;align-items:center;justify-content:space-between;font-size:var(--small)}.slash{margin:0 var(--s3);color:var(--muted)}.pill{background:var(--tint);color:var(--accent);padding:var(--s1) var(--s3);border-radius:var(--s10);font-weight:600}.page{max-width:1600px;margin:auto;padding:var(--s8)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--s6);margin-bottom:var(--s8)}.overline{font-size:var(--small);letter-spacing:1px;color:var(--muted);margin:0 0 var(--s2)}h1{font-size:var(--title);line-height:1.3;margin:0;letter-spacing:-.8px}h2{font-size:var(--section);margin:0;display:flex;align-items:center;gap:var(--s3)}h3{font-size:var(--section);margin:0}.muted{color:var(--muted)}p{margin:var(--s2) 0 0}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--s2);padding:var(--s6);margin-bottom:var(--s5);min-width:0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--s4);margin-bottom:var(--s5)}.step{font-size:var(--small);color:var(--accent);background:var(--tint);width:28px;height:28px;display:inline-grid;place-items:center;border-radius:var(--radius)}.count{font-size:var(--small);background:var(--bg);padding:var(--s1) var(--s2);border-radius:var(--s1)}.button{min-height:40px;border:1px solid transparent;border-radius:var(--radius);padding:var(--s2) var(--s4);font-weight:600;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.primary{background:var(--accent);color:var(--surface)}.primary:hover:not(:disabled){background:var(--accent-hover)}.secondary{background:var(--surface);border-color:var(--line)}.secondary:hover:not(:disabled){background:var(--bg)}.ghost{background:transparent;color:var(--muted)}.ghost:hover:not(:disabled){background:var(--bg)}.actions{display:flex;gap:var(--s2);flex-wrap:wrap}.segmented{display:flex;background:var(--bg);padding:var(--s1);border-radius:var(--radius)}.segmented button{padding:var(--s2) var(--s4);background:transparent;border:0;border-radius:var(--s1);color:var(--muted)}.segmented button[aria-selected=true]{background:var(--surface);color:var(--accent);font-weight:700}.upload-zone{position:relative;min-height:156px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--s2);border:1px dashed var(--line);border-radius:var(--radius);background:var(--bg);cursor:pointer;text-align:center;padding:var(--s6)}.upload-zone:hover,.upload-zone.dragover,.upload-zone:focus-within{border-color:var(--accent);background:var(--tint)}.upload-zone>span:not(.file-glyph){color:var(--muted);font-size:var(--small)}.file-glyph{font-size:var(--small);font-weight:700;color:var(--accent);border:1px solid var(--accent);padding:var(--s1) var(--s2);border-radius:var(--s1)}.upload-zone input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.fields{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--s3)}label{font-size:var(--small);font-weight:600;display:flex;flex-direction:column;gap:var(--s2)}input,select{width:100%;height:40px;padding:var(--s2) var(--s3);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);min-width:0}input:read-only,select:disabled{background:var(--bg);color:var(--muted)}.mapping-toolbar{display:flex;align-items:end;gap:var(--s4);margin:var(--s5) 0}.mapping-toolbar label{min-width:140px}.mapping-fields{grid-template-columns:repeat(4,minmax(0,1fr))}.mapping-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--s4);margin-top:var(--s5)}details{margin-top:var(--s4)}summary{cursor:pointer;color:var(--muted);padding:var(--s2) 0}.empty{padding:var(--s10) var(--s5);text-align:center;color:var(--muted)}.empty strong{display:block;color:var(--ink)}.empty.compact{padding:var(--s5)}.empty p{font-size:var(--small)}.text-button{border:0;background:transparent;padding:var(--s3);color:var(--accent);font-size:var(--small);text-decoration:underline}.table-scroll{width:100%;overflow:auto;max-height:520px}table{border-collapse:collapse;width:100%;font-size:var(--body);text-align:left}th,td{border-bottom:1px solid var(--line);padding:var(--s3);vertical-align:top}th{background:var(--bg);color:var(--muted);font-size:var(--small);font-weight:600;white-space:nowrap}td{overflow-wrap:anywhere}.queue-table{min-width:640px}.queue-table td:nth-child(2){min-width:230px}.queue-table tr.selected{background:var(--tint)}.row-button{padding:0;border:0;background:transparent;text-align:left;color:var(--ink);font-weight:500;text-decoration:underline;text-underline-offset:3px}.row-action{border:0;background:transparent;color:var(--muted);padding:var(--s1) var(--s2)}.badge{font-size:var(--small);border-radius:var(--s1);padding:var(--s1) var(--s2);white-space:nowrap;background:var(--bg);display:inline-block}.badge.success,.badge.running{color:var(--accent);background:var(--tint)}.badge.partial{color:var(--warning);background:var(--warning-bg)}.badge.error{color:var(--error);background:var(--error-bg)}.row-error{color:var(--error);font-size:var(--small);margin-top:var(--s1);max-width:380px}.notice{padding:var(--s3) var(--s4);margin-bottom:var(--s5);background:var(--tint);border:1px solid var(--line);border-radius:var(--radius);color:var(--accent);white-space:pre-wrap}.notice.error{color:var(--error);background:var(--error-bg)}.progress-copy{display:flex;justify-content:space-between;margin-top:var(--s5);font-size:var(--small);color:var(--muted)}progress{width:100%;height:8px;accent-color:var(--accent)}.result-header{display:flex;justify-content:space-between;gap:var(--s5);align-items:center;padding:var(--s4) 0 var(--s5)}.result-header .muted{font-size:var(--small)}.text-link{font-size:var(--small);color:var(--accent);white-space:nowrap}.result-tabs{display:flex;gap:var(--s5);overflow-x:auto;border-bottom:1px solid var(--line);margin-bottom:var(--s5)}.result-tabs button{white-space:nowrap;border:0;border-bottom:2px solid transparent;background:transparent;padding:var(--s3) var(--s1);color:var(--muted)}.result-tabs button[aria-selected=true]{border-bottom-color:var(--accent);color:var(--accent);font-weight:700}.source-table{margin:var(--s5) 0}.source-table table{min-width:560px}.source-table th,.source-table td{border:1px solid var(--line)}caption{text-align:left;font-weight:600;padding:var(--s3) 0;color:var(--ink)}.empty-lines{width:64px;margin:0 auto var(--s5);border:1px solid var(--line);padding:var(--s3);border-radius:var(--radius)}.empty-lines i{display:block;height:4px;background:var(--line);margin:var(--s2) 0}.empty-lines i:last-child{width:65%}footer{color:var(--muted);font-size:var(--small);padding:var(--s2) var(--s1) var(--s6)}
@media(max-width:1200px){.fields{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1024px){.sidebar{display:none}main{margin:0}.page{padding:var(--s6)}}@media(max-width:768px){.page{padding:var(--s4)}.topbar{padding:0 var(--s4)}.page-heading,.section-heading{align-items:flex-start;flex-direction:column;gap:var(--s4)}.page-heading .button{align-self:flex-start}h1{font-size:24px}.panel{padding:var(--s4)}.fields,.mapping-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.mapping-toolbar{flex-wrap:wrap}.mapping-footer{flex-direction:column;align-items:stretch}.mapping-footer .button{align-self:flex-end}.result-header{align-items:flex-start;flex-direction:column}.actions{width:100%}.section-heading>.actions .primary{margin-left:auto}.upload-zone{padding:var(--s4)}.result-tabs{gap:var(--s4)}.empty{padding:var(--s8) var(--s2)}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.example-row{margin:var(--s4) 0 0}.example-row label{min-width:220px}.example-row .button{height:40px}.example-row p{margin:0;flex:1 1 240px}
.row-warning{color:var(--warning);font-size:var(--small);margin-top:var(--s1);max-width:380px}.notice.warning{color:var(--warning);background:var(--warning-bg)}