#zwinFullProfile .pe-scroll{padding:0 10px calc(30px + var(--pf-bottom));overscroll-behavior:contain}
#zwinFullProfile .pe-section{font-size:14px;line-height:20px;margin:16px 5px 10px;font-weight:650}
#zwinFullProfile .pe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;gap:5px}
#zwinFullProfile .pe-tile{position:relative;aspect-ratio:1;border-radius:10px;background:#21182d;padding:0;overflow:hidden;display:grid;place-items:center;min-width:0}
#zwinFullProfile .pe-cover{grid-row:span 2;grid-column:span 2}
#zwinFullProfile .pe-tile>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
#zwinFullProfile .pe-tile-label{position:absolute;bottom:0;left:0;border-radius:0 7px 0 7px;padding:3px 6px;background:linear-gradient(#b487ff,#7145b9);font-size:11px;color:#fff;line-height:16px}
#zwinFullProfile .pe-add{color:#85758e}#zwinFullProfile .pe-add svg{width:34px;height:34px;stroke-width:2}
#zwinFullProfile .pe-row{width:100%;min-height:55px;border-radius:10px;background:#21182d;display:flex;align-items:center;gap:12px;padding:10px 12px 10px 15px;margin-bottom:10px;font-size:15px;text-align:left}
#zwinFullProfile .pe-avatar-row{height:90px}#zwinFullProfile .pe-label{color:#beb2c9;flex:none}#zwinFullProfile .pe-value{margin-left:auto;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}#zwinFullProfile .pe-value.empty{color:#8d8099}#zwinFullProfile .pe-chevron{color:#8d8099;font-size:26px;line-height:1}#zwinFullProfile .pe-avatar{margin-left:auto;width:50px;height:50px;object-fit:cover;border-radius:50%}#zwinFullProfile .pe-country-flag{margin-left:auto;width:24px;height:17px;border-radius:2px;object-fit:cover}
.pe-dialog{font:15px Inter,system-ui,sans-serif;color:#34233f;border:1px solid #e2d5ee;border-radius:22px 22px 0 0;padding:20px 16px calc(18px + env(safe-area-inset-bottom));background:#faf6ff;position:fixed;inset:auto 0 0;margin:0 auto;width:min(100%,480px);max-width:480px;max-height:calc(100dvh - 20px);overflow:auto;box-sizing:border-box;box-shadow:0 -10px 55px #0004}
.pe-dialog::backdrop{background:#10071d88}.pe-dialog *{box-sizing:border-box}.pe-dialog h2{font-size:17px;text-align:center;margin:0 0 18px}.pe-dialog>button{display:block;min-height:48px;width:100%;border:0;background:none;color:inherit;font:inherit;border-radius:12px;margin:3px 0}.pe-dialog>button:hover{background:#eee5f5}.pe-dialog button:disabled{opacity:.45;cursor:default}.pe-dialog p{line-height:1.5}.pe-dialog .pe-primary{background:#9561de;color:white;border:0;border-radius:24px;font:600 14px Inter,system-ui;min-height:43px;padding:10px 22px}.pe-dialog .pe-danger{color:#b23d5c}.pe-actions{display:flex;gap:12px;margin-top:16px}.pe-actions button{flex:1;min-height:44px;border:0;background:#eee4f6;border-radius:24px;color:#503365;font:600 14px Inter,system-ui}.pe-input{width:100%;font:16px Inter,system-ui;border:1px solid #d8c9e5;border-radius:12px;padding:12px;background:white;color:#33233f;outline:none;resize:none}.pe-input:focus{border-color:#9867dc}.pe-count{display:block;text-align:right;margin-top:5px;color:#8b789b;font-size:11px}.pe-error{color:#b43758;font-size:13px;line-height:1.5}.pe-gif-example{display:flex;align-items:center;justify-content:center;gap:12px}.pe-gif-example img,.pe-gif-preview{display:block;width:100px;height:100px;object-fit:cover;border-radius:50%;margin:10px auto}.pe-gif-example img{margin:0}.pe-gif-example{padding:12px}.pe-gif-example span{border:1px solid #aa85d2;border-radius:6px;padding:3px 7px;color:#8853b8;font-size:12px}.pe-wheels{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:10px;text-align:center}.pe-wheels label>span{display:block;color:#887595;font-size:12px;margin-bottom:8px}.pe-wheel{height:200px;overflow-y:auto;scroll-snap-type:y mandatory;padding:80px 0;scrollbar-width:none;position:relative;overscroll-behavior:contain;background:linear-gradient(#f2eaf8 0 40%,#e5d8f0 40% 60%,#f2eaf8 60%);border-radius:12px}.pe-wheel::-webkit-scrollbar{display:none}.pe-wheel-option{display:block;width:100%;height:40px;scroll-snap-align:center;border:0;color:#8f7e9a;font:16px Inter,system-ui;background:none;padding:0}.pe-wheel-option[aria-selected=true]{color:#69418b;font-weight:700}.pe-crop-stage{width:100%;aspect-ratio:1;position:relative;overflow:hidden;background:#1a1221;touch-action:none;outline:1px solid #aa85d2}.pe-crop-stage:after{content:'';position:absolute;inset:0;pointer-events:none;border:1px solid #fff9;background:linear-gradient(90deg,transparent 33%,#fff4 33% 33.3%,transparent 33.3% 66.6%,#fff4 66.6% 66.9%,transparent 66.9%),linear-gradient(transparent 33%,#fff4 33% 33.3%,transparent 33.3% 66.6%,#fff4 66.6% 66.9%,transparent 66.9%)}.pe-crop-stage img{position:absolute;max-width:none;max-height:none;user-select:none;pointer-events:none}.pe-zoom{width:100%;accent-color:#9561de;margin-top:18px}.pe-dialog.pe-crop{border-radius:18px 18px 0 0}
#zwinFullProfile .pe-country-screen .pf-sub-scroll{padding:0 10px 20px;display:flex;flex-direction:column;overflow:hidden}#zwinFullProfile .pe-search{background:#21182d;color:#fff;border:0;border-radius:12px;padding:12px 14px;font:15px Inter,system-ui;margin:10px 0;flex:none;width:100%}#zwinFullProfile .pe-country-list{overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0}#zwinFullProfile .pe-country-option{display:flex;width:100%;align-items:center;padding:13px 10px;gap:14px;font-size:14px;border-bottom:1px solid #ffffff09}#zwinFullProfile .pe-country-option img{width:25px;height:18px;object-fit:cover;border-radius:2px}#zwinFullProfile .pe-country-option span:first-of-type{flex:1;text-align:left}#zwinFullProfile .pe-selected{color:#b48af0}#zwinFullProfile .pf-toolbar>.pe-confirm{font-size:12px;width:62px;color:#c6a6ff}#zwinFullProfile .pe-confirm:disabled{opacity:.4}#zwinFullProfile .pe-empty{text-align:center;color:var(--pf-muted);font-size:14px;padding:20px}

body.pf-open #zwin-diagnostics{display:none!important}

#zwinFullProfile .pe-screen{--pf-toolbar:calc(40px + var(--pf-top))}
#zwinFullProfile .pe-screen .pf-toolbar>button{height:40px}
.pe-help{font-size:12px;color:#8b789b;line-height:1.4;margin:10px 0}
.pe-cover-examples{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 8px 16px}.pe-cover-examples img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px}
#zwinFullProfile .pe-search-bar{display:flex;align-items:center;gap:8px;flex:none}#zwinFullProfile .pe-search-cancel{font-size:12px;color:#c7a8ef;padding:8px 0 8px 8px}#zwinFullProfile .pe-country-screen .pe-help{flex:none;color:var(--pf-muted);font-size:11px;margin:12px 4px}

.pe-dialog{bottom:var(--pe-keyboard,0px);max-height:calc(100dvh - var(--pe-keyboard,0px) - 20px)}#zwinFullProfile .pe-country-screen .pf-sub-scroll{bottom:calc(var(--pf-bottom) + var(--pe-keyboard,0px))}
.pe-saving{font-size:12px;text-align:center;color:#8958ad}

/* Reserve the host's actual system bar inset for every profile action. */
:root{--pe-safe-top:max(env(safe-area-inset-top,0px),var(--zwin-host-safe-top,0px));--pe-safe-bottom:max(env(safe-area-inset-bottom,0px),var(--zwin-host-safe-bottom,0px));--pe-lift:max(var(--pe-keyboard,0px),var(--pe-safe-bottom))}
.pe-dialog{bottom:var(--pe-lift);padding-bottom:18px;max-height:calc(100dvh - var(--pe-lift) - var(--pe-safe-top) - 12px)}
.pe-dialog .pe-crop-stage{--pe-crop-size:min(calc(min(100vw,480px) - 34px),max(120px,calc(100dvh - var(--pe-lift) - var(--pe-safe-top) - 235px)));width:var(--pe-crop-size);height:var(--pe-crop-size);margin-inline:auto;aspect-ratio:1}
body.pf-open #sheet{inset-block-start:var(--pe-safe-top);inset-block-end:var(--pe-lift);margin-block:auto;max-height:calc(100dvh - var(--pe-safe-top) - var(--pe-lift) - 24px)}
