.pc-image-upload{display:block;margin-top:10px;font-weight:400;min-width:0}
.pc-image-drop{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:24px 16px;border:2px dashed var(--border,#e0d8d0);border-radius:12px;background:#faf9f7;transition:background .15s,border-color .15s}
.pc-image-drop.is-over,.pc-image-drop:focus-within{border-color:var(--brand2,#f39200);background:#fff7e9}
.pc-image-drop svg{width:36px;height:36px;color:var(--brand2,#f39200)}
.pc-image-hint,.pc-image-size{display:block;color:var(--muted,#6b6560);font-size:12px;line-height:1.5}
.pc-image-upload .pc-image-choose{margin:0;cursor:pointer}
.pc-image-upload input.pc-image-native{position:absolute;width:1px;height:1px;margin:0;padding:0;border:0;overflow:hidden;clip-path:inset(50%)}
.settings-photo-grid.settings-profile-photo-grid{grid-template-columns:minmax(0,1fr)}
.pc-image-preview{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:14px;padding:12px;border:1px solid var(--border,#e0d8d0);border-radius:12px;background:#fff}
.pc-image-preview[hidden]{display:none}
.pc-image-upload .pc-image-preview img{width:80px;height:80px;aspect-ratio:1/1;object-fit:contain;flex-shrink:0;background:#f3f3f3;border-radius:8px}
.pc-image-details{flex:1 1 140px;min-width:0}
.pc-image-name{display:block;font-size:13px;overflow-wrap:anywhere}
.pc-image-size{margin-top:5px}
.pc-image-remove{flex-shrink:0;margin-left:auto;background:#fff;border:1px solid var(--border,#e0d8d0);border-radius:6px;padding:9px 12px;color:var(--danger,#c0392b);font:inherit;font-size:13px;cursor:pointer}
.pc-image-remove:focus-visible,.pc-image-choose:focus-visible{outline:3px solid var(--brand2,#f39200);outline-offset:3px}
.pc-image-feedback{display:block;margin-top:10px;color:var(--ok,#2d6a4f);font-size:13px;line-height:1.5}
.pc-image-feedback:empty{display:none}.pc-image-feedback.is-error{color:var(--danger,#c0392b)}
@media(max-width:480px){.pc-image-preview{flex-wrap:wrap}.pc-image-remove{margin-left:auto}}