#editor{max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
#editor #close{position:sticky;top:0;z-index:2;background:white}
#editor input:focus-visible,#editor textarea:focus-visible,#editor select:focus-visible{outline:2px solid #396c53;outline-offset:2px}

.mediadate{display:grid;gap:8px;margin:10px 0}.mediadate input{display:block;width:100%;border:1px solid var(--line);border-radius:6px}.mediadate button{padding:8px 12px}

.ancestor-photo-panel .photogrid:empty{display:none}.ancestor-photo-panel .ancestorphoto{display:grid;gap:12px;margin-top:12px}.ancestor-photo-panel label input{display:block;width:100%;border:1px solid var(--line);border-radius:6px;margin-top:6px}.ancestor-photo-panel .ancestor-photo-open{margin:10px 0}.ancestor-photo-panel[hidden],.ancestor-photo-form[hidden]{display:none}
#breedereditor{max-width:660px;max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
#breedereditor input:focus-visible,#breedereditor textarea:focus-visible{outline:2px solid #396c53;outline-offset:2px}

#plannereditor{max-width:720px;max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}.planner-entry{border-top:1px solid var(--line);padding:20px 0}.planner-open{display:block;margin:16px 0;font-weight:600}#plannereditor input:focus-visible,#plannereditor textarea:focus-visible,#plannereditor select:focus-visible{outline:2px solid #396c53;outline-offset:2px}

.litter-estimate{padding:16px;background:#f1f5ee;border:1px solid #d9e3d2;border-radius:9px;margin:15px 0}.litter-estimate h4{margin:0 0 12px}#plannerform label[hidden]{display:none}