body{font-family:'Hind Siliguri',sans-serif;margin:0;padding:20px;background:linear-gradient(135deg,#f0f4f7,#d9e2ec)}
h2{ text-align:center;margin-bottom:30px;font-size:30px;color:#2c3e50}
.wrapper{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:30px}
.card-container{position:relative;width:800px;height:800px;border-radius:16px;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,.15);background:#fff;flex-shrink:0}
.bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;display:none}
.logo{position:absolute;top:20px;right:30px;width:120px;z-index:2}
.main-image{position:absolute;top:90px;left:30px;width:740px;height:410px;object-fit:cover;border:6px solid #fff;border-top-right-radius:60px;border-bottom-left-radius:60px;border-top-left-radius:10px;border-bottom-right-radius:10px;box-shadow:0 8px 20px rgba(0,0,0,.4)}
.headline{position:absolute; top:540px; left:50%; transform:translateX(-50%); width:90%; font-size:30px; line-height:1.4; font-weight:700; color:var(--pcg-color,#000); text-align:center; z-index:3; user-select:text; white-space:normal; word-break:break-word; overflow-wrap:anywhere; will-change:width,font-size,left,top;}
.headline:focus{outline:2px dashed #2c3e50;outline-offset:2px}
.date{position:absolute;bottom:20px;left:30px;font-size:23px;font-weight:600;color:#000;z-index:3}
.url{position:absolute;bottom:20px;right:30px;font-size:23px;font-weight:600;color:#000;z-index:3}
.form-section{max-width:420px;background:#fff;padding:30px 40px 30px 30px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);font-size:16px;flex:1;min-width:280px}
.form-group{margin-bottom:20px;text-align:left}
.form-group label{display:block;margin-bottom:6px;font-weight:600;color:#333;font-size:15px}
.form-section input,.form-section textarea{width:100%;padding:12px;font-size:16px;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.05);font-family:'Hind Siliguri',sans-serif}
.form-section textarea{resize:vertical;min-height:80px}
.form-section button{width:100%;padding:12px;font-size:16px;background:#2c3e50;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:.3s;font-weight:bold}
.form-section button:hover{background:#1a242f}
@media (max-width:1020px){.wrapper{flex-direction:column;align-items:center}.card-container{transform:scale(.95)}}
@media (max-width:600px){.card-container{transform:scale(.85)}.form-section{width:100%;padding:20px}}
.editor-handle{position:absolute;width:14px;height:14px;background:#fff;border:2px solid #2c3e50;border-radius:50%;z-index:10;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.editor-handle.move{cursor:grab}
.editor-handle.move:active{cursor:grabbing}
.editor-handle.resize{cursor:nwse-resize}
.editor-toolbar{position:absolute;display:none;align-items:center;gap:6px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:6px;box-shadow:0 8px 20px rgba(0,0,0,.12);z-index:11}
.editor-toolbar button{border:1px solid #e5e7eb;background:#fff;padding:6px 8px;border-radius:8px;font-weight:700;cursor:pointer}
.editor-toolbar button:hover{background:#f3f4f6}
.ui-ignore{pointer-events:auto}
.bg-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.bg-option{position:relative;border-radius:10px;display:inline-block}
.bg-option input{position:absolute;opacity:0;pointer-events:none}
.bg-option img{width:100%;height:84px;object-fit:cover;border-radius:10px;border:2px solid transparent;box-shadow:0 2px 8px rgba(0,0,0,.08);cursor:pointer;transition:.2s;user-select:none}
.bg-option:hover img{transform:translateY(-1px)}
.bg-option input:checked + img{border-color:#2c3e50;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.hidden{display:none}