Merge issue-46 (Refs #44 #46)

# Conflicts:
#	craft/src/editor/CanvasOverlays.tsx
#	craft/src/styles/editor.css

craft/src/styles/editor.css

@@ -2441,3 +2441,64 @@ body {
   background: var(--color-accent-subtle);
   cursor: default;
 }
+
+/* #46 rich text toolbar -- floating B/I/U/Link bar over a canvas text selection */
+.rt-toolbar {
+  position: fixed;
+  z-index: var(--z-selection-toolbar);
+  transform: translate(-50%, -100%);
+  display: flex;
+  align-items: center;
+  gap: 2px;
+  padding: 3px;
+  background: var(--color-bg-elevated);
+  border: 1px solid var(--color-border-light);
+  border-radius: var(--radius-md);
+  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
+}
+
+.rt-toolbar-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  padding: 0;
+  font-size: 12px;
+  color: var(--color-text);
+  background: transparent;
+  border: none;
+  border-radius: var(--radius-sm);
+  cursor: pointer;
+}
+
+.rt-toolbar-btn:hover,
+.rt-toolbar-btn:focus-visible {
+  background: var(--color-bg-hover);
+  outline: none;
+}
+
+.rt-toolbar-link {
+  display: flex;
+  align-items: center;
+  gap: 2px;
+}
+
+.rt-toolbar-input {
+  width: 220px;
+  padding: 5px 8px;
+  font-size: 12px;
+  color: var(--color-text);
+  background: var(--color-bg-base);
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-sm);
+  outline: none;
+}
+
+.rt-toolbar-input:focus {
+  border-color: var(--color-accent);
+}
+
+.rt-toolbar-input.is-invalid {
+  border-color: var(--color-danger);
+}