/* «Редактировать фото»: popular edits with before/after examples, the rest as a clear list */
.photo-edit-menu .scenario-body{padding-bottom:18px}
.pe-lead{margin:2px 2px 14px;font-size:14px;line-height:1.45;color:var(--muted,#a6a5b6)}
.pe-h{margin:6px 2px 10px;font-size:17px}
.pe-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}
.pe-card{display:flex;flex-direction:column;padding:0;overflow:hidden;border-radius:18px;border:1px solid var(--line,#ffffff22);background:var(--surface,#1b1c27);color:var(--text,#fff);font:inherit;text-align:left;cursor:pointer;transition:transform .15s,border-color .2s}
.pe-card:active{transform:scale(.98)}
.pe-card:hover{border-color:#c43bd5}
.pe-pic{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:#14121f}
.pe-pic img,.pe-pic video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
/* before covers the left half, after shows on the right; a soft line splits them */
.pe-before{clip-path:inset(0 50% 0 0)}
.pe-pic::after{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 8px #0008}
.pe-tag{position:absolute;bottom:6px;z-index:2;padding:2px 7px;border-radius:999px;font-style:normal;font-size:10px;font-weight:700;color:#fff;background:#0c0a16a8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.pe-tag-l{left:6px}.pe-tag-r{right:6px;background:linear-gradient(115deg,#924bfa,#e54e9e)}
.pe-txt{display:flex;flex-direction:column;gap:2px;min-width:0;padding:10px 12px 12px}
.pe-txt strong{font-size:14px;line-height:1.25}
.pe-txt small{font-size:11.5px;line-height:1.35;color:var(--muted,#a6a5b6)}
.pe-list{display:flex;flex-direction:column;border-radius:18px;border:1px solid var(--line,#ffffff22);background:var(--surface,#1b1c27);overflow:hidden}
.pe-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border:0;border-top:1px solid var(--line,#ffffff1a);background:none;color:var(--text,#fff);font:inherit;text-align:left;cursor:pointer}
.pe-row:first-child{border-top:0}
.pe-row:hover,.pe-row:active{background:var(--surface2,#ffffff0d)}
.pe-row .pe-txt{flex:1;padding:0}
.pe-ic{flex:none;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(135deg,#924bfa,#c43bd5 60%,#e54e9e);box-shadow:0 4px 14px #c43bd544}
.pe-ic svg{width:22px;height:22px}
.pe-go{flex:none;width:8px;height:8px;border-right:2px solid var(--muted,#a6a5b6);border-top:2px solid var(--muted,#a6a5b6);transform:rotate(45deg);margin-right:4px}
body.light .pe-tag-l{background:#ffffffcc;color:#2a1640}
@media(prefers-reduced-motion:reduce){.pe-card{transition:none}}

/* a photo without a visible face */
.photo-thumb.no-face{position:relative;outline:2px solid #ff6b6b;outline-offset:-2px;border-radius:12px}
.photo-thumb.no-face::after{content:"!";position:absolute;right:4px;top:4px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#ff4f7a;color:#fff;font:700 12px/1 system-ui}
.photo-thumb.face-ok{position:relative;outline:2px solid #3ddc97;outline-offset:-2px;border-radius:12px}
.photo-thumb.face-ok::after{content:"✓";position:absolute;right:4px;top:4px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#2fbf84;color:#04261a;font:700 12px/1 system-ui}
.link-btn{display:inline;margin-left:4px;padding:0;border:0;background:none;color:var(--accent,#b79aef);font:inherit;text-decoration:underline;cursor:pointer}

/* removing a photo: a visible × on every thumbnail and a hint under them */
#thumbnails{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}
#thumbnails .photo-thumb{position:relative}
.thumb-x{position:absolute;left:5px;top:5px;z-index:2;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#0c0a16d0;color:#fff;font:700 15px/1 system-ui;pointer-events:none}
.thumb-hint{flex-basis:100%;margin:2px 2px 0;font-size:12px;color:var(--muted,#a6a5b6)}