@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600&family=Lora:wght@400;600&display=swap";:root{--color-bg: #f3f2f2;--color-surface: #eae9e9;--color-text: #201f1d;--color-accent: #b68235;--color-accent-2: #ac803e;--color-divider: color-mix(in srgb, #201f1d 16%, transparent);--color-neutral-100: #f8f4f4;--color-neutral-200: #eae7e7;--color-neutral-300: #d7d3d3;--color-neutral-400: #bab6b6;--color-neutral-500: #9b9797;--color-neutral-600: #7d7979;--color-neutral-700: #605d5d;--color-neutral-800: #444141;--color-neutral-900: #2d2b2b;--color-accent-100: #fff3e4;--color-accent-200: #ffe3bf;--color-accent-300: #facb8d;--color-accent-400: #e1ad66;--color-accent-500: #c28d41;--color-accent-600: #a06f24;--color-accent-700: #7d5411;--color-accent-800: #5a3b0a;--color-accent-900: #3a270d;--color-accent-2-100: #fff3e4;--color-accent-2-200: #ffe3be;--color-accent-2-300: #f5cd96;--color-accent-2-400: #dbaf70;--color-accent-2-500: #bc8f4e;--color-accent-2-600: #9b7232;--color-accent-2-700: #79561f;--color-accent-2-800: #573d14;--color-accent-2-900: #382810;--font-heading: "Cormorant Garamond", system-ui, sans-serif;--font-heading-weight: 600;--font-body: "Lora", system-ui, sans-serif;--space-1: 4.6px;--space-2: 9.2px;--space-3: 13.8px;--space-4: 18.4px;--space-6: 27.6px;--space-8: 36.8px;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 7px;--shadow-sm: 0 1px 2px color-mix(in srgb, #2d2b2b 14%, transparent);--shadow-md: 0 3px 10px color-mix(in srgb, #2d2b2b 16%, transparent);--shadow-lg: 0 12px 32px color-mix(in srgb, #2d2b2b 22%, transparent)}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body)}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:var(--font-heading-weight)}.plate{filter:sepia(.22) saturate(.82) contrast(1.05);box-sizing:border-box;border:6px solid var(--color-surface);outline:1px solid var(--color-divider)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-size:15px;line-height:1.55;font-weight:400}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-heading-weight);line-height:1.12;letter-spacing:-.015em;margin:0 0 var(--space-2)}h1{font-size:42px}h2{font-size:32px}h3{font-size:25px}h4{font-size:20px}h5{font-size:16px}h6{font-size:13px}h6{letter-spacing:.08em;text-transform:uppercase}p{margin:0 0 var(--space-3)}a{color:var(--color-accent);text-underline-offset:3px}img{display:block;max-width:100%}figure{margin:0}figcaption{font-size:11px;margin-top:var(--space-1);color:color-mix(in srgb,var(--color-text) 55%,transparent)}.text-muted{color:color-mix(in srgb,var(--color-text) 55%,transparent)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:color-mix(in srgb,var(--color-accent) 30%,transparent)}.hr{height:1px;border:0;margin:var(--space-4) 0;background:var(--color-divider)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;text-decoration:none;font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:14px;line-height:1.2;color:var(--color-text);background:transparent;border:1px solid transparent;padding:var(--space-2) calc(var(--space-3) * 1.2);border-radius:var(--radius-md)}.btn svg{display:block}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{color:var(--color-accent);border-color:var(--color-accent)}.btn-primary:hover{background:color-mix(in srgb,var(--color-accent) 12%,transparent)}.btn-primary:active{background:color-mix(in srgb,var(--color-accent) 22%,transparent)}.btn-secondary{border-color:var(--color-divider)}.btn-secondary:hover{background:color-mix(in srgb,var(--color-text) 7%,transparent)}.btn-secondary:active{background:color-mix(in srgb,var(--color-text) 14%,transparent)}.btn-ghost{color:var(--color-accent);padding-inline:var(--space-1)}.btn-ghost:hover{background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.btn-ghost:active{background:color-mix(in srgb,var(--color-accent) 18%,transparent)}.btn-icon{width:36px;height:36px;padding:0}.btn-block{width:100%;margin-top:var(--space-2)}.field>label{display:block;font-size:12px;margin-bottom:5px;color:color-mix(in srgb,var(--color-text) 70%,transparent)}.input{width:100%;min-height:36px;padding:6px 10px;font:inherit;font-size:14px;color:var(--color-text);caret-color:var(--color-accent);background:transparent;border:1px solid var(--color-divider);border-radius:var(--radius-md)}.input:hover{border-color:color-mix(in srgb,var(--color-text) 45%,transparent)}.input:focus-visible{border-color:var(--color-accent);outline-offset:0}textarea.input{min-height:90px;resize:vertical}.radio{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.radio input,.seg-opt input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.radio .dot{width:16px;height:16px;flex:none;border-radius:50%;border:1.5px solid var(--color-divider)}.radio:hover .dot{border-color:var(--color-accent)}.radio input:checked+.dot{border-color:var(--color-accent);background:var(--color-accent);box-shadow:inset 0 0 0 4px var(--color-bg)}.radio input:focus-visible+.dot{outline:2px solid var(--color-accent);outline-offset:2px}.seg{display:inline-flex;overflow:hidden;border:1px solid var(--color-divider);border-radius:var(--radius-md)}.seg-opt{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;font-size:13px;cursor:pointer}.seg-opt+.seg-opt{border-left:1px solid var(--color-divider)}.seg-opt:has(input:checked){color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent)}.seg-opt:not(:has(input:checked)):hover{background:color-mix(in srgb,var(--color-text) 7%,transparent)}.seg-opt:has(input:focus-visible){outline:2px solid var(--color-accent);outline-offset:-2px}.card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:transparent;border:1px solid var(--color-divider)}.card-kicker{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent)}.card-title{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:17px;line-height:1.2}.card-body{margin:0;font-size:13px;opacity:.8;flex:1}.card-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:color-mix(in srgb,var(--color-text) 50%,transparent)}.elev-sm{box-shadow:var(--shadow-sm)}.elev-md{box-shadow:var(--shadow-md)}.elev-lg{box-shadow:var(--shadow-lg)}.tag{display:inline-flex;align-items:center;font-size:11px;letter-spacing:.02em;padding:3px 10px;border-radius:calc(var(--radius-md) * .75)}.tag-accent{background:var(--color-accent-100);color:var(--color-accent-800)}.tag-accent-2{background:var(--color-accent-2-100);color:var(--color-accent-2-800)}.tag-neutral{background:var(--color-neutral-100);color:var(--color-neutral-800)}.tag-outline{border:1px solid var(--color-accent);color:var(--color-accent)}.nav{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-divider)}.nav-brand{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:18px;margin-right:auto}.nav a{color:inherit;text-decoration:none;font-size:14px}.nav a:hover,.nav a[aria-current=page]{color:var(--color-accent)}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--color-text) 60%,transparent);padding:var(--space-2);border-bottom:1px solid var(--color-divider)}.table td{padding:var(--space-2);border-bottom:1px solid var(--color-divider)}.table tbody tr:hover{background:color-mix(in srgb,var(--color-text) 4%,transparent)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--space-4);background:color-mix(in srgb,var(--color-neutral-900) 50%,transparent)}.dialog{width:min(440px,100%);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-lg);border:1px solid var(--color-divider)}.dialog-title{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:20px}.dialog-body{font-size:14px;opacity:.85}.dialog-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2)}html,body,#root{margin:0;height:100%}body{-webkit-font-smoothing:antialiased}a:hover{color:var(--color-accent-600)}input,textarea,button{font-family:inherit}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eyebrow{font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:var(--color-neutral-600)}.eyebrow-wide{letter-spacing:1.4px}.app{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--color-bg)}.topbar{height:60px;flex:none;display:flex;align-items:center;gap:20px;padding:0 20px;border-bottom:1px solid var(--color-divider);background:var(--color-bg);z-index:5}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:10px;height:10px;transform:rotate(45deg);background:var(--color-accent)}.brand-name{font-family:var(--font-heading);font-size:24px;font-weight:500;letter-spacing:.2px}.topbar-sep{width:1px;height:24px;background:var(--color-divider)}.title-input{flex:1;min-width:120px;max-width:420px;padding:5px 10px;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;outline:none;font-family:var(--font-heading);font-size:19px;font-weight:600;color:var(--color-text)}.title-input:focus{border-color:var(--color-divider)}.topbar-actions{display:flex;gap:8px;align-items:center;flex:none}.tb-btn,.dl-btn{height:36px;padding:0 14px;border-radius:var(--radius-md);border:1px solid var(--color-divider);background:var(--color-neutral-100);font-size:14px;color:var(--color-text);cursor:pointer}.tb-btn:hover,.dl-btn:hover{background:var(--color-neutral-200)}.dl-btn{height:40px;padding:0 16px}.accent-btn{height:36px;padding:0 18px;border-radius:var(--radius-md);border:1px solid var(--color-accent);background:transparent;font-family:var(--font-heading);font-size:15px;font-weight:600;color:var(--color-accent);cursor:pointer}.accent-btn:hover{background:var(--color-accent-100)}.accent-btn-lg{height:42px;padding:0 20px;font-size:16px}.accent-btn-print{height:40px}.icon-btn{width:30px;height:30px;border:0;background:transparent;border-radius:6px;font-size:18px;cursor:pointer;color:var(--color-neutral-600)}.icon-btn:hover{background:var(--color-neutral-200)}.icon-btn-lg{width:32px;height:32px;font-size:20px;color:var(--color-neutral-700)}.icon-btn-lg:hover{background:var(--color-neutral-300)}.ghost-btn{height:32px;padding:0 12px;border-radius:var(--radius-md);border:1px solid var(--color-divider);background:transparent;font-size:13px;cursor:pointer;color:var(--color-text)}.link-btn{border:0;background:transparent;padding:0;font-size:12px;color:var(--color-accent-700);cursor:pointer}.link-btn-md{font-size:13px}.stage{flex:1;position:relative;overflow:hidden}.viewport{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;cursor:grab;background-color:var(--color-bg);background-image:radial-gradient(var(--color-neutral-300) 1px,transparent 1px);background-size:24px 24px}.viewport.is-dragging{cursor:grabbing}.world{position:absolute;left:0;top:0;transform-origin:0 0}.links{position:absolute;left:0;top:0;overflow:visible}.person-card{position:absolute;width:200px;height:96px;padding:0 14px;display:flex;align-items:center;gap:12px;background:var(--color-neutral-100);border:1px solid var(--color-divider);border-radius:var(--radius-lg);box-shadow:0 1px 2px #2d2b2b0d,0 4px 12px #2d2b2b0a;cursor:pointer;-webkit-user-select:none;user-select:none}.person-card.is-selected{border:1.5px solid var(--color-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-accent) 18%,transparent),0 6px 16px #2d2b2b1a}.avatar{border-radius:50%;flex:none;overflow:hidden;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);color:var(--color-neutral-700)}.avatar-sm{width:48px;height:48px;font-size:19px}.avatar-lg{width:76px;height:76px;font-size:28px}.pc-text{min-width:0;flex:1;display:flex;flex-direction:column;gap:1px}.pc-first{font-family:var(--font-heading);font-size:20px;font-weight:600;line-height:1.1;color:var(--color-text)}.pc-first.is-placeholder{color:var(--color-neutral-500)}.pc-last{font-size:11.5px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:var(--color-text)}.pc-dates{font-size:12px;color:var(--color-neutral-600);margin-top:3px}.pc-place{font-size:11px;color:var(--color-neutral-600)}.empty-state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.empty-inner{display:flex;flex-direction:column;align-items:center;gap:16px;pointer-events:auto;text-align:center}.empty-title{font-family:var(--font-heading);font-size:30px}.empty-sub{font-size:14px;color:var(--color-neutral-600)}.zoom-bar{position:absolute;left:20px;bottom:20px;display:flex;gap:4px;padding:4px;background:var(--color-neutral-100);border:1px solid var(--color-divider);border-radius:var(--radius-md);box-shadow:0 2px 8px #2d2b2b0f}.zoom-btn{width:34px;height:34px;border:0;background:transparent;border-radius:var(--radius-md);font-size:18px;cursor:pointer;color:var(--color-text)}.zoom-btn:hover{background:var(--color-neutral-200)}.zoom-fit{width:auto;padding:0 10px;font-size:13px}.zoom-pct{min-width:52px;white-space:nowrap;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--color-neutral-600)}.zoom-sep{width:1px;background:var(--color-divider);margin:4px 2px}.canvas-hint{position:absolute;right:20px;bottom:28px;max-width:calc(100% - 320px);text-align:right;font-size:12px;color:var(--color-neutral-600);pointer-events:none}.side-panel{position:absolute;top:0;right:0;bottom:0;display:flex;flex-direction:column;background:var(--color-neutral-100);border-left:1px solid var(--color-divider);box-shadow:-8px 0 24px #2d2b2b0f}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 6px}.panel-body{flex:1;overflow:auto;padding:8px 20px 20px;display:flex;flex-direction:column;gap:16px}.panel-foot{padding:14px 20px;border-top:1px solid var(--color-divider)}.photo-row{display:flex;align-items:center;gap:14px}.photo-actions{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.relatives{display:flex;flex-direction:column;gap:8px;padding-top:14px;border-top:1px solid var(--color-divider)}.rel-btn{height:38px;border-radius:var(--radius-md);border:1px solid var(--color-accent-300);background:var(--color-accent-100);color:var(--color-accent-700);font-size:13px;font-weight:500;cursor:pointer}.rel-btn:disabled{cursor:not-allowed;opacity:.4}.rel-group{display:flex;flex-direction:column;gap:3px}.rel-title{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--color-neutral-600)}.rel-none{font-size:13px;color:var(--color-neutral-600)}.rel-row{display:flex;align-items:center;gap:4px}.rel-name{flex:1;min-width:0;text-align:left;border:0;background:transparent;padding:3px 0;font-size:13px;color:var(--color-text);cursor:pointer}.rel-name:hover{color:var(--color-accent-700);text-decoration:underline}.rel-act{flex:none;height:24px;padding:0 7px;border-radius:var(--radius-md);border:1px solid var(--color-divider);background:transparent;font-size:12px;color:var(--color-neutral-600);cursor:pointer}.rel-act:hover{border-color:var(--color-accent-300);color:var(--color-accent-700)}.rel-link{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:6px}.rel-link .rel-btn{height:34px;padding:0 12px}.grid-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.grid-2-tight{gap:8px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.export-options .grid-2{gap:6px}.export-options .grid-2-tight{gap:8px}.field-label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--color-neutral-600)}.field-label-tight{gap:4px}.text-input{height:36px;padding:0 10px;border:1px solid var(--color-divider);border-radius:var(--radius-md);font-size:14px;color:var(--color-text);background:transparent;outline:none}.text-input:focus{border-color:var(--color-accent)}.text-input-sm{height:34px}.seg-track{display:flex;gap:4px;background:var(--color-neutral-200);padding:3px;border-radius:var(--radius-md)}.seg-btn{flex:1;height:30px;border:0;border-radius:var(--radius-md);font-size:13px;cursor:pointer;background:transparent;color:var(--color-text)}.seg-btn.is-on{background:var(--color-neutral-100);box-shadow:0 1px 3px #2d2b2b1f}.tile{border-radius:var(--radius-md);border:1px solid var(--color-divider);background:var(--color-neutral-100);cursor:pointer;color:var(--color-text)}.tile.is-on{border:1.5px solid var(--color-accent);background:var(--color-accent-100)}.tile-format{padding:8px 6px;display:flex;flex-direction:column;align-items:center;gap:1px}.tile-style{padding:10px;text-align:left;display:flex;flex-direction:column;gap:2px}.tile-dpi{height:30px;padding:0 10px;font-size:12px}.tile-label{font-size:14px;font-weight:500}.tile-format .tile-sub{font-size:10.5px;color:var(--color-neutral-600)}.tile-style .tile-sub{font-size:11px;color:var(--color-neutral-600)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{height:32px;padding:0 12px;border-radius:var(--radius-lg);font-size:13px;cursor:pointer;border:1px solid var(--color-divider);background:transparent;color:var(--color-neutral-700)}.chip.is-on{border-color:var(--color-accent);background:var(--color-accent-100);color:var(--color-accent-700)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;padding:24px;display:flex;align-items:center;justify-content:center;background:#28201861}.export-modal{width:100%;max-width:1080px;height:100%;max-height:720px;display:flex;overflow:hidden;background:var(--color-neutral-100);border-radius:var(--radius-lg);box-shadow:0 30px 80px #281e1440}.export-side{width:360px;flex:none;display:flex;flex-direction:column;border-right:1px solid var(--color-divider)}.export-head{padding:22px 24px 8px}.export-title{font-family:var(--font-heading);font-size:26px}.export-sub{font-size:13px;color:var(--color-neutral-600);margin-top:2px}.export-options{flex:1;overflow:auto;padding:12px 24px 20px;display:flex;flex-direction:column;gap:18px}.opt-group{display:flex;flex-direction:column;gap:8px}.opt-group-loose{gap:10px}.arms-row{display:flex;gap:10px;align-items:center}.arms-pick{width:56px;height:64px;flex:none;border:1px dashed var(--color-neutral-400);border-radius:var(--radius-md);background-color:transparent;background-size:contain;background-repeat:no-repeat;background-position:center;cursor:pointer;font-size:11px;color:var(--color-neutral-600)}.arms-pick:hover{border-color:var(--color-accent)}.arms-fields{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.arms-fields .link-btn{align-self:flex-start}.export-main{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--color-surface)}.export-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px}.size-label{font-size:13px;color:var(--color-neutral-700)}.preview-wrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:8px 32px}.preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.export-page{display:block;box-shadow:0 10px 30px #2d2b2b2e,0 1px 3px #2d2b2b1f}.export-actions{display:flex;gap:8px;justify-content:flex-end;align-items:center;padding:18px 20px;flex-wrap:wrap}.png-hint{font-size:12px;color:var(--color-neutral-600);margin-right:auto}.spacer-12{width:12px}