.picture-trigger{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.picture-trigger:focus-visible{outline-offset:7px;outline:3px solid #e4bc76}.picture-camera{color:#213c3b;background:#f2dfbd;border-radius:50%;place-items:center;width:29px;height:29px;display:grid;position:absolute;bottom:0;right:0;box-shadow:0 2px 8px #0006}.picture-menu{z-index:100;color:#213c3b;background:#f8f3e9;border:1px solid #b7a789;border-radius:14px;width:224px;padding:6px;box-shadow:0 12px 40px #0005}.picture-menu [role=menuitem]{cursor:pointer;border-radius:8px;gap:10px;padding:12px;font-size:14px}.picture-menu [data-highlighted]{color:#183532;background:#e5dccb}.picture-dialog{z-index:100;overscroll-behavior:contain;color:#243d3a;background:#fbf6ec;border:1px solid #b7a789;border-radius:20px;gap:12px;width:min(540px,100vw - 24px);max-width:540px;max-height:calc(100dvh - 32px);padding:24px;overflow-y:auto;box-shadow:0 24px 90px #0008}.picture-dialog [data-slot=dialog-title]{padding-right:26px;font-family:Georgia,serif;font-size:26px}.picture-dialog [data-slot=dialog-description],.picture-help{color:#566660;font-size:13px;line-height:1.5}:is(.picture-dialog button:focus-visible,.picture-dialog input:focus-visible,.picture-dialog select:focus-visible){outline-offset:2px;outline:3px solid #946524}.picture-dialog button:disabled{cursor:default;opacity:.55}.picture-filters{grid-template-columns:1.3fr 1fr;gap:10px;display:grid}.picture-filters label,.picture-upload{gap:6px;font-size:12px;font-weight:600;display:grid}.picture-filters input,.picture-filters select,.picture-upload input{color:#243d3a;background:#fffdf7;border:1px solid #adbaae;border-radius:8px;width:100%;min-width:0;padding:10px;font-size:14px}.picture-avatar-grid{overscroll-behavior:contain;scrollbar-gutter:stable;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-height:440px;padding:4px;display:grid;overflow-y:auto}.picture-avatar-grid button,.picture-photo-grid button{color:#243d3a;min-width:0;font:inherit;cursor:pointer;background:#fffdf8;border:1px solid #c5cdbf;border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:6px;display:flex}.picture-avatar-grid button{height:104px}.picture-avatar-grid button[aria-pressed=true]{background:#e4eddd;border:2px solid #3d6859;padding:5px}.picture-avatar-grid img{object-fit:cover;border-radius:9px;width:45px;height:45px}.picture-avatar-grid span{text-align:center;font-size:10px;line-height:1.2}.picture-avatar-grid small{align-items:center;gap:3px;font-size:9px;line-height:1.1;display:flex}.picture-apply{border-top:1px solid #ced3c5;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.picture-apply strong{font-size:14px}.picture-apply p{color:#53645b;margin:4px 0 0;font-size:12px}.picture-apply>button{color:#fff8e9;cursor:pointer;background:#254e44;border:0;border-radius:9px;flex-shrink:0;padding:11px 14px;font-size:13px}.picture-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:390px;padding:4px;display:grid;overflow-y:auto}.picture-photo-grid img{aspect-ratio:1;object-fit:cover;border-radius:7px;width:100%}.picture-photo-grid span{overflow-wrap:anywhere;font-size:12px}.picture-photo-grid small{font-size:10px}.picture-lightbox{width:min(1000px,100vw - 24px);max-width:1000px}.picture-full{object-fit:contain;border-radius:10px;width:100%;max-height:72dvh}.picture-error{color:#9a302a;font-size:13px}.picture-success{color:#245c41;font-size:13px}@media (max-width:480px){.picture-dialog{max-height:calc(100dvh - 24px);padding:20px 14px}.picture-avatar-grid{gap:5px;max-height:38dvh}.picture-avatar-grid button{height:105px}.picture-apply{flex-direction:column;align-items:stretch}.picture-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:40dvh}}@media (prefers-reduced-motion:reduce){.picture-dialog,.picture-menu{transition:none!important;animation:none!important}}body:has(.picture-dialog) [data-slot=dialog-overlay]{z-index:99}.picture-dialog{flex-direction:column;display:flex}.picture-dialog>*{flex-shrink:0}.picture-dialog .picture-avatar-grid,.picture-dialog .picture-photo-grid{flex-shrink:1;min-height:105px}
