.bpc36-box{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:18px;margin:24px 0;box-shadow:0 12px 35px rgba(0,0,0,.08)}
.bpc36-box .head{display:flex;justify-content:space-between}.bpc36-box label{display:block;font-weight:800;margin:8px 0 6px}.bpc36-box textarea{width:100%;min-height:85px;border:1px solid #d1d5db;border-radius:14px;padding:12px;box-sizing:border-box}.bpc36-box .mini{margin-top:12px;background:#eff6ff;border-radius:14px;padding:12px}.bpc36-box .live-title{font-weight:900;font-size:18px}.bpc36-box .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.bpc36-box .btn{border:0;border-radius:14px;padding:12px 18px;color:#fff!important;text-decoration:none;font-weight:900;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.16)}.bpc36-box .gen{background:linear-gradient(135deg,#2563eb,#06b6d4)}.bpc36-box .dl{background:linear-gradient(135deg,#16a34a,#22c55e)}.bpc36-box .share-btn{background:linear-gradient(135deg,#f97316,#f59e0b)}.bpc36-box .share{margin-top:14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:12px;display:flex;gap:8px;flex-wrap:wrap}.bpc36-box .share a,.bpc36-box .share button{border:0;border-radius:10px;padding:9px 12px;color:#fff;text-decoration:none;font-weight:800}.bpc36-box .wa{background:#25D366}.bpc36-box .tg{background:#229ED9}.bpc36-box .fb{background:#1877F2}.bpc36-box .copy{background:#111827}.bpc36-box .status{margin-top:12px;font-weight:900}.bpc36-box .result img{max-width:100%;border-radius:14px;border:1px solid #ddd;margin-top:14px}
.bpc36-grid{display:grid;grid-template-columns:350px 1fr;gap:18px}.bpc36-panel{background:#fff;border:1px solid #dcdcde;border-radius:16px;padding:16px;box-shadow:0 10px 28px rgba(0,0,0,.05)}.bpc36-panel label{display:block;font-weight:800;margin-top:10px}.bpc36-panel input,.bpc36-panel select{max-width:100%;box-sizing:border-box;margin:4px 0 8px}.bpc36-panel input[type=number],.bpc36-panel input[type=text],.bpc36-panel select{width:100%}.bpc36-panel .row{display:flex;gap:6px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.designer-shell{max-width:760px;overflow:auto;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:14px}.designer{position:relative;overflow:hidden;background:#f1f5f9;border:2px solid #111827;border-radius:14px;background-image:linear-gradient(rgba(0,0,0,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.07) 1px,transparent 1px);background-size:20px 20px}.safe-zone{position:absolute;inset:20px;border:1px dashed rgba(239,68,68,.45);pointer-events:none}.layer{position:absolute;box-sizing:border-box;border:2px dashed #2563eb;background:rgba(255,255,255,.76);border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:900;cursor:move;min-width:22px;min-height:22px;user-select:none}.layer.selected{border-color:#f97316;box-shadow:0 0 0 3px rgba(249,115,22,.22)}.image-layer{background:linear-gradient(135deg,#94a3b8,#cbd5e1)}.title-layer{background:rgba(254,249,195,.9)}.handle{position:absolute;width:10px;height:10px;background:#f97316;border-radius:50%;z-index:20}.handle.se{right:-5px;bottom:-5px}.handle.sw{left:-5px;bottom:-5px}.handle.ne{right:-5px;top:-5px}.handle.nw{left:-5px;top:-5px}.props{margin-top:14px;width:240px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:12px}.props button{display:block;width:100%;margin-bottom:6px}.note{font-size:12px;color:#64748b}.designer.anim .layer{animation:pop .7s ease both}@keyframes pop{0%{transform:scale(.92);opacity:.45}100%{transform:scale(1);opacity:1}}@media(max-width:960px){.bpc36-grid{grid-template-columns:1fr}.designer{max-width:100%}}