.profile-picture{display:inline-grid;place-items:center;width:44px;height:44px;overflow:hidden;border-radius:50%;background:var(--u-accent-bg);color:var(--u-accent-text);border:1px solid var(--u-line-strong);font-weight:800;flex-shrink:0;vertical-align:middle}
.profile-picture img,.profile-photo-sample img,.profile-preview-cover img{width:100%;height:100%;object-fit:cover;display:block}
.header-profile-picture{width:27px;height:27px;border-radius:50%;object-fit:cover;border:1px solid var(--u-line-strong)}#user-nav.has-profile-picture>svg{display:none}
.profile-manager-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.profile-manager-head h1{font-size:32px;letter-spacing:-1px;margin:8px 0}.profile-manager-head p{color:var(--u-muted);font-size:13px;line-height:1.7;margin:0}

.profile-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,290px);gap:22px;margin-top:25px}.profile-editor-grid>.profile-editor-main,.profile-preview-column{min-width:0}.profile-editor-section{margin-bottom:22px;scroll-margin-top:170px}.profile-editor-section>h2{margin:0 0 10px;font-size:20px;letter-spacing:-.4px}.profile-editor-section>p{font-size:12px;line-height:1.8;color:var(--u-muted);margin-bottom:20px}
.profile-manager .advanced-form{gap:17px}.profile-manager input,.profile-manager textarea{width:100%;box-sizing:border-box}.profile-manager .advanced-form small{font-size:11px;line-height:1.6;color:var(--u-subtle)}.profile-manager .advanced-form fieldset{border:0;padding:0;margin:0;display:grid;gap:17px;min-width:0}.profile-manager .advanced-form fieldset:disabled{opacity:.55}
.profile-manager .profile-check{display:flex;gap:12px;align-items:center;cursor:pointer;font-size:12px}.profile-manager .profile-check input{width:18px;height:18px;accent-color:var(--u-accent);flex:none}.profile-check span{flex:1}
.profile-form-status{min-height:17px;font-size:12px;line-height:1.6;margin:0;color:var(--u-accent-text)}.profile-form-status:empty{display:none}.profile-security-block{padding:22px 0;border-top:1px solid var(--u-line);margin-top:22px}.profile-security-block:first-of-type{margin-top:0}.profile-security-block h3{font-size:15px;margin:0 0 14px}.profile-security-block .text-link{display:inline-block;margin-top:16px}.profile-availability{background:var(--u-surface);border:1px solid var(--u-line-strong);border-radius:12px;padding:13px;font-size:12px;line-height:1.8;overflow-wrap:anywhere}
.profile-image-controls{display:grid;gap:25px}.profile-image-controls h3{font-size:14px;margin:0 0 12px}.profile-photo-sample{display:grid;place-items:center;width:100%;height:130px;max-width:420px;border:1px dashed var(--u-line-strong);border-radius:15px;background:var(--u-surface);overflow:hidden;color:var(--u-subtle);font-size:11px}.profile-photo-sample.avatar{width:110px;height:110px;border-radius:50%}.profile-image-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.profile-image-buttons .btn{min-height:38px;padding:9px 12px;font-size:11px}
.profile-live-preview{overflow:hidden;padding-top:0!important}.profile-preview-cover{height:90px;background:linear-gradient(130deg,var(--u-accent-bg),var(--u-surface));margin:0 -25px}.profile-preview-avatar{width:76px;height:76px;margin-top:-28px;position:relative;box-shadow:0 0 0 5px var(--u-card);font-size:27px}.profile-live-preview h2{font-size:20px;margin:16px 0 5px;overflow-wrap:anywhere}.profile-live-preview p:not(.profile-preview-caption){font-size:12px;line-height:1.8;white-space:pre-line;overflow-wrap:anywhere}.profile-live-preview small{font-size:11px;color:var(--u-muted)}.profile-preview-caption{border-top:1px solid var(--u-line);margin-top:20px;padding-top:15px;color:var(--u-subtle);font-size:10px;line-height:1.8}.profile-preview-column>section{margin-bottom:22px}.profile-preview-column h3{font-size:16px}.profile-preview-column h4{font-size:12px;margin:20px 0 10px}.profile-preview-column p{font-size:11px;line-height:1.7}.profile-preview-column #export-data{margin-top:20px;font-size:11px;white-space:normal}
.profile-crop-overlay{position:fixed;inset:0;z-index:160;background:#05070ab8;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:18px;overflow:auto}.profile-crop-dialog{width:min(680px,100%);max-height:calc(100dvh - 36px);overflow:auto;background:var(--u-card);color:var(--u-text);border:1px solid var(--u-line-strong);border-radius:24px;padding:25px;box-sizing:border-box;box-shadow:0 25px 100px #0006}.profile-crop-dialog>header{display:flex;gap:15px;align-items:center;justify-content:space-between}.profile-crop-dialog h2{font-size:19px;margin:0}.profile-crop-dialog>p{font-size:12px;color:var(--u-muted);line-height:1.7}.profile-crop-dialog [data-crop-cancel]{border:0;background:var(--u-surface);color:var(--u-text);border-radius:50%;height:34px;width:34px;font-size:22px;cursor:pointer}.profile-crop-frame{display:flex;justify-content:center;margin:18px 0;background:var(--u-surface);border-radius:18px;overflow:hidden}.profile-crop-frame canvas{display:block;width:100%;height:auto;touch-action:none;cursor:grab}.profile-crop-actions{display:flex;gap:12px;justify-content:flex-end}
.seller-profile-cover{width:100%;height:clamp(120px,18vw,250px);object-fit:cover;border-radius:22px;margin-bottom:18px}.seller-profile-cover[hidden]{display:none}.seller-hero .seller-logo.profile-picture{width:86px;height:86px}.detail-seller-avatar.profile-picture{width:40px;height:40px}
@media(max-width:1100px){.profile-editor-grid{grid-template-columns:minmax(0,1fr)}.profile-preview-column{display:grid;grid-template-columns:1fr 1fr;gap:18px}.profile-manager-head{align-items:flex-start}.profile-editor-section{scroll-margin-top:150px}}
@media(max-width:600px){.profile-manager-head{flex-direction:column;gap:12px}.profile-manager-head h1{font-size:27px}.profile-preview-column{display:block}.profile-image-buttons .btn{flex:1 1 130px}.profile-crop-overlay{padding:10px}.profile-crop-dialog{padding:18px;border-radius:19px;max-height:calc(100dvh - 20px)}.profile-crop-dialog h2{font-size:17px}.profile-crop-actions{flex-wrap:wrap}.profile-crop-actions>.btn{flex:1}.profile-editor-section{scroll-margin-top:110px}}