.zz-shell{max-width:1100px;margin:1rem auto;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:#1f2937;font-size:15px;line-height:1.55}
.zz-shell *{box-sizing:border-box}
.zz-toolbar{display:flex;gap:14px;flex-wrap:wrap;background:#f8fafc;border:1px solid #dbe1e8;border-radius:10px;padding:14px}
.zz-toolbar label{flex:1;min-width:190px}
.zz-shell input,.zz-shell select,.zz-shell textarea{width:100%;padding:9px;border:1px solid #bbc5d0;border-radius:7px;font:inherit;background:white;color:#17212d}
.zz-shell label{display:block;font-weight:600;font-size:.94em}
.zz-search-results{display:flex;gap:5px;overflow:auto;padding:9px 0;scrollbar-width:thin}
.zz-shell button{cursor:pointer;font:inherit}
.zz-result{background:white;border:1px solid #d5dde7;border-radius:5px;padding:6px 10px;white-space:nowrap;color:#334155}
.zz-result:hover,.zz-node:hover{border-color:#346b92;background:#eff7fd}
.zz-person{display:flex;flex-direction:column;align-items:center;margin:16px 0;gap:12px}
.zz-family,.zz-main-person{width:100%;max-width:900px;text-align:center}
.zz-family h4{margin:4px 0 8px;color:#566276;font-size:13px;text-transform:uppercase;letter-spacing:.035em}
.zz-relatives{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.zz-node{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:130px;max-width:230px;min-height:49px;background:#f8fafc;border:1px solid #d4dce5;border-radius:9px;padding:9px 14px;color:#1f2937}
.zz-node small{font-size:11px;color:#64748b}
.zz-main-person{background:#fff;border:2px solid #788da4;border-radius:14px;box-shadow:0 5px 22px #15223812;padding:18px;min-height:96px}
.zz-main-person h3{margin:2px 0 5px;font-size:clamp(19px,3vw,28px)}
.zz-dates,.zz-muted{color:#64748b;font-size:13px}
.zz-biography{text-align:left;white-space:pre-wrap;background:#f8fafc;border-radius:8px;padding:16px;margin-top:12px;overflow-wrap:anywhere}
.zz-photos{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:10px}
.zz-photos img{max-width:150px;max-height:190px;object-fit:contain;border-radius:6px;border:1px solid #d2d9e2}
.zz-topola{border-top:1px solid #e2e8f0;margin-top:18px;padding-top:12px}
.zz-topola iframe{width:100%;height:580px;border:1px solid #dbe2ea;border-radius:10px;background:#f8fafc}
.zz-editor{max-width:840px}
.zz-edit-form,.zz-new-form{display:grid;grid-template-columns:1fr 1fr;gap:13px;border:1px solid #e2e8f0;border-radius:12px;padding:18px;margin:18px 0}
.zz-edit-form[hidden],.zz-new-form[hidden]{display:none}
.zz-edit-form>label:has(textarea),.zz-edit-form>label:has(input[type=file]),.zz-edit-form>.zz-status,.zz-new-form>.zz-muted,.zz-new-form>h4{grid-column:1/-1}
.zz-edit-form button,.zz-new-form button{background:#265c83;color:white;border:0;border-radius:7px;padding:11px 18px;width:fit-content}
.zz-status{font-weight:600}
.zz-error{color:#a02620}
@media(max-width:630px){.zz-toolbar,.zz-edit-form,.zz-new-form{display:flex;flex-direction:column}.zz-toolbar label{min-width:0}.zz-topola iframe{height:65vh;min-height:420px}.zz-node{min-width:90px;padding:8px}.zz-main-person{padding:14px}.zz-search-results{max-height:100px}}