Merge issue-48 (Refs #48)

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

craft/src/styles/editor.css

@@ -2753,3 +2753,60 @@ body {
   cursor: pointer;
 }
 .multi-select-btn:hover { border-color: var(--color-accent); }
+
+/* #48 presets */
+.wsb-presets-popover {
+  min-width: 200px;
+  max-width: 260px;
+  padding: 8px;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  font-size: 12px;
+  color: var(--color-text);
+  background: var(--color-bg-elevated);
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-md);
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
+}
+.wsb-presets-label { font-size: 11px; color: var(--color-text-dim); }
+.wsb-presets-input {
+  padding: 5px 8px;
+  font-size: 12px;
+  color: var(--color-text);
+  background: var(--color-bg);
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-sm, 4px);
+}
+.wsb-presets-btn {
+  padding: 5px 8px;
+  font-size: 12px;
+  color: var(--color-text);
+  background: var(--color-bg-hover);
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-sm, 4px);
+  cursor: pointer;
+}
+.wsb-presets-btn:disabled { opacity: 0.5; cursor: default; }
+.wsb-presets-empty { padding: 4px; color: var(--color-text-dim); }
+.wsb-presets-list { margin: 0; padding: 0; list-style: none; }
+.wsb-presets-row { display: flex; align-items: center; justify-content: space-between; gap: 4px; }
+.wsb-presets-apply {
+  flex: 1;
+  padding: 6px 8px;
+  text-align: left;
+  font-size: 12px;
+  color: var(--color-text);
+  background: transparent;
+  border: 0;
+  border-radius: var(--radius-sm, 4px);
+  cursor: pointer;
+}
+.wsb-presets-apply:hover { background: var(--color-bg-hover); }
+.wsb-presets-delete {
+  padding: 4px 6px;
+  color: var(--color-danger);
+  background: transparent;
+  border: 0;
+  cursor: pointer;
+}