/* v24.5 — صفحة النشر الحديثة */
.pp2-sheet{max-height:94vh!important;padding-bottom:0!important;background:radial-gradient(120% 50% at 100% 0%,#3a1a5c66,transparent 60%),linear-gradient(180deg,#17123a,#0d0a24)!important;border-radius:28px 28px 0 0!important}
.pp2-sheet:has(#uploadStep:not(.hidden)) .pp2-h,.pp2-sheet:has(#uploadStep:not(.hidden)) .pp2-sub{display:none}
/* اختيار المصدر */
.pp2-pick{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.pp2-pickc{display:flex;align-items:center;gap:14px;padding:14px;border-radius:20px;background:#ffffff0a;border:1px solid #ffffff17;cursor:pointer;transition:transform .15s,background .15s}
.pp2-pickc:active{transform:scale(.98);background:#ffffff12}
.pp2-pickc>span{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#FF2D7A,#8B5CF6);box-shadow:0 8px 20px #FF2D7A44;flex-shrink:0}
.pp2-pickc+.pp2-pickc>span{background:linear-gradient(135deg,#8B5CF6,#22D3EE);box-shadow:0 8px 20px #22D3EE33}
.pp2-pickc div{flex:1;display:flex;flex-direction:column;gap:2px}.pp2-pickc b{font-size:15px}.pp2-pickc small{font-size:12px;color:#ffffff8c}
.pp2-pickc>i{color:#ffffff66;display:grid}
/* الرأس */
.pp2-head{display:flex;flex-direction:column;align-items:center;gap:2px;padding:2px 0 12px}
.pp2-head b{font-size:17px}.pp2-head small{font-size:12px;color:#ffffff80}
/* الوصف + المعاينة */
.pp2-top{display:flex;gap:12px;align-items:stretch}
.pp2-cap{flex:1;min-width:0;display:flex;flex-direction:column;border-radius:20px;background:#ffffff0a;border:1px solid #ffffff17;transition:border-color .2s}
.pp2-cap:focus-within{border-color:#FF2D7A88;box-shadow:0 0 0 4px #FF2D7A1a}
.pp2-cap textarea{flex:1;min-height:150px;resize:none;border:0;outline:0;background:none;color:#fff;font:inherit;font-size:14.5px;line-height:1.6;padding:12px 14px 6px}
.pp2-cap textarea::placeholder{color:#ffffff59}
.pp2-capbar{display:flex;align-items:center;gap:6px;padding:8px 10px;border-top:1px solid #ffffff0f}
.pp2-capbar button{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:12px;background:#ffffff12;color:#fff;font-size:12px;font-weight:700}
.pp2-capbar button:active{background:#FF2D7A}
.pp2-capbar em{margin-inline-start:auto;font-style:normal;font-size:11px;color:#ffffff66;font-family:Poppins,sans-serif}
.pp2-capbar em.warn{color:#FB7185}
.pp2-media{position:relative;width:118px;flex-shrink:0;aspect-ratio:9/16;border-radius:18px;overflow:hidden;background:#000 var(--cover,none) center/cover;box-shadow:0 10px 30px #0008,0 0 0 1px #ffffff1f;cursor:pointer}
.pp2-media video{width:100%!important;height:100%!important;max-height:none!important;margin:0!important;border-radius:0!important;object-fit:cover;display:block;background:transparent}
.pp2-play{position:absolute;inset:0;margin:auto;width:44px;height:44px;border-radius:22px;display:grid;place-items:center;background:#0007;backdrop-filter:blur(6px);color:#fff;transition:opacity .2s}
.pp2-media.playing .pp2-play{opacity:0}
.pp2-cover{position:absolute;left:6px;right:6px;bottom:6px;display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 0;border-radius:11px;background:#000a;backdrop-filter:blur(8px);color:#fff;font-size:11.5px;font-weight:700}
.pp2-media.has-cover .pp2-cover{background:linear-gradient(135deg,#FF2D7Acc,#8B5CF6cc)}
/* الوسوم */
.pp2-tags{margin:14px 0 4px}
.pp2-tags>small{display:flex;align-items:center;gap:5px;font-size:12px;color:#ffffff8c;margin-bottom:2px}
.pp2-tags>small svg{color:#22D3EE}
.pp2 .tag-suggest{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:4px 0;margin-top:4px}
.pp2 .tag-suggest::-webkit-scrollbar{display:none}
.pp2 .tag-suggest button{flex-shrink:0;font-size:12.5px;font-weight:700;padding:7px 12px;border-radius:14px;background:#ffffff0d;border:1px solid #ffffff17;color:#fff}
.pp2 .tag-suggest button.on{background:linear-gradient(135deg,#FF2D7A33,#8B5CF633);border-color:#FF2D7A}
/* قائمة الإعدادات */
.pp2-list{display:flex!important;flex-direction:column;gap:0!important;margin:12px 0!important;border-radius:20px;background:#ffffff08;border:1px solid #ffffff14;overflow:hidden}
.pp2-row{display:flex!important;align-items:center;gap:12px;width:100%;padding:12px 14px;color:#fff;text-align:right;cursor:pointer;list-style:none;border-bottom:1px solid #ffffff0d}
.pp2-row::-webkit-details-marker{display:none}
.pp2-row div{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.pp2-row b{font-size:14px;font-weight:700}.pp2-row small{font-size:12px;color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pp2-row>i{color:#ffffff59;display:grid;transition:transform .2s}
.pp2-row.open>i,.pp2-det[open] .pp2-row>i{transform:rotate(-90deg)}
.pp2-ic{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#ffffff0f;color:#FF6BA6;flex-shrink:0}
.pp2-list .pp2-det{padding:0!important;border:0!important;border-radius:0!important;background:none!important}
.pp2-det>:not(summary){margin:0 14px 12px}
.pp2-det .trim-row{margin-top:4px}
.pp2-det input[type=datetime-local]{color-scheme:dark}
.pp2-list>:last-child,.pp2-list>:last-child .pp2-row{border-bottom:0}
/* مفتاح تشغيل/إيقاف */
.pp2-sw{position:relative;width:46px;height:28px;border-radius:14px;background:#ffffff26;flex-shrink:0;transition:background .2s;font-style:normal}
.pp2-sw::after{content:'';position:absolute;top:3px;right:3px;width:22px;height:22px;border-radius:11px;background:#fff;box-shadow:0 2px 6px #0005;transition:transform .22s cubic-bezier(.2,1.4,.4,1)}
input:checked+.pp2-sw{background:linear-gradient(135deg,#FF2D7A,#8B5CF6)}
input:checked+.pp2-sw::after{transform:translateX(-18px)}
/* من يشاهد */
.pp2-vis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:4px 14px 12px;border-bottom:1px solid #ffffff0d}
.pp2-vis button{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 4px;border-radius:14px;background:#ffffff0a;border:1px solid #ffffff14;color:#ffffffb3;font-size:12px;font-weight:700}
.pp2-vis button.on{color:#fff;border-color:#FF2D7A;background:linear-gradient(135deg,#FF2D7A26,#8B5CF626)}
/* شريط الأزرار السفلي الثابت */
.pp2-actions{position:sticky;bottom:0;display:flex;gap:10px;margin:0 -18px;padding:12px 18px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,#0d0a24 30%)}
.pp2-draft{display:flex;align-items:center;justify-content:center;gap:6px;width:118px;height:52px;border-radius:18px;background:#ffffff12;border:1px solid #ffffff1f;color:#fff;font-weight:800;font-size:14px;margin:0!important}
.pp2-pub{flex:1;height:52px;border-radius:18px;background:linear-gradient(135deg,#FF2D7A,#A855F7 60%,#7C3AED);color:#fff;font-weight:800;font-size:15.5px;box-shadow:0 10px 26px #FF2D7A55;transition:transform .15s}
.pp2-pub:active{transform:scale(.97)}
.pp2-pub:disabled{opacity:.75}
.pp2 .upload-bar{margin:4px 0 0}
.pp2-locked{text-align:center;padding:12px;border-radius:14px;background:#ffffff0a;color:#ffffff99;font-size:13px}
/* شاشة الغلاف */
.pp2-cv{position:fixed;inset:0;z-index:120;background:#05040fe6;backdrop-filter:blur(10px);display:flex;opacity:0;transition:opacity .2s}
.pp2-cv.show{opacity:1}
.pp2-cv-in{width:100%;max-width:460px;margin:auto;display:flex;flex-direction:column;align-items:center;gap:14px;padding:calc(12px + env(safe-area-inset-top)) 16px calc(18px + env(safe-area-inset-bottom));height:100%}
.pp2-cv-h{width:100%;display:flex;align-items:center;justify-content:space-between}
.pp2-cv-h b{font-size:16px}
.pp2-cv-x{color:#ffffffb3;padding:8px;font-size:14px}
.pp2-cv-ok{padding:8px 18px;border-radius:14px;background:linear-gradient(135deg,#FF2D7A,#8B5CF6);color:#fff;font-weight:800}
.pp2-cv-frame{flex:1;min-height:0;display:grid;place-items:center}
.pp2-cv-frame canvas{height:100%;max-height:62vh;aspect-ratio:9/16;border-radius:20px;box-shadow:0 20px 50px #000a,0 0 0 1px #ffffff26}
.pp2-cv-strip{position:relative;width:100%;height:96px;direction:ltr}
.pp2-cv-thumbs{display:flex;height:100%;border-radius:14px;overflow:hidden;opacity:.85}
.pp2-cv-thumbs canvas{flex:1;width:0;height:100%;object-fit:cover}
.pp2-cv-knob{position:absolute;top:-6px;bottom:-6px;width:36px;border-radius:12px;border:3px solid #fff;box-shadow:0 0 0 2px #FF2D7A,0 8px 20px #000a;pointer-events:none}
.pp2-cv-strip input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0}
.pp2-cv-in>small{color:#ffffff8c;font-size:12px;text-align:center}
