/** Photo Frame Maker Pro - Styles **/
.pfm-container {
  display: flex;
  gap: 20px;
  max-width: 1100px;
  margin: 20px auto;
  padding: 12px;
  box-sizing: border-box;
  font-family: Arial, sans-serif;
}
.pfm-left { flex: 0 0 320px; }
.pfm-right { flex: 1; display:flex; flex-direction:column; align-items:center; }
.pfm-label { display:block; margin-top:8px; font-weight:600; }
.pfm-btn { display:inline-block; margin-top:10px; padding:8px 12px; border-radius:6px; background:#eee; border:1px solid #ccc; cursor:pointer; }
.pfm-btn.primary { background: #0a8b3a; color:#fff; border-color: #07702e; }
.pfm-canvas-wrap { width:100%; max-width:700px; border-radius:8px; overflow:hidden; background:#f2f2f2; display:flex; justify-content:center; align-items:center; padding:12px; box-sizing:border-box; }
#pfm-canvas { width:100%; height:auto; max-width:100%; border:1px solid rgba(0,0,0,0.08); display:block; }
.pfm-note { font-size:12px; color:#666; margin-top:12px; }
.pfm-controls label { display:block; margin-top:8px; font-size:13px; }
.pfm-preview-note { margin-top:8px; color:#555; font-size:13px; }
@media (max-width:800px) {
  .pfm-container { flex-direction:column; padding:8px; }
  .pfm-left { width:100%; order:2; }
  .pfm-right { order:1; }
}