.photo-editable{position:relative;cursor:pointer;outline:3px solid transparent;transition:.2s}.photo-editable:hover{outline-color:#8e8bea}.photo-editable:after{content:'\F220';position:absolute;right:4px;bottom:4px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#5856d6;color:#fff;font-family:'bootstrap-icons';font-size:.85rem;box-shadow:0 2px 8px #0004}.crop-open{overflow:hidden}.photo-crop-overlay{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:1rem;background:#08090dcc;backdrop-filter:blur(7px)}.photo-crop-dialog{width:min(100%,560px);overflow:hidden;border:1px solid #444650;border-radius:18px;background:#1b1c25;color:#fff;box-shadow:0 35px 100px #000b}.photo-crop-dialog>header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.2rem 1.4rem}.photo-crop-dialog h2{margin:0;font:700 1.5rem 'Playfair Display',serif}.photo-crop-dialog p{margin:.2rem 0 0;color:#9d9fa9;font-size:.8rem}.photo-crop-close{border:0;background:transparent;color:#bbbcc5;font-size:1.1rem}.photo-canvas-wrap{position:relative;width:min(420px,calc(100vw - 3rem));aspect-ratio:1;margin:auto;overflow:hidden;background:#0e0f15;touch-action:none}.photo-canvas-wrap canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}.photo-canvas-wrap canvas:active{cursor:grabbing}.photo-crop-guide{position:absolute;inset:8%;border:2px solid #fff9;border-radius:50%;box-shadow:0 0 0 100vmax #0005;pointer-events:none}.photo-zoom{display:flex;align-items:center;gap:.8rem;width:min(420px,calc(100% - 2rem));margin:1.1rem auto;color:#aaa8ed}.photo-zoom input{flex:1;accent-color:#7774ed}.photo-crop-dialog>footer{display:flex;justify-content:flex-end;gap:.6rem;padding:1rem 1.4rem;border-top:1px solid #343641}