.ft-person-node{--_width:var(--ft-node-width,11rem);--_padding:var(--ft-node-padding,.625rem .75rem);--_radius:var(--ft-node-radius,.5rem);--_bg:var(--ft-node-bg,#fff);--_border:var(--ft-node-border,#d4d4d8);--_text:var(--ft-node-text,#18181b);--_muted:var(--ft-node-muted,#71717a);--_accent:var(--ft-node-accent,#2563eb);--_shadow:var(--ft-node-shadow,0 1px 2px #0000000f);--_font:var(--ft-node-font,system-ui, "Segoe UI", Roboto, sans-serif);box-sizing:border-box;width:var(--_width);padding:var(--_padding);border:1px solid var(--_border);border-radius:var(--_radius);background:var(--_bg);box-shadow:var(--_shadow);color:var(--_text);font:.8125rem/1.35 var(--_font);text-align:left;flex-direction:column;gap:.375rem;display:flex}button.ft-person-node{cursor:pointer;margin:0;transition:border-color .15s,box-shadow .15s}button.ft-person-node:hover{border-color:var(--_accent)}button.ft-person-node:focus-visible{outline:2px solid var(--_accent);outline-offset:2px}.ft-person-node--selected{border-color:var(--_accent);box-shadow:0 0 0 1px var(--_accent)}.ft-person-node__name{overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.9375rem;font-weight:600;display:-webkit-box;overflow:hidden}.ft-person-node__dates{flex-direction:column;gap:.125rem;display:flex}.ft-person-node__dates:empty{display:none}.ft-person-node__label{color:var(--_muted);letter-spacing:.04em;text-transform:uppercase;font-size:.6875rem;font-weight:500}.ft-family-tree{--_height:var(--ft-tree-height,36rem);--_bg:var(--ft-tree-bg,#f8f8f9);--_border:var(--ft-tree-border,#e4e4e7);--_radius:var(--ft-tree-radius,.5rem);--_connector:var(--ft-connector-color,#a1a1aa);--_connector-width:var(--ft-connector-width,1.5px);--_partner-connector:var(--ft-partner-connector-color,var(--_connector));--_control-bg:var(--ft-control-bg,#fff);--_control-text:var(--ft-control-text,#18181b);--_accent:var(--ft-node-accent,#2563eb);box-sizing:border-box;height:var(--_height);border:1px solid var(--_border);border-radius:var(--_radius);background:var(--_bg);position:relative;overflow:hidden}.ft-family-tree__viewport{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.ft-family-tree__viewport:focus-visible{outline:2px solid var(--_accent);outline-offset:-2px}.ft-family-tree--panning .ft-family-tree__viewport,.ft-family-tree--panning .ft-person-node{cursor:grabbing}.ft-family-tree__canvas{transform-origin:0 0;position:absolute;top:0;left:0}.ft-family-tree__connectors{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.ft-family-tree__connector{fill:none;stroke:var(--_connector);stroke-width:var(--_connector-width);stroke-linejoin:round}.ft-family-tree__connector--partner{stroke:var(--_partner-connector)}.ft-family-tree__node{position:absolute}.ft-family-tree__node>.ft-person-node{width:100%;height:100%;overflow:hidden}.ft-family-tree__controls{flex-direction:column;gap:.25rem;display:flex;position:absolute;bottom:.75rem;right:.75rem}.ft-family-tree__control{border:1px solid var(--_border);background:var(--_control-bg);width:2rem;height:2rem;color:var(--_control-text);cursor:pointer;border-radius:.375rem;place-items:center;padding:0;font:1rem/1 system-ui,sans-serif;display:grid}.ft-family-tree__control:hover{border-color:var(--_accent)}.ft-family-tree__control:focus-visible{outline:2px solid var(--_accent);outline-offset:2px}