.play-editor-wrap { max-width: 1000px; margin: 10px auto; padding: 8px; }
.stb-controls { margin-bottom: 8px; }
.control-row { display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin-top:6px; }
.pec-btn {
  background: #f8f9fa;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 8px 12px;
  margin: 4px;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  transition: all 0.18s ease;
}
.pec-btn:hover { background: #e9ecef; box-shadow: 0 6px 14px rgba(0,0,0,0.25); }

.bg-thumbnails { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:6px; }
.bg-thumb { width:50px; height:50px; border-radius:6px; background-size:cover; background-position:center; border:2px solid transparent; cursor:pointer; box-shadow: 0 2px 6px rgba(0,0,0,0.12); }
.bg-thumb.active { border-color:#0073aa; box-shadow: 0 6px 14px rgba(0,0,0,0.25); }

.stb-canvas { width:100%; border:1px solid #ddd; background:#fff; height:auto; min-height:200px; }
.saved-plays { margin-top:10px; }