/* Shared image positioning, drag and zoom UI. */
.rkp-crop-dialog{width:min(980px,calc(100% - 28px));max-height:calc(100dvh - 28px);margin:auto;padding:0;overflow:auto;border:1px solid rgba(255,255,255,.11);border-radius:24px;color:#eef3f9;background:#080c13;box-shadow:0 36px 120px rgba(0,0,0,.8)}.rkp-crop-dialog::backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(9px)}.rkp-crop-shell{padding:clamp(18px,3vw,30px)}.rkp-crop-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.rkp-crop-head small{display:block;margin-bottom:7px;color:var(--v2-a2,#00bfff);font-size:.58rem;font-weight:850;letter-spacing:.16em}.rkp-crop-head h2{margin:0;font-size:clamp(1.25rem,2.6vw,2rem)}.rkp-crop-head p{margin:7px 0 0;color:#8e9aaa;font-size:.72rem;line-height:1.55}.rkp-crop-close{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#aeb8c5;background:rgba(255,255,255,.035);font-size:1.3rem;cursor:pointer;transition:.18s ease}.rkp-crop-close:hover{color:#fff;border-color:rgba(var(--v2-rgb-2,0,191,255),.35);background:rgba(var(--v2-rgb,0,51,102),.15)}.rkp-crop-stage{position:relative;width:100%;margin:auto;overflow:hidden;border:1px solid rgba(var(--v2-rgb-2,0,191,255),.26);border-radius:18px;background-color:#020407;background-image:linear-gradient(45deg,rgba(255,255,255,.025) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.025) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.025) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.025) 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;box-shadow:inset 0 0 70px rgba(0,0,0,.38);touch-action:none;user-select:none;cursor:grab}.rkp-crop-stage:active{cursor:grabbing}.rkp-crop-stage[data-mode=avatar]{width:min(560px,100%);aspect-ratio:1}.rkp-crop-stage[data-mode=cover]{aspect-ratio:16/5}.rkp-crop-stage canvas{display:block;width:100%;height:100%}.rkp-crop-mask{position:absolute;inset:0;pointer-events:none}.rkp-crop-stage[data-mode=avatar] .rkp-crop-mask{inset:1px;border:2px solid rgba(255,255,255,.85);border-radius:50%;box-shadow:0 0 0 999px rgba(0,0,0,.46),0 0 28px rgba(var(--v2-rgb-2,0,191,255),.16)}.rkp-crop-stage[data-mode=cover] .rkp-crop-mask{border:1px solid rgba(255,255,255,.52);box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}.rkp-crop-guide{position:absolute;inset:0;pointer-events:none;opacity:.28;background:linear-gradient(90deg,transparent 33.2%,#fff 33.3%,#fff 33.5%,transparent 33.6%,transparent 66.4%,#fff 66.5%,#fff 66.7%,transparent 66.8%),linear-gradient(0deg,transparent 33.2%,#fff 33.3%,#fff 33.5%,transparent 33.6%,transparent 66.4%,#fff 66.5%,#fff 66.7%,transparent 66.8%)}.rkp-crop-controls{margin-top:18px;padding:15px 17px;display:grid;grid-template-columns:auto minmax(160px,1fr) auto;align-items:center;gap:13px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.025)}.rkp-crop-controls label{color:#aeb8c6;font-size:.68rem;font-weight:750}.rkp-crop-controls input{width:100%;accent-color:var(--v2-a2,#00bfff);cursor:pointer}.rkp-crop-controls output{min-width:45px;color:#e5ecf4;font-size:.68rem;font-weight:800;text-align:right}.rkp-crop-tip{margin:12px 2px 0;color:#758194;font-size:.62rem;text-align:center}.rkp-crop-actions{margin-top:20px;display:flex;justify-content:space-between;gap:10px}.rkp-crop-actions>div{display:flex;gap:10px}.rkp-crop-actions button{min-height:43px;padding:0 17px;border:1px solid rgba(255,255,255,.09);border-radius:11px;color:#d3dbe6;background:rgba(255,255,255,.035);font:750 .7rem inherit;cursor:pointer;transition:.18s ease}.rkp-crop-actions button:hover{color:#fff;border-color:rgba(var(--v2-rgb-2,0,191,255),.3);transform:translateY(-1px)}.rkp-crop-actions [data-crop-apply]{border-color:rgba(var(--v2-rgb-2,0,191,255),.42);color:#fff;background:linear-gradient(135deg,var(--v2-a1,#003366),var(--v2-a2,#00bfff));box-shadow:0 12px 28px rgba(var(--v2-rgb,0,51,102),.3)}.rkp-crop-actions [data-crop-apply]:disabled{opacity:.55;cursor:wait;transform:none}.rkp-crop-error{margin:12px 0 0;padding:10px 12px;border:1px solid rgba(255,82,94,.25);border-radius:10px;color:#ff9aa2;background:rgba(255,82,94,.07);font-size:.66rem}body.rkp-crop-open{overflow:hidden}@media (max-width:650px){.rkp-crop-dialog{width:calc(100% - 14px);max-height:calc(100dvh - 14px);border-radius:18px}.rkp-crop-shell{padding:17px 13px}.rkp-crop-head{margin-bottom:14px}.rkp-crop-head p{font-size:.66rem}.rkp-crop-controls{grid-template-columns:1fr auto}.rkp-crop-controls label{grid-column:1/-1}.rkp-crop-actions{display:grid;grid-template-columns:1fr}.rkp-crop-actions>div{display:grid;grid-template-columns:1fr 1fr}.rkp-crop-actions button{width:100%}}@media (prefers-reduced-motion:reduce){.rkp-crop-close,.rkp-crop-actions button{transition:none}}
.rkp-crop-stage[data-mode=avatar] .rkp-crop-mask { border-radius: 22% !important; }