.ppc-backdrop{z-index:var(--clue-z-top);padding:var(--clue-profile-photo-crop-desktop-backdrop-padding);background:var(--clue-profile-photo-crop-backdrop);-webkit-backdrop-filter:blur(var(--clue-profile-photo-crop-blur));backdrop-filter:blur(var(--clue-profile-photo-crop-blur));justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ppc-backdrop *,.ppc-backdrop :before,.ppc-backdrop :after{box-sizing:border-box}.ppc-backdrop button{font:inherit}.ppc-sr{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ppc-panel{width:min(100%, var(--clue-profile-photo-crop-panel-max-w));max-height:min(var(--clue-profile-photo-crop-panel-max-h-dvh), var(--clue-profile-photo-crop-panel-max-h));border-radius:var(--clue-profile-photo-crop-panel-radius);background:var(--clue-bg);box-shadow:var(--clue-profile-photo-crop-panel-shadow);overflow:auto}.ppc-head{justify-content:space-between;align-items:flex-start;gap:var(--clue-profile-photo-crop-header-gap);padding:var(--clue-profile-photo-crop-desktop-header-padding);display:flex}.ppc-head h2{color:var(--clue-ink-1);font-size:var(--clue-profile-photo-crop-title);font-weight:var(--clue-profile-photo-crop-title-weight);letter-spacing:0;line-height:var(--clue-profile-photo-crop-title-line);margin:0}.ppc-head p{margin:var(--clue-profile-photo-crop-subtitle-mt) 0 0;color:var(--clue-meta);font-size:var(--clue-profile-photo-crop-subtitle);font-weight:var(--clue-profile-photo-crop-subtitle-weight);line-height:var(--clue-profile-photo-crop-subtitle-line)}.ppc-close{width:var(--clue-profile-photo-crop-close-size);height:var(--clue-profile-photo-crop-close-size);border-radius:var(--clue-profile-photo-crop-close-radius);background:var(--clue-fill);color:var(--clue-ink-3);font-size:var(--clue-profile-photo-crop-close-label);font-weight:var(--clue-profile-photo-crop-close-weight);line-height:var(--clue-profile-photo-crop-close-line);cursor:pointer;border:0;flex:none}.ppc-close:disabled,.ppc-secondary:disabled,.ppc-primary:disabled{cursor:default;opacity:var(--clue-profile-photo-crop-disabled-opacity)}.ppc-body{padding:var(--clue-profile-photo-crop-desktop-body-padding)}.ppc-frame{aspect-ratio:1;border-radius:var(--clue-profile-photo-crop-frame-radius);background:var(--clue-ink-1);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;position:relative;overflow:hidden}.ppc-frame:focus-visible{outline:var(--clue-profile-photo-crop-focus-outline) solid var(--clue-profile-photo-crop-focus-color);outline-offset:var(--clue-profile-photo-crop-focus-offset)}.ppc-frame.is-dragging{cursor:grabbing}.ppc-frame:after{inset:var(--clue-profile-photo-crop-guide-inset);border:var(--clue-profile-photo-crop-guide-border) solid var(--clue-profile-photo-crop-guide-color);border-radius:var(--clue-profile-photo-crop-guide-radius);content:"";pointer-events:none;position:absolute}.ppc-frame img{object-fit:cover;transform-origin:50%;-webkit-user-select:none;user-select:none;will-change:object-position, transform;width:100%;height:100%;display:block}.ppc-frame-label{right:var(--clue-profile-photo-crop-label-right);bottom:var(--clue-profile-photo-crop-label-bottom);z-index:1;min-height:var(--clue-profile-photo-crop-label-min-h);padding:0 var(--clue-profile-photo-crop-label-pad-x);border-radius:var(--clue-profile-photo-crop-label-radius);background:var(--clue-profile-photo-crop-label-bg);color:var(--clue-bg);font-size:var(--clue-profile-photo-crop-label-font);font-weight:var(--clue-profile-photo-crop-label-weight);align-items:center;display:inline-flex;position:absolute}.ppc-foot{gap:var(--clue-profile-photo-crop-actions-gap);padding:var(--clue-profile-photo-crop-desktop-actions-padding);grid-template-columns:1fr 1fr;display:grid}.ppc-secondary,.ppc-primary{min-height:var(--clue-profile-photo-crop-button-h);border-radius:var(--clue-profile-photo-crop-button-radius);font-size:var(--clue-profile-photo-crop-button-font);font-weight:var(--clue-profile-photo-crop-button-weight);cursor:pointer}.ppc-secondary{border:var(--clue-profile-photo-crop-secondary-border) solid var(--clue-border);background:var(--clue-bg);color:var(--clue-ink-3)}.ppc-primary{background:var(--clue-brand);color:var(--clue-bg);border:0}@media (hover:hover) and (pointer:fine){.ppc-close:not(:disabled):hover{background:var(--clue-hover-fill-strong)}.ppc-secondary:not(:disabled):hover{background:var(--clue-hover-fill)}.ppc-primary:not(:disabled):hover{background:var(--clue-brand-hover)}}.ppc-close:not(:disabled):active,.ppc-secondary:not(:disabled):active,.ppc-primary:not(:disabled):active{transform:scale(var(--clue-press-scale))}.ppc-secondary:not(:disabled):active{background:var(--clue-press-fill)}.ppc-primary:not(:disabled):active{background:var(--clue-brand-press)}@media (max-width:560px){.ppc-backdrop{padding:var(--clue-profile-photo-crop-mobile-backdrop-padding);background:var(--clue-profile-photo-crop-mobile-backdrop);align-items:stretch}.ppc-panel{width:100%;max-height:var(--clue-profile-photo-crop-mobile-panel-max-h-dvh);border-radius:var(--clue-profile-photo-crop-mobile-panel-radius)}.ppc-head{padding:var(--clue-profile-photo-crop-mobile-header-padding)}.ppc-body{padding:var(--clue-profile-photo-crop-mobile-body-padding)}.ppc-foot{padding:var(--clue-profile-photo-crop-mobile-actions-pad-top) var(--clue-profile-photo-crop-mobile-actions-pad-x) calc(var(--clue-profile-photo-crop-mobile-actions-pad-bottom) + env(safe-area-inset-bottom));border-top:var(--clue-profile-photo-crop-action-border) solid var(--clue-hairline);background:var(--clue-bg);position:sticky;bottom:0}}