*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{color:#1e293b;-webkit-font-smoothing:antialiased;background:#f4f7fb;font-family:Segoe UI,Inter,-apple-system,sans-serif;font-size:16px;line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f4f7fb}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.uplot,.uplot *,.uplot :before,.uplot :after{box-sizing:border-box}.uplot{width:min-content;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}.u-title{text-align:center;font-size:18px;font-weight:700}.u-wrap{-webkit-user-select:none;user-select:none;position:relative}.u-over,.u-under{position:absolute}.u-under{overflow:hidden}.uplot canvas{width:100%;height:100%;display:block;position:relative}.u-axis{position:absolute}.u-legend{text-align:center;margin:auto;font-size:14px}.u-inline{display:block}.u-inline *{display:inline-block}.u-inline tr{margin-right:16px}.u-legend th{font-weight:600}.u-legend th>*{vertical-align:middle;display:inline-block}.u-legend .u-marker{width:1em;height:1em;margin-right:4px;background-clip:padding-box!important}.u-inline.u-live th:after{content:":";vertical-align:middle}.u-inline:not(.u-live) .u-value{display:none}.u-series>*{padding:4px}.u-series th{cursor:pointer}.u-legend .u-off>*{opacity:.3}.u-select{pointer-events:none;background:#00000012;position:absolute}.u-cursor-x,.u-cursor-y{pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.u-hz .u-cursor-x,.u-vt .u-cursor-y{border-right:1px dashed #607d8b;height:100%}.u-hz .u-cursor-y,.u-vt .u-cursor-x{border-bottom:1px dashed #607d8b;width:100%}.u-cursor-pt{pointer-events:none;will-change:transform;border:0 solid;border-radius:50%;position:absolute;top:0;left:0;background-clip:padding-box!important}.u-axis.u-off,.u-select.u-off,.u-cursor-x.u-off,.u-cursor-y.u-off,.u-cursor-pt.u-off{display:none}.home{max-width:1280px;margin:0 auto;padding:32px 24px 56px}.homeHeader{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px;display:flex}.headerActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.homeHeader h1{color:#fff;font-size:28px;font-weight:650;line-height:1.2}.homeHeader .subtitle{color:#9ca3af;margin-top:8px;font-size:15px}.uploadButton,.primaryButton,.secondaryButton{color:#fff;cursor:pointer;background:#6366f1;border:1px solid #6366f1;border-radius:8px;justify-content:center;align-items:center;min-height:38px;padding:0 16px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex}.uploadButton:hover,.primaryButton:hover{background:#5558e8;border-color:#5558e8}.secondaryButton{color:#d1d5db;background:#1a1a27;border-color:#343449;min-height:34px}.secondaryButton:hover{background:#24243a;border-color:#6366f1}.editToolGroup{background:#151520;border:1px solid #343449;border-radius:8px;align-items:center;display:inline-flex;overflow:hidden}.toolButton{color:#cbd5e1;cursor:pointer;background:0 0;border:0;border-right:1px solid #343449;min-height:34px;padding:0 12px;font-size:13px;font-weight:600}.toolButton:last-child{border-right:0}.toolButton:hover{background:#24243a}.uploadButton input,.fileButton input{display:none}.uploadButton.disabled,.fileButton.disabled,.primaryButton:disabled,.secondaryButton:disabled{cursor:not-allowed;opacity:.52}.workspace{grid-template-columns:minmax(0,1fr) minmax(360px,.78fr);align-items:stretch;gap:18px;display:grid}.panel{background:#14141e;border:1px solid #2a2a3a;border-radius:8px;margin-top:18px;padding:18px}.workspace .panel{margin-top:0}.panelHeader{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.panelHeader h2{color:#fff;font-size:17px;font-weight:620}.panelHint{color:#8f96a3;margin-top:6px;font-size:13px}.panelHeader span,.muted{color:#8f96a3;font-size:13px}.alert{border-radius:8px;margin:14px 0;padding:11px 14px;font-size:14px}.alert.error,.error{color:#fecaca;background:#7f1d1d38;border:1px solid #f871715c}.alert.info{color:#c7d2fe;background:#312e813d;border:1px solid #6366f15c}.designPowerPanel,.schemePanel{margin-bottom:18px}.schemeGrid{grid-template-columns:minmax(240px,.38fr) minmax(0,1fr);align-items:start;gap:14px;display:grid}.schemeDescriptionControl{grid-template-columns:72px minmax(0,1fr);align-items:center;gap:10px;display:grid}.schemeDescriptionControl span{color:#cbd5e1;font-size:14px}.schemeDescriptionControl input{color:#e5e7eb;text-overflow:ellipsis;white-space:nowrap;background:#0f0f18;border:1px solid #343449;border-radius:7px;width:100%;min-width:0;height:36px;padding:0 10px;font-size:14px;overflow:hidden}.schemeDescriptionControl input:focus{border-color:#6366f1;outline:none}.schemeDescriptionControl input:disabled{cursor:not-allowed;opacity:.62}.schemeParamGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.schemeParamHint{color:#64748b;margin:14px 0 0;font-size:13px;line-height:1.5}.schemeParamGrid input{color:#e5e7eb;font-variant-numeric:tabular-nums;background:#0f0f18;border:1px solid #343449;border-radius:7px;width:100%;min-width:0;height:36px;padding:0 10px;font-size:14px}.schemeParamGrid input:focus{border-color:#6366f1;outline:none}.schemeParamGrid input:disabled{cursor:not-allowed;opacity:.62}.schemeParamGrid input::placeholder{color:#5f6673}.schemeFooter{justify-content:flex-end;align-items:center;gap:12px;margin-top:14px;display:flex}.schemeFooter span{color:#86efac;min-height:18px;font-size:13px}.designActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.designActions span{color:#9ca3af;white-space:nowrap;font-size:13px}.designMeta{flex-wrap:wrap;gap:8px;margin:-2px 0 12px;display:flex}.designMeta span{color:#cbd5e1;background:#1a1a27;border:1px solid #343449;border-radius:6px;padding:5px 8px;font-size:12px}.designTableWrap{border:1px solid #2a2a3a;border-radius:8px;max-height:320px;overflow:auto}.designTable th:first-child,.designTable th:nth-child(2),.designTable td:first-child,.designTable td:nth-child(2){width:42%}.designTable th:nth-child(3),.designTable td:nth-child(3){text-align:right;width:16%}.tableInput{color:#e5e7eb;font-variant-numeric:tabular-nums;background:#0f0f18;border:1px solid #343449;border-radius:7px;width:100%;min-width:0;height:34px;padding:0 10px;font-size:13px}.tableInput:focus{border-color:#6366f1;outline:none}.tableInput::placeholder{color:#5f6673}.textButton{color:#93c5fd;cursor:pointer;background:0 0;border:0;font-size:13px;font-weight:600}.textButton:hover{color:#bfdbfe}.emptyState,.emptyChart{color:#8f96a3;text-align:center;border:1px dashed #343449;border-radius:8px;justify-content:center;align-items:center;min-height:96px;font-size:14px;display:flex}.fileList{gap:10px;max-height:260px;padding-right:2px;display:grid;overflow:auto}.fileItem{background:#1a1a27;border:1px solid #2a2a3a;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;display:flex}.fileItem strong{color:#e5e7eb;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.fileItem span{color:#9ca3af;flex:none;font-size:13px}.mappingGrid{gap:12px;display:grid}.fieldControl{grid-template-columns:96px minmax(0,1fr);align-items:center;gap:10px;display:grid}.fieldControl span{color:#cbd5e1;font-size:14px}select{color:#e5e7eb;background:#0f0f18;border:1px solid #343449;border-radius:7px;width:100%;min-width:0;height:36px;padding:0 10px;font-size:14px}select:focus{border-color:#6366f1;outline:none}.actionRow{justify-content:flex-end;margin-top:16px;display:flex}.headerPreview{flex-wrap:wrap;gap:8px;display:flex}.headerPreview span{color:#d1d5db;text-overflow:ellipsis;white-space:nowrap;background:#1a1a27;border:1px solid #343449;border-radius:999px;max-width:220px;padding:6px 10px;font-size:13px;overflow:hidden}.resultSection{gap:18px;margin-top:18px;display:grid}.summaryGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric{background:#1a1a27;border:1px solid #2a2a3a;border-radius:8px;padding:14px}.metric span{color:#9ca3af;font-size:13px;display:block}.metric strong{color:#fff;font-variant-numeric:tabular-nums;margin-top:6px;font-size:24px;display:block}.reasonList{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.reasonList span{color:#aeb7c4;background:#202033;border-radius:6px;padding:5px 8px;font-size:12px}.fanSelect{width:180px}.chartFrame{min-height:580px;position:relative}.chartFrameEditing .u-over{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M6 22l4.6-1.1L22.1 9.4l-3.5-3.5L7.1 17.4 6 22z' fill='%23fbbf24' stroke='%2310101a' stroke-width='1.6'/%3E%3Cpath d='M17.5 5.1l1.4-1.4c.8-.8 2-.8 2.8 0l2.6 2.6c.8.8.8 2 0 2.8l-1.4 1.4-5.4-5.4z' fill='%23fde68a' stroke='%2310101a' stroke-width='1.6'/%3E%3C/svg%3E") 4 24,crosshair}.uplotWrap{width:100%;min-height:580px}.uplot{color:#cbd5e1;font-family:inherit;width:100%!important}.uplot canvas{background:#10101a;border-radius:8px}.uplot .u-title,.uplot .u-label,.uplot .u-value{color:#cbd5e1}.uplot .u-legend{color:#cbd5e1;font-size:12px}.uplot .u-legend .u-series>*{padding:2px 6px}.chartLegend{z-index:2;pointer-events:none;gap:8px;display:grid;position:absolute;top:20px;left:clamp(88px,6vw,118px)}.chartLegend span{color:#e5e7eb;text-shadow:0 1px 2px #000c;white-space:nowrap;align-items:center;gap:8px;font-size:13px;display:inline-flex}.legendDot,.legendLine{flex:none;display:inline-block}.legendDot{border-radius:50%;width:5px;height:5px}.legendLine{border-top:3px solid;width:32px;height:0}.chartBrush{z-index:3;pointer-events:none;will-change:transform;background:#fbbf2414;border:1px solid #fbbf24f2;border-radius:50%;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #10101acc,0 0 18px #fbbf243d}.chartBrush.dragging{background:#fbbf2429}.chartBrush.erase.dragging{background:#f8717129}.chartTools{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.chartTools span{color:#9ca3af;white-space:nowrap;font-size:13px}.paramStrip{flex-wrap:wrap;gap:8px;margin:-4px 0 12px;display:flex}.paramStrip span{color:#cbd5e1;background:#191927;border:1px solid #2a2a3a;border-radius:6px;padding:5px 8px;font-size:12px}.tableWrap{border:1px solid #2a2a3a;border-radius:8px;max-height:420px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #242437;padding:10px 12px}th{z-index:1;color:#cbd5e1;background:#1a1a27;font-weight:600;position:sticky;top:0}td{color:#d1d5db;font-variant-numeric:tabular-nums}.confidence{border-radius:999px;padding:3px 8px;font-size:12px;display:inline-flex}@media (width<=920px){.home{padding:24px 16px 42px}.homeHeader,.workspace,.schemeGrid,.schemeParamGrid{grid-template-columns:1fr}.homeHeader{display:grid}.headerActions{justify-content:flex-start}.summaryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.fieldControl{grid-template-columns:1fr}.fileItem{flex-direction:column;align-items:flex-start}.summaryGrid{grid-template-columns:1fr}}.homeHeader h1,.panelHeader h2,.metric strong{color:#172033}.homeHeader .subtitle,.panelHint,.panelHeader span,.muted,.designActions span,.metric span,.chartTools span,.fileItem span{color:#64748b}.panel{background:#fff;border-color:#dbe3ed;box-shadow:0 1px 2px #0f172a0a}.secondaryButton{color:#334155;background:#fff;border-color:#cbd5e1}.secondaryButton:hover,.toolButton:hover{background:#eef4ff;border-color:#6366f1}.secondaryButton.active{color:#4338ca;background:#eef2ff;border-color:#818cf8}.editToolGroup{background:#fff;border-color:#cbd5e1}.toolButton{color:#334155;border-right-color:#cbd5e1}.toolButton.active{color:#4338ca;background:#eef2ff}.toolButton.erase.active{color:#b91c1c;background:#fef2f2}.alert.error,.error{color:#b91c1c;background:#fff1f2;border-color:#fecaca}.alert.info{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.dialogBackdrop{z-index:1000;background:#0f172a6b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.appDialog{background:#fff;border:1px solid #dbe3ed;border-radius:12px;width:min(440px,100%);padding:22px;box-shadow:0 20px 48px #0f172a38}.appDialog h2{color:#172033;margin:0;font-size:18px}.appDialog p{color:#475569;margin:12px 0 0;font-size:14px;line-height:1.6}.appDialogActions{justify-content:flex-end;margin-top:20px;display:flex}.schemeDescriptionControl span,.fieldControl span{color:#334155}.schemeDescriptionControl input,.schemeParamGrid input,.tableInput,select{color:#1e293b;background:#fff;border-color:#cbd5e1}.schemeDescriptionControl input:focus,.schemeParamGrid input:focus,.tableInput:focus,select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.schemeDescriptionControl input::placeholder,.schemeParamGrid input::placeholder,.tableInput::placeholder{color:#94a3b8}.designMeta span,.headerPreview span,.fileItem,.metric,.reasonList span,.paramStrip span{color:#475569;background:#f8fafc;border-color:#dbe3ed}.designTableWrap,.tableWrap{border-color:#dbe3ed}.fileItem strong{color:#1e293b}.emptyState,.emptyChart{color:#64748b;background:#f8fafc;border-color:#cbd5e1}th{color:#334155;background:#f8fafc;border-bottom-color:#dbe3ed}td{color:#334155;border-bottom-color:#e6edf5}.confidence.ok{color:#047857;background:#ecfdf5}.confidence.low{color:#a16207;background:#fffbeb}.uplot{color:#334155}.uplot canvas{background:#fff;border:1px solid #e2e8f0}.uplot .u-title,.uplot .u-label,.uplot .u-value,.uplot .u-legend{color:#334155}.chartLegend span{color:inherit;text-shadow:none}.legendDot.scatter{background:#2563eb}.legendDot.filtered{background:#94a3b8}.legendLine.actual{border-color:#ea580c}.legendLine.design{border-color:#2563eb}.chartBrush{background:#2563eb14;border-color:#2563ebeb;box-shadow:0 0 0 1px #ffffffe6,0 0 18px #2563eb2e}.chartBrush.erase{background:#dc262614;border-color:#dc2626e0;box-shadow:0 0 0 1px #ffffffe6,0 0 18px #dc262629}.chartSettings{background:#f8fafc;border:1px solid #dbe3ed;border-radius:8px;gap:18px;margin:0 0 14px;padding:16px;display:grid}.chartSettingsSection+.chartSettingsSection{border-top:1px solid #dbe3ed;padding-top:16px}.chartSettingsSectionHeader{align-items:center;gap:8px;margin-bottom:12px;display:flex}.chartSettingsSectionTitle{color:#1e293b;font-size:14px;font-weight:700}.chartSettingsSectionAccent{background:var(--section-color,#6366f1);border-radius:2px;width:4px;height:16px}.chartSettingsGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.chartSettings label{color:#475569;align-items:center;gap:8px;min-width:0;font-size:13px;font-weight:600;display:flex}.chartSettings label>span{color:#475569;flex:none;font-size:13px}.chartSettings input[type=text],.chartSettings input[type=number],.chartSettings input:not([type]),.chartSettings select{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;min-width:0;height:34px;padding:0 9px}.chartSettings input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11f}.chartSettings input[type=range]{accent-color:#6366f1;flex:1}.chartSettings input[type=color]{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:38px;height:30px;padding:2px}.chartSettings b{color:#1e293b;text-align:right;min-width:16px}.chartSettings .chartToggle{cursor:pointer;grid-column:span 1}.chartSettings .chartToggle input{accent-color:#6366f1;width:15px;height:15px}.chartSettingsFooter{border-top:1px solid #dbe3ed;justify-content:flex-end;align-items:center;gap:12px;padding-top:14px;display:flex}.chartSettingsFooter span{color:#475569;margin-right:auto;font-size:13px}@media (width<=920px){.chartSettingsGrid{grid-template-columns:1fr 1fr}}@media (width<=560px){.chartSettingsFooter{flex-direction:column;align-items:stretch}.chartSettingsFooter span{margin-right:0}.chartSettingsGrid{grid-template-columns:1fr}}