.csbp-panel{margin:16px 0 22px;padding:20px;background:#f7f9fc;border:1px solid #e6ebf2;border-radius:10px;color:#26354b}
.csbp-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
.csbp-heading h3{font-size:17px;font-weight:600;margin:0;color:inherit}
.csbp-fields{display:grid;grid-template-columns:76px minmax(180px,1fr) auto;gap:18px;align-items:center;border:0;padding:0;margin:0;min-width:0}
.csbp-sr-only{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.csbp-avatar{height:76px;width:76px;border-radius:14px;overflow:hidden;display:grid;place-items:center;background:#e7edf6;box-shadow:0 0 0 1px #dce3ed}
.csbp-avatar img{width:76px;height:76px;object-fit:contain;display:block}.csbp-avatar [hidden]{display:none!important}.csbp-placeholder{font-size:28px;color:#8392aa}
.csbp-identity{min-width:0}.csbp-identity>label{display:block;margin:0 0 7px;font-size:13px;font-weight:600}
.csbp-identity>input{display:block;width:100%;height:40px;background:white;color:#26354b;border:1px solid #d7e0ec;border-radius:6px;padding:0 12px;font:inherit;box-sizing:border-box}
.csbp-upload{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;margin-top:9px;position:relative}
.csbp-upload input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.csbp-file-label,.csbp-reload{font:inherit;font-size:12px;color:#287ba6;background:none;border:0;padding:3px 0;margin:0;cursor:pointer}
.csbp-file-label:hover,.csbp-reload:hover{text-decoration:underline}.csbp-reload:disabled{opacity:.5;cursor:wait}
.csbp-hint{font-size:11px;color:#7f8da2}.csbp-save{border:0;border-radius:7px;background:#55bce7;color:#092d40;min-height:40px;padding:10px 18px;font:inherit;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s}
.csbp-save:hover{background:#70cef3}.csbp-fields:disabled .csbp-save{opacity:.55;cursor:wait}
.csbp-feedback{font-size:12px;line-height:1.5;margin:12px 0 0;color:#267548}.csbp-feedback:empty{display:none}.csbp-feedback.is-error{color:#b53743}
.csbp-panel button:focus-visible,.csbp-identity>input:focus-visible,.csbp-upload:focus-within .csbp-file-label{outline:2px solid #2898c8;outline-offset:3px}
@media(max-width:720px){.csbp-panel{padding:14px}.csbp-fields{grid-template-columns:64px minmax(0,1fr);gap:14px}.csbp-avatar,.csbp-avatar img{width:64px;height:64px}.csbp-save{grid-column:1/-1}.csbp-heading{align-items:flex-start}.csbp-heading h3{font-size:16px}}
@media(prefers-reduced-motion:reduce){.csbp-save{transition:none}}
.csbp-native-name-hidden{display:none!important}
.csbp-native-panel{margin:16px 20px 0;padding:16px}
.csbp-native-panel .csbp-fields{grid-template-columns:64px minmax(0,1fr);gap:14px}
.csbp-native-panel .csbp-avatar,.csbp-native-panel .csbp-avatar img{width:64px;height:64px}
.csbp-native-panel .csbp-save{grid-column:1/-1;white-space:normal}
.csbp-native-panel .csbp-heading{align-items:flex-start}
.csbp-native-panel .csbp-heading h3{font-size:16px}
@media(max-width:420px){.csbp-native-panel{margin:12px 12px 0;padding:12px}.csbp-native-panel .csbp-heading{gap:6px}.csbp-native-panel .csbp-fields{gap:10px}}