.app{--font-sans:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-7:2rem;--sp-8:2.5rem;--sp-9:3rem;--sp-10:4rem;--sp-11:5rem;--r-md:1rem;--r-lg:1.25rem;--r-xl:1.75rem;--bg:#f6f8fc;--brand:#0b66ff;--brand-2:#2bb6a9;--surface:#ffffffdb;--surface-2:#ffffffb8;--surface-solid:#fff;--text:#0b1324;--fg:var(--text);--muted:#0b1324a8;--muted-2:#0b13248a;--border:#0a193724;--border-soft:#0a19371a;--sep:var(--border-soft);--focus:#0b66ff59;--shadow-1:0 1px 2px #1018280f,0 12px 34px #1018281a;--shadow-2:0 2px 10px #10182814,0 18px 52px #1018281f;--shadow-focus:0 0 0 3px var(--focus);--ease:cubic-bezier(.2,.8,.2,1);--t-fast:.16s;--t-med:.24s;--code-surface:#0b0f1a;--btn-bg:var(--brand);--btn-fg:#fff;--btn-bg-hover:#0a5ae0;--control-h:32px;--icon-btn-size:30px;--icon-size-sm:14px;--panel-gap:0px;--splitter-size:1px;--splitter-color:var(--border-soft);--splitter-color-hover:var(--border);--splitter-glow:transparent;--zoom-select-w:110px;--panel-surface:var(--surface-solid);--panel-header-surface:linear-gradient(180deg,var(--surface),var(--surface-solid));--panel-border-color:color-mix(in srgb,var(--border-soft)84%,transparent);--panel-divider-color:color-mix(in srgb,var(--border-soft)88%,transparent);--panel:var(--surface-solid);--panel-header:var(--surface-2);--surface-1:var(--surface);--border-1:var(--border);--border-2:var(--border-soft);--shadow-panel:var(--shadow-1);--chg-active-border:color-mix(in srgb,var(--brand)55%,transparent);--chg-active-bg:color-mix(in srgb,var(--surface)70%,var(--brand)30%);--chg-active-shadow:0 0 0 1px color-mix(in srgb,var(--brand)16%,transparent);--chg-active-rail:color-mix(in srgb,var(--brand)92%,transparent);--chg-expr-color:color-mix(in srgb,var(--text)72%,var(--brand)28%);--chg-diff-old:color-mix(in srgb,var(--text)58%,#ef4444 42%);--chg-diff-new:color-mix(in srgb,var(--text)55%,var(--brand-2)45%);--chg-step-dot-trigger-bg:color-mix(in srgb,var(--brand)95%,transparent);--chg-step-dot-trigger-ring:0 0 0 3px color-mix(in srgb,var(--brand)12%,transparent);--chg-step-dot-trigger-border:color-mix(in srgb,var(--brand)40%,transparent);--chg-body-bg:color-mix(in srgb,var(--surface-solid)86%,var(--bg)14%);--err-item-bg:color-mix(in srgb,var(--surface)82%,var(--surface-solid)18%);--err-item-border:color-mix(in srgb,var(--border)82%,var(--brand)18%);--err-item-text:color-mix(in srgb,var(--text)78%,#ef4444 22%);--ts-editor-input-width:320px;--ts-editor-input-radius:14px;--ts-editor-input-focus-ring-width:3px;--expr-tree-path-stroke:#0b13242e;--expr-tree-path-stroke-dark:#edf2ff38;--expr-tree-path-stroke-width:2px;--expr-tree-path-selected-stroke-width:3.2px;--expr-tree-path-active-stroke-width:5.2px;--expr-tree-path-selected-shadow:drop-shadow(0 0 6px #0b66ff3d);--expr-tree-path-selected-shadow-dark:drop-shadow(0 0 6px #7ab6ff47);--expr-tree-path-active-shadow:drop-shadow(0 0 10px #2bb6a970)drop-shadow(0 0 22px #2bb6a938);--expr-tree-path-active-shadow-dark:drop-shadow(0 0 8px #49d9c857)drop-shadow(0 0 16px #49d9c82e);--expr-node-dot-size:10px;--expr-node-dot-radius:999px;--expr-node-dot-ring-size:4px;--expr-node-dot-ring-shadow:0 0 0 var(--expr-node-dot-ring-size)#0b66ff1f;--expr-node-dot-ring-shadow-dark:0 0 0 var(--expr-node-dot-ring-size)#7ab6ff24;--expr-node-selected-border:#0b66ff61;--expr-node-selected-border-dark:#7ab6ff6b;--expr-node-selected-ring:0 0 0 2px #0b66ff24;--expr-node-selected-ring-dark:0 0 0 2px #7ab6ff29;--expr-node-selected-glow:0 0 18px #0b66ff14;--expr-node-selected-glow-dark:0 0 18px #7ab6ff1a;--expr-node-selected-dot-ring:0 0 0 4px #0b66ff2e;--expr-node-selected-dot-ring-dark:0 0 0 4px #7ab6ff33;--expr-node-selected-dot-glow:0 0 12px #0b66ff1a;--expr-node-selected-dot-glow-dark:0 0 12px #7ab6ff1f;--expr-node-active-border:#2bb6a9b8;--expr-node-active-border-dark:#49d9c899;--expr-node-active-ring:0 0 0 2px #2bb6a938;--expr-node-active-ring-dark:0 0 0 2px #49d9c82e;--expr-node-active-glow:0 0 24px #2bb6a933;--expr-node-active-glow-dark:0 0 22px #49d9c824;--expr-node-active-dot-ring:0 0 0 4px #2bb6a93d;--expr-node-active-dot-ring-dark:0 0 0 4px #49d9c833;--expr-node-active-dot-glow:0 0 18px #2bb6a938;--expr-node-active-dot-glow-dark:0 0 16px #49d9c829;--expr-node-async-header:linear-gradient(90deg,#2bb6a914 0%,var(--surface)55%);--expr-node-async-header-dark:linear-gradient(90deg,#49d9c81a 0%,var(--surface)55%);--expr-node-async-dot-shadow:0 0 0 0 #2bb6a900;--expr-node-async-dot-shadow-dark:0 0 0 0 #49d9c800;--expr-node-async-dot-pulse-start:0 0 0 0 #2bb6a952;--expr-node-async-dot-pulse-mid:0 0 0 8px #2bb6a900;--expr-node-async-dot-pulse-end:0 0 0 0 #2bb6a900;--expr-node-async-pill-border:#2bb6a94d;--expr-node-async-pill-bg:#2bb6a91a;--expr-node-async-pill-border-dark:#49d9c857;--expr-node-async-pill-bg-dark:#49d9c81f;--expr-node-async-pill-gap:6px;--expr-node-async-pill-height:18px;--expr-node-async-pill-px:8px;--expr-node-async-pill-radius:999px;--expr-node-async-pulse-size:6px;--expr-node-hover-lift:-1px;--expr-node-pulse-scale:1.015;--expr-node-body-header-offset:40px}html[data-theme=dark] .app{--bg:#070b14;--surface:#0c1223d1;--surface-2:#0c1223ad;--surface-solid:#0c1223;--text:#edf2ff;--fg:var(--text);--muted:#edf2ffb3;--muted-2:#edf2ff8a;--border:#edf2ff29;--border-soft:#edf2ff1f;--sep:var(--border-soft);--brand:#7ab6ff;--brand-2:#49d9c8;--shadow-1:0 1px 2px #00000038,0 12px 34px #00000052;--shadow-2:0 2px 10px #0000003d,0 18px 52px #00000057;--shadow-focus:0 0 0 3px var(--focus);--code-surface:#050711;--btn-bg:#1d5cff;--btn-bg-hover:#184fe0;--splitter-color:var(--border-soft);--splitter-color-hover:var(--border);--splitter-glow:transparent;--panel-surface:color-mix(in srgb,var(--surface-solid)86%,var(--bg)14%);--panel-header-surface:linear-gradient(180deg,#0c1223e6,#0c1223d1);--panel-border-color:#edf2ff14;--panel-divider-color:#edf2ff12;--panel:var(--surface-solid);--panel-header:var(--surface-2);--surface-1:var(--surface);--border-1:var(--border);--border-2:var(--border-soft);--shadow-panel:var(--shadow-1);--chg-active-border:color-mix(in srgb,var(--brand)62%,transparent);--chg-active-bg:color-mix(in srgb,var(--surface)74%,var(--brand)26%);--chg-active-shadow:0 0 0 1px color-mix(in srgb,var(--brand)24%,transparent);--chg-active-rail:color-mix(in srgb,var(--brand)96%,transparent);--chg-expr-color:color-mix(in srgb,var(--text)76%,var(--brand)24%);--chg-diff-old:color-mix(in srgb,var(--text)62%,#f87171 38%);--chg-diff-new:color-mix(in srgb,var(--text)58%,var(--brand-2)42%);--chg-step-dot-trigger-bg:color-mix(in srgb,var(--brand)96%,transparent);--chg-step-dot-trigger-ring:0 0 0 3px color-mix(in srgb,var(--brand)20%,transparent);--chg-step-dot-trigger-border:color-mix(in srgb,var(--brand)48%,transparent);--chg-body-bg:color-mix(in srgb,var(--surface-solid)86%,var(--bg)14%);--err-item-bg:color-mix(in srgb,var(--surface)86%,var(--surface-solid)14%);--err-item-border:color-mix(in srgb,var(--border)70%,#f87171 30%);--err-item-text:color-mix(in srgb,var(--text)72%,#f87171 28%)}
.changeHistoryRoot{flex-direction:column;min-width:0;min-height:0;display:flex}.changeHistoryEmpty{opacity:.7;padding:var(--sp-5);color:var(--muted);font-style:italic}.changeHistoryAccordion{border:1px solid var(--border);border-radius:var(--r-lg);background-color:var(--surface-solid);min-width:0;min-height:0;box-shadow:var(--shadow-1);overflow:hidden}.changeHistoryAccordionScroll{max-height:100%;padding:var(--sp-4);gap:var(--sp-3);flex-direction:column;display:flex;overflow:auto}.changeSet{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);transition:background-color var(--t-med)var(--ease),border-color var(--t-med)var(--ease),box-shadow var(--t-med)var(--ease);overflow:hidden}.changeSet.isActive{border-color:var(--chg-active-border);background-color:var(--chg-active-bg);box-shadow:var(--chg-active-shadow)}@supports not (background-color:color-mix(in srgb, black 50%, white 50%)){.changeSet.isActive{background-color:var(--surface-2)}}.changeSetHeader{width:100%;color:inherit;cursor:pointer;background-color:var(--surface-2);justify-content:space-between;align-items:center;gap:var(--sp-6);padding:var(--sp-5)var(--sp-6);text-align:left;transition:background-color var(--t-med)var(--ease),box-shadow var(--t-med)var(--ease);border:none;display:flex;position:relative}.changeSetHeader:hover{background-color:var(--surface-2)}.changeSetHeader:focus-visible{box-shadow:var(--shadow-focus);outline:none}.changeSet.isActive .changeSetHeader:before{content:"";left:0;top:var(--sp-3);bottom:var(--sp-3);background-color:var(--chg-active-rail);border-radius:999px;width:3px;position:absolute}.changeSet.nonClickable{pointer-events:none}.changeSetHeaderLeft{align-items:center;gap:var(--sp-4);flex:auto;min-width:0;display:flex}.changeSetBadge{background-color:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:999px;flex:none;padding:3px 8px;font-size:14px;font-weight:800}.changeSetHeaderMeta{align-items:baseline;gap:var(--sp-4);min-width:0;display:flex}.changeSetExpr{color:var(--chg-expr-color);white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:100%;font-size:13px;font-weight:800;overflow:hidden}@supports not (color:color-mix(in srgb, black 50%, white 50%)){.changeSetExpr{color:var(--text);opacity:.9}}.changeSetSteps{color:var(--muted-2);flex:none;font-size:12px}.changeSetHeaderRight{align-items:center;gap:var(--sp-4);flex:0 0 260px;justify-content:flex-end;display:flex}.changeSetChevron{width:20px;color:var(--muted-2);transition:transform var(--t-med)var(--ease);justify-content:center;display:inline-flex}.changeSetChevron.isOpen{transform:rotate(90deg)}.changeSetBody{padding:var(--sp-3)var(--sp-6)var(--sp-4)var(--sp-6);border-top:1px solid var(--border-soft);background-color:var(--chg-body-bg)}@supports not (background-color:color-mix(in srgb, black 50%, white 50%)){.changeSetBody{background-color:var(--surface-solid)}}.valueDiff{align-items:center;gap:var(--sp-3);white-space:nowrap;font-variant-numeric:tabular-nums;display:inline-flex}.valueDiff.isHeader{font-size:13px;font-weight:700}.valueDiff.isRow{font-size:12px;font-weight:700}.valueDiffOld,.valueDiffNew{text-align:right}.valueDiffArrow{text-align:center;color:var(--muted-2)}.valueDiffOld{color:var(--chg-diff-old)}.valueDiffNew{color:var(--chg-diff-new)}@supports not (color:color-mix(in srgb, black 50%, white 50%)){.valueDiffOld,.valueDiffNew{color:var(--text);opacity:.9}}.valueDiffOld.isUnset,.valueDiffNew.isUnset{opacity:.55;color:var(--muted-2);font-style:italic}.changePath{flex-direction:column;gap:0;display:flex}.changeStep{gap:var(--sp-4);min-width:0;padding:var(--sp-4)0;border-bottom:1px solid var(--border);grid-template-columns:26px 1fr;display:grid}.changeStep:last-child{border-bottom:none}.changeStepRail{justify-content:center;align-items:flex-start;display:flex;position:relative}.changeStepDot{background-color:var(--surface-2);border:2px solid var(--border-soft);border-radius:999px;width:10px;height:10px;margin-top:6px}.changeStepDot.isTrigger{background-color:var(--chg-step-dot-trigger-bg);box-shadow:var(--chg-step-dot-trigger-ring);border-color:var(--chg-step-dot-trigger-border)}.changeStepLine{background-color:var(--border-soft);width:2px;position:absolute;top:18px;bottom:-8px}.changeStepCard{background:0 0;border:none;border-radius:0;min-width:0}.changeStepHeader{justify-content:space-between;align-items:center;gap:var(--sp-4);min-width:0;display:flex}.changeStepHeaderLeft{align-items:center;gap:var(--sp-3);min-width:0;display:flex}.changeStepExpr{color:var(--chg-expr-color);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;font-weight:800;overflow:hidden}@supports not (color:color-mix(in srgb, black 50%, white 50%)){.changeStepExpr{color:var(--text);opacity:.9}}.changeStepTag{background-color:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:999px;flex:none;padding:2px 7px;font-size:11px}.changeStepTag.derived{opacity:.85}.changeStepHeaderRight{flex:0 0 260px;justify-content:flex-end;display:flex}
.app{height:100%;padding:var(--sp-4);font-family:var(--font-sans);color:var(--text);background:0 0;min-width:0;min-height:0;margin:0}.panels-container{width:100%;min-width:0;height:100%;min-height:0;display:flex}.panel-stack{flex-direction:column;flex:1;width:100%;min-width:0;height:100%;min-height:0;display:flex}.panel{background:var(--panel-surface);margin:var(--panel-gap);box-shadow:none;border:1px solid var(--panel-border-color);border-radius:10px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.panelPlain{box-shadow:none;background:0 0;border:none;border-radius:0}.panelFlat{border-radius:0}.panelElevated{box-shadow:var(--shadow-1)}.panel-header{padding:var(--sp-4)var(--sp-6);letter-spacing:-.01em;background:var(--panel-header-surface);border-bottom:1px solid var(--panel-divider-color);justify-content:space-between;align-items:center;gap:var(--sp-4);width:100%;min-width:0;font-weight:800;display:flex}.panel-header-row{flex-wrap:nowrap;width:100%;min-width:0}.editor-wrapper,.panel-body{flex:1;min-width:0;min-height:0;padding:0;overflow:auto}.panel-content{flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}.scroll-host{padding:var(--sp-3);position:absolute;inset:0;overflow:hidden auto}.separator{cursor:col-resize;width:10px;transition:background-color var(--t-med)var(--ease),box-shadow var(--t-med)var(--ease);background-color:#0000;border-radius:0;position:relative}.separator-horizontal{cursor:row-resize;height:10px;transition:background-color var(--t-med)var(--ease),box-shadow var(--t-med)var(--ease);background-color:#0000;border-radius:0;flex-shrink:0;position:relative}.separator:before{content:"";width:var(--splitter-size);background:var(--splitter-color);position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.separator-horizontal:before{content:"";height:var(--splitter-size);background:var(--splitter-color);position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.separator:hover,.separator-horizontal:hover,.separator[data-resize-handle-active=pointer],.separator-horizontal[data-resize-handle-active=pointer],.separator[data-resize-handle-active=keyboard],.separator-horizontal[data-resize-handle-active=keyboard]{box-shadow:none}.separator:hover:before,.separator-horizontal:hover:before,.separator[data-resize-handle-active=pointer]:before,.separator-horizontal[data-resize-handle-active=pointer]:before,.separator[data-resize-handle-active=keyboard]:before,.separator-horizontal[data-resize-handle-active=keyboard]:before{background:var(--splitter-color-hover)}.btn{justify-content:center;align-items:center;gap:var(--sp-2);white-space:nowrap;transition:transform var(--t-fast)var(--ease),background var(--t-med)var(--ease),border-color var(--t-med)var(--ease),box-shadow var(--t-med)var(--ease);border:1px solid #0000;border-radius:14px;padding:.82rem 1.18rem;font-weight:800;line-height:1;display:inline-flex}.btn:hover{text-decoration:none}.btn:active{transform:translateY(1px)}.btnSm{border-radius:14px;padding:.68rem .98rem;font-weight:850}.btnPrimary{background:var(--btn-bg);color:var(--btn-fg);box-shadow:var(--shadow-1);border-color:color-mix(in srgb,var(--btn-bg)70%,transparent)}.btnPrimary:hover{background:var(--btn-bg-hover)}.btnGhost{background:var(--surface-2);color:var(--text);border-color:var(--border);box-shadow:none}.btnGhost:hover{box-shadow:var(--shadow-1)}.icon-btn{width:var(--icon-btn-size);height:var(--icon-btn-size);border-radius:var(--r-xs,4px);border:1px solid var(--border);background:var(--surface);color:var(--text);opacity:.9;transition:opacity var(--t-fast)var(--ease),background-color var(--t-fast)var(--ease),border-color var(--t-fast)var(--ease),transform var(--t-fast)var(--ease);justify-content:center;align-items:center;padding:0;display:flex}.icon-btn svg{width:var(--icon-size-sm);height:var(--icon-size-sm);opacity:.95;display:block}.icon-btn:hover{opacity:1;background:var(--surface-2);border-color:var(--border-soft)}.icon-btn:active{transform:translateY(1px)}.exprTreeHeaderTitle{align-items:center;gap:var(--sp-4);flex:auto;min-width:0;display:flex;overflow:hidden}.exprTreeHeaderExpr{opacity:.9;white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:420px;font-size:.9em;font-weight:600;overflow:hidden}.exprTreeHeaderControls{align-items:center;gap:var(--sp-4);flex:none;min-width:0;display:flex}.exprTreeHeaderQuickActions{align-items:center;gap:var(--sp-2);border:1px solid var(--border-soft);background:var(--surface);border-radius:999px;padding:.2rem;display:inline-flex}.exprTreeActionBtn{height:1.8rem;padding:0 var(--sp-3);color:var(--muted);letter-spacing:.01em;white-space:nowrap;transition:color var(--t-fast)var(--ease),background-color var(--t-fast)var(--ease),border-color var(--t-fast)var(--ease);background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;font-size:.74rem;font-weight:700;display:inline-flex}.exprTreeActionBtn:hover{color:var(--text);background:var(--surface-2);border-color:var(--border)}.exprTreeActionBtn:active{transform:translateY(1px)}.exprTreeHeaderZoom{align-items:center;gap:var(--sp-3);opacity:.9;white-space:nowrap;font-size:.9em;display:inline-flex}.exprTreeHeaderZoom select{width:var(--zoom-select-w);min-width:var(--zoom-select-w);max-width:var(--zoom-select-w);height:var(--control-h);padding:0 var(--sp-4);border-radius:var(--r-xs,4px);background:var(--surface-solid);border:1px solid var(--border);color:var(--text);font-weight:600}.exprTreeHeaderZoom select:focus{border-color:var(--brand);box-shadow:0 0 0 2px var(--focus);outline:none}.exprTreeHeaderZoom select:focus-visible{outline:none}@media (max-width:900px){.app{padding:var(--sp-3)}.exprTreeHeaderQuickActions{display:none}}
.rsxCodeViewer{gap:.55rem;display:grid}.rsxCodeViewerPre{max-width:100%;margin:0;overflow:auto hidden}.rsxCodeViewerSyntax{color:var(--code-token-identifier,var(--text,#0b1324));display:block}.rsxCodeViewerSyntax .tok-keyword{color:var(--code-token-keyword,#365fff)}.rsxCodeViewerSyntax .tok-type{color:var(--code-token-type,#8246e5)}.rsxCodeViewerSyntax .tok-literal{color:var(--code-token-literal,#0e7a8e)}.rsxCodeViewerSyntax .tok-number{color:var(--code-token-number,#0f9b60)}.rsxCodeViewerSyntax .tok-string{color:var(--code-token-string,#b14d26)}.rsxCodeViewerSyntax .tok-comment{color:var(--code-token-comment,#13203d8f)}.rsxCodeViewerSyntax .tok-operator{color:var(--code-token-operator,#5f6a84)}.rsxCodeViewerSyntax .tok-identifier{color:var(--code-token-identifier,var(--text,#0b1324))}.rsxCodeViewerActions{justify-content:flex-end;display:flex}.rsxCodeViewerToggle{border:1px solid var(--border-soft,#0a193724);background:var(--surface-solid,#fff);color:var(--text,#0b1324);font:inherit;cursor:pointer;transition:background var(--t-fast,.16s)var(--ease,ease),border-color var(--t-fast,.16s)var(--ease,ease),color var(--t-fast,.16s)var(--ease,ease);border-radius:9px;padding:.38rem .64rem;font-size:.875rem;font-weight:700;line-height:1.2}.rsxCodeViewerToggle:hover{border-color:color-mix(in srgb,var(--brand,#0b66ff)30%,var(--border-soft,#0a193724));background:color-mix(in srgb,var(--surface-solid,#fff)90%,var(--surface-2,#ffffffb8))}