.gn-app{height:100%;min-height:0;display:flex}.gn-app__side{resize:horizontal;border-right:1px solid var(--border);background:var(--bg-panel);flex-direction:column;width:400px;min-width:330px;max-width:50vw;display:flex;overflow:hidden}.gn-app__canvas{flex:1;min-width:0;min-height:0;position:relative}.gn-modes{flex:none;padding:10px 12px 0}.gn-bar{border-bottom:1px solid var(--border);flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.gn-bar__group{flex:none;gap:4px;display:flex}.gn-tabs{border-bottom:1px solid var(--border);flex:none;gap:3px;padding:8px 10px;display:flex}.gn-tabs__btn{min-width:0;color:var(--text-dim);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex:1 1 0;justify-content:center;align-items:center;gap:4px;padding:7px 4px;font-family:inherit;font-size:12px;display:inline-flex}.gn-tabs__btn:hover{background:var(--row-hover);color:var(--text)}.gn-tabs__btn.is-on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}.gn-tabs__btn.is-on .gn-tabs__count{color:var(--accent-text)}.gn-tabs__count{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:11px}.gn-scroll{flex-direction:column;flex:1;gap:10px;min-height:0;padding:14px 12px;display:flex;overflow-y:auto}.gn-block{flex-direction:column;gap:8px;display:flex}.gn-block__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.gn-block__title{color:var(--text);margin:0;font-size:13px;font-weight:600}.gn-block__sub{color:var(--text-dim);margin:0;font-size:12.5px}.gn-block--selected{border:1px solid var(--border);background:var(--bg-elevated);border-radius:8px;padding:10px}.gn-block__foot{border-top:1px solid var(--border);margin-top:4px;padding-top:8px;display:flex}.gn-subtitle{color:var(--text-dim);letter-spacing:.04em;text-transform:uppercase;margin:6px 0 0;font-size:12px;font-weight:600}.gn-row{align-items:flex-end;gap:8px;display:flex}.gn-field{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.gn-field--narrow{flex:0 0 84px}.gn-field__label{color:var(--text-dim);font-size:12px}.gn-input{border:1px solid var(--border);background:var(--bg-input);width:100%;color:var(--text);border-radius:6px;padding:7px 9px;font-family:inherit;font-size:13px}.gn-input--small{flex:0 0 96px;width:auto;padding:5px 7px;font-size:12px}.gn-input:focus-visible{border-color:var(--accent);outline:none}.gn-checks{flex-wrap:wrap;gap:6px 16px;display:flex}.gn-check{color:var(--text-dim);cursor:pointer;align-items:center;gap:6px;font-size:12.5px;display:flex}.gn-check input{accent-color:var(--accent)}.gn-segment{gap:4px;display:flex}.gn-segment__btn{border:1px solid var(--border);background:var(--bg-input);min-width:0;color:var(--text-dim);cursor:pointer;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:5px;padding:6px 4px;font-family:inherit;font-size:12.5px;display:inline-flex}.gn-segment__btn:hover{border-color:var(--border-strong)}.gn-segment__btn.is-on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}.gn-file{display:none}.gn-actions{flex-wrap:wrap;gap:6px;display:flex}.gn-btn{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);cursor:pointer;border-radius:6px;align-items:center;gap:5px;padding:6px 10px;font-family:inherit;font-size:12.5px;display:inline-flex}.gn-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-strong)}.gn-btn:disabled{opacity:.45;cursor:not-allowed}.gn-btn--primary{border-color:var(--accent-soft);background:var(--accent-soft);color:var(--accent-text)}.gn-btn--danger{color:var(--danger-text)}.gn-btn--danger:hover:not(:disabled){background:var(--danger-bg)}.gn-btn--icon{flex:none;padding:7px}.gn-tool{border:1px solid var(--border);background:var(--toolbar-bg);color:var(--text);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:6px;display:inline-flex}.gn-tool:hover{background:var(--bg-hover)}.gn-tool--danger{color:var(--danger-text)}.gn-tool.is-on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}.gn-btn.is-armed,.gn-tool.is-armed{border-color:var(--danger-text);background:var(--danger-bg);color:var(--danger-text)}.gn-link-row,.gn-child-row{border:1px solid var(--border);background:var(--bg-elevated);width:100%;color:var(--text);text-align:left;border-radius:6px;align-items:center;gap:8px;padding:6px 9px;font-family:inherit;font-size:12.5px;display:flex}.gn-link-row{cursor:pointer}.gn-link-row:hover{border-color:var(--accent)}.gn-link-row__label{color:var(--text-dim);flex:none}.gn-link-row__value{color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gn-child-row{flex-direction:column;align-items:stretch;gap:6px}.gn-child-row__head,.gn-child-row__twin{align-items:center;gap:8px;display:flex}.gn-child-row__twin .gn-input--small{flex:0 0 92px}.gn-child-row__hint{min-width:0;color:var(--text-dim);flex:1;font-size:11.5px}.gn-rel-row{border:1px solid var(--border);background:var(--bg-elevated);border-radius:6px;flex-direction:column;gap:6px;padding:7px 9px;font-size:12.5px;display:flex}.gn-rel-row.is-active{border-color:var(--accent);background:var(--accent-soft)}.gn-rel-row__head,.gn-rel-row__fields{align-items:center;gap:6px;display:flex}.gn-rel-row__name{min-width:0;color:var(--text);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:none;flex:1;font-family:inherit;font-size:12.5px;font-weight:600;overflow:hidden}.gn-rel-row__name:hover{color:var(--accent)}.gn-rel-row__parents{max-width:45%;color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:none;flex:none;font-family:inherit;font-size:11.5px;overflow:hidden}.gn-rel-row__parents:hover{color:var(--accent)}.gn-rel-row__count{color:var(--text-dim);flex:none;font-size:11.5px}.gn-rel-row__hint{min-width:0;color:var(--text-dim);flex:1;font-size:11px}.gn-rel-row__fields .gn-input--small{flex:1 1 0;min-width:0}.gn-member-row{align-items:center;gap:4px;display:flex}.gn-member-row .gn-list__item{flex:1;min-width:0}.gn-bond-row{align-items:center;gap:6px;display:flex}.gn-bond-row .gn-list__item{flex:1;min-width:0}.gn-child-row__name{min-width:0;color:var(--text);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:none;flex:1;font-family:inherit;font-size:12.5px;overflow:hidden}.gn-child-row__name:hover{color:var(--accent)}.gn-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.gn-list__item{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:5px 8px;font-family:inherit;font-size:12.5px;display:flex}.gn-list__item:hover{background:var(--row-hover)}.gn-list__item.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}.gn-list__glyph{border:1.5px solid;flex:none;width:11px;height:11px}.gn-list__glyph--female{border-radius:50%}.gn-list__glyph--unknown{clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);background:currentColor;border:none}.gn-list__glyph--pet{transform:rotate(45deg)}.gn-list__glyph--unborn{clip-path:polygon(50% 0,100% 100%,0 100%);background:currentColor;border:none}.gn-list__glyph--system{border-radius:50%;width:14px;height:9px}.gn-list__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.gn-list__age{color:var(--text-dim);font-variant-numeric:tabular-nums;flex:none}.gn-tag{background:var(--accent-soft);color:var(--accent-text);border-radius:999px;flex:none;padding:1px 6px;font-size:11px}.gn-tag--muted{background:var(--bg-hover);color:var(--text-dim)}.gn-house-item{border:1px solid var(--border);background:var(--bg-elevated);border-radius:8px;flex-direction:column;gap:6px;padding:8px;display:flex}.gn-chips{flex-wrap:wrap;gap:4px;display:flex}.gn-chip{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-dim);cursor:pointer;border-radius:999px;align-items:center;gap:2px;padding:4px 8px 4px 6px;font-family:inherit;font-size:12px;display:inline-flex}.gn-chip:hover{border-color:var(--accent);color:var(--accent-text)}.gn-chip.is-on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}.gn-tie-row{align-items:center;gap:6px;display:flex}.gn-tie-row__name{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12.5px;overflow:hidden}.gn-tie-row .gn-input--small{flex:0 0 84px}.gn-legend{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.gn-legend__item{color:var(--text-dim);align-items:center;gap:8px;font-size:12px;display:flex}.gn-legend__art{flex:none}.gn-details summary{color:var(--text-dim);cursor:pointer;font-size:12.5px}.gn-checklist{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 10px;max-height:160px;margin:6px 0 0;padding:0;list-style:none;display:grid;overflow-y:auto}.gn-hint{color:var(--text-dim);margin:0;font-size:12px;line-height:1.7}.gn-hint--tight{font-size:11.5px;line-height:1.5}.gn-note{border:1px solid #0000;border-radius:6px;margin:0;padding:6px 9px;font-size:12px;line-height:1.6}.gn-note--error{border-color:var(--error-border);background:var(--error-bg);color:var(--error)}.gn-note--warn{border-color:var(--warn-border);background:var(--warn-bg);color:var(--warn)}.gn-note--info{border-color:var(--info-border);background:var(--info-bg);color:var(--info)}.gn-canvas{background:var(--bg);width:100%;height:100%;position:relative;overflow:hidden}.gn-canvas__svg{touch-action:none;width:100%;height:100%;display:block}.gn-hit{fill:#0000;cursor:grab}.gn-hit:active{cursor:grabbing}.gn-canvas__add{position:absolute;top:10px;left:10px}.gn-canvas__tools{gap:4px;display:flex;position:absolute;top:10px;right:10px}.gn-batch{border:1px solid var(--border);background:var(--toolbar-bg);box-shadow:var(--shadow-node);border-radius:8px;align-items:center;gap:8px;padding:7px 10px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.gn-batch__label{color:var(--text);font-size:12.5px;font-weight:600}.gn-canvas__hint{color:var(--text-dim);pointer-events:none;margin:0;font-size:11.5px;position:absolute;bottom:8px;left:12px}.gn-empty{max-width:380px;color:var(--text-dim);text-align:center;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gn-empty__actions{pointer-events:auto;justify-content:center;gap:6px;margin-top:14px;display:flex}.gn-empty--corner{border:1px solid var(--border);background:var(--toolbar-bg);border-radius:10px;max-width:320px;padding:10px 14px;top:auto;bottom:14px;left:50%;transform:translate(-50%)}.gn-empty--corner .gn-empty__actions{margin-top:8px}.gn-empty__title{color:var(--text);margin:0 0 6px;font-size:15px;font-weight:600}.gn-empty__body{margin:0;font-size:13px}.gn-empty__list{margin:10px 0 0;padding:0;font-size:12.5px;line-height:1.9;list-style:none}.gn-node{cursor:grab}.gn-node:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.gn-node:active{cursor:grabbing}.gn-shape{fill:var(--bg-elevated);stroke:var(--text);stroke-width:2.2px}.gn-shape--index{fill:none;stroke-width:1.6px}.gn-dead{stroke:var(--text);stroke-width:2.2px}.gn-select{fill:var(--accent-soft);stroke:var(--accent);stroke-width:1.5px}.gn-mark-ring{fill:none;stroke:var(--danger-text);stroke-width:2px;stroke-dasharray:5 4}.gn-line{fill:none;stroke:var(--edge);stroke-width:1.8px}.gn-line--dashed{stroke-dasharray:7 5}.gn-mark{stroke:var(--edge);stroke-width:2.2px}.gn-union,.gn-bond{cursor:pointer}.gn-bond-line{fill:none;stroke:var(--edge);stroke-width:1.6px}.gn-bond-line--dashed{stroke-dasharray:6 5}.gn-bond--close .gn-bond-line{stroke:var(--bond-close)}.gn-bond--veryClose .gn-bond-line{stroke:var(--bond-very-close)}.gn-bond--distant .gn-bond-line{stroke:var(--bond-distant)}.gn-bond--conflict .gn-bond-line{stroke:var(--bond-conflict)}.gn-bond--harm .gn-bond-line{stroke:var(--bond-harm)}.gn-bond--cutoff .gn-bond-line{stroke:var(--bond-cutoff)}.gn-bond--closeConflict .gn-bond-line{stroke:var(--bond-close-conflict)}.gn-bond.is-selected .gn-bond-line{stroke:var(--accent)}.gn-line-hit{fill:none;stroke:#0000;stroke-width:16px}.gn-union.is-selected .gn-line,.gn-union.is-selected .gn-mark{stroke:var(--accent)}.gn-house{fill:none;stroke:var(--accent);stroke-width:1.4px}.gn-house--sketch{stroke-width:2px}.gn-house--pending{stroke-dasharray:5 4;opacity:.75}.gn-draw-dot{fill:var(--bg-elevated);stroke:var(--accent);stroke-width:1.4px;pointer-events:none}.gn-draw-dot--first{fill:var(--accent)}.gn-draw-dot--ready{stroke-width:2.4px}.gn-house--sketch,.gn-house--pending{pointer-events:none}.gn-draw-hit{fill:#0000;cursor:crosshair}.gn-canvas.is-drawing{cursor:crosshair}.gn-text{fill:var(--text);user-select:none;font-family:inherit}.gn-name{font-size:15px;font-weight:600}.gn-person-note,.gn-union-year,.gn-house-label{fill:var(--text-dim);font-size:12.5px}.gn-house-label{fill:var(--accent)}.gn-age{font-size:16px;font-weight:600}.gn-eco-center{fill:none;stroke:var(--edge);stroke-width:1.6px}.gn-eco-title{fill:var(--text-dim);font-size:12.5px}.gn-sys{cursor:grab}.gn-sys:active{cursor:grabbing}.gn-eco-sys{fill:var(--bg-elevated);stroke:var(--text);stroke-width:1.8px}.gn-sys-label{font-size:14px;font-weight:600}.gn-sys-note{fill:var(--text-dim);font-size:12.5px}.gn-tie-group{cursor:pointer}.gn-tie{fill:none;stroke:var(--edge)}.gn-tie--strong{stroke-width:3.4px}.gn-tie--weak{stroke-width:1.4px;stroke-dasharray:5 4}.gn-tie--stressful{stroke-width:2px}.gn-hatch{stroke:var(--edge);stroke-width:1.8px}.gn-arrow{fill:var(--edge);stroke:none}.gn-tie-group.is-selected .gn-tie,.gn-tie-group.is-selected .gn-hatch{stroke:var(--accent)}.gn-tie-group.is-selected .gn-arrow{fill:var(--accent)}.gn-ring{pointer-events:none;width:0;height:0;position:absolute}.gn-ring__btn{border:1px solid var(--accent);background:var(--bg-elevated);width:30px;height:30px;color:var(--accent-text);box-shadow:var(--shadow-node);cursor:pointer;pointer-events:auto;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute}.gn-ring__btn:hover:not(:disabled){background:var(--accent-soft)}.gn-ring__btn:disabled{border-color:var(--border);color:var(--text-dim);opacity:.5;cursor:not-allowed}.gn-ring__btn--edit,.gn-ring__btn--danger{border-color:var(--border-strong);width:24px;height:24px;color:var(--text-dim)}.gn-ring__btn--danger:hover:not(:disabled),.gn-ring__btn--danger.is-armed{border-color:var(--error);background:var(--danger-bg);color:var(--danger-text)}.gn-ring__hint{border:1px solid var(--error-border);background:var(--bg-elevated);color:var(--danger-text);white-space:nowrap;box-shadow:var(--shadow-node);pointer-events:none;border-radius:6px;padding:3px 8px;font-size:11.5px;position:absolute}.gn-rename{border:1px solid var(--accent);background:var(--bg-input);width:148px;color:var(--text);text-align:center;box-shadow:var(--shadow-node);border-radius:6px;padding:4px 7px;font-family:inherit;font-size:13px;position:absolute;transform:translate(-50%)}.gn-rename:focus-visible{outline:none}.gn-popover{z-index:3;border:1px solid var(--border);background:var(--bg-panel);width:268px;max-height:calc(100% - 16px);box-shadow:var(--shadow-node);border-radius:10px;flex-direction:column;gap:8px;padding:10px;display:flex;position:absolute;overflow-y:auto;transform:translate(-50%)}.gn-popover__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.gn-popover .gn-segment__btn{padding:5px 4px;font-size:11.5px}.gn-modal{z-index:100;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.gn-modal__backdrop{background:var(--overlay);position:absolute;inset:0}.gn-modal__panel{border:1px solid var(--border);background:var(--bg-panel);width:min(460px,100%);max-height:min(560px,90vh);box-shadow:var(--shadow-modal);border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex;position:relative;overflow-y:auto}.gn-modal__head{justify-content:space-between;align-items:center;display:flex}.gn-modal__title{margin:0;font-size:15px}.gn-saved{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.gn-saved__item{align-items:center;gap:6px;display:flex}.gn-saved__open{border:1px solid var(--border);background:var(--bg-elevated);min-width:0;color:var(--text);text-align:left;cursor:pointer;border-radius:6px;flex-direction:column;flex:1;gap:2px;padding:7px 10px;font-family:inherit;display:flex}.gn-saved__open:hover{border-color:var(--accent)}.gn-saved__name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.gn-saved__meta{color:var(--text-dim);font-size:11.5px}@media (width<=900px){.gn-draw-bar .gn-btn{min-height:44px;padding:0 14px}.gn-app{flex-direction:column}.gn-app__side{resize:none;border-right:none;border-bottom:1px solid var(--border);width:100%;min-width:0;max-width:none;height:300px}.gn-app__canvas{min-height:200px}.gn-checklist{grid-template-columns:minmax(0,1fr)}}