.tree-toolbar{height:auto;min-height:106px;align-items:flex-start;padding:16px 25px 12px;gap:22px}.tree-toolbar>div:first-child{flex:0 0 112px}.tree-actions{flex:1;align-items:center;justify-content:flex-end;flex-wrap:wrap}.view-tabs{order:2;width:100%;display:grid!important;position:static!important;grid-template-columns:repeat(4,minmax(160px,1fr));gap:9px;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.tree-workspace{position:relative;height:calc(100vh - 182px)}.stats-rail{display:none;position:absolute;left:0;top:50%;z-index:30;width:27px;height:146px;transform:translateY(-50%);padding:8px 3px;border:1px solid #a9ccf7;border-left:0;border-radius:0 12px 12px 0;background:linear-gradient(180deg,#0d5bd1,#3092fa);color:#fff;box-shadow:6px 10px 25px rgba(20,88,170,.24);cursor:pointer}.tree-workspace.stats-collapsed .stats-rail{display:block}.people-list{display:none!important}.view-list .people-list{display:block!important}.view-list .tree-stage,.view-list .family-connectors{display:none!important}
@media(max-width:1200px){.view-tabs{grid-template-columns:repeat(2,1fr)}.tree-workspace{height:calc(100vh - 246px)}}
@media(max-width:900px){.tree-toolbar>div:first-child{flex:1}.view-tabs{position:static!important;width:100%!important;grid-template-columns:repeat(2,1fr)}.tree-workspace{height:calc(100vh - 250px)}.stats-rail{display:none!important}}
.person-details{position:absolute;right:10px;top:10px;width:24px;height:24px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--blue) 28%,var(--line));border-radius:50%;background:color-mix(in srgb,var(--sky) 78%,var(--card));color:var(--blue);font-family:Georgia,serif;font-size:15px;font-weight:900;font-style:italic;cursor:pointer;box-shadow:0 4px 12px rgba(20,80,160,.12);transition:.18s}.person-details:hover{color:#fff;background:var(--blue);transform:translateY(-1px) scale(1.06)}.person-details-modal{position:relative;width:min(620px,calc(100% - 32px));max-height:84vh;overflow:auto;margin:8vh auto;padding:30px;background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:0 30px 80px #0005}.details-heading{display:flex;align-items:center;gap:16px;padding:0 40px 22px 0;border-bottom:1px solid var(--line)}.details-heading h2{margin:4px 0;font-size:25px}.details-heading p{margin:0;color:var(--muted)}.details-avatar{flex:0 0 66px;height:66px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,var(--sky),#cfe5ff);color:var(--blue);font-size:27px;font-weight:900}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.details-grid>div{padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--sky) 35%,var(--card))}.details-grid span{display:block;color:var(--muted);font-size:10px;font-weight:750;margin-bottom:4px}.details-grid b{font-size:13px}.details-grid .details-empty{grid-column:1/-1;color:var(--muted)}.details-notes{margin-top:16px;padding:16px;border-radius:12px;background:var(--bg)}.details-notes p{margin:7px 0 0;white-space:pre-wrap;color:var(--muted)}.family-line.ex-spouse{stroke:#a8b2c0;stroke-dasharray:8 6}@media(max-width:620px){.details-grid{grid-template-columns:1fr}.person-details-modal{padding:23px}}
.tree-canvas{cursor:grab;overscroll-behavior:none;touch-action:none;user-select:none}.tree-canvas.is-panning{cursor:grabbing}.tree-canvas.is-panning *{cursor:grabbing!important}.person-node,.person-node *{user-select:text}.ancestor-toggle{display:none;position:absolute;right:8px;top:-15px;width:30px;height:30px;border:2px solid #fff;border-radius:50%;background:#43c879;color:#fff;font-size:21px;font-weight:900;line-height:25px;place-items:center;cursor:pointer;box-shadow:0 5px 14px rgba(33,151,88,.3);z-index:8}.ancestor-toggle.available{display:grid}.ancestor-toggle:hover{background:#25a95d;transform:rotate(35deg) scale(1.06)}.person-node.focus .ancestor-toggle{display:none}
.fan-generation-control{display:flex;align-items:center;gap:8px;width:auto;margin:0;padding:6px 10px;border:1px solid var(--line);border-radius:10px;background:var(--card);font-size:12px;font-weight:800;color:var(--muted)}.fan-generation-control[hidden]{display:none}.fan-generation-control select{width:64px;margin:0;padding:6px 8px}.fan-stage{background-image:repeating-radial-gradient(circle at 50% calc(100% - 170px),transparent 0,transparent 207px,color-mix(in srgb,var(--blue) 13%,transparent) 208px,color-mix(in srgb,var(--blue) 13%,transparent) 210px);border-radius:24px}.view-fan .person-node{width:210px}.view-fan .person-node.focus{box-shadow:0 0 0 5px color-mix(in srgb,var(--blue) 18%,transparent),var(--shadow)}.view-pedigree .ancestor-toggle.available,.view-fan .ancestor-toggle.available{display:grid}.view-pedigree .person-node.focus .ancestor-toggle,.view-fan .person-node.focus .ancestor-toggle{display:none}