.pp-profile { --pp-accent:#a30e4c; --pp-gold:#bf9646; --pp-ink:#262128; --pp-muted:#77717a; color:var(--pp-ink); }
.pp-header { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:28px; }
.pp-eyebrow,.pp-card-kicker { margin:0 0 7px; color:var(--pp-accent); font-size:9px; font-weight:800; letter-spacing:.15em; }
.pp-header h1 { margin:0; font-size:clamp(32px,4vw,48px); letter-spacing:-.055em; line-height:1; }
.pp-intro { margin:10px 0 0; color:var(--pp-muted); font-size:13px; }
.pp-open-page { flex:0 0 auto; }
.pp-main-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr); align-items:start; gap:25px; }
.pp-editor-column { display:grid; gap:18px; }
.pp-card { padding:clamp(19px,3vw,29px); border:1px solid rgba(38,33,40,.11); background:#fffefa; box-shadow:0 12px 35px rgba(38,33,40,.035); }
.pp-card-heading,.pp-preview-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:22px; }
.pp-card-heading h2,.pp-preview-heading h2 { margin:0; font-size:20px; letter-spacing:-.035em; }
.pp-card-index { color:#b8aeb5; font-size:10px; font-weight:800; letter-spacing:.13em; }
.pp-field { display:grid; gap:7px; margin-bottom:19px; color:#413a43; font-size:12px; font-weight:700; }
.pp-field input,.pp-field textarea { width:100%; min-height:43px; padding:10px 12px; border:1px solid rgba(38,33,40,.19); border-radius:2px; color:#282229; background:white; font:inherit; font-size:13px; font-weight:400; }
.pp-field textarea { min-height:115px; resize:vertical; line-height:1.6; }
.pp-field input:focus,.pp-field textarea:focus { border-color:var(--pp-accent); outline:2px solid rgba(163,14,76,.14); outline-offset:1px; }
.pp-field small { color:#827b84; font-size:10px; font-weight:400; }.pp-field .pp-counter { justify-self:end; }
.pp-methods,.pp-links { min-width:0; margin:0 0 21px; padding:0; border:0; }.pp-methods legend,.pp-links legend { margin-bottom:4px; color:#413a43; font-size:12px; font-weight:750; }.pp-methods > p,.pp-links > p { margin:0 0 12px; color:#817a83; font-size:10px; line-height:1.5; }
.pp-method-list { display:flex; flex-wrap:wrap; gap:8px; }.pp-method { position:relative; }.pp-method input { position:absolute; width:1px; height:1px; opacity:0; }.pp-method span { display:block; padding:8px 12px; border:1px solid rgba(38,33,40,.17); color:#514a53; background:#fff; font-size:11px; cursor:pointer; }.pp-method input:checked + span { border-color:var(--pp-accent); color:var(--pp-accent); background:#f8edf1; }.pp-method input:focus-visible + span { outline:3px solid rgba(163,14,76,.25); outline-offset:2px; }
.pp-link-grid { display:grid; grid-template-columns:1fr 1fr; gap:0 12px; }.pp-social-field { margin-bottom:12px; font-size:10px; }.pp-social-field input { min-height:39px; font-size:11px; }
.pp-upload-row { display:grid; grid-template-columns:145px 1fr; gap:18px; align-items:center; padding-block:5px 20px; }.pp-banner-upload-row { padding-top:20px; border-top:1px solid rgba(38,33,40,.1); }.pp-upload-preview { position:relative; display:grid; overflow:hidden; place-items:center; background:#f1e9eb; }.pp-upload-preview img { width:100%; height:100%; object-fit:cover; }.pp-upload-avatar { width:126px; height:126px; border-radius:50%; }.pp-upload-banner { width:145px; height:86px; }.pp-avatar-fallback { display:grid; width:100%; height:100%; place-items:center; color:#8f1748; background:linear-gradient(140deg,#f2e7eb,#e5c9d3); font-size:30px; font-weight:750; letter-spacing:-.06em; }.pp-banner-fallback { color:#8f1748; font-size:10px; font-weight:700; }
.pp-upload-copy h3 { margin:0; font-size:14px; }.pp-upload-copy > p { margin:5px 0 11px; color:#77717a; font-size:10px; line-height:1.55; }.pp-upload-actions { display:flex; flex-wrap:wrap; align-items:center; gap:13px; }.pp-file-button { position:relative; min-height:35px; padding:0 12px; font-size:10px; cursor:pointer; }.pp-file-button input { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }.pp-file-button:focus-within { outline:3px solid rgba(163,14,76,.25); outline-offset:2px; }.pp-text-button { padding:5px 0; border:0; color:#8f1748; background:none; font-size:10px; font-weight:700; cursor:pointer; }.pp-crop-control { display:grid; grid-template-columns:auto minmax(65px,1fr) 33px; gap:9px; align-items:center; margin-top:12px; color:#77717a; font-size:9px; }.pp-crop-control input { width:100%; accent-color:var(--pp-accent); }.pp-crop-control output { color:#5d555e; text-align:right; }.pp-upload-status { min-height:1.4em; margin:0; color:#615962; font-size:10px; }.pp-upload-status[data-state="error"] { color:#a02c36; }.pp-upload-status[data-state="success"] { color:#39704d; }
.pp-membership { display:flex; align-items:flex-start; gap:12px; padding:17px 19px; border:1px solid rgba(191,150,70,.3); background:#fbf7ed; }.pp-membership-icon { color:var(--pp-gold); font-size:18px; }.pp-membership strong { display:inline-block; margin-right:10px; font-size:12px; }.pp-membership p { margin:4px 0 0; color:#79716f; font-size:10px; }.pp-new-label { color:#8d1746; font-size:10px; font-weight:700; }
.pp-preview-sticky { position:sticky; top:94px; }.pp-preview-heading { align-items:center; margin-bottom:13px; }.pp-live-dot { display:inline-flex; align-items:center; gap:7px; color:#716a73; font-size:9px; }.pp-live-dot::before { width:6px; height:6px; border-radius:50%; content:''; background:#638d67; }.pp-preview-frame { overflow:hidden; border:1px solid rgba(38,33,40,.13); background:#fffefa; box-shadow:0 17px 45px rgba(38,33,40,.09); }.pp-preview-banner { position:relative; display:grid; height:145px; place-items:center; overflow:hidden; background:linear-gradient(115deg,#411628,#9d2859); }.pp-preview-banner > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }.pp-preview-shade { position:absolute; inset:0; background:linear-gradient(0deg,rgba(24,14,22,.36),transparent 65%); }.pp-preview-banner .pp-banner-fallback { color:rgba(255,255,255,.74); font-size:11px; letter-spacing:.1em; text-transform:uppercase; }.pp-preview-identity { display:flex; align-items:flex-end; gap:13px; margin:-31px 17px 0; position:relative; }.pp-preview-avatar { display:grid; width:66px; height:66px; flex:0 0 66px; overflow:hidden; place-items:center; border:3px solid #fffefa; border-radius:50%; background:#f0e2e8; }.pp-preview-avatar img { width:100%; height:100%; object-fit:cover; }.pp-preview-avatar .pp-avatar-fallback { font-size:17px; }.pp-preview-name { display:grid; gap:3px; padding-bottom:6px; }.pp-preview-name > strong { font-size:15px; }.pp-preview-name > span { color:#837b83; font-size:8px; }.pp-new-badge { margin-right:5px; padding:3px 5px; color:#8a1747; background:#f6e6ed; font-weight:750; }.pp-preview-body { padding:14px 18px 18px; }.pp-preview-body > p { min-height:36px; margin:0 0 12px; color:#746d75; font-size:10px; line-height:1.65; }.pp-preview-methods,.pp-preview-socials { display:flex; flex-wrap:wrap; gap:5px; margin-bottom:11px; }.pp-preview-methods span,.pp-preview-socials span { padding:4px 6px; color:#6a5c64; background:#f5edf0; font-size:8px; }.pp-preview-products { display:grid; min-height:100px; place-content:center; justify-items:center; border:1px dashed rgba(38,33,40,.16); color:#a28d93; text-align:center; }.pp-preview-products span { color:#bd964e; font-size:18px; }.pp-preview-products p { margin:4px; font-size:9px; }.pp-preview-foot { display:flex; justify-content:space-between; padding:10px 15px; border-top:1px solid rgba(38,33,40,.1); color:#9a929a; font-size:7px; font-weight:750; letter-spacing:.11em; }.pp-preview-tools { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-top:13px; }.pp-preview-tools .button { min-height:39px; padding:0 9px; font-size:10px; }.pp-preview-note { margin:9px 0 16px; color:#837b83; font-size:9px; line-height:1.55; }.pp-agreement-note { display:flex; align-items:flex-start; gap:9px; padding:12px; background:#f6f3ed; }.pp-agreement-note > span { color:#668b63; font-size:13px; }.pp-agreement-note p { margin:0; color:#706973; font-size:9px; line-height:1.5; }
.pp-savebar { position:sticky; z-index:5; bottom:0; display:flex; min-height:64px; align-items:center; justify-content:space-between; gap:15px; margin-top:20px; padding:10px 15px; border:1px solid rgba(38,33,40,.12); background:rgba(255,254,250,.95); box-shadow:0 -8px 25px rgba(38,33,40,.06); backdrop-filter:blur(12px); }.pp-savebar > div { display:flex; gap:9px; }.pp-savebar .button { min-height:41px; }.pp-save-message { margin:0; color:#6d666f; font-size:10px; }.pp-save-message[data-state="error"] { color:#a02c36; }.pp-save-message[data-state="success"] { color:#39704d; }.pp-savebar button:disabled { opacity:.6; cursor:wait; }
@media(max-width:850px) { .pp-main-grid { grid-template-columns:minmax(0,1fr) minmax(260px,.85fr); gap:15px; }.pp-upload-row { grid-template-columns:105px 1fr; gap:12px; }.pp-upload-avatar { width:96px; height:96px; }.pp-upload-banner { width:105px; height:75px; }.pp-preview-banner { height:120px; } }
@media(max-width:680px) { .pp-header { align-items:flex-start; flex-direction:column; gap:14px; }.pp-main-grid { grid-template-columns:1fr; }.pp-preview-column { grid-row:1; }.pp-preview-sticky { position:static; }.pp-preview-frame { max-width:540px; }.pp-preview-banner { height:clamp(100px,28vw,155px); }.pp-preview-products { min-height:75px; }.pp-preview-column .pp-agreement-note { display:none; }.pp-card { padding:18px 15px; }.pp-upload-row { grid-template-columns:88px 1fr; gap:11px; }.pp-upload-avatar { width:78px; height:78px; }.pp-upload-banner { width:88px; height:67px; }.pp-upload-copy h3 { font-size:13px; }.pp-upload-copy > p { font-size:9px; }.pp-crop-control { grid-template-columns:1fr 28px; }.pp-crop-control label { grid-column:1/-1; }.pp-link-grid { grid-template-columns:1fr; }.pp-savebar { margin-inline:-1px; }.pp-savebar .button { min-height:38px; padding-inline:11px; font-size:10px; } }
@media(max-width:390px) { .pp-upload-row { grid-template-columns:1fr; }.pp-upload-preview { justify-self:start; }.pp-upload-avatar { width:86px; height:86px; }.pp-upload-banner { width:100%; max-width:220px; height:88px; }.pp-savebar { align-items:flex-start; flex-direction:column; padding:11px; }.pp-savebar > div { width:100%; }.pp-savebar > div .button { flex:1; justify-content:center; } }

/* Profile editor follows the active storefront theme. */
.pp-profile{--pp-accent:var(--pm-accent);--pp-ink:var(--ink);--pp-muted:var(--muted);color:var(--ink)}
.pp-card,.pp-preview-frame,.pp-membership,.pp-agreement-note{border:1px solid var(--pm-border);border-radius:18px;background:var(--pm-card);color:var(--ink);box-shadow:none}
.pp-field,.pp-methods legend,.pp-links legend{color:var(--ink)}
.pp-field input,.pp-field textarea,.pp-method span{border:1px solid var(--pm-border);border-radius:10px;background:var(--pm-input);color:var(--ink);font-size:13px;min-height:44px}
.pp-method input:checked+span{border-color:var(--pink);color:var(--pm-accent);background:var(--pm-selected)}
.pp-card-kicker,.pp-eyebrow{color:var(--pm-accent);font-size:11px}.pp-field{font-size:13px;gap:8px}.pp-field small,.pp-methods>p,.pp-links>p,.pp-upload-copy>p,.pp-membership p,.pp-preview-note,.pp-agreement-note p,.pp-upload-status,.pp-save-message,.pp-live-dot,.pp-preview-name>span,.pp-preview-body>p,.pp-preview-foot{color:var(--muted);font-size:12px}
.pp-method span{font-size:13px;padding:10px 14px;border-radius:12px}.pp-methods legend,.pp-links legend{font-size:14px}.pp-social-field{font-size:12px}.pp-social-field input{font-size:13px}.pp-link-grid{gap:0 14px}.pp-field{margin-bottom:22px}
.pp-upload-row{grid-template-columns:150px minmax(0,1fr);gap:24px;padding-bottom:24px}.pp-upload-avatar{width:150px;height:150px}.pp-upload-preview{background:var(--pm-input);border:1px solid var(--pm-border);touch-action:none;user-select:none;cursor:grab;isolation:isolate}.pp-upload-preview.is-dragging{cursor:grabbing}.pp-upload-preview img{max-width:none;pointer-events:none}
.pp-banner-upload-row{grid-template-columns:1fr;border-color:var(--pm-border);padding-top:24px}.pp-upload-banner{width:100%;height:auto;aspect-ratio:3/1;border-radius:12px}.pp-upload-copy{min-width:0}.pp-upload-copy h3{font-size:16px}.pp-upload-copy>p{font-size:12px;line-height:1.6;margin:8px 0 14px}.pp-upload-actions{gap:12px}.pp-file-button{min-height:42px;font-size:13px;color:white}.pp-text-button{font:inherit;font-size:12px;padding:8px 0;color:var(--pm-accent)}
.pp-avatar-fallback{color:white;background:linear-gradient(135deg,#7250a2,#ab2665)}.pp-banner-fallback{color:var(--muted)}.pp-crop-control{grid-template-columns:auto minmax(65px,1fr) 45px;font-size:12px;gap:12px}.pp-crop-control label,.pp-crop-control output{color:var(--ink-soft)}.pp-upload-copy [data-image-size]{display:block;font-size:11px;color:var(--muted)}
.pp-savebar{bottom:12px;padding:14px 18px;border:1px solid var(--pm-border);border-radius:16px;background:var(--pm-card-solid);box-shadow:0 8px 30px #0002}.pp-savebar .button{min-height:44px;font-size:13px}.pp-save-message{font-size:13px}.pp-save-message[data-state=error],.pp-upload-status[data-state=error]{color:var(--pm-error)}.pp-save-message[data-state=success],.pp-upload-status[data-state=success]{color:var(--pm-success)}
.pp-new-label,.pp-new-badge{color:var(--pm-accent);background:var(--pm-selected);border-radius:20px}.pp-membership p,.pp-membership strong{font-size:12px}.pp-membership-icon{color:var(--pm-accent)}.pp-new-label{display:inline-block;margin:4px;font-size:11px}
.pp-preview-banner{height:auto;aspect-ratio:3/1;background:linear-gradient(115deg,#27203f,#7d2769)}.pp-preview-avatar{border-color:var(--pm-card-solid)}.pp-preview-name>strong{color:var(--ink);overflow-wrap:anywhere}.pp-preview-body>p{font-size:12px;line-height:1.6}.pp-preview-methods span,.pp-preview-socials span{border-radius:20px;color:var(--pm-accent);background:var(--pm-selected);font-size:10px}.pp-preview-products{border-color:var(--pm-border);border-radius:10px;color:var(--muted)}.pp-preview-products p{font-size:11px}.pp-preview-foot{border-color:var(--pm-border);font-size:9px}.pp-preview-tools .button{font-size:12px;min-height:44px;padding:10px 14px}.pp-agreement-note>span{color:var(--pm-success)}
@media(max-width:1000px){.pp-main-grid{grid-template-columns:1fr}.pp-preview-column{grid-row:2}.pp-preview-sticky{position:static}.pp-preview-frame,.pp-preview-tools,.pp-preview-note,.pp-agreement-note{max-width:650px}}
@media(max-width:600px){.pp-upload-row{grid-template-columns:1fr}.pp-upload-avatar{width:160px;height:160px}.pp-upload-banner{width:100%;max-width:none;height:auto}.pp-link-grid{grid-template-columns:1fr}.pp-savebar{flex-wrap:wrap;bottom:8px;padding:12px}.pp-savebar>div{width:100%}.pp-savebar .button{flex:1}.pp-preview-identity{align-items:center;margin:16px 18px 0}.pp-crop-control label{grid-column:auto}.pp-crop-control{grid-template-columns:auto 1fr 45px}}

.pp-preview-banner{display:grid;grid-template-columns:1fr 100px;align-items:center;gap:16px;padding:25px 20px;min-height:160px;aspect-ratio:3/1}.pp-preview-backdrop{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}.pp-preview-backdrop img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.pp-preview-backdrop .pp-banner-fallback{display:none}.pp-preview-hero-copy{position:relative;display:grid;gap:8px;color:#fff;z-index:1}.pp-preview-hero-copy small{font-size:8px;color:#fff9;letter-spacing:.08em}.pp-preview-hero-copy strong{font-size:clamp(20px,2.4vw,32px);line-height:1.12;overflow-wrap:anywhere}.pp-preview-banner .pp-preview-avatar{position:relative;z-index:1;width:100px;height:100px;flex:none;border-radius:14px;border:1px solid #ffffff30;margin:0}.pp-preview-identity{margin:16px 18px 0}.pp-preview-name{padding:0}.pp-preview-name>span{font-size:11px}
@media(max-width:400px){.pp-preview-banner{grid-template-columns:1fr 80px;padding:20px 16px;gap:12px}.pp-preview-banner .pp-preview-avatar{width:80px;height:80px}.pp-preview-hero-copy strong{font-size:22px}}

.pp-method{padding:0;border:0;background:none;font:inherit}.pp-method[aria-pressed=true]>span{border-color:var(--pink);color:var(--pm-accent);background:var(--pm-selected)}.pp-method:focus-visible>span{outline:2px solid var(--pink);outline-offset:3px}.pp-preview-modes{display:flex;gap:8px;margin-bottom:12px}.pp-preview-modes button{border:1px solid var(--pm-border);background:var(--pm-input);color:var(--ink-soft);font:inherit;font-size:12px;border-radius:22px;padding:8px 14px;cursor:pointer}.pp-preview-modes button[aria-pressed=true]{color:var(--pm-accent);background:var(--pm-selected);border-color:var(--pink)}.pp-preview-frame.is-mobile{max-width:340px}.pp-preview-frame.is-mobile .pp-preview-banner{grid-template-columns:1fr;aspect-ratio:auto;justify-items:center;padding:24px;gap:20px}.pp-preview-frame.is-mobile .pp-preview-hero-copy{justify-self:start}.pp-preview-frame.is-mobile .pp-preview-avatar{width:180px;height:180px}.pp-preview-frame.is-mobile .pp-preview-hero-copy strong{font-size:28px}