2 files changed, 300 insertions, 1 deletions

diff --git a/public/stylesheets/admin.css b/public/stylesheets/admin.css
index 93cc3f5..05e47e7 100644
--- a/public/stylesheets/admin.css
+++ b/public/stylesheets/admin.css
@@ -37,10 +37,13 @@ td {
    depend on this rule for vertical padding. table.node_table td resets
    padding-top/bottom to 0 explicitly and does not depend on it. */
 
-input[type=text], textarea {
+input[type=text],
+input[type=password],
+textarea {
   font-size: 1rem;
   font-family: Helvetica;
   border: 1px solid #989898;
+  border-radius: 2px;
 }
 
 select {
@@ -683,6 +686,10 @@ table.user_table td.user_login {
     display: block;
     margin-bottom: 1rem;
   }
+
+  .body_toolbar_row {
+    margin-left: 120px;
+  }
 }
 @media(max-width:1015px) {
   div.node_description {
@@ -760,6 +767,15 @@ table.user_table td.user_login {
   display: block;
 }
 
+.node_content .inline-image--full,
+.node_content .inline-image--half {
+  max-width: 300px;
+  width: auto;
+  float: none;
+  display: block;
+  margin: 0.5rem 0;
+}
+
 .action_button,
 form.button_to input[type="submit"],
 form.button_to button[type="submit"] {
@@ -868,6 +884,10 @@ form.button_to button[type="submit"] {
   margin-top: -5px;
 }
 
+.aligned_action_row .action_button.action_button_no_margin_top {
+  margin-top: 0;
+}
+
 /* ============================================================
    Page editor / metadata forms
    ============================================================ */
@@ -1108,6 +1128,25 @@ div#draft_list table td.actions a {
   font-size: 0.9em;
 }
 
+#recent_changes_full_list {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+#recent_changes_full_list li {
+  padding: 0.75rem 0;
+  border-bottom: 1px solid #eee;
+}
+
+#recent_changes_full_list li:last-child {
+  border-bottom: none;
+}
+
+#recent_changes_full_list li > div {
+  margin-bottom: 0.25rem;
+}
+
 /* ============================================================
    Search widgets
    ============================================================ */
@@ -1288,6 +1327,15 @@ div#image_browser ul li {
   height: 1rem;
 }
 
+.related_asset_headline_badge {
+  background: #fff3cd;
+  color: #6b5900;
+  border-radius: 999px;
+  padding: 0.1rem 0.6rem;
+  font-size: 0.75em;
+  white-space: nowrap;
+}
+
 .related_asset_remove {
   display: flex;
   align-items: center;
@@ -1324,3 +1372,216 @@ div#image_browser ul li {
   border-radius: 4px;
 }
 
