/* XYLO 2.11 — customer purchase screenshots; isolated styles, no shared theme overrides. */
#purchase-showcase.xylo-proof-section{max-width:1152px;margin:clamp(32px,5vw,72px) auto 0;padding:0;position:relative;color:#f7efff}
.xylo-proof-section .xylo-proof-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:24px}
.xylo-proof-section .xylo-proof-kicker{font-size:11px;letter-spacing:.18em;font-weight:800;color:#cc9cff;display:flex;align-items:center;gap:9px;text-transform:uppercase;margin-bottom:10px}
.xylo-proof-section .xylo-proof-kicker::before{content:"";width:23px;height:2px;background:linear-gradient(90deg,#7040D8,#A050EC);border-radius:9px;box-shadow:0 0 14px #a050ec}
.xylo-proof-section h2{font-size:clamp(29px,3.2vw,44px);font-weight:900;letter-spacing:-.045em;line-height:1.07;color:white;margin:0}
.xylo-proof-section .xylo-proof-description{font-size:14px;line-height:1.6;color:#bfb2d0;margin:10px 0 0;max-width:620px}
.xylo-proof-section .xylo-proof-tools{display:flex;gap:8px;align-items:center;flex-shrink:0}
.xylo-proof-section .xylo-proof-step{height:40px;width:40px;display:grid;place-items:center;border:1px solid rgba(175,113,253,.5);border-radius:12px;background:linear-gradient(155deg,#29153d,#140d21);color:#ddbbff;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
.xylo-proof-section .xylo-proof-step:hover:not(:disabled){border-color:#c69aff;background:#39215f;transform:translateY(-2px)}
.xylo-proof-section .xylo-proof-step:disabled{opacity:.3;cursor:default}
.xylo-proof-section .xylo-proof-step:focus-visible,.xylo-proof-section .xylo-proof-open:focus-visible{outline:3px solid #bd8cfa;outline-offset:3px}
.xylo-proof-section .xylo-proof-stage{position:relative;min-width:0}
.xylo-proof-section .xylo-proof-stage::before,.xylo-proof-section .xylo-proof-stage::after{content:"";position:absolute;top:0;bottom:0;width:26px;pointer-events:none;z-index:2}
.xylo-proof-section .xylo-proof-stage::before{left:0;background:linear-gradient(90deg,rgba(14,7,25,.52),transparent)}
.xylo-proof-section .xylo-proof-stage::after{right:0;background:linear-gradient(270deg,rgba(14,7,25,.52),transparent)}
.xylo-proof-section .xylo-proof-rail{display:flex;align-items:stretch;gap:18px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;padding:14px 10px 26px;touch-action:auto;-webkit-overflow-scrolling:touch}
.xylo-proof-section .xylo-proof-rail::-webkit-scrollbar{display:none}
.xylo-proof-section .xylo-proof-card{position:relative;flex:0 0 min(350px,calc((100% - 36px)/3));min-width:0;border:1px solid rgba(154,96,220,.42);border-radius:22px;overflow:hidden;background:linear-gradient(155deg,#241134,#100c1b 78%);box-shadow:0 12px 30px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.07);scroll-snap-align:start;isolation:isolate;transition:transform .22s,border-color .22s}
.xylo-proof-section .xylo-proof-card::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(ellipse at 45% 0%,rgba(160,80,236,.28),transparent 70%);opacity:.8;pointer-events:none}
.xylo-proof-section .xylo-proof-card:hover{transform:translateY(-5px);border-color:rgba(201,147,255,.85)}
.xylo-proof-section .xylo-proof-image{display:block;width:100%;aspect-ratio:4 / 3;overflow:hidden;position:relative;background:#1d1329;border:0;padding:0;cursor:zoom-in;text-align:left}
.xylo-proof-section .xylo-proof-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .35s;}
.xylo-proof-section .xylo-proof-card:hover .xylo-proof-image img{transform:scale(1.035)}
.xylo-proof-section .xylo-proof-image::after{content:"";position:absolute;inset:42% 0 0;background:linear-gradient(180deg,transparent,rgba(10,6,15,.76));pointer-events:none}
.xylo-proof-section .xylo-proof-complete{position:absolute;top:13px;left:13px;z-index:1;display:inline-flex;align-items:center;gap:7px;border-radius:99px;background:rgba(18,12,29,.88);border:1px solid rgba(167,243,208,.25);padding:7px 10px;color:#b7f7de;font-weight:800;font-size:10px;letter-spacing:.06em;box-shadow:0 5px 15px rgba(0,0,0,.3)}
.xylo-proof-section .xylo-proof-complete i{font-size:13px}
.xylo-proof-section .xylo-proof-view{position:absolute;right:12px;bottom:12px;z-index:1;background:rgba(21,11,32,.9);color:#f3e6ff;padding:8px 10px;font-size:11px;font-weight:750;border:1px solid rgba(192,135,255,.42);border-radius:10px}
.xylo-proof-section .xylo-proof-bottom{position:relative;padding:14px 16px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(125deg,rgba(36,19,55,.98),rgba(17,11,28,.98));}
.xylo-proof-section .xylo-proof-bottom strong{font-size:13px;font-weight:800;line-height:1.35;color:#f7edff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.xylo-proof-section .xylo-proof-bottom i{color:#bc8be8;opacity:.85;flex-shrink:0}
.xylo-proof-section .xylo-proof-note{display:flex;align-items:center;gap:8px;color:#9f8ab7;font-size:11px;margin:4px 10px 0}
.xylo-proof-section .xylo-proof-note i{color:#ad7fe5}
/* Full-resolution viewer deliberately does not modify body overflow (mobile scroll stability). */
.xylo-proof-lightbox[hidden]{display:none!important}
.xylo-proof-lightbox{position:fixed;inset:0;z-index:10020;background:rgba(5,3,11,.94);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:56px 16px 26px}
.xylo-proof-lightbox img{max-width:min(1100px,100%);max-height:calc(100dvh - 126px);width:auto;height:auto;object-fit:contain;border-radius:12px;border:1px solid rgba(169,107,235,.5);box-shadow:0 0 60px rgba(113,56,174,.22)}
.xylo-proof-lightbox .xylo-proof-lightbox-close{position:absolute;top:15px;right:20px;border-radius:12px;border:1px solid rgba(203,146,255,.5);background:#251436;color:white;min-width:42px;min-height:42px;cursor:pointer}
.xylo-proof-lightbox .xylo-proof-lightbox-caption{margin:14px 0 0;font-size:13px;color:#dbc6ed;max-width:min(750px,95%);text-align:center}
@media(max-width:900px){.xylo-proof-section .xylo-proof-card{flex-basis:calc((100% - 18px)/2)}}
@media(max-width:600px){#purchase-showcase.xylo-proof-section{margin-top:40px}.xylo-proof-section .xylo-proof-heading{align-items:flex-end;gap:8px;margin-bottom:12px}.xylo-proof-section h2{font-size:30px}.xylo-proof-section .xylo-proof-description{font-size:12px;max-width:290px}.xylo-proof-section .xylo-proof-tools{gap:6px}.xylo-proof-section .xylo-proof-step{width:33px;height:33px;border-radius:10px}.xylo-proof-section .xylo-proof-rail{gap:13px;padding:10px 7px 22px}.xylo-proof-section .xylo-proof-card{flex-basis:min(82%,320px);border-radius:17px}.xylo-proof-section .xylo-proof-bottom{padding:12px}.xylo-proof-section .xylo-proof-stage::before,.xylo-proof-section .xylo-proof-stage::after{width:14px}}
@media(prefers-reduced-motion:reduce){.xylo-proof-section .xylo-proof-rail{scroll-behavior:auto}.xylo-proof-section .xylo-proof-image img,.xylo-proof-section .xylo-proof-card,.xylo-proof-section .xylo-proof-step{transition:none}.xylo-proof-section .xylo-proof-card:hover,.xylo-proof-section .xylo-proof-card:hover .xylo-proof-image img{transform:none}}

/* Dedicated admin page. Scoped so existing navigation/theme remain intact. */
body.xylo-proof-admin-body{margin:0;background:#0d0717;color:#f8efff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.xylo-proof-admin{max-width:1220px;margin:0 auto;padding:36px 22px 90px;position:relative}
.xylo-proof-admin-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:10px 0 25px}
.xylo-proof-admin h1{font-size:clamp(28px,4vw,42px);letter-spacing:-.045em;font-weight:900;margin:6px 0}
.xylo-proof-admin p{line-height:1.55}
.xylo-proof-admin-head p{max-width:720px;color:#c7b8d4;margin:0 0 12px}
.xylo-proof-eyebrow{font-size:10px;font-weight:800;letter-spacing:.17em;color:#c18cf6}
.xylo-proof-count{font-size:12px;font-weight:800;color:#d3acff}
.xylo-proof-admin-link,.xylo-proof-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;border-radius:12px;background:linear-gradient(125deg,#7040D8,#A050EC);padding:12px 17px;color:#fff;border:1px solid rgba(255,255,255,.24);font-weight:800;white-space:nowrap;cursor:pointer}
.xylo-proof-admin-panel{border-radius:23px;padding:24px;margin:19px 0;border:1px solid rgba(179,114,246,.34);background:linear-gradient(150deg,#241236 0%,#110b1c 65%);box-shadow:0 20px 46px rgba(0,0,0,.2)}
.xylo-proof-admin-panel-title{display:flex;gap:12px;align-items:center;margin-bottom:20px}
.xylo-proof-admin-panel-title h2{font-size:20px;font-weight:850;margin:0 0 2px}
.xylo-proof-admin-panel-title p{color:#b5a2c7;font-size:13px;margin:0}
.xylo-proof-panel-symbol{height:44px;width:44px;border:1px solid rgba(192,134,255,.37);border-radius:13px;background:#35174f;color:#ddaafa;display:grid;place-items:center;flex-shrink:0;font-size:22px}
.xylo-proof-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.xylo-proof-form-row label{display:block;font-size:13px;color:#e4d5f4;font-weight:750}
.xylo-proof-form-row input{display:block;margin-top:9px;box-sizing:border-box;width:100%;min-width:0;border:1px solid rgba(163,114,213,.38);background:#120c1d;color:#f8efff;padding:12px;border-radius:12px;font:inherit;font-size:13px}
.xylo-proof-form-row input[type=file]{padding:10px}
.xylo-proof-admin-controls{display:grid;gap:10px;margin:18px 0}
.xylo-proof-checkbox{display:flex;align-items:flex-start;gap:10px;line-height:1.45;color:#d8c4e6;font-size:13px}
.xylo-proof-checkbox input{margin-top:4px;accent-color:#9951f5}
.xylo-proof-message{padding:14px 17px;border-radius:12px;border:1px solid #2f9859;background:#123322;color:#cef3d9}
.xylo-proof-message-error{border-color:#a83f60;background:#351325;color:#ffd8e3}
.xylo-proof-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.xylo-proof-admin-card{min-width:0;border:1px solid rgba(159,109,205,.45);border-radius:17px;overflow:hidden;background:#120b1c}
.xylo-proof-admin-preview{aspect-ratio:4/3;overflow:hidden}
.xylo-proof-admin-preview img{display:block;width:100%;height:100%;object-fit:cover}
.xylo-proof-admin-meta{display:flex;justify-content:space-between;align-items:center;gap:7px;padding:13px}
.xylo-proof-admin-meta strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xylo-proof-admin-meta span{font-size:10px;border-radius:12px;padding:5px 7px;flex-shrink:0}.xylo-proof-admin-meta .is-live{color:#9be8b9;background:#133a24}.xylo-proof-admin-meta .is-hidden{color:#e1bd91;background:#44260a}
.xylo-proof-admin-actions{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 13px}
.xylo-proof-mini-form{margin:0}.xylo-proof-mini-form button{border:1px solid #5f3d84;background:#251635;color:#e7c7ff;border-radius:9px;padding:8px 10px;font:inherit;font-size:11px;cursor:pointer}.xylo-proof-mini-form button:disabled{opacity:.35;cursor:default}.xylo-proof-mini-form button.xylo-proof-danger{color:#ffb6c6;border-color:#813b52}
.xylo-proof-empty{border:1px dashed #67418a;border-radius:12px;padding:26px;text-align:center;color:#c0aed1;font-size:14px}
@media(max-width:820px){.xylo-proof-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.xylo-proof-admin-head{align-items:flex-start}}
@media(max-width:600px){.xylo-proof-admin{padding:23px 14px 70px}.xylo-proof-admin-head{display:block}.xylo-proof-admin-link{margin-top:12px}.xylo-proof-admin-panel{padding:16px;border-radius:17px}.xylo-proof-form-row{grid-template-columns:1fr}.xylo-proof-admin-grid{grid-template-columns:1fr}.xylo-proof-admin-head h1{font-size:28px}}