.rd-bar { gap: 10px; }
.rd-color { display: inline-flex; align-items: center; }
.rd-color input { width: 40px; height: 34px; padding: 2px; }
.rd-brush { min-width: 150px; gap: 2px; }
.rd-brush output { color: var(--accent); font-weight: 600; }
.rd-warn { margin: 0; padding: 10px 12px; border-radius: 10px; background: var(--coffee-soft); border: 1px solid var(--warn); color: var(--text); font-size: 13.5px; }
.rd-stage { position: relative; border-radius: 12px; border: 1px solid var(--line); min-height: 360px; display: grid; place-items: center; padding: 0; overflow: hidden; }
.rd-stage.has-img { min-height: 0; padding: 0; }
#stage { display: block; touch-action: none; cursor: crosshair; max-width: 100%; }
#stage:focus { outline: none; }
#stage:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.rd-drop { position: absolute; inset: 14px; background: var(--surface); }
.rd-meta { font-size: 13px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rd-note { margin: 0; font-size: 12.5px; }