.personal-photo-card{display:flex;align-items:center;gap:14px;padding:18px;margin:0 0 26px;background:linear-gradient(130deg,#e4edfb,#f4f7fd);border:1px solid #ccdbee;border-radius:16px}.personal-photo-card>div{flex:1;min-width:0}.personal-photo-card strong{display:block;font-size:13px}.personal-photo-card small{display:block;font-size:10px;line-height:1.6;color:#647b98;margin-top:4px}.photo-avatar,.photo-empty-avatar{width:64px;height:64px;flex:0 0 64px;object-fit:cover;background:#cdddf3;border-radius:50%;display:grid;place-items:center;color:#426b9e;font-size:30px}.photo-avatar.square{border-radius:0}.photo-avatar.rounded{border-radius:14%}.photo-drop{border:1px dashed #9eb7d8;border-radius:20px;min-height:290px;padding:28px 18px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:radial-gradient(ellipse at top,#e4edfa,#f8fafe 70%);transition:border-color .2s,background .2s}.photo-drop.dragging{border-color:#2563eb;background:#dce9fc}.photo-drop>.photo-avatar,.photo-drop>.photo-empty-avatar{width:110px;height:110px;flex-basis:110px;margin-bottom:19px;font-size:42px;box-shadow:0 9px 30px #284a7a16}.photo-drop>strong{font-size:16px}.photo-drop p{font-size:11px;line-height:1.8;color:#637b99;margin:10px 0 19px}.photo-actions{display:flex;gap:10px;margin:16px 0 22px}.photo-settings{margin-top:26px}.photo-control-label{font-size:9px;font-weight:650;letter-spacing:1.3px}.photo-shape-options{display:flex;gap:8px;margin:12px 0 24px}.photo-shape-options button{display:flex;align-items:center;gap:9px;justify-content:center;flex:1;background:#f8fafd;border:1px solid #d7e1ee;border-radius:10px;padding:12px 4px;font:inherit;font-size:10px;cursor:pointer;color:#506984}.photo-shape-options button.active{border-color:#5b88cd;background:#e7effb;color:#1e54a2}.photo-shape-options i{width:22px;height:22px;display:block;background:linear-gradient(145deg,#b2c9e7,#7298c9)}.photo-shape-options .round{border-radius:50%}.photo-shape-options .rounded{border-radius:5px}.photo-crop-stage{position:relative;width:240px;height:240px;margin:24px auto 16px;border-radius:12px;overflow:hidden;border:1px solid #b8cbe4;background:#e0e9f4}.photo-crop-stage canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:none}.photo-crop-stage canvas:active{cursor:grabbing}.photo-crop-guide{position:absolute;inset:10px;border:1px solid #ffffffa0;border-radius:50%;pointer-events:none}.photo-crop-guide:before,.photo-crop-guide:after{content:'';position:absolute;inset:33% 0;border-top:1px solid #ffffff65;border-bottom:1px solid #ffffff65}.photo-crop-guide:after{inset:0 33%;border:0;border-left:1px solid #ffffff65;border-right:1px solid #ffffff65}.photo-crop-tools{display:flex;justify-content:center;gap:8px;margin:0 0 20px}.photo-crop-modal{max-width:510px}.photo-crop-modal .pro-control{margin:12px 0}.photo-crop-modal p{font-size:12px}.photo-upload-label{cursor:pointer}.photo-upload-label:focus-visible{outline:3px solid #86ace8;outline-offset:4px}.pro-template-card small .photo-badge{display:inline-block;color:#2658a4}.photo-template-filter{font-size:11px;color:#56718f;display:flex;align-items:center;gap:9px;margin:14px 0}@media(max-width:650px){.personal-photo-card{padding:14px;gap:10px}.personal-photo-card .photo-avatar,.personal-photo-card .photo-empty-avatar{width:48px;height:48px;flex-basis:48px}.personal-photo-card .btn{padding:9px;font-size:10px}.photo-crop-stage{width:220px;height:220px}}