:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#0f172a;font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;--bg:#f6f8fb;--panel:#fff;--panel-soft:#f8fafc;--border:#e1e7ef;--border-strong:#cbd5e1;--text:#0f172a;--muted:#64748b;--faint:#94a3b8;--blue:#2563eb;--blue-soft:#eff6ff;--teal:#14b8a6;--amber:#f59e0b;--rose:#f43f72;--green:#16a34a;--shadow:0 10px 28px #0f172a12;background:#f8fafc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);min-width:0;min-height:100vh;margin:0;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}.appShell{background:var(--bg);grid-template-rows:56px minmax(0,1fr);height:100dvh;min-height:0;display:grid;overflow:hidden}.globalDropOverlay{z-index:20;pointer-events:none;background:#0f172a47;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.globalDropOverlayPanel{text-align:center;background:#fffffff5;border:1px solid #2563eb59;border-radius:8px;gap:8px;width:min(360px,100%);padding:22px;display:grid;box-shadow:0 18px 48px #0f172a33}.globalDropOverlayPanel strong{color:#0f172a;font-size:18px;line-height:1.2}.globalDropOverlayPanel span{color:var(--muted);font-size:13px;font-weight:600;line-height:1.35}.globalDropOverlay.unsupported .globalDropOverlayPanel{background:#fff7f9;border-color:#f43f726b}.globalDropOverlay.unsupported .globalDropOverlayPanel strong{color:#be123c}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;align-items:center;gap:14px;min-height:56px;padding:0 16px;display:flex;position:relative}.brand{min-width:190px;color:var(--text);flex:none;align-items:center;gap:12px;font-size:18px;font-weight:700;display:flex}.brandMark{grid-template-columns:repeat(3,4px);gap:4px;width:22px;display:grid}.brandMark span{background:#111827;border-radius:50%;width:4px;height:4px}.topbarActions{flex:none;align-items:center;gap:10px;margin-left:auto;display:flex}.githubLink{color:#475569;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;display:inline-flex}.githubLink:hover{background:var(--panel-soft);color:#0f172a;border-color:#0000}.githubLink:focus-visible{border-color:var(--border-strong);outline:none;box-shadow:0 0 0 3px #64748b24}.githubMark{width:18px;height:18px}.runButton{color:#fff;background:linear-gradient(#2f79ff 0%,#1d5fe9 100%);border:1px solid #1d4ed8;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-width:106px;height:36px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 7px 16px #2563eb33}.runButton:disabled{opacity:.72;cursor:progress}.workspace{grid-template-columns:minmax(292px,322px) minmax(540px,1fr) minmax(286px,318px);min-height:0;display:grid}.leftPanel,.rightPanel{background:var(--panel);min-height:0;overflow:hidden auto}.leftPanel{border-right:1px solid var(--border);padding:18px}.rightPanel{border-left:1px solid var(--border);padding:18px}.controlSection{border-bottom:1px solid var(--border);margin:0 0 17px;padding:0 0 17px}.controlSection:last-child{border-bottom:0}.fieldLabel,.subLabel{color:#111827;margin-bottom:10px;font-size:12px;font-weight:700;display:block}.fieldRow{justify-content:space-between;align-items:center;gap:14px;display:flex}.counter,.muted,.notice{color:var(--muted);font-size:12px}.notice{margin:12px 0 0;line-height:1.45}.selectShell{position:relative}.selectShell select,.selectControl select,.snippetItem input{appearance:none;border:1px solid var(--border);color:#111827;background:#fff;border-radius:7px;outline:none;width:100%;height:38px;padding:0 38px 0 13px;font-size:14px}.selectShell select:focus,.selectControl select:focus,.snippetItem input:focus,.searchBox input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1f}.selectShell svg{color:#475569;pointer-events:none;position:absolute;top:11px;right:12px}.compatLine{color:var(--muted);align-items:center;gap:8px;margin:10px 0 0;font-size:12px;line-height:1.3;display:flex}.compatLine span{background:#10b981;border-radius:50%;width:10px;height:10px}.segmented{--segmented-radius:7px;border:1px solid var(--border);border-radius:var(--segmented-radius);background:#fff;grid-auto-columns:1fr;grid-auto-flow:column;display:grid;overflow:hidden}.segmented button{border:0;border-right:1px solid var(--border);color:#1e293b;background:0 0;outline:none;justify-content:center;align-items:center;gap:6px;height:37px;font-size:13px;font-weight:600;display:inline-flex;position:relative}.segmented button:disabled{color:var(--faint);cursor:default}.segmented button.active:disabled{color:#64748b;background:#f8fafc}.segmented button:last-child{border-right:0}.segmented button.active{background:var(--blue-soft);color:var(--blue);z-index:1}.segmented button.active:after,.segmented button:focus-visible:after{border:1px solid var(--blue);content:"";pointer-events:none;position:absolute;inset:-1px}.segmented button:focus-visible{z-index:2}.segmented button:first-child.active:after,.segmented button:first-child:focus-visible:after{border-radius:var(--segmented-radius) 0 0 var(--segmented-radius)}.segmented button:last-child.active:after,.segmented button:last-child:focus-visible:after{border-radius:0 var(--segmented-radius) var(--segmented-radius) 0}.segmented button:first-child:last-child.active:after,.segmented button:first-child:last-child:focus-visible:after{border-radius:var(--segmented-radius)}.segmented.small{width:112px}.projectionMethods{flex:none;width:226px;height:36px}.srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.inputWidgetSection{padding-bottom:18px}.inputWidgetHeader{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.inputWidgetHeader .fieldLabel{margin-bottom:0}.inputWidget{gap:9px;display:grid}.inputWidget textarea{resize:vertical;border:1px solid var(--border);color:#111827;background:#fff;border-radius:7px;outline:none;width:100%;min-height:86px;padding:11px 12px;font-size:13px;line-height:1.45}.inputWidget textarea::placeholder{color:#64748b;font-weight:600}.inputWidget textarea:focus,.inputWidget textarea:focus-visible{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1f}.inputWidget textarea[readonly]{background:var(--panel-soft)}.inputMessage{color:var(--rose);margin:-2px 0 0;font-size:12px;font-weight:600;line-height:1.35}.unifiedTokenPlan{border:1px solid var(--border);background:var(--panel-soft);border-radius:7px;gap:7px;padding:9px 10px;display:grid}.unifiedTokenPlan.warning{background:#fff7f9;border-color:#f43f7261}.unifiedTokenPlan p{color:var(--muted);margin:0;font-size:12px;line-height:1.4}.unifiedInputList{gap:7px;display:grid}.emptyInputList{border:1px dashed var(--border-strong);background:var(--panel-soft);color:var(--muted);border-radius:7px;margin:0;padding:12px;font-size:12px;font-weight:600;line-height:1.35}.unifiedInputRow{background:#fff;border:1px solid #e8eef6;border-radius:7px;grid-template-columns:20px minmax(0,1fr) 32px;align-items:start;gap:9px;padding:9px;display:grid;position:relative}.unifiedInputRow.hasImagePreview{z-index:1}.unifiedInputRow.hasImagePreview:hover,.unifiedInputRow.hasImagePreview:focus-within{z-index:4}.unifiedInputRow.unsupportedInput{background:#fff7f9;border-color:#f43f7247}.unifiedInputRow.unsupportedInput>svg,.unifiedInputRow.unsupportedInput .unifiedInputText>span{color:#be123c}.unifiedInputRow.unsupportedInput strong{color:#881337}.unifiedInputRow>svg{color:var(--blue);margin-top:3px}.unifiedInputRow button{border:1px solid var(--border);color:#334155;background:#fff;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.unifiedInputText{min-width:0}.unifiedInputText strong,.unifiedInputText>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.unifiedInputText strong{color:#111827;font-size:13px;font-weight:800;line-height:1.35}.unifiedInputText>span{color:var(--muted);margin-top:2px;font-size:12px;font-weight:600}.unifiedInputText .inputTextPreview{color:#64748b;margin-top:2px;font-size:10px;font-weight:500;line-height:1.25}.unifiedInputText .inputItemMeta{margin-top:7px}.imageHoverPreview{z-index:5;aspect-ratio:4/3;opacity:0;pointer-events:none;visibility:hidden;background:#fff;border:1px solid #0f172a29;border-radius:7px;width:min(178px,100% - 16px);transition:opacity .12s,transform .12s,visibility .12s;position:absolute;top:calc(100% + 6px);right:8px;overflow:hidden;transform:translateY(-2px);box-shadow:0 12px 28px #0f172a2e}.unifiedInputRow.hasImagePreview:hover .imageHoverPreview,.unifiedInputRow.hasImagePreview:focus-within .imageHoverPreview{opacity:1;visibility:visible;transform:translateY(0)}.imageHoverPreview img{object-fit:contain;width:100%;height:100%;display:block}.inputStack{margin-top:18px}.inputItemCard{background:var(--panel-soft);border:1px solid #edf2f7;border-radius:7px;gap:8px;margin-top:10px;padding:9px;display:grid}.snippetItem{grid-template-columns:1fr 32px;gap:6px;display:grid}.snippetItem input{padding-right:10px}.snippetItem button,.addButton,.panelHeader button,.iconGroup button{border:1px solid var(--border);color:#334155;background:#fff;border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.snippetItem button{height:39px}.addButton{gap:8px;height:36px;margin-top:12px;padding:0 13px;font-size:13px;font-weight:600}.fileDrop{border:1px dashed var(--border-strong);background:var(--panel-soft);min-height:106px;color:var(--muted);text-align:center;border-radius:8px;place-items:center;gap:6px;margin-top:14px;padding:18px;font-size:13px;font-weight:600;display:grid;position:relative}.fileDrop input{opacity:0;cursor:pointer;position:absolute;inset:0}.fileDrop small{color:var(--muted);font-size:12px;font-weight:500;line-height:1.35}.fileItemList{gap:10px;display:grid}.fileItemCard{margin-top:0}.fileItem{grid-template-columns:18px minmax(0,1fr) 32px;align-items:center;gap:8px;display:grid}.fileItem>svg{color:var(--blue)}.fileItem strong,.fileItem span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.fileItem strong{color:#111827;font-size:12px;font-weight:800}.fileItem span{color:var(--muted);margin-top:2px;font-size:11px;font-weight:600}.fileItem button{border:1px solid var(--border);color:#334155;background:#fff;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.tokenPlanCard{border:1px solid var(--border);background:#fff;border-radius:7px;gap:10px;margin-top:14px;padding:12px;display:grid}.tokenPlanCard.compact{gap:8px}.tokenPlanCard.warning{background:#fff7f9;border-color:#f43f7261}.tokenPlanCard p{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.tokenPlanTitle,.inputPlanStats,.tokenPlanStats,.inputItemMeta{justify-content:space-between;align-items:center;gap:12px;display:flex}.tokenPlanTitle span{color:#111827;font-size:13px;font-weight:800}.tokenPlanTitle small,.inputPlanStats,.tokenPlanStats,.inputItemMeta span,.inputItemMeta small{color:var(--muted);font-size:12px;font-weight:600}.inputPlanStats{grid-template-columns:repeat(2,minmax(0,1fr));align-items:flex-start;gap:5px 12px;display:grid}.inputPlanProgress{background:#e2e8f0;border-radius:999px;height:5px;overflow:hidden}.inputPlanProgress span{border-radius:inherit;background:var(--blue);height:100%;display:block}.inputItemMeta{flex-wrap:wrap;justify-content:flex-start;gap:5px 7px;min-width:0}.inputItemMeta span{border:1px solid var(--border);color:#334155;background:#fff;border-radius:999px;padding:3px 7px;line-height:1}.inputItemMeta small{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;display:none;overflow:hidden}.inputItemMeta.skipped small{white-space:normal;flex-basis:100%;display:block}.inputItemMeta.ready span:first-child,.inputItemMeta.image span:first-child{color:#0f766e;background:#14b8a614;border-color:#14b8a64d}.inputItemMeta.chunked span{background:var(--blue-soft);color:var(--blue);border-color:#2563eb40}.inputItemMeta.skipped span{color:var(--rose);background:#fff7f9;border-color:#f43f7240}.plotRegion{background:#fff;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;padding:18px 18px 16px;display:grid;overflow:hidden}.plotToolbar{flex-wrap:wrap;align-items:center;gap:9px;min-height:40px;margin-bottom:10px;display:flex}.searchBox{border:1px solid var(--border);color:#475569;background:#fff;border-radius:7px;align-items:center;gap:10px;width:250px;height:36px;padding:0 11px;display:flex}.searchBox input{color:#0f172a;border:0;outline:none;width:100%;font-size:13px}.searchBox:has(input:disabled){background:var(--panel-soft);color:var(--faint)}.searchBox input:disabled{color:var(--faint);cursor:default;background:0 0}.iconGroup{gap:7px;display:inline-flex}.iconGroup button{width:36px;height:36px}.iconGroup button:disabled{color:var(--faint);cursor:default}.selectControl select{height:35px;padding-right:12px}.plotCanvas{background:#fff;border-radius:4px;width:100%;height:100%;min-height:0;position:relative}.pointCloudCanvas,.plotOverlay{width:100%;height:100%;position:absolute;inset:0}.pointCloudCanvas{z-index:1;cursor:crosshair}.plotOverlay{z-index:2;pointer-events:none;overflow:visible}.gridLine{stroke:#edf2f7;stroke-dasharray:3 3;stroke-width:1px}.axisLine{stroke:#e1e7ef;stroke-width:1.2px}.axisTick,.axisLabel{fill:#475569;font-size:12px}.axisLabel{font-size:13px;font-weight:700}.point{cursor:pointer;opacity:.88;stroke:#fff;stroke-width:1.4px;transition:r .15s,opacity .15s}.point:hover,.point.selected{opacity:1;stroke:#0f172a;stroke-width:1.6px}.pointLabel{fill:#111827;paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round;font-size:12px;font-weight:600}.searchPointLabel{opacity:.9}.selectedPointRing{opacity:.94;stroke:#0f172a;stroke-width:2px}.hoveredPointRing{opacity:.82;stroke:#0f172a;stroke-width:1.8px;stroke-dasharray:2 2}.pointTooltip{z-index:3;color:#0f172a;pointer-events:none;background:#fffffff5;border:1px solid #0f172a29;border-radius:7px;align-items:center;gap:8px;min-width:0;height:34px;padding:0 10px;display:flex;position:absolute;box-shadow:0 8px 22px #0f172a21}.pointTooltip.hovered{opacity:.92}.pointTooltipSwatch{border:1px solid #0f172a38;border-radius:50%;flex:none;width:9px;height:9px}.pointTooltipLabel{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:700;line-height:1;display:block;overflow:hidden}.emptyPlot{z-index:3;color:var(--muted);pointer-events:none;text-align:center;place-content:center;gap:10px;padding:24px;font-size:13px;font-weight:600;display:grid;position:absolute;inset:0}.panelHeader{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.panelHeader h2,.selectedPanel h2{color:#0f172a;margin:0;font-size:15px;font-weight:800}.panelHeader span{color:var(--muted);font-size:12px;font-weight:700}.panelHeader button{color:#475569;gap:7px;height:32px;padding:0 10px;font-size:12px;font-weight:700}.runsList{gap:9px;display:grid}.emptyRuns{border:1px solid var(--border);background:var(--panel-soft);min-height:62px;color:var(--muted);border-radius:8px;align-items:center;padding:13px;font-size:13px;line-height:1.45;display:flex}.runCard{border:1px solid var(--border);background:#fff;border-radius:7px;grid-template-columns:13px minmax(0,1fr) 24px;align-items:center;gap:10px;min-height:44px;padding:8px 9px;display:grid}.runCard.current{border-color:var(--blue);box-shadow:inset 0 0 0 1px #2563eb33}.swatch{border-radius:50%;width:12px;height:12px;margin-top:4px}.runCard strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:800;display:block;overflow:hidden}.runCard span:not(.swatch){min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;display:block;overflow:hidden}.runCard small{color:#475569;margin-top:10px;font-size:12px;display:block}.checkbox{place-items:center;width:22px;height:22px;display:grid;position:relative}.checkbox input{width:16px;height:16px;accent-color:var(--blue)}.selectedPanel{border-top:1px solid var(--border);margin:22px -18px 0;padding:18px 18px 0}.selectedPanel h2{margin-bottom:16px}.selectedPanel strong{color:#0f172a;margin:7px 0 6px;font-size:15px;line-height:1.35;display:block}.selectedPanel p{color:#334155;margin:5px 0 16px;font-size:13px;line-height:1.5}.selectedSummary{max-height:4.5em;overflow:hidden}.selectedMetaStrip{flex-wrap:wrap;gap:6px;margin:0 0 14px;display:flex}.selectedMetaStrip span{border:1px solid var(--border);background:var(--panel-soft);color:#475569;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700;line-height:1}.selectedDetails{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:0 0 16px;padding:9px 0}.selectedDetails summary{color:#334155;cursor:pointer;font-size:12px;font-weight:800}.selectedDetails p{color:var(--muted);margin:9px 0 0;font-size:12px}.metaLabel{color:#64748b;font-size:12px;font-weight:600}.nearestPanel{border-top:1px solid var(--border);gap:10px;margin-top:18px;padding-top:16px;display:grid}.nearestHeader{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.nearestHeader h3{color:#0f172a;margin:0 0 5px;font-size:14px;font-weight:800}.nearestHeader span{color:var(--muted);font-size:12px;font-weight:600;line-height:1.35}.neighborhoodToggle{color:#334155;white-space:nowrap;align-items:center;gap:7px;min-height:24px;font-size:12px;font-weight:700;display:inline-flex}.neighborhoodToggle input{width:15px;height:15px;accent-color:var(--blue);margin:0}.nearestGroups{gap:8px;display:grid}.nearestGroups>.muted{margin:0}.nearestGroup{gap:7px;display:grid}.nearestRunHeader{grid-template-columns:13px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.nearestRunHeader .swatch{margin-top:0}.nearestRunHeader strong,.nearestRunHeader small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.nearestRunHeader strong{color:#0f172a;margin:0;font-size:12px;font-weight:800;display:block}.nearestRunHeader small{color:var(--muted);font-size:11px;font-weight:700}.nearestRow{border:1px solid var(--border);width:100%;min-height:58px;color:inherit;text-align:left;background:#fff;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 9px;display:grid}.nearestRow:hover,.nearestRow:focus-visible{background:var(--blue-soft);border-color:#2563eb73;outline:none}.nearestRowText{gap:2px;min-width:0;display:grid}.nearestRow strong,.nearestRow small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.nearestRow strong{color:#0f172a;margin:0;font-size:12px;font-weight:800;line-height:1.25;display:block}.nearestRow small{color:var(--muted);font-size:11px;font-weight:600}.nearestRunLine{align-items:center;gap:5px;display:inline-flex}.nearestRunLine .swatch{width:8px;height:8px;margin-top:0}.nearestRow code{color:#0f172a;background:#f1f5f9;border-radius:5px;padding:4px 6px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px;font-weight:700}.progressTrack{background:#eef2f7;border-radius:0;height:4px;position:absolute;bottom:-1px;left:0;right:0;overflow:hidden}.progressTrack span{border-radius:inherit;background:linear-gradient(90deg,#2563eb,#14b8a6);height:100%;transition:width .25s;display:block}.progressTrack.active span{background:linear-gradient(90deg,#2563eb,#14b8a6,#f59e0b)}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1240px){body{min-width:1000px}.workspace{grid-template-columns:310px minmax(520px,1fr) 300px}.topbarActions{gap:10px}.plotToolbar{flex-wrap:wrap;height:auto}}@media (width<=900px){body{min-width:0;overflow:auto}.appShell{height:auto;min-height:100dvh;display:block;overflow:visible}.topbar{flex-wrap:wrap;min-height:62px;padding:12px 14px}.brand{min-width:0}.topbarActions{flex:auto;order:2;justify-content:flex-end;min-width:0}.runButton{min-width:94px}.workspace{grid-template-columns:minmax(0,1fr);display:grid}.leftPanel,.rightPanel{border:0;overflow:visible}.leftPanel{border-bottom:1px solid var(--border);padding:18px 16px}.rightPanel{border-top:1px solid var(--border);padding:18px 16px 24px}.plotRegion{padding:18px 14px;display:block}.plotToolbar{align-items:stretch}.searchBox,.projectionMethods{flex:210px;width:auto}.iconGroup{flex:none}.plotCanvas{height:min(68vh,540px);min-height:390px}.selectedPanel{margin-left:0;margin-right:0;padding-left:0;padding-right:0}}@media (width<=560px){.topbarActions,.runButton{flex:none}.plotToolbar{gap:10px}.searchBox,.projectionMethods{flex-basis:100%}.segmented.small{width:100%}.plotCanvas{height:430px;min-height:430px}.nearestHeader{grid-template-columns:minmax(0,1fr)}}