.ppbf-app{font-family:Arial,sans-serif;background:#f3f6fa;padding:20px;margin:20px 0}
.ppbf-wrap{max-width:1400px;margin:0 auto}
.ppbf-header{background:#0f172a;color:#fff;padding:24px;border-radius:16px;margin-bottom:20px}
.ppbf-header h2{margin:0 0 8px;font-size:30px}
.ppbf-header p{margin:0;color:#cbd5e1}
.ppbf-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:20px}
.ppbf-panel{min-width:0}
.ppbf-card{background:#fff;border-radius:16px;padding:18px;box-shadow:0 6px 18px rgba(15,23,42,.08);margin-bottom:20px}
.ppbf-card h3{margin-top:0}
.ppbf-card--preview{height:calc(100vh - 140px);position:sticky;top:20px;display:flex;flex-direction:column}
.ppbf-preview-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}
.ppbf-preview-head h3{margin:0}
.ppbf-card--preview iframe{width:100%;flex:1;border:1px solid #dbe2ea;border-radius:12px;background:#fff}
.ppbf-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}
.ppbf-btn{appearance:none;border:1px solid #cbd5e1;background:#fff;color:#0f172a;border-radius:12px;padding:10px 14px;font-size:15px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.ppbf-btn:hover{background:#f8fafc}
.ppbf-btn--primary{background:#2563eb;color:#fff;border-color:#2563eb}
.ppbf-btn--primary:hover{background:#1d4ed8}
.ppbf-btn--danger{background:#fee2e2;color:#991b1b;border-color:#fecaca}
.ppbf-btn--danger:hover{background:#fecaca}
.ppbf-btn--full{width:100%}
.ppbf-btn--label input{display:none}
.ppbf-field{margin-bottom:14px}
.ppbf-field label{display:block;font-weight:700;margin-bottom:6px}
.ppbf-field input,.ppbf-field select,.ppbf-card textarea{width:100%;border:1px solid #cbd5e1;border-radius:12px;padding:12px;font-size:15px;box-sizing:border-box}
.ppbf-card textarea{min-height:260px;font-family:Consolas,monospace}
.ppbf-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px}
.ppbf-products,.ppbf-projects{display:flex;flex-direction:column;gap:10px;max-height:420px;overflow:auto;padding-right:4px}
.ppbf-product-item,.ppbf-project-item{border:1px solid #e2e8f0;border-radius:12px;padding:12px;background:#fff;cursor:pointer}
.ppbf-product-item:hover,.ppbf-project-item:hover{background:#f8fafc}
.ppbf-product-item.is-active,.ppbf-project-item.is-active{border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.12)}
.ppbf-product-title{font-weight:700;margin-bottom:4px}
.ppbf-product-meta{font-size:13px;color:#64748b}
.ppbf-empty{border:2px dashed #cbd5e1;border-radius:12px;padding:16px;color:#64748b;text-align:center}
.ppbf-empty--small{padding:10px}
.ppbf-image-preview{margin:10px 0}
.ppbf-image-preview img{max-width:100%;max-height:180px;display:block;margin:auto;border:1px solid #e2e8f0;border-radius:12px;background:#fff}
@media (max-width: 1100px){
  .ppbf-grid,.ppbf-split{grid-template-columns:1fr}
  .ppbf-card--preview{position:relative;height:700px;top:auto}
}