.radial-tree{--radial-tree-active-color: #1d4ed8;--radial-tree-muted-color: #94a3b8;--radial-tree-ring-color: rgb(100 116 139 / .24);position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;outline:none}.radial-tree:focus-visible{outline:1px solid color-mix(in srgb,var(--radial-tree-active-color) 70%,transparent);outline-offset:-2px}.radial-tree-motion-layer{position:absolute;inset:0}.radial-tree-svg-ring-nodes{transform-box:view-box;transform-origin:var(--radial-tree-arc-center-x) var(--radial-tree-arc-center-y)}.radial-tree-geometry,.radial-tree-svg-nodes{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.radial-tree-svg-node{color:var(--radial-tree-muted-color);cursor:pointer;pointer-events:auto;transition:color .18s ease,opacity .18s ease}.radial-tree-svg-node[data-preview=true]{opacity:.72}.radial-tree-svg-node[data-on-active-path=true]{color:color-mix(in srgb,var(--radial-tree-active-color) 78%,currentColor)}.radial-tree-svg-node[data-active=true]{color:var(--radial-tree-active-color)}.radial-tree-ring{fill:none;stroke:var(--radial-tree-ring-color);stroke-width:1;vector-effect:non-scaling-stroke}.radial-tree-ring[data-active=true]{stroke:color-mix(in srgb,var(--radial-tree-active-color) 58%,transparent);stroke-width:2}.radial-tree-ring[data-preview=true]{stroke-dasharray:4 7}.radial-tree-spoke{stroke:color-mix(in srgb,var(--radial-tree-active-color) 35%,transparent);stroke-width:1;vector-effect:non-scaling-stroke}.radial-tree-hub{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--radial-tree-active-color);opacity:.8;transform:translate(-50%,-50%)}.radial-tree-frame{position:absolute;width:var(--radial-tree-item-size);height:var(--radial-tree-item-size);display:grid;place-items:center;color:var(--radial-tree-muted-color);cursor:pointer;transform:translate(-50%,-50%);transition:left .42s cubic-bezier(.2,.8,.2,1),top .42s cubic-bezier(.2,.8,.2,1),color .18s ease,opacity .18s ease}.radial-tree-frame[data-preview=true]{opacity:.72}.radial-tree-frame[data-on-active-path=true]{color:color-mix(in srgb,var(--radial-tree-active-color) 78%,currentColor)}.radial-tree-frame[data-active=true]{z-index:2;color:var(--radial-tree-active-color)}.radial-tree-node{width:100%;height:100%;display:grid;place-items:center;overflow:visible;text-align:center}@media (prefers-reduced-motion: reduce){.radial-tree-frame,.radial-tree-svg-node{transition:none}}.compass{display:grid;grid-template-rows:auto minmax(260px,1fr) auto;width:100%;height:100%;min-height:0;min-width:0;color:#e2e8f0;background:#080c13;font:14px system-ui,sans-serif}.compass button{font:inherit;cursor:pointer}.compass button:disabled{cursor:default;opacity:.45}.compass-relations{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:10px}.compass-relations button{color:var(--compass-color);background:color-mix(in srgb,var(--compass-color) 7%,#080c13);border:1px solid color-mix(in srgb,var(--compass-color) 35%,transparent);border-radius:18px;padding:7px 12px}.compass-relations button[aria-pressed=true]{background:color-mix(in srgb,var(--compass-color) 22%,#080c13);border-color:var(--compass-color)}.compass-canvas{position:relative;min-height:0;overflow:hidden;touch-action:none;isolation:isolate}.compass-canvas:focus-visible{outline:1px solid #64748b;outline-offset:-1px}.compass-partition{position:absolute;inset:0;pointer-events:none}.compass-partition .radial-tree{--radial-tree-active-color: var(--compass-color);--radial-tree-muted-color: color-mix(in srgb, var(--compass-color) 68%, #e2e8f0);--radial-tree-ring-color: color-mix(in srgb, var(--compass-color) 20%, transparent);pointer-events:none}.compass-partition .radial-tree-frame{pointer-events:auto}.compass-partition .radial-tree-hub{display:none}.compass-partition .radial-tree-frame[data-active=true] .compass-node{border-color:color-mix(in srgb,var(--compass-color) 55%,transparent)}.compass-partition[data-active=true] .radial-tree-frame[data-active=true] .compass-node{border-color:var(--compass-color);background:color-mix(in srgb,var(--compass-color) 20%,#080c13);box-shadow:0 0 14px color-mix(in srgb,var(--compass-color) 12%,transparent)}.compass-node{display:flex;align-items:center;gap:4px;min-height:30px;width:100%;padding:4px 6px;border:1px solid color-mix(in srgb,var(--compass-color) 25%,transparent);border-radius:8px;background:#0c111b;line-height:1.25;box-sizing:border-box}.compass-node>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compass-node small{flex-shrink:0;font-size:10px;opacity:.8}.compass-focus{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:120px;height:120px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #64748b;background:#121a28;border-radius:50%;text-align:center;padding:12px;box-sizing:border-box;pointer-events:none}.compass-focus small{color:#94a3b8;font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px}.compass-focus strong{max-width:100%;overflow:hidden;text-overflow:ellipsis}.compass-empty{position:absolute;left:50%;top:calc(50% + 76px);transform:translate(-50%);color:#94a3b8;pointer-events:none;text-align:center}.compass-status{padding:10px 16px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;border-top:1px solid #273244}.compass-status>div:first-child{display:flex;gap:12px;flex:1}.compass-status span,.compass-status>small{color:#94a3b8}.compass-status>small{width:100%;font-size:11px}.compass-actions{display:flex;gap:8px}.compass-actions button{color:#e2e8f0;background:#182235;border:1px solid #3a4860;padding:5px 10px;border-radius:6px}.compass-focus-surface,.compass-surface-partition{position:absolute;inset:0;pointer-events:none}.compass-surface-card{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;display:flex;align-items:center;gap:4px;line-height:1.2;box-sizing:border-box;padding:3px 6px;overflow:hidden;cursor:pointer;color:#e2e8f0;background:color-mix(in srgb,var(--compass-color) 7%,#080c13);border:1px solid color-mix(in srgb,var(--compass-color) 65%,transparent);border-radius:8px}.compass-surface-card>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compass-surface-card>small{flex-shrink:0;color:var(--compass-color);font-size:.85em}.compass-surface-card[data-preview=true]{opacity:.8}.compass-surface-partition[data-active=true] .compass-surface-card[data-selected=true]{border:2px solid var(--compass-color);background:color-mix(in srgb,var(--compass-color) 22%,#080c13);box-shadow:0 0 16px color-mix(in srgb,var(--compass-color) 18%,transparent)}.compass[data-transitioning=true] .compass-surface-card{pointer-events:none}.compass-surface-overflow{position:absolute;left:10px;bottom:6px;max-width:calc(100% - 20px);font-size:11px;color:#94a3b8}*{box-sizing:border-box}:root{color-scheme:dark;font:14px system-ui,sans-serif;background:#080c13;color:#e2e8f0}body{margin:0}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid #7dd3fc;outline-offset:3px}.compass-showcase{min-height:620px;height:100dvh;display:flex;flex-direction:column}.showcase-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px 10px}.showcase-heading{display:flex;align-items:baseline;gap:12px}.showcase-heading strong{font-size:20px;letter-spacing:-.025em}.showcase-heading span{font-size:12px;color:#94a3b8}.showcase-controls{display:flex;align-items:center;gap:12px}.layout-switch{display:flex;gap:3px;padding:3px;border:1px solid #334155;border-radius:8px}.layout-switch button,.showcase-reset{border:0;background:transparent;color:#cbd5e1;border-radius:5px;padding:8px 10px;cursor:pointer;font-size:12px}.layout-switch button[aria-pressed=true]{background:#23374b;color:#f8fafc}.showcase-reset{border:1px solid #334155}.showcase-dataset{display:flex;gap:8px;align-items:center;font-size:12px;color:#94a3b8}.showcase-dataset select{max-width:130px;border:1px solid #334155;border-radius:5px;padding:7px;background:#111b2a;color:#e2e8f0}.showcase-meta{display:flex;justify-content:space-between;gap:12px;padding:0 20px 14px;border-bottom:1px solid #233044;color:#8293ab;font-size:11px}.showcase-meta a{color:#b7d4f1;text-decoration:none;white-space:nowrap}.showcase-meta a:hover{text-decoration:underline}.showcase-stage{flex:1;min-height:400px}.showcase-selection{display:flex;gap:8px 14px;flex-wrap:wrap;border-top:1px solid #233044;padding:12px 20px;color:#94a3b8;font-size:12px}.showcase-selection strong{font-weight:500;color:#cbd5e1}@media (max-width: 780px){.showcase-toolbar{align-items:flex-start;flex-wrap:wrap;gap:10px}.showcase-controls{flex-wrap:wrap;gap:8px}}@media (max-width: 460px){.showcase-toolbar{padding:12px 12px 8px}.showcase-heading{width:100%}.showcase-controls{width:100%;justify-content:space-between;gap:6px}.layout-switch button{padding:8px 6px}.showcase-dataset>span{display:none}.showcase-dataset select{max-width:100px}.showcase-meta{padding:0 12px 10px;font-size:10px}.showcase-selection{padding:10px 12px}.compass-relations{gap:5px;padding:8px}.compass-relations button{font-size:11px;padding:6px 8px}.compass-status{padding:8px 10px;font-size:12px}.compass-status>div:first-child{flex-basis:100%}.compass-status>small{font-size:10px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important}}.showcase-stage .compass-surface-overflow{background:#080c13;padding:4px 6px;border-radius:4px}