/* Editor mode custom styles */
#editorMode {
  max-width: 1200px;
  margin: 0 auto;
  padding: 1rem;
}
.editor-toolbar {
  background:#343a40;
  color:#fff;
  padding:0.5rem 1rem;
  display:flex;
  justify-content:center;
  gap:0.5rem;
}
.editor-toolbar .btn {
  color:#fff;
  border-color:#fff;
}
.editor-toolbar .btn:hover {
  background:#495057;
  border-color:#fff;
}
.editor-canvas-container{
  display:flex;
  justify-content:center;
  margin-top:1rem;
}
.canvas-container{position:relative;}
.canvas-container canvas,.canvas-container .reference-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;}
.canvas-container canvas{
  transform-origin:center center;
  max-width:100%;
  height:100%;
  border:1px solid #dee2e6;
  z-index:1;
}
.canvas-container .reference-image{
  z-index:0;
  pointer-events:none;
  transform-origin:center center;
}
.editor-bottombar{
  position:sticky;
  bottom:0;
  background:#f8f9fa;
  padding:0.5rem;
  display:flex;
  justify-content:center;
  gap:0.5rem;
}