:root{--font:Inter, system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "Cascadia Code", Consolas, monospace;--space-0:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--text-xs:12px;--text-sm:13px;--text-md:14px;--text-lg:16px;--text-xl:20px;--weight-normal:400;--weight-medium:500;--weight-strong:600;--leading-tight:1.3;--leading-normal:1.5;--control-height:28px;--icon-sm:14px;--icon-md:16px;--icon-lg:20px;--switch-width:32px;--switch-height:18px;--tooltip-max-width:320px;--tree-picker-height:240px;--transition:.12s ease;--focus-ring:2px solid var(--accent);--radius:6px;--radius-lg:10px;--bg:#fff;--bg-sidebar:#f7f7f9;--bg-hover:#efeff3;--bg-input:#fff;--border:#e3e3e9;--border-strong:#cfcfd8;--border-control:#8a8a99;--text:#1d1d27;--text-muted:#6c6c7a;--accent:#5b5bd6;--accent-hover:#4a4ac4;--accent-contrast:#fff;--accent-bg:#5b5bd61f;--danger:#d13438;--shadow:0 8px 24px #1414281f, 0 2px 6px #1414280f;--overlay:#14142852;--rule-red:#c62828;--rule-orange:#b85c00;--rule-yellow:#8a6d00;--rule-green:#2e7d32;--rule-blue:#1565c0;--rule-purple:#7b1fa2;--rule-gray:#616161;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#16171d;--bg-sidebar:#1b1c23;--bg-hover:#262833;--bg-input:#1f2029;--border:#2b2d38;--border-strong:#3a3d4c;--border-control:#707489;--text:#e8e8ee;--text-muted:#9a9aab;--accent:#8b8bf0;--accent-hover:#a0a0f5;--accent-contrast:#101018;--accent-bg:#8b8bf02e;--danger:#ff7a7f;--shadow:0 8px 24px #00000080, 0 2px 6px #0000004d;--overlay:#0000008c;--rule-red:#ff8a80;--rule-orange:#ffb74d;--rule-yellow:#ffe082;--rule-green:#81c784;--rule-blue:#90caf9;--rule-purple:#ce93d8;--rule-gray:#bdbdbd;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font:var(--weight-normal) var(--text-sm)/var(--leading-normal) var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1,h2,h3{font-weight:var(--weight-strong);line-height:var(--leading-tight);color:var(--text);margin:0}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{min-height:var(--control-height);padding:var(--space-1) var(--space-3);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:background-color var(--transition), border-color var(--transition)}button:hover:not(:disabled){background:var(--bg-hover)}button:disabled{opacity:.5;cursor:default}input:not([type=checkbox]):not([type=radio]),select,textarea{min-height:var(--control-height);padding:var(--space-1) var(--space-2);background:var(--bg-input);border:1px solid var(--border-control);border-radius:var(--radius);transition:border-color var(--transition)}:focus-visible{outline:var(--focus-ring);outline-offset:1px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:0}input[type=checkbox],input[type=radio]{accent-color:var(--accent)}table{border-collapse:collapse}th{font-weight:var(--weight-medium);color:var(--text-muted)}code{font-family:var(--mono);font-size:var(--text-xs)}[role=alert]{color:var(--danger)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.app{text-align:left;flex-direction:column;width:100%;height:100%;display:flex}.app-header{align-items:center;gap:var(--space-4);padding:var(--space-1) var(--space-3);background:var(--bg-sidebar);border-bottom:1px solid var(--border);flex:none;display:flex}.app-header h1{font-size:var(--text-lg);letter-spacing:-.01em}.app-header nav{flex:auto}.app-main{flex:auto;min-height:0}.app-main .panel-layout{height:100%}.app-tree{flex-direction:column;height:100%;display:flex}.app-tree__body{flex-direction:column;flex:auto;min-height:0;display:flex}.app-tree__body>[role=tree]{flex:auto;min-height:0}[role=treeitem]{align-items:center;gap:var(--space-1);padding-right:var(--space-2);cursor:default;border-radius:var(--radius);display:flex}[role=treeitem]>:not(.tree-title,.tree-space-title){flex-shrink:0}.tree-title{overflow-wrap:anywhere;flex:auto;min-width:0}.tree-space-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}[role=treeitem]:hover{background:var(--bg-hover)}[role=treeitem]>button{width:1.25rem;color:var(--text-muted);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}[role=treeitem]>span:first-child{width:1.25rem}[role=treeitem][aria-selected=true]{background:var(--accent-bg);color:var(--text)}.tree-space{font-weight:var(--weight-strong)}.tree-space .badge{margin-left:auto}.tree-node-action{align-items:center;margin-left:auto;display:inline-flex}.tree-space .badge+.tree-node-action{margin-left:0}.tree-space[draggable=true]{cursor:grab}.tree-space[data-drop]:after{content:"";height:calc(var(--space-1) / 2);background:var(--accent);pointer-events:none;position:absolute;left:0;right:0}.tree-space[data-drop=before]:after{top:0}.tree-space[data-drop=after]:after{bottom:0}[role=menu]{z-index:20;min-width:180px;padding:var(--space-1);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin:0;list-style:none}[role=menu] button,[role=menubar]>li>button{width:100%;padding:var(--space-1) var(--space-3);border-radius:var(--radius);color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;display:block}[role=menu] button:hover:not(:disabled),[role=menubar]>li>button:hover:not(:disabled),[role=menubar]>li>button[aria-expanded=true]{background:var(--bg-hover)}.undo-notice{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);background:var(--bg-sidebar);border-bottom:1px solid var(--border)}th,td{padding-left:var(--space-3);padding-right:var(--space-3)}
