.photo-crop-editor{box-sizing:border-box;width:min(460px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:22px;border:1px solid #4b6f5d;border-radius:20px;background:#111c16;color:#f0faf5;box-shadow:0 24px 80px #0009;font-family:system-ui,sans-serif}.photo-crop-editor::backdrop{background:#050b08c9;backdrop-filter:blur(5px)}.photo-crop-editor header{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px}.photo-crop-editor h2{font-size:20px;margin:0 0 8px}.photo-crop-editor header p,.photo-crop-help{font-size:12px;color:#b0c6bb;line-height:1.5;margin:0}.photo-crop-editor button{min-height:42px;padding:9px 14px;border:1px solid #435f51;border-radius:10px;background:#1f3329;color:#f0faf5;font:600 13px system-ui;cursor:pointer}.photo-crop-editor [data-close]{margin-left:auto;padding:3px 12px;font-size:24px;flex:none}.photo-crop-editor canvas{display:block;width:min(310px,100%);height:auto;margin:0 auto;border:2px solid #80c7a3;border-radius:50%;background:#141e19;touch-action:none;cursor:grab}.photo-crop-editor canvas:active{cursor:grabbing}.photo-crop-editor canvas:focus-visible{outline:3px solid #b4fad6;outline-offset:4px}.photo-crop-zoom{display:flex;align-items:end;gap:12px;margin:20px 0 12px}.photo-crop-zoom label{display:grid;gap:8px;font-size:12px;flex:1;min-width:0}.photo-crop-zoom input{width:100%;accent-color:#7adfab;min-height:26px}.photo-crop-fit{display:flex;gap:10px;justify-content:center}.photo-crop-help{text-align:center;margin:14px 0}.photo-crop-error{color:#bcfada;font-size:13px;line-height:1.5}.photo-crop-error:empty{display:none}.photo-crop-editor footer{display:flex;gap:10px;justify-content:flex-end;padding-top:14px;border-top:1px solid #31473c}.photo-crop-editor [data-save]{background:#50c589;border-color:#7bd8a9}.photo-crop-editor button:disabled{opacity:.5;cursor:default}.profile-photo-hint{font-size:11px;color:#b0c6bb}.contact-photo-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:12px 0}.contact-photo-controls img,.visitor-photo-menu img{width:48px;height:48px;border-radius:50%;object-fit:cover}.contact-photo-controls button{padding:8px 12px;border:1px solid #435f51;border-radius:8px;background:#1f3329;color:#f0faf5;cursor:pointer}.contact-photo-controls small{color:#b0c6bb;font-size:11px}.guest-avatar img,.contact-table-photo{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.guest-avatar img{position:absolute;inset:0}.guest-avatar{position:relative}.guest-avatar .presence-dot{z-index:1}.contact-table-photo{width:30px;height:30px;flex:none}.contact-name-with-photo{display:flex;align-items:center;gap:9px}.visitor-photo-menu{display:flex;align-items:center;gap:10px}.visitor-photo-menu img[hidden],.contact-photo-controls img[hidden]{display:none!important}.avatar.has-photo{background-size:cover;background-position:center}.photo-crop-editor [hidden]{display:none!important}@media(max-width:480px){.photo-crop-editor{padding:18px}.photo-crop-editor canvas{width:min(280px,100%)}.photo-crop-editor button{min-height:44px}}