.union-photo-crop{width:min(94vw,460px);max-height:90vh;overflow:auto;background:var(--ui-surface,#fff);color:var(--ui-text,#142d44);border:1px solid var(--ui-line,#c2d3e2);border-radius:16px;padding:22px}.union-photo-crop::backdrop{background:#001625b3}.union-photo-crop canvas{display:block;width:min(100%,360px);aspect-ratio:1;margin:auto;border:1px solid #91a9bc;touch-action:none}.union-photo-crop label{display:grid;gap:4px;margin:12px 0}.union-photo-crop label input{width:100%}.union-photo-crop>div{display:flex;gap:12px;justify-content:flex-end}.union-photo-crop button{padding:10px 16px;border-radius:9px;border:1px solid #91a9bc;cursor:pointer;background:#fff;color:#142d44}
.union-photo-crop label[hidden]{display:none}.union-photo-crop canvas{cursor:grab;user-select:none;-webkit-user-select:none}.union-photo-crop canvas.is-dragging{cursor:grabbing}.union-photo-crop canvas:focus-visible{outline:3px solid #1675ce;outline-offset:3px}.union-photo-crop .crop-zoom{align-items:center;justify-content:space-between;margin-top:12px}.union-photo-crop .crop-zoom label{flex:1;min-width:0}.union-photo-crop .crop-zoom button{min-width:44px;min-height:44px;font-size:24px;padding:4px 10px}.union-photo-crop [data-zoom]{min-height:32px;cursor:pointer}
.union-first-profile{display:grid;gap:22px}.union-first-profile__photo{display:grid;grid-template-columns:minmax(180px,220px) minmax(0,1fr);gap:24px;align-items:center;padding:24px;border:1px solid #bcd5e7;border-radius:18px;background:linear-gradient(135deg,#eef8ff,#fff)}.union-first-profile__photo .union-first-profile__intro{grid-column:1/-1}.union-first-profile__photo span{display:block;color:#0876b9;font-size:.74rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.union-first-profile__photo h2{margin:.25rem 0 .45rem;color:var(--union-navy,#082f55)}.union-first-profile__photo p{margin:0;color:#49677f}.union-first-profile__photo img{width:140px;height:140px;object-fit:cover;border:5px solid #fff;border-radius:50%;box-shadow:0 12px 30px #082f5524}.union-first-profile__photo img[hidden]{display:none}.union-first-profile__photo .union-field{margin:0;min-width:0}.union-first-profile__photo--complete{grid-template-columns:140px 1fr;background:linear-gradient(135deg,#eafaf2,#fff)}
.union-profile-example{margin:0;text-align:center}.union-profile-example__frame{position:relative;width:166px;height:166px;margin:0 auto 10px;padding:8px;border-radius:50%;background:linear-gradient(145deg,#fff,#dceefe);box-shadow:0 15px 34px #082f5522}.union-profile-example__frame img{width:150px;height:150px;border:0;box-shadow:none}.union-profile-example figcaption{font-size:.82rem;line-height:1.45;color:#49677f}.union-profile-picker{display:grid;gap:10px}.union-profile-picker input[type=file]{width:100%;padding:10px;border:1px dashed #82afd0;border-radius:12px;background:#fff;color:#173953}.union-profile-picker input[type=file]::file-selector-button{margin-right:12px;padding:10px 14px;border:0;border-radius:9px;background:#0b4f86;color:#fff;font-weight:800;cursor:pointer}.union-profile-picker small{display:block;max-width:42rem;line-height:1.55;color:#49677f}.union-birthday-note{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;padding:16px 18px;border:1px solid #f2cf7e;border-radius:14px;background:#fff8df;color:#173953}.union-birthday-note>span{font-size:1.8rem}.union-birthday-note strong{display:block;margin-bottom:4px}.union-birthday-note p{margin:0;line-height:1.5}
@media(max-width:620px){.union-first-profile__photo,.union-first-profile__photo--complete{grid-template-columns:1fr}.union-profile-picker{width:100%}.union-first-profile__photo img{margin:auto}.union-photo-crop{padding:16px}.union-photo-crop>div{flex-wrap:wrap}}