:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f6fa;--surface:#fff;--surface-soft:#f8fafc;--text:#172033;--muted:#6f7a8e;--border:#dfe4ec;--border-strong:#cfd6e2;--blue:#3169e8;--blue-dark:#2458ca;--green:#17845b;--green-soft:#eaf8f2;--amber:#a35d08;--amber-soft:#fff7e8;--red:#c2414b;--red-soft:#fff0f1;--shadow:0 10px 34px #20345912;--radius:14px}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-width:980px;height:100%;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;overflow:hidden}button{font:inherit}button:focus-visible{outline-offset:2px;outline:3px solid #3169e833}.app-shell{grid-template-rows:86px minmax(0,1fr) 30px;height:100vh;display:grid}.app-header{border-bottom:1px solid var(--border);background:#fffffff5;justify-content:space-between;align-items:center;padding:0 38px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-icon{background:var(--blue);color:#fff;border-radius:12px;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 8px 20px #3169e838}.brand-icon svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:25px}h1,h2,p{margin:0}h1{letter-spacing:-.02em;font-size:22px;line-height:1.25}.brand p{color:var(--muted);margin-top:5px;font-size:13px}.privacy-note{color:#5e697c;align-items:center;gap:7px;font-size:13px;display:flex}.privacy-note svg{fill:none;width:18px;stroke:var(--green);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}main{grid-template-rows:auto auto auto minmax(150px,1fr);gap:18px;min-height:0;padding:24px 38px 20px;display:grid;overflow-y:auto}.browser-warning{z-index:20;color:#8b540d;box-shadow:var(--shadow);background:#fff8ea;border:1px solid #f0d29d;border-radius:10px;padding:12px 16px;font-size:13px;position:fixed;top:96px;left:38px;right:38px}.selection-panel,.summary-panel,.action-panel,.log-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.selection-panel{padding:20px 22px 8px}.section-heading{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.section-heading.compact{align-items:center;margin-bottom:14px}h2{letter-spacing:-.01em;font-size:16px;line-height:1.35}.section-heading p,.action-topline p{color:var(--muted);margin-top:4px;font-size:12px}.section-state{color:var(--muted);font-size:12px}.section-state.ready{color:var(--green);font-weight:600}.section-state.loading{color:var(--blue);font-weight:600}.section-state.error{color:var(--red);font-weight:600}.file-row{border-top:1px solid #edf0f5;grid-template-columns:38px 260px minmax(240px,1fr) 112px;align-items:center;gap:14px;min-height:62px;display:grid}.file-row-icon{border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.file-row-icon svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:19px}.file-row-icon.blue{color:#2f65dd;background:#edf3ff}.file-row-icon.violet{color:#7756c8;background:#f2effc}.file-row-icon.green{color:#218160;background:#eaf7f2}.file-row-copy{flex-direction:column;gap:4px;display:flex}.file-row-copy strong{font-size:14px;font-weight:650}.file-row-copy span{color:var(--muted);font-size:12px}.path-field{color:#42506a;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.path-field.empty{color:#9aa3b2}.secondary-button,.primary-button,.text-button{cursor:pointer;border:0;justify-content:center;align-items:center;transition:background .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}.secondary-button{border:1px solid var(--border-strong);color:#344057;background:#fff;border-radius:9px;height:36px;padding:0 14px;font-size:13px;font-weight:600}.secondary-button:hover:not(:disabled){background:#f8fafc;border-color:#aab5c6}.secondary-button.small{gap:7px;height:32px;font-size:12px}.secondary-button svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:16px}button:disabled{cursor:not-allowed;opacity:.48}.workspace-grid{grid-template-columns:minmax(0,1.45fr) minmax(340px,.75fr);gap:18px;display:grid}.summary-panel,.action-panel{min-height:180px;padding:19px 22px}.stats{background:var(--surface-soft);border:1px solid #e7ebf1;border-radius:11px;grid-template-columns:repeat(4,1fr);min-height:88px;display:grid}.stat{grid-template-rows:auto auto;grid-template-columns:auto auto;align-content:center;padding:14px 18px;display:grid;position:relative}.stat+.stat:before{content:"";background:#e1e6ee;width:1px;position:absolute;top:18px;bottom:18px;left:0}.stat span{color:var(--muted);grid-column:1/-1;margin-bottom:7px;font-size:11px}.stat strong{font-size:25px;line-height:1}.stat small{color:var(--muted);align-self:end;margin-left:5px;font-size:11px}.stat.success strong{color:var(--green)}.stat.warning strong{color:var(--amber)}.text-button{color:var(--blue);background:0 0;gap:5px;padding:4px;font-size:12px;font-weight:600}.text-button svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:15px}.unmatched-preview{color:var(--amber);text-overflow:ellipsis;white-space:nowrap;margin-top:9px;font-size:11px;overflow:hidden}.action-panel{flex-direction:column;display:flex}.action-topline{justify-content:space-between;margin-bottom:14px;display:flex}.action-topline>strong{color:var(--blue);font-size:20px}.progress-track{background:#e8edf5;border-radius:99px;height:8px;overflow:hidden}.progress-bar{border-radius:inherit;background:var(--blue);height:100%;transition:width .22s}.current-file{min-height:34px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;padding-top:10px;font-size:11px;overflow:hidden}.primary-button{background:var(--blue);color:#fff;border-radius:10px;gap:8px;width:100%;height:42px;margin-top:auto;font-size:14px;font-weight:700;box-shadow:0 8px 18px #3169e833}.primary-button:hover:not(:disabled){background:var(--blue-dark);transform:translateY(-1px)}.primary-button svg{fill:currentColor;width:17px}.log-panel{flex-direction:column;min-height:0;padding:17px 22px;display:flex}.log-heading{flex:none}.log-list{background:var(--surface-soft);border:1px solid #e7ebf1;border-radius:10px;min-height:0;overflow-y:auto}.empty-log{color:#9aa3b2;justify-content:center;align-items:center;gap:8px;min-height:86px;font-size:12px;display:flex}.empty-log svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:20px}.log-item{grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:44px;padding:7px 12px;font-size:12px;display:grid}.log-item+.log-item{border-top:1px solid #e8ecf2}.log-icon{border-radius:50%;place-items:center;width:21px;height:21px;display:grid}.log-icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:13px}.log-icon.success{color:var(--green);background:var(--green-soft)}.log-icon.unmatched{color:var(--amber);background:var(--amber-soft)}.log-icon.error{color:var(--red);background:var(--red-soft)}.log-copy{min-width:0}.log-copy strong{color:#344057;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;display:block;overflow:hidden}.log-copy span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10px;display:block;overflow:hidden}.log-status{color:var(--muted);font-size:10px}footer{border-top:1px solid var(--border);color:#8c96a7;background:#fff;justify-content:space-between;align-items:center;padding:0 38px;font-size:10px;display:flex}.config-panel{padding:15px 22px}.config-body{border-top:1px solid #edf0f5;grid-template-rows:auto auto;grid-template-columns:1fr 1fr auto;gap:14px 28px;margin-top:4px;padding-top:12px;display:grid}.config-preview{flex-direction:column;grid-area:1/3/span 2;gap:6px;padding-left:4px;display:flex}.config-preview-pair{gap:8px;display:flex}.config-preview-item{flex-direction:column;align-items:center;gap:4px;display:flex}.config-preview-label{color:#9aa3b2;text-align:center;margin:0;font-size:10px}.config-preview-canvas{border:1px solid var(--border);border-radius:8px;display:block;box-shadow:0 2px 10px #00000014}.config-group h3{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;margin:0 0 8px;font-size:10px;font-weight:700;display:flex}.config-hint{color:#9aa3b2;margin:5px 0 0;font-size:10px}.config-hint-inline{color:#9aa3b2;text-transform:none;letter-spacing:0;font-size:10px;font-weight:400}.config-checks{gap:12px;display:flex}.check-item{cursor:pointer;color:var(--text);align-items:center;gap:5px;font-size:13px;display:flex}.check-item input[type=checkbox]{cursor:pointer;width:14px;height:14px;accent-color:var(--blue);flex-shrink:0}.col-inputs{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.col-input-item{flex-direction:column;gap:4px;display:flex}.col-input-item label{color:var(--muted);font-size:11px}.config-select{border:1px solid var(--border-strong);width:100%;height:28px;color:var(--text);cursor:pointer;background:#fff;border-radius:6px;outline:none;padding:0 6px;font:12px/1 -apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;transition:border-color .15s}.config-select:focus{border-color:var(--blue)}.config-inline{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.config-inline-item{align-items:center;gap:6px;display:flex}.config-inline-item label{color:var(--muted);white-space:nowrap;font-size:12px}.config-number{border:1px solid var(--border-strong);width:56px;height:28px;color:var(--text);text-align:center;background:#fff;border-radius:6px;outline:none;padding:0 6px;font:12px/1 -apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;transition:border-color .15s}.config-number:focus{border-color:var(--blue)}.config-number:disabled{opacity:.38;cursor:not-allowed;background:var(--surface-soft)}@media (height<=780px){.app-shell{grid-template-rows:76px minmax(0,1fr) 28px}main{gap:13px;padding-top:16px;padding-bottom:14px}.selection-panel{padding-top:15px}.file-row{min-height:55px}.summary-panel,.action-panel{min-height:160px;padding-top:15px;padding-bottom:15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}