/* ================= pages 2 ================= */
.ptitle{display:flex;align-items:center;gap:14px;margin-bottom:6px}
.ptitle .hic{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#cbd0de;flex:none}
.ptitle h1{margin:0}
.clist{display:grid;gap:12px}
.clist .cmd-card{background:rgba(255,255,255,.035)}
.iconbtn.danger{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);color:#f87171}
.iconbtn.danger:hover{background:rgba(239,68,68,.25);color:#fff}
.emptyst{display:grid;justify-items:center;text-align:center;gap:10px;padding:70px 20px}
.emptyst .big{width:96px;height:96px;border-radius:50%;background:#14123a;display:grid;place-items:center;color:#8b93a7}
.emptyst b{font-size:18px;margin-top:6px}
.emptyst p{color:var(--muted);max-width:420px}
.two.top{align-items:start;margin-bottom:24px}
.two.top .card{margin:0}
.sendrow{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}
.ebprev{margin:4px 0 2px}
.ebprev .embed{max-width:none}

/* checkbox / segmented / slider */
.chk{display:flex;align-items:center;gap:10px;font-size:14px;color:#e6e8ef;cursor:pointer;margin:0 0 14px;position:relative}
.field .chk,.chk{font-weight:400}
.chk input{position:absolute;opacity:0;width:20px;height:20px;margin:0;cursor:pointer}
.chk .box{width:20px;height:20px;border-radius:6px;border:2px solid #4b5170;display:grid;place-items:center;color:transparent;flex:none;transition:.15s}
.chk input:checked+.box{background:linear-gradient(135deg,#8c99b8,#e8eefb);border-color:transparent;color:#0b1020}
.chk input:focus-visible+.box{outline:2px solid var(--gold);outline-offset:2px}
.card .multi{margin-bottom:0}
.seg{display:grid;grid-template-columns:repeat(10,1fr);border:1px solid rgba(255,255,255,.1);border-radius:10px;overflow:hidden;background:#0d1226}
.seg button{padding:13px 4px;background:none;border:0;border-right:1px solid rgba(255,255,255,.08);color:#9ca3af;font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:.15s}
.seg button:last-child{border-right:0}
.seg button:hover{color:#fff;background:rgba(255,255,255,.04)}
.seg button.on{background:#10b981;color:#fff}
.slrow{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin-bottom:16px}
.sl-val{color:#fff;font-size:15px}
.slider{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:99px;outline:0;background:linear-gradient(90deg,#6366f1 var(--p,0%),#3a3f58 var(--p,0%))}
.slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:24px;border-radius:5px;background:#fff;border:0;cursor:pointer}
.slider::-moz-range-thumb{width:14px;height:24px;border-radius:5px;background:#fff;border:0;cursor:pointer}
.slmm{display:flex;justify-content:space-between;font-size:12px;color:#8b93a7;margin:12px 0 18px}

/* misc blocks */
.catrm.l{padding-bottom:0}
.catrm .chk{margin:0 14px 0 0}
.vchips{display:flex;gap:8px;margin-top:10px}
.vchip{background:rgba(255,255,255,.07);border:0;color:#cbd0de;font:inherit;font-size:12px;padding:3px 10px;border-radius:6px;cursor:pointer}
.vchip:hover{background:rgba(176,190,220,.2);color:#fff}
.mult h4{font-size:16px;margin-bottom:4px}
.mult>p{margin-bottom:12px}
.mult .field{margin-top:14px}
.cnt{display:flex;justify-content:space-between;margin-top:8px}
.center{text-align:center;display:block;margin-top:12px}
.card.slim .card-h h3{font-size:14px;letter-spacing:.06em}
.card.slim .card-ic{width:28px;height:28px;background:none;border:0}

/* colors */
.pals{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.palette{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.02)}
.sw-c{aspect-ratio:1;border-radius:50%;border:2px solid transparent;cursor:pointer;display:grid;place-items:center;color:transparent;padding:0;transition:transform .12s}
.sw-c:hover{transform:scale(1.12)}
.sw-c.on{border-color:#fff;color:#fff;box-shadow:0 0 0 2px rgba(0,0,0,.6),0 0 14px rgba(255,255,255,.35)}
.shapes{display:flex;gap:14px;flex-wrap:wrap}
.shape{position:relative;width:122px;height:122px;border-radius:12px;background:#12102f;border:2px solid transparent;display:grid;place-items:center;cursor:pointer;padding:0}
.shape.on{border-color:#b8c4de;box-shadow:0 0 0 1px rgba(176,190,220,.4)}
.shape .tick{position:absolute;top:-8px;right:-8px;width:26px;height:26px;border-radius:50%;background:#b8c4de;color:#0b1020;display:grid;place-items:center;font-style:normal}
.sh{width:84px;height:84px;background:#b3b6bf;display:block}
.sh-circle{border-radius:50%;width:84px;height:84px}
.sh-square{border-radius:14%;width:74px;height:74px}
.sh-heart{clip-path:path('M42 76C12 54 4 38 4 25 4 12 14 6 24 6c8 0 14 5 18 12 4-7 10-12 18-12 10 0 20 6 20 19 0 13-8 29-38 51z');width:84px;height:84px}
.sh-star{clip-path:polygon(50% 0,62% 36%,100% 38%,70% 60%,80% 100%,50% 76%,20% 100%,30% 60%,0 38%,38% 36%)}
.sh-pentagon{clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%)}
.dz.click{width:100%;background:none;font:inherit;cursor:pointer;color:#cbd0de;margin:0}
.dz.click:hover{border-color:rgba(176,190,220,.5)}
.dz .dzic{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.07);display:grid;place-items:center}

/* colors preview designer */
.co-designer{display:flex;flex-direction:column;gap:18px;width:100%}
.co-stage{position:relative;width:100%;max-width:860px;margin:0 auto;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,#0a0d20,#080a18);box-shadow:0 12px 36px rgba(0,0,0,.45);user-select:none;touch-action:none}
.co-stage.co-no-img{min-height:240px;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,rgba(255,255,255,.02) 0 10px,transparent 10px 20px),linear-gradient(180deg,#0a0e22,#060917)}
.co-img{display:block;width:100%;height:auto;max-height:560px;object-fit:contain;pointer-events:none;user-select:none;margin:0 auto}
.co-item{position:absolute;touch-action:none;cursor:grab;transform:translate(-50%,-50%);z-index:5;display:grid;place-items:center;transition:box-shadow .12s;user-select:none;filter:drop-shadow(0 3px 6px rgba(0,0,0,.75))}
.co-item:hover{z-index:9}
.co-item:active{cursor:grabbing}
.co-item.dragging{z-index:20;filter:drop-shadow(0 0 12px rgba(255,255,255,.85))}
.co-item.active{outline:2px solid #fff;outline-offset:3px}
.co-rsz{position:absolute;right:-6px;bottom:-6px;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid #5865f2;cursor:nwse-resize;touch-action:none;z-index:15;display:grid;place-items:center;color:#5865f2;box-shadow:0 2px 6px rgba(0,0,0,.5)}
.co-rsz svg{width:9px;height:9px;pointer-events:none}
.co-sel-badge{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#cbd5e1;padding:4px 10px;background:rgba(255,255,255,.05);border-radius:8px;border:1px solid rgba(255,255,255,.1)}
.co-sel-dot{width:14px;height:14px;border-radius:50%;display:inline-block;box-shadow:0 0 8px rgba(0,0,0,.5)}
.co-empty-hint{font-size:13px;color:#94a3b8;text-align:center;padding:12px;font-style:italic}
.co-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:14px 18px}
.co-slider-row{display:flex;flex-direction:column;gap:6px}
.co-slider-row label{display:flex;justify-content:space-between;font-size:13px;font-weight:600;color:#cbd5e1}
.co-slider-row label span{color:#94a3b8;font-weight:500;font-variant-numeric:tabular-nums}
.co-slider-row input[type=range]{accent-color:#b8c4de;width:100%;height:6px;background:rgba(255,255,255,.12);border-radius:3px;cursor:pointer}
.co-actions{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.co-actions-left{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.co-actions-right{display:flex;gap:12px;align-items:center}
.co-move-all-toggle{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);cursor:pointer;font-size:13px;font-weight:600;color:#cbd5e1;user-select:none;transition:all .15s}
.co-move-all-toggle:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.22);color:#fff}
.co-move-all-toggle.on{background:rgba(88,101,242,.25);border-color:#5865f2;color:#fff;box-shadow:0 0 12px rgba(88,101,242,.35)}

/* paywall */
.paywall{max-width:900px;margin:34px auto 0;padding:34px 40px 40px;text-align:center;background:linear-gradient(180deg,#0a0d1e,#070a18);border-top:1px solid rgba(176,190,220,.55);border-bottom:1px solid rgba(255,255,255,.12)}
.vipchip{display:inline-flex;gap:6px;align-items:center;font-size:12px;font-weight:700;color:var(--gold-l);padding:4px 12px;border:1px solid rgba(176,190,220,.4);border-radius:7px;background:rgba(176,190,220,.07)}
.pw-ic{position:relative;width:82px;height:82px;margin:22px auto 20px;border-radius:50%;background:radial-gradient(circle,#15131c,#0b0c18);border:1px solid rgba(176,190,220,.4);display:grid;place-items:center;color:#e8eefb;box-shadow:0 0 40px rgba(176,190,220,.18)}
.pw-ic i{position:absolute;right:-6px;bottom:-4px;width:26px;height:26px;border-radius:50%;background:#0b0c18;border:1px solid rgba(176,190,220,.4);display:grid;place-items:center;color:#d6d9e3;font-style:normal}
.paywall h2{font-size:30px;font-weight:700;margin-bottom:10px}
.paywall p{color:#b9bcc6;max-width:560px;margin:0 auto 28px;font-size:16px;line-height:1.7}
.pw-feats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);margin:0 0 30px}
.pw-feats>div{display:flex;gap:10px;align-items:flex-start;text-align:left;padding:18px 18px;font-size:14px;border-right:1px solid rgba(255,255,255,.08)}
.pw-feats>div:last-child{border-right:0}
.pw-feats span{color:var(--gold);margin-top:2px}
.pw-feats b{font-weight:400;color:#e2e4ee}
.hero2{display:grid;grid-template-columns:1.25fr 1fr;gap:20px;align-items:center;margin-top:10px;padding:48px 52px;border-radius:28px;background:linear-gradient(155deg,#171717,#0b0d1c 60%);border:1px solid rgba(255,255,255,.1);overflow:hidden}
.hero2 .pill{margin-bottom:22px}
.hero2 h2{font-size:clamp(30px,3.6vw,50px);line-height:1.12;font-weight:800;margin-bottom:22px}
.hero2-l>p{color:#b9bcc6;font-size:16px;line-height:1.7;margin-bottom:28px}
.hf{display:flex;gap:14px;margin-bottom:20px}
.hf-ic{width:42px;height:42px;border-radius:10px;flex:none;display:grid;place-items:center;color:#d6d9e3;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04)}
.hf b{display:block;font-size:16px}
.hf small{display:block;color:var(--muted);font-size:14px;margin-top:2px}
.hero2-cta{display:flex;gap:18px;align-items:center;margin-top:30px;flex-wrap:wrap}
.hero2-cta small{color:#8b93a7;font-size:13px;max-width:200px}
.hero2-r{position:relative;aspect-ratio:1;display:grid;place-items:center;min-height:300px}
.ring{position:absolute;border-radius:50%;border:1px solid rgba(176,190,220,.18)}
.ring.r1{inset:2%}.ring.r2{inset:14%}.ring.r3{inset:26%}
.crownc{position:relative;z-index:2;width:46%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:#0b0b0e;border:10px solid #b8c4de;color:#e8eefb;box-shadow:0 0 70px rgba(176,190,220,.35)}
.crownc svg{width:42%;height:42%}
.mini{position:absolute;z-index:3;border-radius:14px;background:#1c2250;border:1px solid rgba(255,255,255,.12);padding:16px;display:grid;gap:9px;box-shadow:0 20px 50px rgba(0,0,0,.5)}
.mini i{display:block;height:9px;border-radius:99px;background:rgba(255,255,255,.2)}
.mini.top{top:12%;right:-2%;width:56%}
.mini.top b{display:block;height:20px;border-radius:7px;background:#5865f2;width:80%}
.mini.bot{bottom:12%;left:-4%;width:46%;grid-template-columns:30px 1fr;align-items:center}
.mini.bot span{grid-row:span 2;width:30px;height:30px;border-radius:8px;background:rgba(34,197,94,.2);color:#4ade80;display:grid;place-items:center}

@media(max-width:1100px){.pals{grid-template-columns:1fr}.hero2{grid-template-columns:1fr;padding:32px 26px}.hero2-r{max-width:320px;margin:0 auto}.seg{grid-template-columns:repeat(5,1fr)}}
@media(max-width:760px){.pw-feats{grid-template-columns:1fr}.pw-feats>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.paywall{padding:26px 18px}}


/* giveaways: wide edit modal, section headings, participant rows with per-user bonus input */
.modal.wide{max-width:720px}
.gw-sec{display:grid;gap:12px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}
.gw-sec:first-child{padding-top:0;border-top:0}
.gw-sec-h{display:flex;align-items:center;gap:10px}
.gw-sec-h b{font-size:14px;flex:1}
.gw-sec-h .mut{font-size:12px}
.gw-rb{display:grid;grid-template-columns:1fr 120px 36px;gap:8px;align-items:center}
.gw-plist{display:grid;gap:6px;max-height:320px;overflow-y:auto;padding-right:4px}
.gw-p{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.gw-p img{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:none}
.gw-p .m-info{display:flex;flex-direction:column;flex:1;min-width:0}
.gw-p .m-name{font-weight:600;font-size:14px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gw-p .m-sub{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gw-p .inp{width:84px;padding:6px 10px;flex:none}
.gw-p .chipst{flex:none;white-space:nowrap}
.gw-p .chipst.on{color:#fbbf24;background:rgba(251,191,36,.12)}
.gw-stat{display:flex;gap:8px;flex-wrap:wrap}
.gw-stat .tagc{font-weight:600}