+/* ============================================================
+   Live edit preview
+   ============================================================ */
+
+#editor_and_preview {
+  display: flex;
+  flex-direction: column;
+  gap: 1.5rem;
+}
+
+@media (min-width: 1016px) {
+  #editor_and_preview {
+    flex-direction: row;
+    align-items: flex-start;
+  }
+
+  #editor_and_preview .preview_content {
+    flex: 1;
+    min-width: 0;
+  }
+
+  #preview_panel {
+    flex: 1;
+    min-width: 0;
+  }
+}
+
+#preview_panel iframe {
+  width: 100%;
+  height: 612px;
+  border: 0.5px solid var(--border);
+  border-radius: var(--radius);
+}
+
+.body_toolbar_row {
+  min-height: 2rem;
+  margin-bottom: 1rem;
+  display: flex;
+  gap: 8px;
+}
+
+.view_toggle {
+  background: #f7f7f7;
+  border: 1px solid #ddd;
+  border-radius: 4px;
+  padding: 4px 8px;
+  cursor: pointer;
+  color: #555;
+  display: flex;
+  align-items: center;
+  gap: 1em;
+}
+
+.view_toggle:hover {
+  background: #ececec;
+  border-color: #ccc;
+  color: #222;
+}
+
+.view_toggle[aria-pressed="true"] {
+  background: #dde8f5;
+  border-color: #a9c6e8;
+  color: #1a4d8f;
+}
+
+/* ============================================================
+   Image picker
+   ============================================================ */
+
+#inline_image_picker {
+  position: fixed;
+  top: 10%;
+  left: 50%;
+  transform: translateX(-50%);
+  background: #fff;
+  border: 1px solid #ddd;
+  border-radius: 8px;
+  padding: 1rem;
+  max-width: 480px;
+  max-height: 70vh;
+  overflow-y: auto;
+  z-index: 1000;
+  box-shadow: 0 4px 16px rgba(0,0,0,0.2);
+}
+
+#inline_image_picker_grid {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin-bottom: 1rem;
+}
+
+.inline_image_picker_item {
+  position: relative;
+}
+
+#inline_image_picker_grid img {
+  width: 80px;
+  height: 80px;
+  object-fit: cover;
+  border-radius: 4px;
+  cursor: pointer;
+  border: 2px solid transparent;
+  display: block;
+}
+
+.inline_image_picker_headline_badge {
+  position: absolute;
+  bottom: 2px;
+  left: 2px;
+  right: 2px;
+  background: rgba(255, 243, 205, 0.95);
+  color: #6b5900;
+  font-size: 0.65em;
+  text-align: center;
+  border-radius: 3px;
+  padding: 1px 0;
+  pointer-events: none;
+}
+
+#inline_image_picker_grid img.selected {
+  border-color: #1a4d8f;
+}
+
+#inline_image_picker_actions {
+  display: flex;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+
+/* ============================================================
+   Action log
+   ============================================================ */
+
+#node_action_list td.node_action_body {
+  border-bottom: 1px solid #f1f1f1;
+}
+
+.dashboard_widget .node_action_time span {
+  display: block;
+}
+
+#node_action_list td.node_action_time {
+  white-space: nowrap;
+  vertical-align: top;
+  font-family: monospace;
+  font-size: 0.8em;
+  color: #777;
+  padding-right: 1em;
+}
+
+#node_action_list td.node_action_body {
+  vertical-align: top;
+}
+
+.node_action_inferred {
+  opacity: 0.5;
+  font-size: smaller;
+  margin-left: 0.5em;
+}
+
+.node_action_zoom {
+  font-size: smaller;
+  margin-left: 0.5em;
+}
+
+.node_action_details summary {
+  cursor: pointer;
+  font-size: smaller;
+  color: #777;
+}
+
+.node_action_icon {
+  color: #777;
+  margin-right: 0.35em;
+  vertical-align: text-bottom;
+}
+
+.revision_lifecycle {
+  font-size: 0.85rem;
+  color: #777;
+}
+
+/* ============================================================
+   Trash section
+   ============================================================ */
+
+.restore_form {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.restore_picker {
+  position: relative;
+}
+
+.restore_picker input[type=text] {
+  width: 22em;
+}
+
+.restore_picker .search_results {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  right: 0;
+  z-index: 10;
+  background: #fff;
+  border: 1px solid #989898;
+  border-top: none;
+  max-height: 20em;
+  overflow-y: auto;
+}
diff --git a/public/stylesheets/ccc.css b/public/stylesheets/ccc.css
index fe2144f..cbeea17 100644
--- a/public/stylesheets/ccc.css
+++ b/public/stylesheets/ccc.css
@@ -610,3 +610,41 @@ label[for=light-mode] {
   }
 }
 
+.chapter_partial_layout {
+  display: flex;
+  gap: 12px;
+  align-items: flex-start;
+}
+
+.chapter_thumbnail img {
+  width: 64px;
+  height: 64px;
+  object-fit: cover;
+  border-radius: 4px;
+  display: block;
+}
+
+.chapter_partial_content {
+  min-width: 0;
+}
+
+
+.inline-image--full {
+  width: 100%;
+  margin: 1rem 0;
+}
+
+.inline-image--half {
+  width: 48%;
+  margin-bottom: 1rem;
+}
+
+.inline-image--left {
+  float: left;
+  margin-right: 1rem;
+}
+
+.inline-image--right {
+  float: right;
+  margin-left: 1rem;
+}