.pp-cropPanel{background:var(--c-paper);border:1px solid var(--c-line);border-radius:var(--radius);padding:14px}.pp-crop{width:100%;max-width:min(560px, calc(var(--photo-crop-height,620px) * var(--photo-crop-aspect,1)));background:var(--c-sand);border:var(--stroke) solid var(--c-caramel);touch-action:none;cursor:grab;margin-inline:auto;position:relative;overflow:hidden}.pp-crop:after{content:"";z-index:2;pointer-events:none;background-image:linear-gradient(90deg,#0000 33.2%,#f7f3e885 33.2% 33.5%,#0000 33.5% 66.5%,#f7f3e885 66.5% 66.8%,#0000 66.8%),linear-gradient(#0000 33.2%,#f7f3e885 33.2% 33.5%,#0000 33.5% 66.5%,#f7f3e885 66.5% 66.8%,#0000 66.8%);position:absolute;inset:0}.pp-crop:active{cursor:grabbing}.pp-crop__media{position:absolute;transform:translate(-50%,-50%)}.pp-crop__media img{object-fit:cover;-webkit-user-select:none;user-select:none;max-width:none;transform:translate(-50%, -50%) rotate(var(--pp-photo-rotation));display:block;position:absolute;top:50%;left:50%}.pp-crop__hint{z-index:3;color:var(--c-ink);border:1px solid var(--c-line-2);border-radius:var(--radius);font:15px var(--f-ui);white-space:nowrap;pointer-events:none;background:#f7f3e8e6;padding:5px 9px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.pp-cropTools{flex-wrap:wrap;align-items:center;gap:12px;padding-top:14px;display:flex}.pp-cropTools button{min-height:44px;color:var(--c-olive-ink);border:var(--stroke) solid var(--c-olive);border-radius:var(--radius);font:500 14px var(--f-ui);cursor:pointer;background:0 0;padding:0 12px}.pp-cropTools label{min-width:0;font:16px var(--f-ui);color:var(--c-ink-2);flex:150px;align-items:center;gap:10px;display:flex}.pp-cropTools input{width:100%;min-width:0;min-height:44px;accent-color:var(--c-olive)}.pp-crop:focus-visible,.pp-cropTools button:focus-visible,.pp-cropTools input:focus-visible{box-shadow:var(--focus-ring);outline:0}@media (max-width:600px){.pp-crop{--photo-crop-height:470px}.pp-cropTools label{flex-basis:100%;order:1}.pp-cropTools button{flex:1}}