.wf-photo-page,.wf-photo-gate,.wf-photo-welcome{--photo-plum:#70417d;--photo-ink:#38253e;--photo-muted:#796d80;--photo-line:#e6dce9;color:var(--photo-ink)}
.wf-photo-page{max-width:1050px;margin:0 auto;padding:10px 0 24px}
.wf-photo-title{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}.wf-photo-title h2{font-size:26px;margin-bottom:8px}.wf-photo-title p,.wf-photo-guidance p{font-size:14px;line-height:1.9;color:var(--photo-muted)}
.wf-photo-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 19px;border-radius:11px;border:1px solid var(--photo-plum);background:var(--photo-plum);color:#fff!important;font:inherit;font-size:14px;line-height:1.7;text-align:center;cursor:pointer;text-decoration:none!important}.wf-photo-button:hover{filter:brightness(.96)}.wf-photo-button:disabled{opacity:.5;cursor:wait}.wf-photo-button--quiet{background:#fff;color:var(--photo-plum)!important;border-color:var(--photo-line)}
.wf-photo-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:26px;align-items:start}.wf-photo-editor{padding:20px;border:1px solid var(--photo-line);border-radius:18px;background:#f2edf4}.wf-photo-canvas-wrap{position:relative;max-width:390px;margin:auto;aspect-ratio:1;overflow:hidden;border-radius:13px;background:#e9dfed}.wf-photo-canvas-wrap canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.wf-photo-canvas-wrap canvas:active{cursor:grabbing}.wf-photo-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;color:#94729f;pointer-events:none}.wf-photo-empty i{font-size:36px}.wf-photo-empty span{font-size:14px}.wf-photo-drag{font-size:12px;text-align:center;margin:14px 0 8px;color:var(--photo-muted)}.wf-photo-zoom{display:flex;align-items:center;gap:12px;margin:12px auto;max-width:350px;font-size:13px}.wf-photo-zoom input{width:100%;accent-color:var(--photo-plum)}.wf-photo-controls{display:flex;gap:9px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:19px}.wf-photo-controls input[type=file]{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden}.wf-photo-controls input[type=file]:focus-visible+button{outline:2px solid var(--photo-plum)}.wf-photo-clear{background:none;border:0;padding:8px;color:var(--photo-muted);font:inherit;font-size:12px}.wf-photo-result{padding:13px;margin:15px 0 0;border:1px solid #efc7c4;border-radius:10px;background:#fff0ef;color:#9a3e3b;font-size:13px;line-height:1.8}.wf-photo-result.is-success{background:#e7f3ec;border-color:#bad9c5;color:#216346}.wf-photo-guidance{padding:14px 3px}.wf-photo-guidance h3{font-size:20px;margin-bottom:20px}.wf-photo-guidance p{display:flex;gap:10px;margin-bottom:20px}.wf-photo-guidance i{font-size:20px;color:var(--photo-plum);margin-top:3px;flex:none}.wf-photo-guidance a{color:var(--photo-plum);text-decoration:underline}
.wf-photo-gate{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:340px;padding:25px;text-align:center;border-radius:16px;background:radial-gradient(circle at 20% 20%,#fcf7ff,#e8daef);width:100%}.wf-photo-gate>i{font-size:32px;color:var(--photo-plum)}.wf-photo-gate h4{font-size:20px;line-height:1.7;margin:0}.wf-photo-gate p{font-size:14px;line-height:1.9;color:var(--photo-muted);margin:0;max-width:340px}.wafaq-profile-photo>.wf-photo-gate{height:100%;min-height:430px}.wafaq-gallery-card .wf-photo-gate{min-height:250px}
.wf-photo-welcome{position:fixed;inset:0;margin:auto;width:min(440px,calc(100% - 28px));max-height:calc(100dvh - 32px);overflow:auto;padding:30px;background:#fffcf9;border:1px solid #e6dce9;border-radius:23px;box-shadow:0 20px 70px #24172e30;text-align:center;z-index:1080}.wf-photo-welcome::backdrop{background:#29203180;backdrop-filter:blur(3px)}.wf-photo-welcome h3{font-size:24px;line-height:1.7;margin-bottom:14px}.wf-photo-welcome p{font-size:14px;line-height:1.95;color:var(--photo-muted)}.wf-photo-welcome .wf-photo-button{display:flex;margin-top:22px}.wf-photo-close{position:absolute;inset-inline-end:15px;top:11px;background:none;border:0;font-size:25px;color:var(--photo-muted);line-height:1.5;padding:3px 6px}.wf-photo-medallion{display:grid;place-items:center;background:#f0e7f4;outline:7px solid #f8f2f9;color:var(--photo-plum);width:75px;height:75px;border-radius:50%;margin:10px auto 25px;font-size:29px}.wf-photo-later{background:none;border:0;font:inherit;font-size:13px;color:var(--photo-muted);padding:9px;display:block;margin:12px auto 0}
/* Website-only metadata: presence precedes image count, without adjacent status text. */
body.wafaq-2026.wf-discovery-page:not(.wf-native-app) .member-wrapper .wf-card-photo-meta{display:flex!important;align-items:center!important;gap:10px!important;padding:8px 11px!important;background:rgba(255,253,248,.94)!important;border:1px solid rgba(255,255,255,.7)!important;border-radius:24px!important;color:#38253e!important;box-shadow:0 2px 9px #38253e18!important}body.wafaq-2026.wf-discovery-page:not(.wf-native-app) .member-wrapper .wf-card-photo-meta .wf-card-presence{width:8px!important;height:8px!important;border:1.6px solid #8d8294!important;background:transparent!important;box-shadow:none!important;margin:0!important;flex:none}body.wafaq-2026.wf-discovery-page:not(.wf-native-app) .member-wrapper .wf-card-photo-meta .wf-card-presence.is-online{border:0!important;background:#16825b!important;box-shadow:0 0 0 3px #16825b22!important}body.wafaq-2026.wf-discovery-page:not(.wf-native-app) .member-wrapper .wf-card-photo-meta .wf-card-photo-count{background:none!important;border:0!important;border-left:1px solid #d9d0d9!important;border-radius:0!important;color:#38253e!important;padding:0 0 0 8px!important;font-size:12px!important;line-height:1.5!important}
[data-wf-photo-editor] [hidden]{display:none!important}
@media(max-width:650px){.wf-photo-title{align-items:start;flex-wrap:wrap}.wf-photo-title h2{font-size:22px}.wf-photo-layout{grid-template-columns:1fr;gap:18px}.wf-photo-editor{padding:14px}.wf-photo-page{padding:0}.wf-photo-guidance{padding:8px}.wf-photo-gate{padding:22px}.wafaq-profile-photo>.wf-photo-gate{min-height:340px}}

.wf-photo-zoom{white-space:nowrap}.wf-photo-zoom input{min-width:0;flex:1}

/* Single-panel signup editor must not reserve the dedicated page guidance column. */
[data-wf-registration-photo] .wf-photo-layout{display:block;width:100%;min-width:0}
[data-wf-photo-editor],.wf-photo-layout>*,.wf-photo-editor{min-width:0;box-sizing:border-box}
[data-wf-registration-photo] .wf-photo-editor{width:100%}
[data-wf-registration-photo] .wf-photo-canvas-wrap{width:100%;max-width:320px}
.wf-photo-welcome [data-wf-registration-photo] .wf-photo-controls .wf-photo-button{display:inline-flex;margin:0;flex:1 1 140px}
.wf-photo-review-notice{padding:12px 18px;margin:12px 0;border:1px solid #d8c5e1;border-radius:12px;background:#f3edf6;color:#573165;font-size:14px;line-height:1.8}