.profile-photo-source{
  grid-column:1/-1;
  display:grid;
  gap:9px;
  padding:16px;
  border:1px solid #d9e2ef;
  border-radius:16px;
  background:linear-gradient(135deg,#ffffff,#f6f9ff);
}
.profile-photo-source>label{
  font-size:14px!important;
  font-weight:900!important;
  color:#172033!important;
}
.profile-photo-source>p{
  margin:0;
  color:#66758a;
  font-size:11px;
  line-height:1.55;
}
.profile-photo-source-select-wrap{position:relative}
.profile-photo-source-select-wrap select{
  width:100%;
  min-height:48px;
  appearance:none;
  padding:0 44px 0 14px;
  border:1px solid #cfd9e8;
  border-radius:13px;
  background:#fff;
  color:#1b2638;
  font:inherit;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
.profile-photo-source-select-wrap select:focus{
  outline:0;
  border-color:#2f80ed;
  box-shadow:0 0 0 4px rgba(47,128,237,.12);
}
.profile-photo-source-select-wrap>span{
  position:absolute;
  right:15px;
  top:50%;
  transform:translateY(-50%);
  pointer-events:none;
  color:#64748b;
  font-size:18px;
}
.ugc-selfie-camera{
  display:none;
  grid-template-columns:minmax(240px,.85fr) minmax(220px,1fr);
  gap:15px;
  align-items:center;
  margin-top:5px;
  padding:14px;
  border:1px solid #cfdfff;
  border-radius:16px;
  background:#0c1730;
  color:#fff;
}
.ugc-photo-source-selfie .ugc-selfie-camera{display:grid}
.ugc-selfie-view{
  position:relative;
  aspect-ratio:1/1;
  max-height:360px;
  overflow:hidden;
  border-radius:14px;
  background:#050b18;
}
.ugc-selfie-view video{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transform:scaleX(-1);
}
.ugc-selfie-guide{
  position:absolute;
  inset:10%;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  border:2px solid rgba(255,255,255,.75);
  border-radius:48% 48% 44% 44%;
  box-shadow:0 0 0 999px rgba(4,10,24,.18);
  pointer-events:none;
}
.ugc-selfie-guide span{
  margin-bottom:12px;
  padding:6px 9px;
  border-radius:999px;
  background:rgba(5,11,24,.78);
  color:#fff;
  font-size:9px;
  font-weight:800;
}
.ugc-selfie-camera-copy{display:grid;gap:6px}
.ugc-selfie-camera-copy strong{font-size:17px}
.ugc-selfie-camera-copy p{margin:0;color:#c5d1e7;font-size:11px;line-height:1.55}
.ugc-selfie-camera-copy p[data-state="loading"]{color:#ffe08a}
.ugc-selfie-camera-copy p[data-state="ready"]{color:#8bd5ff}
.ugc-selfie-camera-copy p[data-state="success"]{color:#8cebb3}
.ugc-selfie-camera-copy p[data-state="error"]{color:#ff9daf}
.ugc-selfie-actions{display:flex;gap:8px;flex-wrap:wrap}
.ugc-selfie-primary,.ugc-selfie-secondary{
  min-height:42px;
  border:0;
  border-radius:11px;
  padding:9px 13px;
  font:inherit;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
}
.ugc-selfie-primary{background:#ffd43b;color:#172033}
.ugc-selfie-primary:disabled{opacity:.5;cursor:not-allowed}
.ugc-selfie-secondary{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.18)}
.ugc-selfie-camera>small{grid-column:2;color:#91a0ba;font-size:9px;line-height:1.5}
.profile-photo-uploader.ugc-photo-source-none .profile-photo-uploader-head,
.profile-photo-uploader.ugc-photo-source-none>.profile-photo-slot,
.profile-photo-uploader.ugc-photo-source-none>.profile-photo-enhancer{display:none!important}
.profile-photo-uploader.ugc-photo-source-selfie>.profile-photo-enhancer{display:none}
.profile-photo-uploader.ugc-photo-source-selfie.ugc-selfies-ready>.profile-photo-enhancer{display:grid}
.ugc-photo-safety{
  grid-column:1/-1;
  display:flex;
  align-items:flex-start;
  gap:11px;
  margin:12px 0;
  padding:13px 14px;
  border:1px solid #cbdcf5;
  border-radius:14px;
  background:#eff6ff;
  color:#233653;
}
.ugc-photo-safety-icon{
  display:grid;
  place-items:center;
  flex:0 0 30px;
  width:30px;
  height:30px;
  border-radius:10px;
  background:#17315f;
  color:#ffd43b;
  font-size:13px;
}
.ugc-photo-safety strong{display:block;margin-bottom:3px;color:#17315f;font-size:10px;font-weight:950;letter-spacing:.06em}
.ugc-photo-safety p{margin:0;color:#526681;font-size:10px;line-height:1.55}
.ugc-photo-safety[data-state="loading"]{border-color:#f0cc73;background:#fff9e8}
.ugc-photo-safety[data-state="loading"] .ugc-photo-safety-icon{background:#8b6510;color:#fff}
.ugc-photo-safety[data-state="success"]{border-color:#92d7b0;background:#effcf5}
.ugc-photo-safety[data-state="success"] .ugc-photo-safety-icon{background:#16794d;color:#fff}
.ugc-photo-safety[data-state="blocked"]{border-color:#f0a1ae;background:#fff1f3}
.ugc-photo-safety[data-state="blocked"] .ugc-photo-safety-icon{background:#a9233e;color:#fff}
.profile-photo-safe-badge{
  position:absolute;
  left:8px;
  top:8px;
  z-index:2;
  padding:5px 7px;
  border-radius:999px;
  background:rgba(10,108,67,.9);
  color:#fff;
  font-size:8px;
  font-weight:900;
  letter-spacing:.01em;
}
.profile-photo-slot .profile-photo-enhanced-badge{top:auto!important;bottom:8px!important}
@media(max-width:760px){
  .ugc-selfie-camera{grid-template-columns:1fr}
  .ugc-selfie-view{max-height:none}
  .ugc-selfie-camera>small{grid-column:1}
  .ugc-selfie-primary,.ugc-selfie-secondary{width:100%}
  .ugc-photo-safety{padding:12px}
}