.gasa12-app{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;max-width:1500px;margin:20px auto;color:#202124}
.gasa12-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.gasa12-toolbar input,.gasa12-toolbar select,.gasa12-toolbar button{min-height:42px;padding:9px 12px;border:1px solid #d0d5dd;border-radius:8px;background:#fff}.gasa12-search{flex:1;min-width:220px}.gasa12-new{background:#202124!important;color:#fff;border-color:#202124!important;cursor:pointer}.gasa12-help{font-size:13px;color:#667085;margin:8px 0}.gasa12-canvas{height:72vh;min-height:520px;overflow:hidden;position:relative;border:1px solid #e4e7ec;border-radius:12px;background:#f8fafc;touch-action:none;cursor:grab}.gasa12-canvas.dragging{cursor:grabbing}.gasa12-tree{position:absolute;left:0;top:0;transform-origin:0 0;padding:20px;min-width:800px;min-height:600px}.gasa12-person{position:absolute;width:180px;min-height:92px;box-sizing:border-box;padding:10px;background:#fff;border:1px solid #d0d5dd;border-radius:12px;box-shadow:0 5px 18px rgba(0,0,0,.08);z-index:3;cursor:pointer}.gasa12-person:hover{box-shadow:0 8px 24px rgba(0,0,0,.14);transform:translateY(-1px)}.gasa12-photo{width:58px;height:58px;border-radius:50%;object-fit:cover;background:#e4e7ec;float:left;margin-right:9px}.gasa12-name{font-weight:700;font-size:14px;padding-top:5px}.gasa12-meta{font-size:12px;color:#667085;margin-top:5px}.gasa12-line{position:absolute;height:3px;background:#98a2b3;transform-origin:left center;z-index:1;pointer-events:none}.gasa12-marriage{background:#e07a5f;height:4px}.gasa12-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:999999;align-items:center;justify-content:center;padding:20px}.gasa12-modal.open{display:flex}.gasa12-modal-box{width:min(520px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:14px;padding:22px;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.25)}.gasa12-close{position:absolute;right:10px;top:6px;border:0;background:transparent;font-size:28px;cursor:pointer}.gasa12-content h3{margin-top:0}.gasa12-content form{display:grid;gap:10px}.gasa12-content input,.gasa12-content select{width:100%;box-sizing:border-box;padding:10px;border:1px solid #d0d5dd;border-radius:8px}.gasa12-content form button,.gasa12-action{padding:10px 12px;border:1px solid #d0d5dd;border-radius:8px;background:#f8fafc;cursor:pointer}.gasa12-content form button[type=submit]{background:#202124;color:#fff;border-color:#202124}.gasa12-rel{display:grid;gap:7px;margin:12px 0}.gasa12-detail-photo{width:88px;height:88px;border-radius:50%;object-fit:cover}.gasa12-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}@media(max-width:700px){.gasa12-canvas{height:68vh;min-height:430px}.gasa12-toolbar>*{width:100%}.gasa12-search{min-width:0}.gasa12-tree{min-width:700px}.gasa12-person{width:155px}}

.gasa12-note{margin:10px 0;padding:10px 12px;border-radius:8px;background:#f8fafc;border:1px solid #e4e7ec;font-size:13px;line-height:1.5}.gasa12-note strong{display:block;margin-bottom:4px}.gasa12-content textarea{width:100%;box-sizing:border-box;padding:10px;border:1px solid #d0d5dd;border-radius:8px;resize:vertical;font-family:inherit}