/* Familiar writing and selection tools, scoped to the music surface. */
.editor-panel .note-workbench {
  display: flex;
  align-items: center;
  gap: 13px;
  min-height: 45px;
  padding: 5px 16px;
  border-bottom: 1px solid color-mix(in srgb,var(--border) 65%,transparent);
  background: var(--canvas,var(--panel));
}
.note-workbench .edit-tool-switch { display: inline-flex; align-items: center; flex-shrink: 0; gap: 2px; padding: 2px; border: 1px solid var(--border); border-radius: 7px; background: color-mix(in srgb,var(--surface) 65%,var(--panel)); }
.note-workbench .edit-tool-switch button { min-height: 28px; padding: 5px 8px; gap: 6px; border-radius: 4px; color: var(--muted); font-size: 11px; font-weight: 500; }
.note-workbench .edit-tool-switch button > .icon { width: 14px; height: 14px; }
.note-workbench .edit-tool-switch button:hover { background: var(--hover); color: var(--ink); }
.note-workbench .edit-tool-switch button[aria-pressed=true] { background: var(--track-bg); color: var(--track); box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--track) 28%,transparent); font-weight: 600; }
.note-workbench .edit-tool-switch kbd { min-width: 14px; padding: 1px 3px; border: 1px solid color-mix(in srgb,var(--border) 70%,transparent); border-radius: 3px; background: var(--panel); color: var(--muted); font: 9px/1.25 var(--mono); text-align: center; }
.note-workbench .selection-summary { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--muted); font-size: 11px; line-height: 1.5; }
.note-workbench .selection-actions { display: inline-flex; align-items: center; flex-shrink: 0; gap: 2px; padding-left: 11px; border-left: 1px solid var(--border); }
.note-workbench .selection-actions button { min-height: 31px; padding: 5px 7px; gap: 5px; border-radius: 5px; color: var(--muted); font-size: 11px; }
.note-workbench .selection-actions button > .icon { width: 14px; height: 14px; }
.note-workbench .selection-actions button:hover:not(:disabled) { background: var(--surface); color: var(--ink); }
.note-workbench .selection-actions button:disabled { opacity: .35; background: transparent; cursor: default; }
.note-workbench button:focus-visible { outline: 2px solid var(--track,var(--accent)); outline-offset: 2px; }
.editor-canvas #tab-canvas[data-tool=draw], .editor-canvas #tab-canvas.drawing { cursor: crosshair; }
.editor-canvas #tab-canvas[data-tool=select] { cursor: default; }
.editor-canvas #tab-canvas[data-tool=select] .cursor-circle { opacity: .35; }
.editor-canvas .selection-box { fill: color-mix(in srgb,var(--track) 14%,transparent); stroke: var(--track); stroke-width: 1; stroke-dasharray: 4 3; vector-effect: non-scaling-stroke; pointer-events: none; }
.editor-canvas .selection-cursor { fill: none; stroke: var(--track); stroke-width: 1; pointer-events: none; }

@media (max-width:760px) {
  .editor-panel .note-workbench { padding-inline: 12px; gap: 10px; }
  .note-workbench .edit-tool-switch button { padding-inline: 6px; gap: 5px; }
  .note-workbench .selection-actions { padding-left: 8px; }
  .note-workbench .selection-actions button { padding-inline: 6px; }
}
@media (max-width:600px) {
  .editor-panel .note-workbench { gap: 9px; }
  .note-workbench .edit-tool-switch button { width: 32px; padding: 5px; gap: 0; font-size: 0; }
  .note-workbench .edit-tool-switch button > .icon { width: 16px; height: 16px; }
  .note-workbench .edit-tool-switch kbd { display: none; }
  .note-workbench .selection-actions { padding-left: 7px; gap: 1px; }
  .note-workbench .selection-actions button { width: 31px; padding: 5px; gap: 0; font-size: 0; }
  .note-workbench .selection-actions button > .icon { width: 15px; height: 15px; }
}
@media (prefers-reduced-motion:reduce) { .note-workbench button, .editor-canvas .selection-box { transition: none; animation: none; } }