.profile-photo-open{border-radius:inherit;background:var(--primary-subtle);cursor:zoom-in;border:0;padding:0;position:absolute;inset:0;overflow:hidden}.profile-photo-open:focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px}.profile-photo-layer{padding:20px}.profile-photo-dialog{background:var(--surface);border:1px solid var(--border);border-radius:24px;flex-direction:column;gap:12px;width:min(760px,100%);max-height:calc(100dvh - 40px);padding:16px;display:flex;box-shadow:0 24px 80px #0005}.profile-photo-dialog header{color:var(--text-primary);justify-content:space-between;align-items:center;gap:12px;font-weight:700;display:flex}.profile-photo-dialog header span{overflow-wrap:anywhere}.profile-photo-full{background:var(--background);border-radius:16px;height:min(70dvh,720px);min-height:120px;position:relative;overflow:hidden}.profile-photo-full img{object-fit:contain}.profile-cover-open{border-radius:inherit}.profile-photo-peek{border:2px solid var(--surface);background:var(--surface);width:32px;height:32px;color:var(--text-primary);cursor:pointer;z-index:2;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:0;left:0}.profile-photo-layer{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080a0ef0}.profile-photo-dialog{color:#fff;background:#101114;border-color:#ffffff20;width:min(1080px,100%)}.profile-photo-dialog header{color:#fff}.profile-photo-dialog header>span{flex:1}.profile-photo-dialog .icon-button{color:#fff;background:#ffffff14;flex-shrink:0}.profile-photo-full{touch-action:pan-x pan-y pinch-zoom;background:#101114;overflow:auto}.profile-photo-canvas{width:100%;height:100%;position:relative}.profile-photo-full.is-zoomed .profile-photo-canvas{width:200%;height:200%}.post-photo-open{cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.post-photo-open:focus-visible{outline:3px solid var(--focus-ring);outline-offset:-4px}.photo-gesture-surface{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;overflow:hidden}.photo-gesture-surface:active{cursor:grabbing}.photo-gesture-surface .profile-photo-canvas{pointer-events:none;will-change:transform}@media (max-width:480px){.profile-photo-dialog{padding:10px}.profile-photo-dialog header{flex-wrap:wrap;gap:4px}.profile-photo-dialog header>span{flex-basis:100%}}.social-modal-overlay.profile-photo-layer{background:#080a0ef0;align-items:center;padding:16px}.social-modal-overlay.profile-photo-layer>.profile-photo-dialog[role=dialog]{color:#fff;background:#101114;border:1px solid #ffffff20;border-radius:24px;width:min(1080px,100%);max-height:calc(100dvh - 32px);margin:0;padding:16px;overflow:hidden}.profile-photo-dialog>header{color:#fff;flex-shrink:0;min-width:0;font-size:14px}.profile-photo-dialog>header .icon-button{color:#fff;touch-action:manipulation;background:#ffffff20;border:0;border-radius:50%;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;display:grid}.profile-photo-dialog>.photo-gesture-surface{background:#08090b;flex-shrink:1;min-height:0}@media (max-width:480px){.social-modal-overlay.profile-photo-layer{padding:8px}.social-modal-overlay.profile-photo-layer>.profile-photo-dialog[role=dialog]{border-radius:18px;max-height:calc(100dvh - 16px);padding:12px}}