.avatar-photo-panel{padding:22px;margin:0 0 28px;border:1px solid #33546c;border-radius:22px;background:radial-gradient(ellipse at 80% 0,#21465090,transparent 65%),#101f31;color:#c5d4e5}.photo-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.photo-heading small{font-size:10px;letter-spacing:.16em;color:#92d6d3}.photo-heading h3{font-size:20px;color:#f1f5ff;margin:7px 0}.photo-heading>span{font-size:35px;color:#c6bdf8}.avatar-photo-panel p{font-size:13px;line-height:1.8}.photo-actions{display:flex;gap:8px;flex-wrap:wrap}.photo-actions button,.photo-upload{border:1px solid #42647e;background:#182d41;color:#e7f5fc;padding:10px 14px;border-radius:12px;cursor:pointer;font-size:13px;line-height:1.4;margin:0}.photo-stage{position:relative;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;min-height:188px;background:radial-gradient(circle at 50% 40%,#284761,#101c2d 70%);border-radius:16px;margin:16px 0;overflow:hidden;padding:12px}.photo-stage img{width:160px;height:160px;border-radius:50%;box-shadow:0 0 30px #63d3d533}.photo-stage video{width:100%;max-height:300px;object-fit:contain;border-radius:12px}.photo-stage [hidden]{display:none!important}.photo-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:45px;color:#9acfd8}.photo-placeholder span{font-size:12px;letter-spacing:.05em}.photo-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.photo-controls label{font-size:12px;margin:0}.photo-controls select{width:100%;background:#12243b;border:1px solid #385574;color:#e7effc}.photo-controls input{width:100%;accent-color:#80d4cd}.avatar-photo-panel .photo-privacy{font-size:11px;color:#8ca5bc}.photo-status{min-height:22px;color:#b5e5d6;margin-bottom:0}.photo-upload:focus-within{outline:2px solid #94dfdf;outline-offset:3px}@media(max-width:520px){.avatar-photo-panel{padding:16px}.photo-heading h3{font-size:18px}.photo-controls{grid-template-columns:1fr}.photo-actions button,.photo-upload{flex:1;text-align:center;min-width:110px}}
.photo-palette{padding:14px;background:#26433d33;border:1px solid #4a716760;border-radius:14px;margin-top:14px}.photo-palette-swatches{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:10px}.photo-palette-swatches span{display:flex;align-items:center;gap:6px;color:#d3e3dd;font-size:10px}.photo-palette-swatches span::before{content:'';width:19px;height:19px;border-radius:50%;background:var(--swatch);border:1px solid #ffffff40}.photo-palette button{width:100%;font-size:12px;background:#99cebd;color:#193d37;border:1px solid #b0e0cd;border-radius:11px;padding:11px}.photo-palette button:disabled{opacity:.4;cursor:default}.photo-palette p{font-size:11px!important;color:#a5bcb6;margin-bottom:0}