:root{--paper:#f4f7fb;--surface:#fff;--ink:#162238;--muted:#6a7b92;--line:#e0e7f1;--accent:#315df4;--green:#14795c;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif}
body{font-size:14px;background:var(--paper);color:var(--ink)}
.topbar{height:72px;padding:0 30px;gap:30px;box-shadow:0 1px 0 #e2e8f0;border:0}.brand{font-size:21px;letter-spacing:-.7px;font-weight:650}.brand i{font-family:inherit;font-size:19px;color:#8190a8}.brand-icon{background:#162d64;font-family:var(--sans);font-size:23px;font-weight:650;letter-spacing:-4px;border-radius:9px}.brand-icon span{color:#7ad7f5}.top-context{font-size:11px;color:#7c8ca5;letter-spacing:1.2px;border-color:#e5eaf3}.local-badge{font-size:12px;color:#54667d;background:#f2f6fc;padding:6px 10px;border-radius:20px}.local-badge span{width:6px;height:6px}
.workspace{max-width:1600px;grid-template-columns:238px minmax(0,1fr);min-height:calc(100vh - 72px)}.sidebar{background:#fff;padding:30px 22px 24px;border-right:1px solid var(--line)}.sidebar-label{font-size:10px;color:#8190a8;letter-spacing:1.3px;margin-bottom:12px}.sidebar-current{font-size:12px;background:#edf2ff;border:1px solid #e2e9fd;color:#2d4ab0;padding:10px;border-radius:7px;gap:8px;margin-bottom:28px}.tiny-grid{font-size:19px;color:#456cf0}.nav-count{font-size:10px;color:#8191bf}.file-section h2{font-size:14px;font-weight:600;margin-bottom:12px}.dropzone{min-height:140px;border:1px dashed #b8c9e3;background:#f8faff;border-radius:8px;gap:3px}.dropzone:hover,.dropzone.dragging{background:#eff4ff;border-color:#6585ec}.upload-icon{font-size:28px;color:#496cb8}.dropzone strong{font-size:13px;color:#274b8e}.dropzone span:not(.upload-icon){font-size:12px;color:#7a8ea9}.dropzone small{font-size:10px;color:#8495ac;margin-top:8px}.current-file{font-size:11px;color:#687e9d;margin:10px 0 22px;line-height:1.5}.field-label{font-size:12px;font-weight:550;margin-bottom:8px}select{font-size:12px;padding:11px 26px 11px 10px;background:#fff;border-color:#d4deed;border-radius:6px;min-height:39px}.field-help{font-size:11px;line-height:1.65;color:#8490a5;margin:9px 0 20px}.sample-actions{padding:12px 0;border-color:#e7ecf4}.sample-actions .text-button{font-size:12px;padding:9px 0;color:#516985}.sample-actions .text-button span{color:#8d9db7}.paste-section{margin-top:16px;font-size:12px;color:#5f7391}.paste-section textarea{font-size:11px;border-color:#dce4f0;padding:10px}.privacy-note{font-size:11px;padding-top:30px;color:#8492a6}.privacy-note>span{font-size:21px;color:#8c9bb4}.privacy-note strong{font-size:12px;color:#4c6484}.privacy-note p{max-width:190px;font-size:11px;line-height:1.65}.reset-button{font-size:11px;color:#8391a7;margin-top:14px}
.main-panel{padding:30px 30px 24px;min-width:0}.page-heading{margin-bottom:22px;gap:18px}.page-heading .eyebrow{font-size:10px;letter-spacing:1.5px;color:#6884b2;margin-bottom:9px}.page-heading h1{font-family:var(--sans);font-size:32px;font-weight:620;letter-spacing:-1.1px;line-height:1.2}.page-heading h1>span{display:none}.subtitle{font-size:13px;margin-top:10px;color:#7b8aa2}.guide-button{font-size:12px;background:#fff;border:1px solid #e0e7f2;padding:8px 11px;border-radius:6px;gap:8px}.guide-button span{width:15px;height:15px;line-height:13px;font-size:9px;border-color:#b3c1d7;color:#7083a1}
.workspace-actions{margin:0 0 12px;gap:20px}.workspace-actions .text-button{font-size:11px;color:#7b8ca6;padding:5px 0}.file-heading{gap:12px}.file-heading strong{font-size:13px;color:#32455f}.file-type{font-size:9px;color:#52719e;border-color:#c7d8ee;background:#f4f8fe;border-radius:4px;padding:3px 5px}.file-size,.subtle{font-size:11px;color:#90a0b5}.example-badge{font-size:10px;background:#edf2fa;color:#6680a5;padding:4px 8px;border-radius:4px}.sample-note{font-size:11px;color:#8a98ab;line-height:1.6;margin:9px 0 13px;max-width:900px}.sample-note a{color:#6c84a6}.mapping-status{background:#fff9ed;color:#926c29;border-color:#f1e3c4;font-size:12px;padding:9px 12px;margin:14px 0;border-radius:7px;gap:10px}.mapping-status.confirmed{background:#f0faf5;color:#326b53;border-color:#d7ede2}.mapping-status .text-button{font-size:11px;color:#5c7797;padding:2px 0}
.summary-strip{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 2px 4px #163c7003;padding:16px 0;margin:18px 0 20px}.summary-stat{padding:0 15px;border-right-color:#e8edf5;gap:7px;min-width:0}.summary-stat:first-child{padding-left:17px}.summary-stat b{font-size:23px;color:#273c59!important;font-weight:550;letter-spacing:-.8px}.summary-stat span{font-size:11px;color:#8795aa}
.review-grid{grid-template-columns:minmax(0,1fr) 268px;gap:20px}.review-main{background:white;border:1px solid var(--line);border-radius:9px;box-shadow:0 4px 16px #21396004;padding:0 18px 18px;min-width:0}.tabs{gap:18px;overflow-x:auto;overflow-y:hidden;border-bottom:1px solid #e6ecf5;padding-top:15px}.tabs button{font-size:12px;font-weight:450;padding:0 0 14px;color:#8392aa;min-height:34px;gap:6px}.tabs button[aria-selected=true]{border-bottom-color:#4268eb;color:#244899;font-weight:600}.tabs button span{font-size:10px;color:#6981ad;background:#edf2fc;border-radius:4px;padding:1px 5px}.panel-toolbar{padding:17px 0 14px;gap:8px}.toolbar-note{font-size:10px;color:#8797b0;line-height:1.6}.search-label{max-width:240px}.search-label input{font-size:11px;background:#f8faff;border-color:#e0e7f3;border-radius:6px;padding:9px 10px;min-height:35px}.filter{font-size:11px;color:#7b8fae;padding:6px 9px}.filter.active{background:#f0f4ff;border-color:#dce5fb;color:#4362ae}.mapping-intro{font-size:12px;line-height:1.75;color:#7d8da5;margin-bottom:16px}
.table-wrap{border-color:#e3eaf4;border-radius:6px;scrollbar-width:thin}.data-table{font-size:13px;min-width:560px}.data-table th{font-size:10px;font-weight:550;color:#7890b2;background:#f6f9fe;letter-spacing:.3px;padding:12px 11px;border-color:#e4ebf6}.data-table td{padding:14px 11px;border-color:#edf1f7;color:#5c708f;max-width:230px}.data-table td:first-child{font-size:10px;color:#9baac0}.data-table tr:hover td{background:#fbfcff}.data-table .mono{font-size:11px;line-height:1.5;color:#778da9}.data-table .row-product{font-size:12px;color:#364d6e;font-weight:550}.data-table .inherited{font-size:11px;color:#9ba9bc}.image-cell{font-size:10px!important;max-width:170px!important;min-width:150px;line-height:1.4}.record-origin{font-size:9px;color:#a8b5c7}.mapping-table{min-width:565px}.mapping-table td{font-size:12px}.mapping-table td.mono{font-size:11px;max-width:170px;color:#8b9bb2}.mapping-table select{font-size:11px;border-color:#dae4f2;min-width:178px;max-width:220px;min-height:36px;background:#fcfdff}.table-wrap:has(.mapping-table){max-height:395px}.pagination{font-size:10px;color:#8ea0b9;margin-top:14px;gap:10px}.pagination button{font-size:11px;border-color:#dce5f2;background:#fff;border-radius:5px;min-height:32px;padding:6px 10px}
.export-panel{background:#fff;border:1px solid var(--line);border-radius:9px;padding:21px 20px;box-shadow:0 4px 16px #21396004;position:sticky;top:24px}.step-label{font-size:10px;letter-spacing:1.25px;color:#7990b7;margin-bottom:9px}.export-panel h2{font-family:var(--sans);font-size:20px;font-weight:600;letter-spacing:-.5px;line-height:1.35;margin-bottom:12px}.export-panel>p{font-size:12px;color:#8797ae;line-height:1.75;margin-bottom:18px}.export-panel dl{font-size:12px;border-color:#e5edf7;padding:15px 0;gap:10px}.export-panel dt{color:#8a9db9}.export-panel dd{color:#435b7c;font-weight:600}.export-note{font-size:11px;line-height:1.8;color:#a78044;margin:16px 0}.export-note.ready{color:#5f9681}.button{font-size:12px;min-height:41px;border-radius:6px;padding:10px 12px;font-weight:550}.primary{background:#315df4;border-color:#315df4;color:#fff;box-shadow:0 3px 8px #315df418}.primary>span{color:#c9d8ff}.secondary{background:#fff;border-color:#dbe5f3;color:#627a9e}.button.wide{margin-bottom:9px}.export-panel .text-button{font-size:10px;border-color:#e7edf6;color:#879bb8;padding-bottom:12px;margin-bottom:9px}.export-panel .export-footnote{font-size:10px;color:#9aaac0;line-height:1.7;margin-bottom:18px}.audit-choice{font-size:10px;color:#8a9db7;border-color:#e4edf7}.coverage summary{font-size:11px;color:#7d91ae}.coverage p,.coverage ul{font-size:11px;color:#8d9cb2;line-height:1.75}.coverage a{font-size:10px;color:#647eab}
.check-row{font-size:11px;color:#7e91ad;line-height:1.7}.check-row input{accent-color:#315df4}.mapping-controls{border-color:#e6edf6;padding:15px 0}.mapping-extra{font-size:12px;border-color:#e5edf8}.mapping-extra summary{color:#6d83a4;font-weight:550}.mapping-extra p{font-size:11px;color:#8a9bb3;line-height:1.75}.field-grid label{font-size:12px;color:#6880a4}.field-grid input,.field-grid select{font-size:12px;border-color:#dce6f4;border-radius:6px;min-height:41px}.bulk-form{border-color:#e7edf7;padding:6px 0 20px}.batch-summary{font-size:13px}.batch-summary span{font-size:11px;color:#8a9db9}.mapping-extra textarea{font-size:11px;border-color:#dce6f4}.issue-list{gap:12px}.issue{border-color:#e2eaf5;border-radius:7px;padding:17px 16px;background:#fff}.issue-meta{font-size:10px;color:#90a0b6;gap:9px;margin-bottom:10px}.severity{font-size:9px;border-radius:4px;padding:3px 6px;background:#fff0eb;color:#b16950}.severity.warning{background:#fff7e7;color:#a78945}.severity.review{background:#eef3fb;color:#6d8bba}.issue h3{font-size:14px;color:#405979;font-weight:550}.issue p{font-size:12px;line-height:1.8;color:#8192ac;margin:8px 0 12px}.value-chip{font-size:11px;color:#7b90af;background:#f8faff;border-color:#e6edf7;border-radius:4px;padding:6px 8px;line-height:1.6}.value-new{background:#f0faf6;color:#6a9b87;border-color:#dfefe5}.value-arrow{color:#9aacc5}.fix-button{font-size:11px;border-radius:5px;padding:8px 11px;border-color:#dfe8f6;background:#f5f8ff;color:#6683b7;min-height:34px}.edit-controls input{font-size:12px;min-height:37px;border-color:#e1eaf6;border-radius:5px;padding:9px}.issue-source{font-size:9px;color:#9aaeca}.clean-state{background:#fbfdff;border-color:#e5edf7;padding:40px 25px;border-radius:7px}.clean-state h3{font-family:var(--sans);font-size:21px;font-weight:550;color:#4b6487;letter-spacing:-.5px}.clean-state p{font-size:12px;color:#8fa0b9;line-height:1.8}.clean-icon{border-color:#d8e9f3;color:#75a2be;background:#f2f9fe}.change{border-color:#e4ecf7;border-radius:7px;padding:17px}.change-label{font-size:9px;color:#9aacc5}.undo{font-size:10px;color:#6987ba}.notification{background:#f1f8ff;border-color:#dae9fb;color:#6d8bad;font-size:12px;border-radius:7px;padding:11px 13px;margin-bottom:15px}.error-banner{background:#fff3ef;border-color:#f1d9cf;color:#a87861;font-size:12px;border-radius:7px}
.workspace-footer{font-size:10px;border-color:#e1e8f4;color:#9cabc0;padding-top:18px;margin-top:25px}.workspace-footer a{color:#889cba}.empty-state{background:#fff;border-color:#d1def2;border-radius:9px}.empty-state h2{font-family:var(--sans);font-size:28px;font-weight:550;color:#436288}.empty-state p{font-size:13px;color:#8d9eba}dialog{background:#fff;border-color:#dce6f4;border-radius:10px;padding:34px}dialog h2{font-family:var(--sans);font-size:28px;font-weight:550;color:#456082;letter-spacing:-.7px}dialog li{font-size:13px;color:#657e9f}dialog li p{font-size:12px;color:#8d9eba}.chinese-help{font-size:12px;border-color:#e6edf8;color:#8fa0b9}.dialog-close{color:#a0b3ce}
@media(min-width:1500px){.main-panel{padding:36px}.review-grid{grid-template-columns:minmax(0,1fr) 285px}.export-panel{padding:24px}.data-table .row-product{font-size:13px}.data-table .mono{font-size:12px}}
@media(max-width:1170px){.workspace{grid-template-columns:220px minmax(0,1fr)}.sidebar{padding:28px 18px}.main-panel{padding:28px 24px}.review-grid{grid-template-columns:minmax(0,1fr)}.export-panel{position:static;display:block}.review-main{padding:0 18px 18px}.summary-stat{padding:0 12px}.summary-stat:first-child{padding-left:14px}}
@media(max-width:700px){.topbar{height:62px;padding:0 18px;gap:8px}.brand{font-size:19px;gap:9px}.brand-icon{height:31px;width:31px;border-radius:8px;font-size:21px}.top-context{display:none}.local-badge{font-size:9px;padding:5px 7px}.workspace{display:flex;min-height:0}.sidebar{padding:16px 18px;border-bottom:1px solid #e2eaf6;background:#fff}.sidebar-label,.sidebar-current,.file-section h2{display:none}.dropzone{min-height:87px;gap:0;border-radius:7px}.upload-icon{font-size:20px;margin-bottom:0}.dropzone strong{font-size:12px}.dropzone span:not(.upload-icon){font-size:10px}.dropzone small{font-size:8px;margin-top:3px}.file-section{gap:0 14px}.field-label{font-size:10px;margin-bottom:5px}#mode{font-size:11px;min-height:34px;padding:7px 22px 7px 8px}.field-help{font-size:9px;line-height:1.5;margin:5px 0 0}.current-file{font-size:9px;margin:7px 0 0}.sample-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border:0;padding-top:12px}.sample-actions .text-button{font-size:10px;padding:5px 0;line-height:1.4;gap:4px}.sample-actions .text-button span{display:none}.paste-section{margin-top:5px;font-size:10px}.paste-section summary{font-size:10px}.privacy-note{display:none}.reset-button{display:none}.main-panel{padding:22px 16px}.page-heading{margin-bottom:17px;gap:8px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.2px}.page-heading h1{font-size:27px;letter-spacing:-.9px}.subtitle{font-size:11px;line-height:1.6;max-width:245px;margin-top:8px}.guide-button{font-size:10px;padding:6px 7px;margin-top:21px}.guide-button span{display:none}.workspace-actions{justify-content:flex-end;gap:15px;margin-bottom:13px}.workspace-actions .text-button{font-size:9px}.file-heading strong{font-size:12px}.subtle{font-size:10px}.file-type{font-size:8px}.example-badge{font-size:9px}.sample-note{font-size:10px;line-height:1.6;margin:8px 0 11px}.mapping-status{font-size:11px;padding:8px 10px;margin:12px 0}.mapping-status .text-button{font-size:10px;white-space:nowrap}.summary-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:12px;padding:14px 0;border-radius:7px;margin:15px 0 17px}.summary-stat,.summary-stat:first-child,.summary-stat:nth-child(4),.summary-stat.review{padding:0 10px;border-right:1px solid #e8eef7;gap:6px;flex-wrap:wrap}.summary-stat:nth-child(3n){border-right:0}.summary-stat b{font-size:22px}.summary-stat span{font-size:9px;line-height:1.5}.review-main{padding:0 12px 15px;border-radius:8px}.tabs{gap:18px;padding-top:13px}.tabs button{font-size:11px;min-height:34px;padding:0 0 12px}.tabs button span{font-size:9px}.panel-toolbar{padding:13px 0 11px;gap:8px}.toolbar-note{font-size:9px}.search-label{max-width:none}.search-label input{font-size:11px;min-height:36px}.table-wrap{border-radius:5px}.data-table{min-width:560px;font-size:12px}.data-table th{font-size:10px;padding:11px 10px}.data-table td{padding:13px 10px}.data-table .row-product{font-size:12px}.data-table .mono{font-size:11px}.mapping-table{min-width:560px}.mapping-table td{font-size:12px}.mapping-table select{font-size:11px;min-height:37px}.table-wrap:has(.mapping-table){max-height:355px}.mapping-intro{font-size:11px;line-height:1.8}.check-row{font-size:11px;line-height:1.7}.mapping-extra p{font-size:11px}.field-grid label{font-size:12px}.field-grid input,.field-grid select{font-size:12px;min-height:41px}.mapping-controls .button{font-size:12px;min-height:42px}.issue{padding:15px}.issue-meta{font-size:9px}.issue h3{font-size:14px}.issue p{font-size:12px;line-height:1.8}.value-chip{font-size:11px}.fix-button{font-size:11px;min-height:38px}.issue-source{font-size:8px}.export-panel{padding:21px;margin-top:4px;border-radius:8px}.export-panel h2{font-size:23px}.export-panel>p{font-size:12px}.export-panel dl{font-size:12px}.export-note{font-size:11px}.button{font-size:12px;min-height:43px}.export-panel .export-footnote{font-size:10px}.coverage summary,.coverage p,.coverage ul{font-size:11px}.notification,.error-banner{font-size:11px}.workspace-footer{font-size:9px;gap:6px}.clean-state h3{font-size:20px}.clean-state p{font-size:12px}dialog{padding:28px 24px}dialog h2{font-size:25px}.chinese-help{font-size:12px}}
@media(prefers-reduced-motion:no-preference){button,a,input,select{transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease}.primary:hover:not(:disabled){box-shadow:0 4px 12px #315df432;filter:brightness(.98)}}

/* Readable text and compact table tools: decoration stays quiet, content stays clear. */
.subtitle,.sample-note,.field-help,.privacy-note,.privacy-note p,.toolbar-note,.summary-stat span,.export-panel>p,.export-panel dt,.export-panel .export-footnote,.coverage p,.coverage ul,.mapping-intro,.mapping-extra p,.issue p,.clean-state p,.workspace-footer{color:#5f6f86}
.top-context,.sidebar-label,.current-file,.subtle,.example-badge,.export-panel .text-button,.workspace-actions .text-button,.tabs button,.filter,.record-origin,.inherited{color:#62718a}
.data-table th{font-size:11px;color:#536882}.data-table td,.data-table .mono{color:#586d8b}.data-table .row-product{font-size:13px;color:#2b405e}.data-table .mono{font-size:12px}.image-cell{font-size:11px!important;color:#5f7089!important;line-height:1.45}.summary-stat span{font-size:11px}
.export-panel>p{font-size:13px}.export-panel dl{font-size:12px}.button{font-size:13px;min-height:43px}.export-note{font-size:12px}.export-note.ready{color:#39785f}.export-panel .export-footnote{font-size:11px}
.panel-toolbar .toolbar-note{max-width:215px}.panel-toolbar .search-label{max-width:208px}.panel-toolbar>.check-row{font-size:10px;margin:2px 0;gap:5px}.search-label input::placeholder{color:#62718a}
@media(max-width:700px){.data-table th{font-size:11px}.data-table .row-product{font-size:13px}.data-table .mono{font-size:12px}.export-panel>p{font-size:13px}.button{font-size:13px;min-height:43px}.summary-stat span{font-size:9px}.panel-toolbar .toolbar-note{max-width:none}.panel-toolbar .search-label{max-width:none}.sample-note{font-size:10px}.workspace-footer{font-size:9px}.panel-toolbar>.check-row{font-size:10px}}

.field-grid label,.step-label{color:#5b7190}.mapping-status.confirmed{color:#326b53}.error-banner{color:#91462f}.panel-toolbar .check-row{color:#60748f}

.file-heading>.workspace-actions{margin:0 0 0 auto;gap:14px}.data-table th:first-child{white-space:normal;width:65px;max-width:65px}.data-table td:nth-child(3){min-width:92px}.mapping-table th:first-child{white-space:nowrap;width:auto;max-width:none}.mapping-table td:nth-child(3){min-width:178px}
@media(max-width:700px){.file-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 10px}.file-heading>.workspace-actions{grid-column:1/-1;justify-content:flex-end;gap:14px;min-width:0}.file-heading>.workspace-actions .text-button{font-size:9px}.example-badge{white-space:normal;text-align:right;max-width:105px}}