:root { --b:#e5e7eb; --muted:#6b7280; --gray100:#f3f4f6; }

 /* Drawbar: keep one line + compact number inputs */
#dl-drawbar{
  display:flex; align-items:center; gap:10px;
  flex-wrap:nowrap; white-space:nowrap; overflow-x:auto;
  font-size:12px;
}
#dl-drawbar > label{
  display:inline-flex; align-items:center; gap:6px; margin:0;
}
#dl-drawbar #dl-font-size,
#dl-drawbar #dl-stroke{
  width:56px; min-width:48px; height:28px; line-height:28px; padding:4px 6px;
}
#dl-drawbar input[type="color"]{
  width:36px; height:26px; padding:0; border-radius:6px;
}

/* Tools column active state (matches your look) */
#dl-tools .tool-btn.active{
  background:#888888; color:#ffe8b6; border-color:#ffe8b6;
}

/* Stage-scoped helpers for the new overlay we inject */
#stage .dl-anno,
#stage .dl-crop {
  position:absolute; inset:0; width:100%; height:100%;
  z-index:1; pointer-events:none;
}