#personEditor{position:fixed;inset:0;margin:auto;width:min(100%,720px);height:100dvh;max-width:100%;max-height:100dvh;padding:max(20px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom));border:0;border-radius:0;box-sizing:border-box;background:#fffdf8;color:#193e35;overflow:auto;font:16px/1.45 system-ui,sans-serif}
#personEditor::backdrop{background:#10231dbb}
#personEditor .person-editor-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
#personEditor h2{font-size:1.5rem;margin:0}
#personEditor label{display:grid;gap:6px;margin:16px 0;color:#193e35;font-size:.95rem}
#personEditor :is(input,textarea){width:100%;padding:12px;border:1px solid #b8c8bd;border-radius:10px;background:#fff;color:#193e35;font:inherit;box-sizing:border-box}
#personEditor textarea{min-height:120px;resize:vertical}
#personEditor button{min-height:44px;padding:9px 16px;border:1px solid #b8c8bd;border-radius:10px;background:transparent;color:#193e35;font:inherit;cursor:pointer}
#personEditor #personEditorSave{background:#193e35;color:#fff;width:100%}
#personEditor #personEditorStatus{color:#923e25}
#personEditor [hidden]{display:none}
#personEditor .person-editor-note{font-size:.85rem;color:#52695d}
#personEditor :focus-visible{outline:3px solid #64846b;outline-offset:3px}