.dr-stage { background: #000; cursor: zoom-in; }
.dr-msg { margin-top: 14px; display: grid; grid-template-columns: 1fr auto; gap: 6px 10px; align-items: center; }
.dr-msg label { grid-column: 1 / -1; display: flex; justify-content: space-between; font-weight: 600; font-size: .95rem; }
.dr-msg label output { font-weight: 500; color: var(--muted); }
.dr-msg input[type="text"] { width: 100%; min-width: 0; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.dr-msg .hint { grid-column: 1 / -1; margin: 0; grid-row: 3; }
.dr-colors button { display: inline-flex; align-items: center; gap: 6px; }
.dr-colors i { width: 12px; height: 12px; border-radius: 50%; display: inline-block; border: 1px solid rgba(0, 0, 0, .25); }
.dr-rb { background: conic-gradient(red, yellow, lime, cyan, blue, magenta, red); }
.panel .ctl label.switch { justify-content: flex-start; }