/* Photocard: 1080×1080 (or 1080×1350) social image. Five templates switch by class. */
.pc{--pc-accent:#12436e;--pc-h:1080px;width:1080px;height:var(--pc-h);position:relative;overflow:hidden;font-family:AjkerPatrikaBangla,'Noto Sans Bengali',sans-serif;background:#fff;color:#111;box-sizing:border-box}
.pc *{box-sizing:border-box}
.pc.pc-portrait{--pc-h:1350px}
.pc-bg,.pc-shade{position:absolute;inset:0;pointer-events:none}
.pc-photo{position:absolute;overflow:hidden;background:#ddd}
.pc-photo img{width:100%;height:100%;object-fit:cover;display:block}
.pc-photo-empty{display:flex;align-items:center;justify-content:center;background:#f2f2f2}
.pc-photo-empty img{width:60%;height:auto;object-fit:contain;opacity:.5}
.pc-head{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:space-between;z-index:3}
.pc-logo img{display:block;height:74px;width:auto;max-width:430px;object-fit:contain}
.pc-date{font-size:30px;font-weight:600;white-space:nowrap}
.pc-flag{position:absolute;z-index:3;display:none}
.pc-titlebox{position:absolute;z-index:3;display:flex;align-items:center}
.pc-title{margin:0;font-weight:700;line-height:1.32;font-size:64px;overflow:hidden;width:100%}
.pc-foot{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;align-items:center;justify-content:center}
.pc-more{font-size:34px;font-weight:700}

/* 1. নিউজ ক্লাসিক */
.pc-t-classic .pc-head{top:0;height:130px;padding:0 50px;border-bottom:6px solid var(--pc-accent)}
.pc-t-classic .pc-date{color:#333}
.pc-t-classic .pc-photo{top:160px;left:50px;right:50px;bottom:calc(100px + 300px);border-radius:8px}
.pc-t-classic .pc-titlebox{left:50px;right:50px;bottom:100px;height:300px;border-left:12px solid var(--pc-accent);padding:0 0 0 30px}
.pc-t-classic .pc-title{max-height:260px}
.pc-t-classic .pc-foot{height:100px;background:var(--pc-accent);color:#fff;padding:0 50px}

/* 2. পেপার স্টাইল */
.pc-t-paper{background:#f3f3f1;color:#111}
.pc-t-paper .pc-bg{background:radial-gradient(ellipse at center,rgba(255,255,255,.35) 0%,rgba(255,255,255,0) 55%,rgba(0,0,0,.14) 100%),repeating-linear-gradient(0deg,rgba(0,0,0,.03) 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,rgba(0,0,0,.022) 0 1px,transparent 1px 5px)}
.pc-t-paper .pc-head{top:34px;height:150px;flex-direction:column;justify-content:center;gap:10px;margin:0 50px;border-top:3px solid #111;border-bottom:7px double #111}
.pc-t-paper .pc-logo img{height:80px;mix-blend-mode:multiply}
.pc-t-paper .pc-date{font-size:26px;letter-spacing:.5px}
.pc-t-paper .pc-photo{top:210px;left:50px;right:50px;bottom:calc(110px + 290px);border:3px solid #111;filter:none}
.pc-t-paper .pc-titlebox{left:60px;right:60px;bottom:110px;height:290px;justify-content:center;text-align:center}
.pc-t-paper .pc-title{max-height:260px;color:#111}
.pc-t-paper .pc-foot{left:50px;right:50px;bottom:30px;height:80px;border-top:2px dashed #111;justify-content:center;gap:30px}
.pc-t-paper .pc-more{border:3px solid var(--pc-accent);color:var(--pc-accent);padding:2px 26px;border-radius:6px;transform:rotate(-2deg);background:rgba(255,255,255,.35)}

/* 3. ফুল ফটো (ডার্ক) */
.pc-t-dark{background:#111;color:#fff}
.pc-t-dark .pc-photo{inset:0}
.pc-t-dark .pc-shade{background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,0) 22%,rgba(0,0,0,0) 38%,rgba(0,0,0,.88) 68%,#000 100%);z-index:2}
.pc-t-dark .pc-head{top:36px;padding:0 44px}
.pc-t-dark .pc-logo{background:#fff;border-radius:12px;padding:10px 20px}
.pc-t-dark .pc-logo img{height:62px}
.pc-t-dark .pc-date{background:rgba(0,0,0,.55);color:#fff;padding:8px 20px;border-radius:30px;font-size:26px}
.pc-t-dark .pc-flag{display:block;left:60px;bottom:calc(110px + 330px);background:var(--pc-accent);color:#fff;font-size:30px;font-weight:700;padding:6px 22px;border-radius:4px}
.pc-t-dark .pc-titlebox{left:60px;right:60px;bottom:110px;height:330px;align-items:flex-start;padding-top:14px}
.pc-t-dark .pc-title{max-height:310px;color:#fff;font-size:66px}
.pc-t-dark .pc-foot{height:110px;padding:0 60px;border-top:4px solid #fff;background:#000}
.pc-t-dark .pc-more{color:#fff;background:var(--pc-accent);padding:4px 26px;border-radius:4px}

/* 4. ব্রেকিং নিউজ */
.pc-t-breaking .pc-head{top:0;height:120px;padding:0 50px;background:#fff}
.pc-t-breaking .pc-flag{display:block;left:0;right:0;top:120px;height:84px;line-height:84px;background:var(--pc-accent);color:#fff;font-size:40px;font-weight:700;padding:0 50px}
.pc-t-breaking .pc-flag:after{content:'';display:inline-block;width:16px;height:16px;border-radius:50%;background:#fff;margin-left:16px;vertical-align:middle}
.pc-t-breaking .pc-photo{top:204px;left:0;right:0;bottom:calc(90px + 230px)}
.pc-t-breaking .pc-titlebox{left:40px;right:40px;bottom:90px;height:300px;background:#fff;padding:24px 34px;border-top:10px solid var(--pc-accent);box-shadow:0 -10px 30px rgba(0,0,0,.25)}
.pc-t-breaking .pc-title{max-height:250px;font-size:60px}
.pc-t-breaking .pc-foot{height:90px;background:#111;color:#fff;padding:0 50px}

/* 5. ফ্রেম */
.pc-t-frame{background:var(--pc-accent)}
.pc-t-frame .pc-bg{inset:34px;background:#fff;border-radius:34px}
.pc-t-frame .pc-head{top:58px;height:110px;flex-direction:column;justify-content:center;gap:4px}
.pc-t-frame .pc-logo img{height:68px}
.pc-t-frame .pc-date{font-size:24px;color:#555}
.pc-t-frame .pc-photo{top:190px;left:70px;right:70px;bottom:calc(140px + 280px);border-radius:24px}
.pc-t-frame .pc-titlebox{left:80px;right:80px;bottom:140px;height:280px;justify-content:center;text-align:center}
.pc-t-frame .pc-title{max-height:250px}
.pc-t-frame .pc-foot{bottom:58px;height:70px;justify-content:center;gap:24px}
.pc-t-frame .pc-more{background:var(--pc-accent);color:#fff;padding:6px 36px;border-radius:40px;font-size:30px}

/* 6. হাফ কালার */
.pc-t-split{background:var(--pc-accent);color:#fff}
.pc-t-split .pc-head{top:0;height:110px;padding:0 44px;background:#fff;color:#333}
.pc-t-split .pc-photo{top:110px;left:0;right:0;bottom:430px}
.pc-t-split .pc-flag{display:block;left:50px;bottom:404px;background:#111;color:#fff;font-size:28px;font-weight:700;padding:6px 22px}
.pc-t-split .pc-titlebox{left:50px;right:50px;bottom:110px;height:290px}
.pc-t-split .pc-title{max-height:270px;color:#fff}
.pc-t-split .pc-foot{left:50px;right:50px;height:110px;border-top:2px solid rgba(255,255,255,.4);color:#fff}

/* 7. পুরনো পত্রিকা */
.pc-t-newsprint{background:#ececea;color:#111}
.pc-t-newsprint .pc-bg{background:radial-gradient(ellipse at center,rgba(255,255,255,.3) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,.18) 100%),repeating-linear-gradient(0deg,rgba(0,0,0,.03) 0 1px,transparent 1px 3px)}
.pc-t-newsprint .pc-head{top:30px;left:50px;right:50px;height:165px;flex-direction:column;justify-content:center;gap:8px;border-top:1px solid #111;border-bottom:5px solid #111}
.pc-t-newsprint .pc-logo img{filter:grayscale(1) contrast(1.3);mix-blend-mode:multiply;height:82px}
.pc-t-newsprint .pc-date{font-size:24px;letter-spacing:1px}
.pc-t-newsprint .pc-flag{display:block;top:212px;left:50px;right:50px;text-align:center;font-size:26px;font-weight:700;letter-spacing:2px;border-bottom:1px solid #111;padding:2px 0 6px}
.pc-t-newsprint .pc-titlebox{top:268px;left:50px;right:50px;height:220px;justify-content:center;text-align:center}
.pc-t-newsprint .pc-title{max-height:210px;color:#111;font-size:62px}
.pc-t-newsprint .pc-photo{top:500px;left:50px;right:50px;bottom:130px;filter:grayscale(1) contrast(1.12);border:1px solid #111}
.pc-t-newsprint .pc-foot{left:50px;right:50px;bottom:36px;height:84px;border-top:4px double #111}
.pc-t-newsprint .pc-more{color:#111;font-size:32px}

/* 8. কালার গ্রেডিয়েন্ট */
.pc-t-gradient{background:#111;color:#fff}
.pc-t-gradient .pc-photo{inset:0}
.pc-t-gradient .pc-shade{z-index:2;background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0) 40%,var(--pc-accent) 80%,var(--pc-accent) 100%)}
.pc-t-gradient .pc-head{top:36px;padding:0 44px}
.pc-t-gradient .pc-logo{background:#fff;border-radius:12px;padding:10px 20px}
.pc-t-gradient .pc-logo img{height:62px}
.pc-t-gradient .pc-date{color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.6);font-size:26px}
.pc-t-gradient .pc-titlebox{left:60px;right:60px;bottom:130px;height:300px;align-items:flex-end}
.pc-t-gradient .pc-title{max-height:300px;color:#fff;font-size:66px;text-shadow:0 2px 10px rgba(0,0,0,.25)}
.pc-t-gradient .pc-foot{height:120px}
.pc-t-gradient .pc-more{background:#fff;color:var(--pc-accent);padding:8px 36px;border-radius:40px;font-size:30px}

/* 9. পোলারয়েড */
.pc-t-polaroid{background:#f2f2f2;color:#111}
.pc-t-polaroid .pc-bg{background:repeating-linear-gradient(0deg,rgba(0,0,0,.025) 0 1px,transparent 1px 4px),radial-gradient(ellipse at center,rgba(255,255,255,.4),rgba(0,0,0,.08))}
.pc-t-polaroid .pc-head{top:36px;padding:0 60px}
.pc-t-polaroid .pc-logo img{mix-blend-mode:multiply}
.pc-t-polaroid .pc-photo{top:150px;left:120px;right:120px;bottom:460px;border:20px solid #fff;border-bottom-width:56px;box-shadow:0 14px 34px rgba(0,0,0,.28);transform:rotate(-2.5deg);background:#fff}
.pc-t-polaroid .pc-titlebox{left:80px;right:80px;bottom:140px;height:280px;justify-content:center;text-align:center}
.pc-t-polaroid .pc-title{max-height:260px;color:#222}
.pc-t-polaroid .pc-foot{bottom:48px;height:80px}
.pc-t-polaroid .pc-more{color:var(--pc-accent);border-bottom:4px solid var(--pc-accent);padding:0 10px}

/* 10. টিভি নিউজ */
.pc-t-tv{background:#111}
.pc-t-tv .pc-photo{inset:0}
.pc-t-tv .pc-shade{z-index:2;background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,0) 18%,rgba(0,0,0,0) 50%,rgba(0,0,0,.6) 100%)}
.pc-t-tv .pc-head{top:34px;padding:0 40px;flex-direction:row-reverse}
.pc-t-tv .pc-logo{background:rgba(255,255,255,.94);border-radius:8px;padding:8px 16px}
.pc-t-tv .pc-logo img{height:56px}
.pc-t-tv .pc-date{background:#111;color:#fff;border-left:8px solid var(--pc-accent);padding:8px 18px;font-size:24px}
.pc-t-tv .pc-flag{display:block;left:40px;bottom:376px;background:var(--pc-accent);color:#fff;font-size:34px;font-weight:700;padding:8px 26px}
.pc-t-tv .pc-titlebox{left:40px;right:40px;bottom:126px;height:250px;background:rgba(255,255,255,.97);padding:18px 30px;border-left:14px solid var(--pc-accent)}
.pc-t-tv .pc-title{max-height:214px;color:#111;font-size:58px}
.pc-t-tv .pc-foot{left:40px;right:40px;bottom:40px;height:76px;background:var(--pc-accent);justify-content:flex-start;padding:0 30px}
.pc-t-tv .pc-more{color:#fff;font-size:30px}

/* 11. সার্কেল */
.pc-t-circle{background:var(--pc-accent);color:#fff}
.pc-t-circle .pc-bg{background:radial-gradient(circle at 50% 36%,rgba(255,255,255,.12),rgba(255,255,255,0) 55%),linear-gradient(180deg,rgba(0,0,0,0) 50%,rgba(0,0,0,.35) 100%)}
.pc-t-circle .pc-head{top:36px;padding:0 50px}
.pc-t-circle .pc-logo{background:#fff;border-radius:12px;padding:8px 18px}
.pc-t-circle .pc-logo img{height:58px}
.pc-t-circle .pc-date{color:rgba(255,255,255,.88);font-size:26px}
.pc-t-circle .pc-photo{top:150px;left:50%;width:520px;height:520px;margin-left:-260px;border-radius:50%;border:12px solid #fff;box-shadow:0 0 0 12px rgba(255,255,255,.18)}
.pc-t-circle .pc-titlebox{left:70px;right:70px;top:700px;height:250px;justify-content:center;text-align:center}
.pc-t-circle .pc-title{max-height:240px;color:#fff;font-size:58px}
.pc-t-circle .pc-foot{height:110px}
.pc-t-circle .pc-more{background:#fff;color:var(--pc-accent);padding:6px 34px;border-radius:40px;font-size:30px}
.pc-portrait.pc-t-circle .pc-photo{top:190px;width:620px;height:620px;margin-left:-310px}
.pc-portrait.pc-t-circle .pc-titlebox{top:860px;height:330px}
.pc-portrait.pc-t-circle .pc-title{max-height:320px}

/* 12. ম্যাগাজিন */
.pc-t-magazine{background:#111;color:#fff}
.pc-t-magazine .pc-photo{inset:0}
.pc-t-magazine .pc-shade{z-index:2;background:linear-gradient(180deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.6) 32%,rgba(0,0,0,0) 58%,rgba(0,0,0,0) 78%,rgba(0,0,0,.7) 100%)}
.pc-t-magazine .pc-titlebox{top:60px;left:60px;right:60px;height:330px;align-items:flex-start}
.pc-t-magazine .pc-title{max-height:320px;color:#fff;font-size:72px;line-height:1.25}
.pc-t-magazine .pc-flag{display:block;top:404px;left:60px;background:var(--pc-accent);color:#fff;font-size:28px;font-weight:700;padding:6px 20px}
.pc-t-magazine .pc-head{top:auto;bottom:40px;padding:0 60px}
.pc-t-magazine .pc-logo{background:#fff;border-radius:10px;padding:8px 18px}
.pc-t-magazine .pc-logo img{height:58px}
.pc-t-magazine .pc-date{color:#fff;font-size:26px}
.pc-t-magazine .pc-foot{left:60px;right:auto;bottom:140px;height:auto}
.pc-t-magazine .pc-more{border:3px solid #fff;color:#fff;padding:4px 26px;font-size:30px}

/* 13. সাইডবার */
.pc-t-sidebar{background:#fff;color:#111}
.pc-t-sidebar .pc-bg{background:linear-gradient(90deg,var(--pc-accent) 0,var(--pc-accent) 110px,transparent 110px)}
.pc-t-sidebar .pc-flag{display:flex;left:0;top:0;bottom:0;width:110px;align-items:center;justify-content:center;color:#fff;font-size:42px;font-weight:700;letter-spacing:4px;writing-mode:vertical-rl;transform:rotate(180deg)}
.pc-t-sidebar .pc-head{top:0;left:110px;height:130px;padding:0 50px;border-bottom:2px solid #eee}
.pc-t-sidebar .pc-photo{top:160px;left:150px;right:50px;bottom:440px}
.pc-t-sidebar .pc-titlebox{left:150px;right:50px;bottom:110px;height:300px}
.pc-t-sidebar .pc-title{max-height:280px;color:#111}
.pc-t-sidebar .pc-foot{left:110px;height:100px;border-top:2px solid #eee}
.pc-t-sidebar .pc-more{color:var(--pc-accent)}

/* 14. কোট */
.pc-t-quote{background:#fff;color:#111}
.pc-t-quote .pc-photo{top:0;left:0;right:0;bottom:500px}
.pc-t-quote .pc-head{top:30px;padding:0 40px}
.pc-t-quote .pc-logo{background:#fff;border-radius:10px;padding:8px 16px}
.pc-t-quote .pc-logo img{height:58px}
.pc-t-quote .pc-date{background:rgba(0,0,0,.6);color:#fff;padding:6px 18px;border-radius:30px;font-size:24px}
.pc-t-quote .pc-titlebox{left:70px;right:70px;bottom:120px;height:330px;justify-content:center;text-align:center;padding-top:40px}
.pc-t-quote .pc-titlebox:before{content:'“';position:absolute;top:-120px;left:50%;margin-left:-70px;width:140px;height:140px;border-radius:50%;background:var(--pc-accent);color:#fff;font-size:170px;line-height:205px;text-align:center;font-family:Georgia,serif;border:8px solid #fff}
.pc-t-quote .pc-title{max-height:280px;color:#111}
.pc-t-quote .pc-foot{height:110px}
.pc-t-quote .pc-more{color:var(--pc-accent)}

/* 15. ডায়াগোনাল */
.pc-t-diagonal{background:#fff;color:#111}
.pc-t-diagonal .pc-photo{top:0;left:0;right:0;bottom:390px;clip-path:polygon(0 0,100% 0,100% 84%,0 100%)}
.pc-t-diagonal .pc-head{top:30px;padding:0 40px}
.pc-t-diagonal .pc-logo{background:#fff;border-radius:10px;padding:8px 16px}
.pc-t-diagonal .pc-logo img{height:58px}
.pc-t-diagonal .pc-date{background:#fff;color:#111;padding:6px 18px;border-radius:30px;font-size:24px}
.pc-t-diagonal .pc-flag{display:block;left:-30px;right:-30px;bottom:388px;height:76px;line-height:76px;background:var(--pc-accent);color:#fff;font-size:34px;font-weight:700;padding-left:90px;transform:rotate(-4.2deg);transform-origin:left bottom}
.pc-t-diagonal .pc-titlebox{left:60px;right:60px;bottom:110px;height:250px}
.pc-t-diagonal .pc-title{max-height:240px;color:#111}
.pc-t-diagonal .pc-foot{height:110px;background:#111}
.pc-t-diagonal .pc-more{color:#fff}

/* Word highlight (click a word in the preview) */
.pc{--pc-hl-color:var(--pc-accent);--pc-hl-bg:transparent}
.pc-t-dark,.pc-t-split,.pc-t-gradient,.pc-t-circle,.pc-t-magazine{--pc-hl-color:var(--pc-accent);--pc-hl-bg:#fff}
.pc-w.pc-hl{color:var(--pc-hl-color)!important;background:var(--pc-hl-bg);border-radius:6px;padding:0 .1em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.pc-preview .pc-w{cursor:pointer}
.pc-preview .pc-w:hover{outline:3px dashed rgba(127,127,127,.6);outline-offset:2px;border-radius:4px}
.pc-hint{font-size:13px;line-height:1.5;color:#444;background:#f3f6fa;border:1px solid #dbe4ee;border-radius:6px;padding:8px 10px;margin-bottom:12px}
.pc-clear{border:0;background:none;color:#12436e;text-decoration:underline;font:inherit;font-size:13px;cursor:pointer;padding:0}

/* Modal */
.pc-modal-box{width:min(1000px,100%)}
.pc-modal-body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px;padding:16px;overflow:auto}
.pc-preview-wrap{background:#f1f3f4;border-radius:8px;padding:10px;display:flex;justify-content:center;align-items:flex-start}
.pc-preview{position:relative;width:100%;overflow:hidden}
.pc-preview>.pc{transform-origin:0 0;position:absolute;left:0;top:0}
.pc-label{display:block;font-size:14px;font-weight:700;color:#444;margin:4px 0 8px}
.pc-templates{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.pc-templates button{border:1px solid #ccc;background:#fff;border-radius:20px;padding:7px 14px;font:inherit;font-size:14px;cursor:pointer;color:#111}
.pc-templates button.active{background:#111;color:#fff;border-color:#111}
.pc-controls textarea{width:100%;font:inherit;font-size:16px;padding:10px;border:1px solid #ccc;border-radius:6px;resize:vertical;margin-bottom:6px;color:#111;background:#fff}
.pc-actions{padding:8px 0 0;border:0}
.pc-status{font-size:14px;color:#555;min-height:20px;margin-top:6px}
@media(max-width:760px){.pc-modal-body{grid-template-columns:1fr}}