/* Minimal editor styles */
#editorContainer{
  position:fixed;
  top:0;left:0;z-index:10000;
  display:none; /* shown when editor active */
  width:100%;
  height:100vh;
  background:#222;
  color:#fff;
}

#editorCanvasWrap{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  background:#fff;
  box-shadow:0 0 10px rgba(0,0,0,.5);
}

#origImage{
  opacity:.2;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  object-fit:contain;
  pointer-events:none;
  display:none;
}

#drawCanvas{
  position:absolute;
  top:0;
  left:0;
  z-index:2;
  cursor:crosshair;
}

#toolPanel{
  position:fixed;
  right:0;
  top:0;
  width:200px;
  height:100vh;
  background:#333;
  padding:10px;
  overflow:auto;
}
.color-btn{
  width:24px;height:24px;border:2px solid #fff;border-radius:50%;cursor:pointer;margin:4px;display:inline-block;
}
.color-btn.active{outline:2px solid #4da3ff;}

.slider-container{margin:10px 0;}
button.tool-action{width:100%;margin:6px 0;padding:6px;background:#555;color:#fff;border:none;cursor:pointer;}
button.tool-action:hover{background:#666;}