사례개념화 워크시트 저장 추가

apps/web/src/pages/session-review/session-review.css

@@ -720,6 +720,23 @@
   padding-right: 4px;
   scrollbar-gutter: stable;
 }
+.sr-ws-toolbar {
+  min-width: 0;
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: var(--sp-3);
+}
+.sr-ws-toolbar > div {
+  min-width: 0;
+  display: grid;
+  gap: 4px;
+}
+.sr-ws-state {
+  color: var(--text-muted);
+  font-size: 11px;
+  line-height: 1.35;
+}
 .sr-ws-section {
   min-width: 0;
   display: grid;
@@ -780,13 +797,27 @@
   color: var(--text-muted);
   background: var(--paper-2);
 }
-.sr-ws-item p {
-  margin: 0;
+.sr-ws-input {
+  width: 100%;
+  min-height: 78px;
+  resize: vertical;
+  padding: 8px 9px;
+  border: 1px solid var(--border-subtle);
+  border-radius: var(--radius-sm);
+  background: var(--bg-surface);
   color: var(--text-body);
+  font-family: var(--font-sans);
   font-size: var(--fs-xs);
   line-height: 1.55;
   overflow-wrap: anywhere;
 }
+.sr-ws-input:focus {
+  outline: 2px solid var(--accent-tint);
+  border-color: var(--accent);
+}
+.sr-ws-input::placeholder {
+  color: var(--text-muted);
+}
 .sr-ws-evidence {
   min-width: 0;
   width: 100%;
@@ -805,6 +836,12 @@
 .sr-ws-evidence:hover {
   text-decoration: underline;
 }
+.sr-ws-save-error {
+  margin-top: var(--sp-3);
+  color: var(--crit-text);
+  font-size: 12px;
+  line-height: 1.45;
+}
 .sr-ws-limitations {
   display: grid;
   gap: 5px;
@@ -1106,6 +1143,13 @@
   .sr-worksheet {
     max-height: 460px;
   }
+  .sr-ws-toolbar {
+    align-items: stretch;
+    flex-direction: column;
+  }
+  .sr-ws-toolbar .vg-btn {
+    width: 100%;
+  }
   .sr-chart__plot {
     height: 156px;
   }