@musnows/scriverse 0.9.4 → 0.9.6

package/dist/public/styles.css

@@ -99,50 +99,55 @@
 [data-pending-view="module"] .auth-pending #module-view.hidden { display: block !important; }
 [data-pending-view="welcome"] .auth-pending #welcome-view.hidden,
 [data-pending-view="editor"] .auth-pending #editor-view.hidden { display: grid !important; }
+/* 阅读深链在会话和正文恢复完成前直接显示稳定骨架，并隐藏后台工作台的响应式重排。 */
+[data-pending-view="reader"] #reader-view.hidden { display: grid !important; }
+[data-pending-view="reader"] .app-shell { visibility: hidden; }
 /* 书架/设置/平台 AI 路由的骨架使用整宽布局，与 shelf-mode 一致 */
 .pending-shelf-mode .auth-pending .app-shell { grid-template-columns: 1fr; }
 .pending-shelf-mode .auth-pending .topbar { grid-template-columns: 280px 1fr auto; }
 .pending-shelf-mode .auth-pending .left-panel, .pending-shelf-mode .auth-pending .ai-panel { display: none; }
 .pending-shelf-mode .auth-pending .main-panel { grid-column: 1 / -1; }
-.auth-view { position: fixed; inset: 0; z-index: 1000; display: grid; grid-template-rows: minmax(min-content, 1fr) auto; gap: 18px; place-items: center; padding: 24px; overflow-y: auto; overscroll-behavior: contain; background: radial-gradient(circle at 18% 16%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 34%), var(--paper); }
+.auth-view { position: fixed; inset: 0; z-index: 1000; display: grid; grid-template-rows: minmax(min-content, 1fr) auto; gap: 12px; place-items: center; padding: 10px; overflow-y: auto; overscroll-behavior: contain; background: radial-gradient(circle at 18% 16%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 34%), var(--paper); }
 .auth-view.hidden { display: none; }
-.auth-card { align-self: center; box-sizing: border-box; width: min(440px, 100%); padding: 34px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); box-shadow: var(--shadow); }
-.auth-brand { display: flex; align-items: center; gap: 10px; margin-bottom: 34px; }
+.auth-card { align-self: center; box-sizing: border-box; width: min(400px, 100%); padding: 24px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); box-shadow: var(--shadow); }
+.auth-brand { display: flex; align-items: center; gap: 8px; margin-bottom: 22px; }
+.auth-brand .brand-mark { width: 30px; height: 30px; }
 .auth-brand div { display: grid; }
-.auth-brand small { color: var(--muted); }
-.auth-card h1 { margin: 8px 0; font-size: 30px; }
-.auth-card > p { color: var(--muted); line-height: 1.6; }
+.auth-brand strong { font-size: 15px; }
+.auth-brand small { color: var(--muted); font-size: 11px; }
+.auth-card h1 { margin: 6px 0; font-size: 26px; }
+.auth-card > p { margin: 10px 0; color: var(--muted); line-height: 1.45; }
 .auth-tabs {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 0;
-  margin: 24px 0 18px;
-  padding: 3px;
+  margin: 18px 0 14px;
+  padding: 2px;
   overflow: hidden;
   border: 1px solid color-mix(in srgb, var(--accent) 38%, var(--line));
-  border-radius: 9px;
+  border-radius: 7px;
   background: var(--paper-deep);
   box-shadow: inset 0 1px 0 color-mix(in srgb, var(--surface) 65%, transparent);
 }
 .auth-tabs button {
   position: relative;
   z-index: 0;
-  min-height: 42px;
+  min-height: 38px;
   border: 0;
-  border-radius: 6px;
+  border-radius: 5px;
   background: transparent;
   color: var(--muted);
   cursor: pointer;
-  font-size: 14px;
+  font-size: 13px;
   font-weight: 600;
   letter-spacing: .04em;
   transition: background .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease;
 }
 .auth-tabs button + button::before {
   position: absolute;
-  top: 10px;
-  bottom: 10px;
-  left: -3px;
+  top: 8px;
+  bottom: 8px;
+  left: -2px;
   width: 1px;
   background: var(--line);
   content: "";
@@ -163,24 +168,24 @@
 .auth-tabs button[aria-selected="true"]::after {
   position: absolute;
   right: 24%;
-  bottom: 5px;
+  bottom: 4px;
   left: 24%;
-  height: 3px;
+  height: 2px;
   border-radius: 999px;
   background: var(--accent);
   content: "";
 }
 .auth-tabs button:focus-visible { z-index: 2; outline: 2px solid color-mix(in srgb, var(--accent) 82%, white); outline-offset: -2px; }
-.auth-form { display: grid; gap: 16px; }
-.auth-form label { display: grid; gap: 8px; color: var(--muted); font-size: 13px; }
+.auth-form { display: grid; gap: 12px; }
+.auth-form label { display: grid; gap: 5px; color: var(--muted); font-size: 12px; }
 .auth-form input {
   width: 100%;
-  min-height: 46px;
-  padding: 12px 14px;
+  min-height: 42px;
+  padding: 9px 12px;
   border: 1px solid var(--line);
-  border-radius: 7px;
+  border-radius: 6px;
   background: var(--paper-deep);
-  font-size: 15px;
+  font-size: 14px;
   line-height: 1.4;
 }
 .auth-form input:focus {
@@ -212,34 +217,34 @@
 .password-toggle:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
 .auth-form .primary-button {
   width: 100%;
-  min-height: 46px;
-  margin-top: 4px;
-  padding: 12px 16px;
-  border-radius: 7px;
-  font-size: 15px;
+  min-height: 42px;
+  margin-top: 2px;
+  padding: 10px 14px;
+  border-radius: 6px;
+  font-size: 14px;
   font-weight: 600;
 }
-.auth-form small { color: var(--muted); line-height: 1.5; font-size: 12px; }
-.auth-captcha { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: end; }
+.auth-form small { color: var(--muted); line-height: 1.45; font-size: 11px; }
+.auth-captcha { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: end; }
 .auth-captcha label { margin: 0; }
 .auth-captcha-image {
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  min-width: 148px;
-  min-height: 46px;
+  min-width: 128px;
+  min-height: 42px;
   padding: 0;
   border: 1px solid var(--line);
-  border-radius: 7px;
+  border-radius: 6px;
   background: var(--paper-deep);
   cursor: pointer;
 }
-.auth-captcha-image img { display: block; width: 148px; height: 48px; border-radius: 6px; }
+.auth-captcha-image img { display: block; width: 128px; height: 42px; border-radius: 5px; }
 .auth-captcha-image img[hidden], .auth-captcha-placeholder[hidden] { display: none; }
-.auth-captcha-placeholder { color: var(--muted); font-size: 13px; padding: 0 14px; white-space: nowrap; }
-.auth-captcha-hint { margin: -8px 0 0; color: var(--muted); font-size: 12px; line-height: 1.4; }
-.auth-security-hint { margin: -8px 0 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
-.auth-error { min-height: 20px; margin: 14px 0 0 !important; color: var(--accent-dark) !important; }
+.auth-captcha-placeholder { color: var(--muted); font-size: 12px; padding: 0 10px; white-space: nowrap; }
+.auth-captcha-hint { margin: -6px 0 0; color: var(--muted); font-size: 11px; line-height: 1.35; }
+.auth-security-hint { margin: -6px 0 0; color: var(--muted); font-size: 11px; line-height: 1.4; }
+.auth-error { min-height: 17px; margin: 10px 0 0 !important; color: var(--accent-dark) !important; }
 
 :root[data-theme="dark"] {
   --ink: #e8e2d8;
@@ -791,7 +796,7 @@ body.is-panel-resizing { cursor: col-resize; user-select: none; }
 .product-footer-development { padding: 2px 8px; border: 1px solid color-mix(in srgb, var(--accent) 48%, var(--line)); border-radius: 999px; background: color-mix(in srgb, var(--accent) 10%, transparent); color: var(--accent-dark); font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 9px; font-weight: 700; letter-spacing: .05em; }
 .product-footer .product-footer-update { padding: 2px 8px; border: 1px solid color-mix(in srgb, var(--accent) 55%, var(--line)); border-radius: 999px; background: color-mix(in srgb, var(--accent) 9%, transparent); color: var(--accent-dark); font-weight: 700; }
 .product-footer .product-footer-update:hover, .product-footer .product-footer-update:focus-visible { color: var(--accent-dark); }
-.auth-product-footer { align-self: end; max-width: 440px; margin: 0; padding-top: 14px; }
+.auth-product-footer { align-self: end; max-width: 400px; margin: 0; padding-top: 8px; }
 .settings-product-footer { max-width: 1000px; }
 .access-dialog-body { display: grid; gap: 16px; max-height: calc(88vh - 82px); overflow-y: auto; padding: 18px 24px 22px; }
 .access-list { display: grid; gap: 8px; max-height: min(34vh, 340px); overflow: auto; padding: 0; }
@@ -977,9 +982,7 @@ body.is-panel-resizing { cursor: col-resize; user-select: none; }
 .app-shell.prose-hidden-mode:not(.shelf-mode) .panel-heading,
 .app-shell.prose-hidden-mode:not(.shelf-mode) #novel-tree { display: none !important; }
 .app-shell.prose-read-only-mode:not(.shelf-mode) #tidy-blank-lines-button,
-.app-shell.prose-read-only-mode:not(.shelf-mode) #save-button,
-.app-shell.prose-read-only-mode:not(.shelf-mode) #chapter-delete-button,
-.app-shell.prose-read-only-mode:not(.shelf-mode) #chapter-edit-button { display: none !important; }
+.app-shell.prose-read-only-mode:not(.shelf-mode) #save-button { display: none !important; }
 .app-shell.prose-read-only-mode:not(.shelf-mode) .left-primary-actions { justify-content: flex-end; }
 .app-shell.prose-read-only-mode:not(.shelf-mode) #chapter-title[readonly],
 .app-shell.prose-read-only-mode:not(.shelf-mode) #chapter-content[readonly] { cursor: default; }
@@ -987,7 +990,6 @@ body.is-panel-resizing { cursor: col-resize; user-select: none; }
 .app-shell.view-only-mode:not(.shelf-mode) [data-work-settings],
 .app-shell.view-only-mode:not(.shelf-mode) #tidy-blank-lines-button,
 .app-shell.view-only-mode:not(.shelf-mode) #save-button,
-.app-shell.view-only-mode:not(.shelf-mode) #chapter-delete-button,
 .app-shell.view-only-mode:not(.shelf-mode) #chapter-edit-button { display: none !important; }
 .app-shell.view-only-mode:not(.shelf-mode) .left-primary-actions { justify-content: flex-end; }
 .app-shell.view-only-mode:not(.shelf-mode) #chapter-title[readonly],
@@ -1136,6 +1138,11 @@ body.work-viewer-mode .character-editor-actions { display: none !important; }
 .work-danger-field .danger-button { flex: 0 0 auto; white-space: nowrap; }
 .work-access-options { display: flex; flex-wrap: wrap; gap: 5px; }
 .work-access-options span { padding: 3px 7px; border: 1px solid var(--line); border-radius: 999px; background: var(--surface); color: var(--ink); font-size: 10px; line-height: 1.35; }
+.work-editor-preference-options { display: grid; flex: 0 1 320px; gap: 7px; }
+.work-editor-preference-option { display: flex; align-items: flex-start; gap: 8px; min-width: 0; padding: 8px 10px; border: 1px solid var(--line); border-radius: 5px; background: var(--surface); cursor: pointer; }
+.work-editor-preference-option input { flex: 0 0 auto; margin: 2px 0 0; }
+.work-editor-preference-option span { display: grid; gap: 2px; min-width: 0; }
+.work-editor-preference-option b { color: var(--ink); font-size: 11px; }
 .account-dialog { width: min(640px, 92vw); overflow: hidden; }
 .account-settings-body { display: grid; gap: 16px; max-height: calc(88vh - 86px); overflow-y: auto; padding: 20px 24px 24px; }
 .account-settings-section { padding: 18px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface-soft); }
@@ -1413,6 +1420,10 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .chapter-batch-controls select:hover:not(:disabled) { border-color: color-mix(in srgb, var(--accent) 58%, var(--line)); }
 .chapter-batch-controls select:focus-visible { border-color: var(--accent); outline: none; box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent); }
 .chapter-batch-controls select:disabled { cursor: not-allowed; opacity: .52; }
+.chapter-batch-controls input { width: 100%; min-width: 0; min-height: 40px; padding: 8px 12px; border-color: color-mix(in srgb, var(--line) 82%, var(--ink)); border-radius: 5px; background: var(--surface); color: var(--ink); font-size: 12px; font-weight: 500; }
+.chapter-batch-controls input:focus-visible { border-color: var(--accent); outline: none; box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent); }
+.chapter-batch-renumber-note { grid-column: 1 / -1; margin: 0; color: var(--muted); font-size: 10px; line-height: 1.6; }
+.chapter-batch-renumber-note code { color: var(--accent-dark); font-family: var(--font-mono), monospace; }
 @media (max-width: 620px) { .chapter-batch-controls { grid-template-columns: 1fr; } }
 
 .ghost-button, .primary-button { border-radius: 4px; padding: 8px 13px; font-size: 12px; }
@@ -1493,6 +1504,7 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .chapter-line-number.is-line-selected { background: rgba(139,61,44,.16); color: var(--accent-dark); font-weight: 700; }
 .chapter-line-number.is-line-selected::after { content: ""; position: absolute; top: 0; left: 100%; width: 100vw; height: 100%; background: rgba(139,61,44,.085); box-shadow: inset 3px 0 rgba(139,61,44,.28); pointer-events: none; }
 .chapter-content { position: relative; z-index: 1; grid-column: 2; grid-row: 1; resize: none; width: 100%; height: 100%; min-height: 0; margin: 0; padding: 32px 36px 72px; border: 0; background: transparent; border-radius: 0; font-size: var(--editor-font-size); line-height: var(--editor-line-height); letter-spacing: .01em; overflow-wrap: break-word; }
+.app-shell.editor-typewriter-mode .chapter-content { padding-bottom: max(72px, 45dvh); }
 .chapter-content:focus { box-shadow: none; }
 .chapter-whitespace-overlay { position: relative; z-index: 2; grid-column: 2; grid-row: 1; width: 100%; height: 100%; overflow: hidden; opacity: 0; pointer-events: none; }
 .chapter-whitespace-overlay.is-visible { opacity: 1; }
@@ -1558,7 +1570,7 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .entity-detail-pin-button:hover, .entity-detail-pin-button:focus-visible { border-color: var(--accent); color: var(--accent-dark); outline: none; }
 .entity-detail-pin-button.is-pinned { border-color: color-mix(in srgb, var(--accent) 58%, var(--line)); background: color-mix(in srgb, var(--accent) 10%, var(--surface)); color: var(--accent-dark); }
 .entity-detail-pin-button:disabled { cursor: not-allowed; opacity: .5; }
-.entity-detail-pin-button svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.6; }
+.entity-detail-pin-button svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.6; transform: translateY(.5px); }
 .entity-detail-pin-button.is-pinned svg { fill: currentColor; }
 .record-card h3 { font-size: 16px; margin: 5px 0 10px; font-weight: 600; }
 .record-card p { color: var(--muted); font-size: 12px; line-height: 1.55; margin: 0; white-space: pre-wrap; }
@@ -1634,6 +1646,7 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .draft-type-filter-field > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
 .draft-type-filter-field select { width: 100%; min-width: 0; min-height: 38px; padding: 8px 10px; background: var(--surface); color: var(--ink); font-size: 11px; }
 .setting-filter-toolbar { grid-template-columns: minmax(0, 1.2fr) repeat(2, minmax(0, .8fr)) auto; }
+.chapter-comment-filter-toolbar { grid-template-columns: minmax(180px, .8fr) minmax(240px, 1.2fr) auto; }
 .setting-filter-field { display: grid; min-width: 0; }
 .setting-filter-field > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
 .setting-filter-field input, .setting-filter-field select { width: 100%; min-width: 0; min-height: 38px; padding: 8px 10px; background: var(--surface); color: var(--ink); font-size: 11px; }
@@ -2125,6 +2138,29 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .ai-agent-tools strong { color: var(--ink); font-size: 12px; font-weight: 600; }
 .ai-agent-tools small { display: block; margin-top: 2px; font-size: 10px; }
 .ai-agent-tools-section + .empty-state { margin-top: 24px; border-top: 1px solid var(--line); }
+.remote-mcp-config-field { display: grid; gap: 7px; }
+.remote-mcp-config-field > span { color: var(--ink); font-size: 11px; font-weight: 600; }
+.remote-mcp-config-field textarea {
+  width: 100%;
+  min-height: 260px;
+  resize: vertical;
+  overflow: auto;
+  padding: 11px 12px;
+  border: 1px solid var(--line);
+  border-radius: 5px;
+  background: var(--surface-soft);
+  color: var(--ink);
+  font-family: var(--font-latin), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+  font-size: 11px;
+  line-height: 1.55;
+  tab-size: 2;
+  white-space: pre;
+}
+.remote-mcp-config-help { display: block; margin-top: 7px; color: var(--muted); font-size: 10px; line-height: 1.55; }
+.remote-mcp-status { margin: 10px 0 0; color: var(--muted); font-size: 10px; line-height: 1.5; }
+@media (max-width: 700px) {
+  .remote-mcp-config-field textarea { min-height: 220px; font-size: 10px; }
+}
 .default-model-select { min-width: 260px; padding: 7px 9px; font-size: 11px; }
 .empty-state { padding: 70px 30px; text-align: center; color: var(--muted); border: 1px dashed var(--line); }
 .empty-state b { display: block; color: var(--ink); margin-bottom: 8px; }
@@ -2698,6 +2734,7 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .config-inline-save > .config-checkbox-field input[type="checkbox"] { width: 18px; min-width: 18px; height: 18px; }
 .agent-tool-call-global-multiplier-toggle button { width: 32px; min-width: 32px; height: 30px; min-height: 30px; padding: 0; font-family: var(--font-latin), monospace; font-size: 11px; font-variant-numeric: tabular-nums; }
 .relationship-index-summary { display: grid; gap: 14px; padding: 15px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface-soft); }
+.semantic-index-summary { display: grid; gap: 14px; padding: 15px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface-soft); }
 .relationship-index-state-row { display: flex; align-items: center; gap: 12px 18px; flex-wrap: wrap; color: var(--muted); font-size: 10px; }
 .relationship-index-state-row strong { color: var(--ink); font-family: var(--font-latin), monospace; font-weight: 600; }
 .relationship-index-state { display: inline-flex; align-items: center; min-height: 23px; padding: 3px 9px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); color: var(--muted); font-size: 10px; font-weight: 650; }
@@ -2705,6 +2742,7 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .relationship-index-state.is-building { border-color: color-mix(in srgb, var(--task-running) 45%, var(--line)); background: color-mix(in srgb, var(--task-running) 9%, var(--surface)); color: var(--task-running); }
 .relationship-index-state.is-queued { border-color: color-mix(in srgb, var(--accent) 38%, var(--line)); background: color-mix(in srgb, var(--accent) 7%, var(--surface)); color: var(--accent-dark); }
 .relationship-index-state.is-failed { border-color: color-mix(in srgb, var(--accent) 60%, var(--line)); background: color-mix(in srgb, var(--accent) 12%, var(--surface)); color: var(--accent-dark); }
+.relationship-index-state.is-paused, .relationship-index-state.is-unconfigured { border-color: color-mix(in srgb, var(--accent) 60%, var(--line)); background: color-mix(in srgb, var(--accent) 12%, var(--surface)); color: var(--accent-dark); }
 .relationship-index-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 0; }
 .relationship-index-metrics > div { display: grid; gap: 3px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 4px; background: var(--surface); }
 .relationship-index-metrics dt { color: var(--muted); font-size: 9px; }
@@ -2718,6 +2756,18 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .relationship-index-queue-chip strong { display: inline-grid; min-width: 18px; height: 18px; padding: 0 4px; place-items: center; border-radius: 9px; background: var(--paper-deep); color: var(--ink); font-family: var(--font-latin), monospace; font-size: 9px; }
 .relationship-index-error { margin: 0; padding: 8px 10px; border-left: 3px solid var(--accent); background: color-mix(in srgb, var(--accent) 6%, var(--surface)); color: var(--accent-dark); font-size: 10px; }
 .relationship-index-actions { display: flex; align-items: center; gap: 8px; margin-top: 12px; flex-wrap: wrap; }
+.semantic-settings-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 14px; margin-bottom: 10px; }
+.semantic-settings-grid > label { display: grid; align-content: start; gap: 6px; color: var(--muted); font-size: 10px; }
+.semantic-settings-grid :is(input, select) { width: 100%; min-width: 0; }
+.semantic-settings-grid :is(input:not([type="checkbox"]), select) { min-height: 36px; padding: 6px 8px; }
+.semantic-settings-grid .semantic-enabled-field { grid-column: 1 / -1; display: flex; }
+.semantic-index-progress { width: 100%; height: 8px; overflow: hidden; border: 0; border-radius: 4px; accent-color: var(--accent); }
+.semantic-index-progress::-webkit-progress-bar { background: var(--paper-deep); }
+.semantic-index-progress::-webkit-progress-value { background: var(--accent); }
+.usage-call-types { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; margin: 8px 0 14px; }
+.usage-call-type-chip { display: inline-flex; align-items: center; gap: 7px; padding: 5px 8px; border: 1px solid var(--line); border-radius: 4px; background: var(--surface-soft); font-size: 9px; }
+.usage-call-type-chip strong { color: var(--ink); }
+.usage-call-type-chip span { color: var(--muted); }
 .config-section .config-save-button { min-height: 32px; padding: 5px 11px; font-size: 11px; }
 .config-section .card-actions { margin-top: 12px; }
 .config-section .card-actions .config-save-button { border: 1px solid var(--line); background: transparent; color: var(--ink); }
@@ -2735,6 +2785,9 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 @media (max-width: 640px) {
   .config-inline-save .book-summary-context-percent-field,
   .config-inline-save .context-compact-threshold-field { grid-template-columns: minmax(0, 1fr); row-gap: 6px; width: 100%; }
+  .semantic-settings-grid { grid-template-columns: minmax(0, 1fr); }
+  .semantic-settings-grid .semantic-enabled-field { grid-column: auto; }
+  .semantic-index-summary .relationship-index-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 }
 .field-label textarea {
   width: 100%;
@@ -2808,7 +2861,7 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .message-body .markdown-image img { display: block; max-width: 100%; height: auto; border: 1px solid var(--line); border-radius: 5px; background: var(--surface-soft); }
 .message-body .markdown-image small { color: var(--muted); font-size: 9px; line-height: 1.45; text-align: center; }
 .message-meta { margin-top: 8px; color: var(--muted); font-size: 9px; }
-.message-meta .ai-stream-character-count { display: inline-block; min-width: 6ch; font-variant-numeric: tabular-nums; text-align: right; }
+.message-meta .ai-stream-character-count { display: inline-block; min-width: 7ch; font-variant-numeric: tabular-nums; text-align: right; }
 .message-meta .ai-stream-connection-seconds { display: inline-block; min-width: 3ch; font-variant-numeric: tabular-nums; text-align: right; }
 .ai-process-details { margin: 0 0 10px; overflow: hidden; border: 1px solid var(--line); border-radius: 5px; background: color-mix(in srgb, var(--surface-soft) 82%, transparent); }
 .ai-process-details > summary { display: flex; align-items: center; justify-content: space-between; gap: 9px; padding: 8px 10px; color: var(--muted); cursor: pointer; font-size: 10px; list-style: none; }
@@ -2851,12 +2904,163 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 #ai-tool-call-arguments { min-height: 0; max-height: 26vh; }
 .ai-tool-call-detail section:last-child pre { min-height: 180px; }
 @media (max-width: 680px) { .ai-tool-call-info { grid-template-columns: minmax(0, 1fr); }.ai-tool-call-detail pre { min-height: 100px; max-height: 26vh; }#ai-tool-call-arguments { min-height: 0; max-height: 20vh; }.ai-tool-call-detail section:last-child pre { min-height: 140px; } }
+
+/* --- AI 可写工具：审批卡片 / 修改计划明细 / 用户提问 / 审批中心 --- */
+.ai-interactive-card { display: grid; gap: 8px; margin-top: 10px; padding: 11px 12px; border: 1px solid var(--line); border-left: 3px solid var(--accent); border-radius: 5px; background: color-mix(in srgb, var(--surface-soft) 88%, transparent); }
+.ai-question-card { border-left-color: var(--task-running); }
+.ai-interactive-failure-card { border-left-color: var(--accent); background: color-mix(in srgb, var(--accent) 6%, var(--surface)); }
+.ai-interactive-card-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; }
+.ai-interactive-card-head strong { color: var(--ink); font-size: 11px; }
+.ai-status-chip { flex: 0 0 auto; display: inline-flex; align-items: center; padding: 2px 8px; border-radius: 999px; border: 1px solid transparent; color: #fff; font-size: 9px; font-weight: 600; letter-spacing: .05em; white-space: nowrap; }
+.ai-status-chip[data-tone="pending"] { background: var(--accent); }
+.ai-status-chip[data-tone="running"] { background: var(--task-running); }
+.ai-status-chip[data-tone="success"] { background: var(--green); }
+.ai-status-chip[data-tone="danger"] { color: var(--accent-dark); border-color: color-mix(in srgb, var(--accent) 45%, transparent); background: color-mix(in srgb, var(--accent) 8%, transparent); }
+.ai-status-chip[data-tone="muted"] { color: var(--muted); border-color: var(--line); background: var(--paper-deep); }
+.ai-interactive-summary { margin: 0; color: var(--ink); font-size: 11px; line-height: 1.55; overflow-wrap: anywhere; }
+.ai-interactive-meta { display: flex; flex-wrap: wrap; gap: 4px 16px; margin: 0; }
+.ai-interactive-meta > div { display: flex; align-items: baseline; gap: 6px; min-width: 0; }
+.ai-interactive-meta dt { color: var(--muted); font-size: 9px; }
+.ai-interactive-meta dd { margin: 0; color: var(--ink); font-size: 10px; font-family: var(--font-latin), monospace; overflow-wrap: anywhere; }
+.ai-interactive-warn { margin: 0; padding: 6px 8px; border-radius: 4px; background: color-mix(in srgb, #c07b31 12%, var(--surface)); color: color-mix(in srgb, #c07b31 70%, black); font-size: 10px; line-height: 1.5; overflow-wrap: anywhere; }
+.ai-question-option-preview { display: grid; gap: 3px; margin: 0; padding-left: 18px; color: var(--muted); font-size: 10px; line-height: 1.5; }
+.ai-question-option-preview li.is-recommended { color: var(--accent-dark); }
+.ai-interactive-actions { display: flex; flex-wrap: wrap; gap: 5px; }
+.ai-interactive-actions button { border: 1px solid var(--line); border-radius: 3px; background: var(--surface); color: var(--muted); }
+.ai-interactive-actions :is(button.ghost-button, button.primary-button) { min-width: 0; min-height: 24px; padding: 3px 7px; font-size: calc(9px * var(--ai-font-scale)); line-height: 1.35; }
+.ai-interactive-actions button:hover, .ai-interactive-actions button:focus-visible { border-color: color-mix(in srgb, var(--accent) 55%, var(--line)); color: var(--ink); }
+.ai-interactive-actions .ai-card-primary { border-color: var(--accent); background: var(--accent); color: #fff; }
+.ai-interactive-actions .ai-card-primary:hover, .ai-interactive-actions .ai-card-primary:focus-visible { border-color: var(--accent-dark); background: var(--accent-dark); color: #fff; }
+.ai-interactive-actions .ai-card-danger:hover, .ai-interactive-actions .ai-card-danger:focus-visible { border-color: var(--accent); color: var(--accent-dark); }
+.ai-interactive-note { margin: 0; color: var(--muted); font-size: 9px; line-height: 1.55; }
+.ai-write-plan-dialog { width: min(880px, 94vw); }
+.ai-write-plan-body { display: grid; gap: 12px; max-height: 64vh; padding: 18px 24px 20px; overflow-y: auto; }
+.ai-plan-detail-head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
+.ai-plan-detail-head .eyebrow { margin: 0; letter-spacing: .08em; text-transform: none; color: var(--muted); font-size: 10px; }
+.ai-plan-summary-title { margin: 2px 0 0; color: var(--muted); font-size: 10px; }
+.ai-plan-summary-text { margin: 0; color: var(--ink); font-size: 12px; line-height: 1.65; white-space: pre-wrap; overflow-wrap: anywhere; }
+.ai-plan-banner { margin: 0; padding: 9px 11px; border-radius: 4px; font-size: 10px; line-height: 1.55; }
+.ai-plan-banner.is-invalidated { background: color-mix(in srgb, #c07b31 14%, var(--surface)); color: color-mix(in srgb, #c07b31 70%, black); }
+.ai-plan-banner.is-failed { background: color-mix(in srgb, var(--accent) 10%, var(--surface)); color: var(--accent-dark); }
+.ai-operation-list { display: grid; gap: 10px; }
+.ai-operation-item { display: grid; gap: 8px; min-width: 0; padding: 11px 13px; border: 1px solid var(--line); border-radius: 5px; background: var(--surface); }
+.ai-operation-item.is-restricted { border-style: dashed; background: var(--paper-deep); }
+.ai-operation-item header { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
+.ai-operation-item h4 { margin: 0; color: var(--ink); font-size: 11px; }
+.ai-operation-item h5 { margin: 0; color: var(--muted); font-size: 11px; font-weight: 500; overflow-wrap: anywhere; }
+.ai-op-required { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; color: var(--muted); font-size: 9px; }
+.ai-op-required span { padding: 2px 7px; border: 1px solid var(--line); border-radius: 999px; background: var(--paper-deep); color: var(--muted); }
+.ai-op-annotation { display: grid; gap: 6px; padding: 9px 10px; border-radius: 4px; background: var(--paper-deep); }
+.ai-op-annotation > div { display: flex; align-items: baseline; gap: 8px; }
+.ai-op-annotation span { color: var(--muted); font-size: 9px; }
+.ai-op-annotation strong { color: var(--ink); font-size: 10px; }
+.ai-op-quote { margin: 0; padding: 7px 9px; border-left: 3px solid var(--task-running); border-radius: 3px; background: color-mix(in srgb, var(--surface) 70%, transparent); color: var(--ink); font-size: 10px; line-height: 1.6; white-space: pre-wrap; }
+.ai-op-note { margin: 0; color: var(--ink); font-size: 11px; line-height: 1.55; }
+.ai-op-task { display: grid; gap: 5px; padding: 9px 10px; border-radius: 4px; background: var(--paper-deep); }
+.ai-op-task div { display: flex; align-items: baseline; gap: 8px; }
+.ai-op-task span { color: var(--muted); font-size: 9px; }
+.ai-op-task strong { color: var(--ink); font-size: 10px; }
+.ai-op-task code { font-family: var(--font-latin), monospace; font-size: 10px; color: var(--ink); }
+.ai-field-diff-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
+.ai-field-diff-table th { padding: 4px 6px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 9px; font-weight: 600; text-align: left; }
+.ai-field-diff-table td { vertical-align: top; padding: 8px 6px; border-bottom: 1px solid color-mix(in srgb, var(--line) 60%, transparent); font-size: 11px; line-height: 1.55; color: var(--ink); }
+.ai-field-diff-table tr:last-child td { border-bottom: 0; }
+.ai-field-diff-table td:first-child { width: 26%; }
+.ai-field-diff-table td strong { display: block; color: var(--ink); font-size: 10px; }
+.ai-field-diff-table td small { display: block; margin-top: 2px; color: var(--muted); font-size: 9px; font-family: var(--font-latin), monospace; }
+.diff-value { white-space: pre-wrap; overflow-wrap: anywhere; }
+.diff-empty { color: var(--muted); font-size: 10px; }
+.diff-preview { margin: 6px 0 0; padding: 6px 8px; border-radius: 4px; font: 9px/1.5 var(--font-latin), monospace; white-space: pre-wrap; word-break: break-word; color: var(--ink); }
+.diff-preview.diff-remove { background: color-mix(in srgb, var(--accent) 10%, transparent); }
+.diff-preview.diff-add { background: color-mix(in srgb, var(--green) 14%, transparent); }
+.ai-op-result { display: grid; gap: 3px; padding-top: 8px; border-top: 1px dashed var(--line); }
+.ai-op-result strong { color: var(--green); font-size: 10px; }
+.ai-op-result p { margin: 0; color: var(--ink); font-size: 11px; line-height: 1.5; overflow-wrap: anywhere; }
+.ai-op-result small { color: var(--muted); font-size: 9px; font-family: var(--font-latin), monospace; }
+.ai-op-audits { display: grid; gap: 5px; margin: 0; padding: 8px 0 0; list-style: none; border-top: 1px dashed var(--line); }
+.ai-op-audits li { display: flex; justify-content: space-between; gap: 10px; color: var(--muted); font-size: 10px; }
+.ai-op-audits strong { color: var(--ink); }
+.ai-plan-audit-note { margin: 0; }
+.card-actions:is(.ai-plan-actions, .ai-question-actions) { flex-wrap: wrap; justify-content: flex-end; gap: 6px; margin-top: 0; padding: 14px 24px 20px; }
+.card-actions:is(.ai-plan-actions, .ai-question-actions) > button { flex: 0 0 auto; }
+.ai-question-dialog { width: min(540px, 92vw); }
+.ai-question-body { display: grid; gap: 12px; padding: 18px 22px 8px; }
+.ai-question-text { margin: 0; color: var(--ink); font-size: 13px; line-height: 1.65; overflow-wrap: anywhere; }
+.ai-question-options { display: grid; gap: 6px; }
+.ai-question-option-item { display: flex; align-items: flex-start; gap: 8px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 4px; background: var(--surface); color: var(--ink); font-size: 11px; line-height: 1.5; cursor: pointer; }
+.ai-question-option-item:hover { border-color: color-mix(in srgb, var(--accent) 40%, var(--line)); }
+.ai-question-option-item.is-recommended { border-color: color-mix(in srgb, var(--accent) 20%, var(--line)); background: color-mix(in srgb, var(--accent) 3%, var(--surface)); }
+.ai-question-option-item.is-selected { border-color: color-mix(in srgb, var(--accent) 55%, var(--line)); background: color-mix(in srgb, var(--accent) 8%, var(--surface)); }
+.ai-question-option-item input[type="radio"] { margin-top: 2px; accent-color: var(--accent); }
+.ai-question-custom-field { display: grid; gap: 5px; }
+.ai-question-custom-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
+.ai-question-custom-heading output { flex: 0 0 auto; color: var(--muted); font: 9px/1.4 var(--font-latin), monospace; font-variant-numeric: tabular-nums; }
+.ai-question-custom-field input[type="text"] { padding: 7px 9px; border: 1px solid var(--line); border-radius: 4px; background: var(--surface); color: var(--ink); font-size: 11px; }
+.ai-question-custom-field input[type="text"]:disabled { background: var(--paper-deep); color: var(--muted); }
+#ai-question-expiry { margin: 4px 0 0; }
+.ai-approval-center-dialog { width: min(780px, 94vw); }
+.ai-approval-center-body { display: grid; gap: 12px; padding: 16px 22px 22px; }
+.ai-approval-filters { display: flex; flex-wrap: wrap; gap: 6px; }
+.ai-approval-filters button { padding: 4px 10px; border: 1px solid var(--line); border-radius: 999px; background: var(--surface); color: var(--muted); font-size: 10px; }
+.ai-approval-filters button[aria-pressed="true"] { border-color: var(--accent); background: var(--accent); color: #fff; }
+.ai-approval-list-host { min-height: 60px; }
+.ai-approval-list { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
+.ai-approval-row { display: flex; align-items: center; gap: 10px; width: 100%; min-width: 0; padding: 9px 11px; border: 1px solid var(--line); border-radius: 5px; background: var(--surface); text-align: left; cursor: pointer; }
+.ai-approval-row:hover, .ai-approval-row:focus-visible { border-color: color-mix(in srgb, var(--accent) 50%, var(--line)); background: color-mix(in srgb, var(--accent) 4%, var(--surface)); }
+.ai-approval-row-main { display: grid; gap: 2px; min-width: 0; flex: 1 1 auto; }
+.ai-approval-row-main strong { color: var(--ink); font-size: 11px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.ai-approval-row-main small { color: var(--muted); font-size: 9px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.ai-approval-row-open { flex: 0 0 auto; color: var(--accent-dark); font-size: 9px; }
+.ai-approval-empty { margin: 18px 0; }
+@media (max-width: 680px) {
+  .ai-write-plan-body { padding: 14px 14px 16px; }
+  :is(.ai-write-plan-dialog .ai-plan-actions, .ai-question-dialog .ai-question-actions) { padding: 12px 16px 16px; }
+  .ai-approval-center-body, .ai-question-body { padding: 12px 14px 14px; }
+  .ai-field-diff-table { table-layout: auto; }
+  .ai-field-diff-table th:nth-child(2), .ai-field-diff-table th:nth-child(3) { font-size: 8px; }
+}
+
 .guard-card { margin-top: 10px; padding: 9px 10px; border: 1px solid var(--line); border-left: 3px solid var(--green); border-radius: 4px; background: var(--surface-soft); }
+.writing-suggestion-ui { display: contents; }
 .guard-card.warning { border-left-color: #c07b31; }.guard-card.failed { border-left-color: var(--accent); }
 .guard-card strong { display: block; margin-bottom: 5px; font-size: 10px; }.guard-card p { margin: 4px 0; color: var(--muted); font-size: 9px; line-height: 1.45; }.guard-card p b { color: var(--ink); }
 .message-actions { display: flex; gap: 7px; margin-top: 10px; }
 .message-actions button { border: 1px solid rgba(139,61,44,.25); background: var(--surface); color: var(--accent-dark); font-size: 10px; padding: 5px 8px; border-radius: 3px; }
 .prompt-box { border-top: 1px solid var(--line); padding-top: 12px; }
+.ai-semantic-search-panel { display: grid; grid-template-rows: auto auto auto minmax(0, 1fr) auto; min-height: 0; height: min(520px, 58vh); max-height: min(520px, 58vh); margin-bottom: 9px; overflow: hidden; border: 1px solid var(--line); border-radius: 7px; background: var(--surface); box-shadow: 0 12px 30px rgba(49,42,32,.12); }
+.ai-semantic-search-panel > header, .ai-semantic-search-panel > footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 10px; border-bottom: 1px solid var(--line); }
+.ai-semantic-search-panel > header > div { display: grid; min-width: 0; gap: 2px; }
+.ai-semantic-search-panel > header strong { font-size: 11px; }
+.ai-semantic-search-panel > header small, .ai-semantic-search-panel > footer span { color: var(--muted); font-size: 9px; }
+.ai-semantic-search-panel > header button { width: 25px; min-width: 25px; height: 25px; padding: 0; border: 0; background: transparent; color: var(--muted); font-size: 17px; }
+.ai-semantic-search-form { display: grid; grid-template-columns: minmax(0, 1fr) minmax(108px, .45fr); gap: 7px; padding: 10px; }
+.ai-semantic-search-form label { display: grid; gap: 4px; color: var(--muted); font-size: 9px; }
+.ai-semantic-search-form button { grid-column: 1 / -1; }
+#ai-semantic-search-status { margin: 0; padding: 0 10px 8px; }
+.ai-semantic-search-results { display: grid; align-content: start; gap: 6px; min-height: 0; padding: 0 10px 10px; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; -webkit-overflow-scrolling: touch; }
+.ai-semantic-result { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 7px; padding: 8px; border: 1px solid var(--line); border-radius: 5px; background: var(--surface-soft); }
+.ai-semantic-result > label { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: 7px; min-width: 0; cursor: pointer; }
+.ai-semantic-result-copy { display: grid; min-width: 0; gap: 4px; }
+.ai-semantic-result-copy strong { font-size: 10px; line-height: 1.4; }
+.ai-semantic-result-copy > small { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; color: var(--muted); font-size: 8px; }
+.ai-semantic-result-copy > span { display: -webkit-box; overflow: hidden; color: var(--ink); font-size: 9px; line-height: 1.55; overflow-wrap: anywhere; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
+.ai-semantic-result > button { min-height: 25px; padding: 4px 7px; font-size: 8px; }
+.ai-semantic-view-only { padding: 2px 5px; border-radius: 3px; background: var(--paper-deep); color: var(--muted); font-size: 8px; white-space: nowrap; }
+.ai-semantic-empty { margin: 0; padding: 14px; color: var(--muted); font-size: 9px; text-align: center; }
+.ai-semantic-search-panel > footer { position: relative; z-index: 1; min-width: 0; border-top: 1px solid var(--line); border-bottom: 0; background: var(--surface); }
+.ai-semantic-injection { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; padding: 7px 8px; border: 1px solid color-mix(in srgb, var(--accent) 40%, var(--line)); border-radius: 5px; background: color-mix(in srgb, var(--accent) 6%, var(--surface)); }
+.ai-semantic-injection > div { display: grid; min-width: 0; gap: 2px; }
+.ai-semantic-injection strong { color: var(--accent-dark); font-size: 9px; }
+.ai-semantic-injection span, .ai-semantic-injection small { overflow: hidden; color: var(--muted); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
+.ai-semantic-injection button { width: 23px; min-width: 23px; height: 23px; padding: 0; }
+@container (max-width: 460px) {
+  .ai-semantic-search-panel { height: 40vh; max-height: 40vh; }
+  .ai-semantic-search-form { grid-template-columns: minmax(0, 1fr) minmax(112px, .48fr); }
+  .ai-semantic-search-form label:first-child { grid-column: 1 / -1; }
+  .ai-semantic-search-form button { grid-column: 2; align-self: end; }
+  .ai-semantic-result { grid-template-columns: minmax(0, 1fr); }
+  .ai-semantic-result > button { justify-self: end; }
+}
 .ai-context-warning { display: grid; gap: 9px; margin-bottom: 9px; padding: 10px; border: 1px solid color-mix(in srgb, #bf6a35 58%, var(--line)); border-radius: 5px; background: color-mix(in srgb, #bf6a35 10%, var(--surface)); }
 .ai-context-warning.hidden { display: none; }
 .ai-context-warning strong { display: block; color: var(--ink); font-size: 11px; }
@@ -2902,6 +3106,51 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .ai-attachment-button:disabled, .ai-scene-button:disabled { cursor: wait; opacity: .56; }
 .ai-scene-button.hidden { display: none; }
 .ai-image-button-icon, .ai-scene-button-icon { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
+
+.character-roleplay-memory-surface { display: grid; grid-column: 1 / -1; gap: 14px; min-width: 0; }
+.roleplay-memory-toolbar { display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
+.roleplay-memory-toolbar button { min-height: 34px; }
+.roleplay-memory-filter-panel { display: grid; grid-template-columns: minmax(200px, 1fr) minmax(120px, .45fr) minmax(120px, .45fr) auto; align-items: end; gap: 8px; padding: 10px; border: 1px solid var(--line); border-radius: 6px; background: var(--paper); }
+.roleplay-memory-filter-panel.hidden { display: none; }
+.roleplay-memory-filter-panel label { display: grid; gap: 4px; color: var(--muted); font-size: 9px; }
+.roleplay-memory-filter-panel input, .roleplay-memory-filter-panel select, .roleplay-memory-filter-panel button { min-width: 0; min-height: 34px; padding: 6px 9px; font-size: 10px; }
+.roleplay-memory-list { display: grid; gap: 9px; }
+.roleplay-memory-empty { display: grid; place-items: center; min-height: 160px; margin: 0; border: 1px dashed var(--line); border-radius: 6px; color: var(--muted); font-size: 11px; text-align: center; }
+.roleplay-memory-card { display: grid; gap: 8px; padding: 12px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); }
+.roleplay-memory-card.is-archived { opacity: .72; }
+.roleplay-memory-card-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
+.roleplay-memory-card-badges { display: flex; flex-wrap: wrap; gap: 5px; }
+.roleplay-memory-badge { display: inline-flex; align-items: center; min-height: 21px; padding: 2px 6px; border: 1px solid var(--line); border-radius: 999px; background: var(--paper); color: var(--muted); font-size: 8px; }
+.roleplay-memory-badge.is-noncanonical { border-color: color-mix(in srgb, #bf6a35 48%, var(--line)); color: #a34f20; }
+.roleplay-memory-badge.is-pinned { border-color: color-mix(in srgb, var(--accent) 48%, var(--line)); color: var(--accent-dark); }
+.roleplay-memory-card time { flex: 0 0 auto; color: var(--muted); font-size: 8px; }
+.roleplay-memory-content { margin: 0; color: var(--ink); font-size: 11px; line-height: 1.65; white-space: pre-wrap; overflow-wrap: anywhere; }
+.roleplay-memory-card-meta { margin: 0; color: var(--muted); font-size: 9px; }
+.roleplay-memory-sources { border-top: 1px solid var(--line); padding-top: 7px; }
+.roleplay-memory-sources summary { color: var(--muted); font-size: 9px; cursor: pointer; }
+.roleplay-memory-source-list { display: grid; gap: 6px; margin-top: 7px; }
+.roleplay-memory-source { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 7px; padding: 7px; border-radius: 4px; background: var(--paper); }
+.roleplay-memory-source p { margin: 0; color: var(--muted); font-size: 9px; line-height: 1.5; overflow-wrap: anywhere; }
+.roleplay-memory-source button { min-height: 29px; padding: 4px 7px; font-size: 9px; }
+.roleplay-memory-card-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
+.roleplay-memory-card-actions button { min-height: 30px; padding: 5px 8px; font-size: 9px; }
+.roleplay-memory-card-actions .roleplay-memory-icon-action { display: inline-grid; place-items: center; width: 30px; min-width: 30px; height: 30px; min-height: 30px; padding: 0; }
+.roleplay-memory-icon-action svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
+.roleplay-memory-card-actions .danger-button.roleplay-memory-icon-action { border-color: color-mix(in srgb, #d9363e 62%, var(--line)); color: #d9363e; }
+.roleplay-memory-card-actions .danger-button.roleplay-memory-icon-action:hover, .roleplay-memory-card-actions .danger-button.roleplay-memory-icon-action:focus-visible { border-color: #d9363e; background: color-mix(in srgb, #d9363e 11%, transparent); }
+.roleplay-memory-icon-action.is-pinned { border-width: 1px; border-style: solid; border-color: color-mix(in srgb, var(--accent) 58%, var(--line)); background: color-mix(in srgb, var(--accent) 10%, var(--surface)); color: var(--accent-dark); }
+.roleplay-memory-pagination { margin-top: 2px; }
+
+@media (max-width: 640px) {
+  .roleplay-memory-filter-panel { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
+  .roleplay-memory-filter-panel label:first-child { grid-column: 1 / -1; }
+  .roleplay-memory-filter-panel button { width: 100%; }
+  .roleplay-memory-card-header { display: grid; }
+  .roleplay-memory-source { grid-template-columns: minmax(0, 1fr); }
+  .roleplay-memory-source button { justify-self: start; }
+  .roleplay-memory-card-actions button { min-height: 34px; }
+  .roleplay-memory-card-actions .roleplay-memory-icon-action { width: 34px; min-width: 34px; height: 34px; min-height: 34px; }
+}
 .ai-mention-menu { position: absolute; z-index: 20; left: 0; right: 0; bottom: calc(100% + 6px); max-height: 230px; overflow-y: auto; padding: 6px; border: 1px solid var(--line); border-radius: 6px; background: var(--panel); box-shadow: 0 12px 34px rgba(49,42,32,.18); }
 .ai-mention-option { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 8px; width: 100%; padding: 7px 8px; border: 0; border-radius: 4px; background: transparent; text-align: left; }
 .ai-mention-option:hover, .ai-mention-option:focus-visible, .ai-mention-option.is-active { background: var(--paper-deep); }
@@ -3129,6 +3378,16 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .chapter-annotations-dialog { width: min(820px, 94vw); }
 .chapter-annotations-list { display: grid; gap: 10px; max-height: 62vh; overflow: auto; padding: 18px 24px; }
 .chapter-comment-module-list { display: grid; gap: 10px; }
+.chapter-comment-completed-group { overflow: hidden; border: 1px solid var(--line); border-radius: 6px; background: var(--surface-soft); }
+.chapter-comment-completed-group > summary { display: flex; min-height: 44px; align-items: center; gap: 9px; padding: 9px 13px; color: var(--muted); cursor: pointer; list-style: none; }
+.chapter-comment-completed-group > summary::-webkit-details-marker { display: none; }
+.chapter-comment-completed-group > summary::before { content: "›"; color: var(--accent-dark); font-family: var(--font-latin), monospace; font-size: 16px; line-height: 1; transition: transform .15s ease; }
+.chapter-comment-completed-group[open] > summary::before { transform: rotate(90deg); }
+.chapter-comment-completed-group > summary span { color: var(--ink); font-size: 11px; font-weight: 600; }
+.chapter-comment-completed-group > summary strong { display: inline-grid; min-width: 22px; height: 22px; padding: 0 6px; place-items: center; border: 1px solid var(--line); border-radius: 11px; color: var(--accent-dark); font-family: var(--font-latin), monospace; font-size: 9px; }
+.chapter-comment-completed-group > summary small { margin-left: auto; font-size: 9px; }
+.chapter-comment-completed-group[open] > summary { border-bottom: 1px solid var(--line); }
+.chapter-comment-completed-list { display: grid; gap: 10px; padding: 10px; }
 .chapter-annotation-card { display: grid; gap: 8px; padding: 13px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface-soft); }
 .chapter-annotation-card.is-resolved { opacity: .65; }
 .chapter-annotation-card header { display: flex; align-items: center; gap: 8px; }
@@ -3230,7 +3489,8 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .provider-token-quota-toggle { color: var(--ink) !important; font-size: 10px !important; }
 .provider-token-quota-input { display: grid; gap: 5px; min-width: 0; }
 .provider-token-quota-input input:disabled { opacity: .58; }
-.model-multimodal-fields { gap: 9px; padding: 12px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface-soft); }
+.model-multimodal-fields, .model-kind-fields { gap: 9px; padding: 12px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface-soft); }
+.model-kind-fields .model-capability-option { display: grid !important; grid-template-columns: 16px minmax(0, 1fr); align-items: start; gap: 9px; margin: 0; padding: 10px; border: 1px solid var(--line); border-radius: 5px; background: var(--surface); color: var(--ink) !important; }
 .model-multimodal-heading { color: var(--ink); font-size: 12px; font-weight: 600; }
 .model-multimodal-fields .model-capability-option { display: grid !important; grid-template-columns: 16px minmax(0, 1fr); align-items: start; gap: 9px; margin: 0; padding: 10px; border: 1px solid var(--line); border-radius: 5px; background: var(--surface); color: var(--ink) !important; transition: border-color .15s ease, background-color .15s ease; }
 .model-multimodal-fields .model-capability-option[hidden], .model-multimodal-fields .model-capability-option.hidden { display: none !important; }
@@ -3376,11 +3636,13 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .item-list-row button { padding: 0 10px; }
 .item-list-add { justify-self: start; padding: 7px 11px; }
 .keyword-chip-field > small { color: var(--muted); font-size: 10px; line-height: 1.5; }
-.keyword-chip-editor { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; min-height: 42px; padding: 6px 8px; border: 1px solid var(--line); border-radius: 4px; background: var(--surface); }
+.keyword-chip-field { min-width: 0; }
+.keyword-chip-editor { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; min-height: 42px; padding: 6px 8px; overflow-x: hidden; border: 1px solid var(--line); border-radius: 4px; background: var(--surface); }
 .keyword-chip-editor:focus-within { border-color: var(--accent); box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 14%, transparent); }
-.keyword-chip-editor > input[data-keyword-input] { flex: 1 1 160px; width: auto; min-width: 140px; padding: 6px 3px; border: 0; background: transparent; color: var(--ink); outline: none; }
+.keyword-chip-editor > input[data-keyword-input] { flex: 1 1 160px; width: auto; min-width: min(140px, 100%); max-width: 100%; box-sizing: border-box; padding: 6px 3px; border: 0; background: transparent; color: var(--ink); outline: none; }
 .keyword-chip-editor > input[data-keyword-input]:focus { border: 0; box-shadow: none; }
-.keyword-chip { display: inline-flex; align-items: center; gap: 5px; min-height: 28px; padding: 3px 5px 3px 10px; border: 1px solid color-mix(in srgb, var(--accent) 35%, var(--line)); border-radius: 16px; background: var(--paper-deep); color: var(--ink); font-size: 11px; line-height: 1.3; }
+.keyword-chip { display: inline-flex; align-items: center; gap: 5px; min-width: 0; max-width: 100%; box-sizing: border-box; min-height: 28px; padding: 3px 5px 3px 10px; overflow-wrap: anywhere; border: 1px solid color-mix(in srgb, var(--accent) 35%, var(--line)); border-radius: 16px; background: var(--paper-deep); color: var(--ink); font-size: 11px; line-height: 1.3; }
+.keyword-chip > span { min-width: 0; overflow-wrap: anywhere; }
 .keyword-chip button { display: inline-grid; place-items: center; width: 20px; height: 20px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--muted); font-size: 15px; line-height: 1; opacity: 0; pointer-events: none; transition: opacity .15s ease; }
 .keyword-chip:hover button, .keyword-chip:focus-within button { opacity: 1; pointer-events: auto; }
 .keyword-chip button:hover, .keyword-chip button:focus-visible { background: color-mix(in srgb, var(--accent) 14%, transparent); color: var(--accent-dark); outline: none; }
@@ -3491,6 +3753,7 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
   .character-filter-toolbar-actions { justify-content: flex-start; }
   .draft-filter-toolbar { grid-template-columns: minmax(0, 1fr); }
   .setting-filter-toolbar { grid-template-columns: minmax(0, 1fr); }
+  .chapter-comment-filter-toolbar { grid-template-columns: minmax(0, 1fr); }
 }
 .entity-editor-open { overflow: hidden; }
 .preview-record-card { cursor: pointer; }
@@ -3512,6 +3775,7 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 #character-editor-form { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; }
 #knowledge-editor-form { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; }
 .entity-editor-header, .character-editor-header { display: grid; grid-template-columns: minmax(160px, 1fr) minmax(0, 2fr) minmax(160px, 1fr); align-items: center; gap: 24px; min-height: 78px; padding: 14px clamp(18px, 3vw, 44px); border-bottom: 1px solid var(--line); background: var(--panel); }
+.character-editor-header { grid-template-columns: minmax(160px, 1fr) minmax(0, 2fr) auto; }
 .entity-editor-heading { min-width: 0; text-align: center; }
 .entity-editor-heading h1 { overflow: hidden; margin: 2px 0 0; font-size: 24px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
 .entity-editor-readonly-badge { display: inline-block; width: fit-content; margin: 0 auto; padding: 3px 7px; border: 1px solid color-mix(in srgb, var(--muted) 55%, var(--line)); border-radius: 999px; color: var(--muted); font-size: 10px; line-height: 1.2; }
@@ -3522,9 +3786,9 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .entity-editor-back:hover { border-color: var(--accent); color: var(--accent-dark); }
 #setting-editor-form { display: grid; grid-template-rows: auto minmax(0, 1fr); }
 .setting-editor-header { min-height: 112px; }
-.setting-editor-heading { display: grid; align-content: center; gap: 8px; }
-.setting-editor-title-input { width: min(100%, 520px); margin: 0 auto; padding: 0 0 4px; border: 0; border-bottom: 1px solid transparent; border-radius: 0; background: transparent; color: var(--ink); font-size: 24px; font-weight: 600; line-height: 1.2; text-align: center; }
-.setting-editor-title-input::placeholder { color: var(--ink); opacity: .92; }
+.setting-editor-header .entity-editor-heading { display: grid; align-content: center; justify-items: center; gap: 8px; text-align: center; }
+.setting-editor-title-input { display: block; width: min(100%, 520px); margin: 0 auto; padding: 0 0 4px; border: 0; border-bottom: 1px solid transparent; border-radius: 0; background: transparent; color: var(--ink); font-size: 22px; font-weight: 600; line-height: 1.2; text-align: center; }
+.setting-editor-title-input::placeholder { color: var(--muted); opacity: 1; }
 .setting-editor-title-input:focus { border-color: var(--accent); box-shadow: none; }
 .setting-editor-header-fields { display: flex; align-items: center; justify-content: center; gap: 14px; min-width: 0; }
 .setting-editor-header-fields > label:not(.setting-editor-lock) { display: inline-flex; align-items: center; gap: 6px; color: var(--muted); font-size: 10px; white-space: nowrap; }
@@ -3588,12 +3852,17 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .knowledge-markdown-block .message-body { overflow-wrap: anywhere; font-size: 12px; line-height: 1.65; }
 .character-editor-header > div:nth-child(2) { min-width: 0; text-align: center; }
 .character-editor-header h1, .character-editor-header h3 { margin: 0; }
-.character-editor-title-row { display: flex; align-items: center; gap: 10px; margin-top: 3px; }
-.character-editor-title-row { justify-content: center; }
+.character-editor-title-row { display: flex; align-items: center; justify-content: center; min-width: 0; gap: 10px; margin-top: 3px; }
 .character-editor-title-row h1 { overflow: hidden; font-size: 24px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
+.character-editor-title-input { flex: 0 1 520px; width: min(100%, 520px); min-width: 0; padding: 0 0 4px; border: 0; border-bottom: 1px solid transparent; border-radius: 0; background: transparent; color: var(--ink); font-size: 24px; font-weight: 600; line-height: 1.2; text-align: center; }
+.character-editor-title-input::placeholder { color: var(--muted); opacity: 1; }
+.character-editor-title-input:focus { border-color: var(--accent); box-shadow: none; }
+.character-editor-title-input[readonly] { cursor: default; }
+.character-editor-title-input[readonly]:focus { border-color: transparent; }
 .knowledge-editor-header-note { color: var(--muted); font-size: 10px; text-align: right; }
 .character-version-badge { display: inline-flex; align-items: center; min-height: 22px; padding: 2px 8px; border: 1px solid var(--line); border-radius: 12px; background: var(--paper-deep); color: var(--accent-dark); font: 10px/1 var(--font-latin), monospace; }
 .character-editor-header-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
+.character-editor-header-actions > .primary-button, .character-editor-header-actions > .ghost-button { flex: 0 0 auto; white-space: nowrap; }
 .character-editor-header-actions .ghost-button { min-height: 34px; }
 .character-editor-header-actions .ghost-button:disabled { cursor: not-allowed; opacity: .46; }
 .character-editor-workspace { display: grid; grid-template-columns: 220px minmax(0, 1fr); min-height: 0; }
@@ -3608,11 +3877,16 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .character-editor-section > header { display: flex; align-items: end; justify-content: space-between; gap: 24px; padding-bottom: 14px; border-bottom: 1px solid var(--line); }
 .character-editor-section > header h3 { margin: 2px 0 0; font-size: 21px; }
 .character-editor-section > header p { max-width: 430px; margin: 0; color: var(--muted); font-size: 10px; line-height: 1.55; text-align: right; }
+.character-editor-section.has-header-actions > header { align-items: center; }
+.character-editor-section.has-header-actions > header > .character-editor-section-header-copy { display: grid; gap: 4px; min-width: 0; }
+.character-editor-section.has-header-actions > header > .character-editor-section-header-copy > p { max-width: 620px; text-align: left; }
+.character-editor-section.has-header-actions > header .roleplay-memory-toolbar { flex: 0 0 auto; }
 .character-editor-section-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px 20px; }
 .character-editor-section-fields > label, .character-editor-section-fields > .form-field { display: grid; align-content: start; gap: 7px; color: var(--muted); font-size: 11px; }
-.character-editor-section-fields > label:has(textarea), .character-editor-section-fields > .form-field:has(textarea), .character-editor-section-fields > .structured-list-field, .character-editor-section-fields > .chip-field, .character-editor-section-fields > .markdown-editor-field, .character-editor-field-help { grid-column: 1 / -1; }
+.character-editor-section-fields > label:has(textarea), .character-editor-section-fields > .form-field:has(textarea), .character-editor-section-fields > .keyword-chip-field, .character-editor-section-fields > .structured-list-field, .character-editor-section-fields > .chip-field, .character-editor-section-fields > .markdown-editor-field, .character-editor-field-help { grid-column: 1 / -1; }
 .character-editor-section-fields input, .character-editor-section-fields textarea, .character-editor-section-fields select { width: 100%; padding: 10px 11px; border: 1px solid var(--line); border-radius: 4px; background: var(--surface); font-size: 13px; }
 .character-editor-section-fields textarea { min-height: 120px; resize: vertical; line-height: 1.65; }
+.character-editor-section-fields .key-value-list-value { min-height: 42px; max-height: 240px; overflow-y: auto; resize: none; field-sizing: content; overflow-wrap: anywhere; }
 .character-editor-section-fields .section-list-row textarea { min-height: 180px; }
 .character-editor-section-fields .member-chip { position: relative; display: inline-flex; width: auto; cursor: pointer; }
 .character-editor-section-fields .member-chip input[type="checkbox"] { position: absolute; width: 1px !important; min-width: 1px; height: 1px; padding: 0; border: 0; opacity: 0; }
@@ -3849,12 +4123,12 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
   .setting-row, .module-row { grid-template-columns: minmax(0, 1fr); gap: 6px; }
   .setting-row .card-actions, .module-row .card-actions { justify-content: flex-start; }
   .entity-editor-header, .character-editor-header { grid-template-columns: auto minmax(0, 1fr) auto; gap: 10px; padding-inline: 12px; }
-  .entity-editor-heading h1, .character-editor-title-row h1 { font-size: 18px; }
+  .entity-editor-heading h1, .character-editor-title-row h1, .character-editor-title-input { font-size: 18px; }
   .entity-editor-back { overflow: hidden; width: 40px; min-width: 40px; padding-inline: 11px; white-space: nowrap; }
   .entity-editor-back::before { margin-right: 18px; }
   .setting-editor-header { min-height: 102px; }
   .setting-editor-header-fields { flex-wrap: wrap; gap: 8px 12px; }
-  .setting-editor-title-input { font-size: 18px; }
+  .setting-editor-title-input { font-size: 16px; }
   .setting-editor-workspace { overflow-y: auto; }
   .setting-editor-content { height: auto; min-height: 70dvh; padding: 16px; }
   .setting-markdown-field { height: 70dvh; }
@@ -3870,6 +4144,8 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
   .character-editor-section-fields > label, .character-editor-section-fields > .form-field, .character-editor-field-help { grid-column: 1; }
   .character-editor-section > header { align-items: flex-start; flex-direction: column; gap: 7px; }
   .character-editor-section > header p { text-align: left; }
+  .character-editor-section.has-header-actions > header { align-items: flex-end; flex-direction: row; }
+  .character-editor-section.has-header-actions > header > .character-editor-section-header-copy { min-width: 0; }
   .character-markdown-editor { overflow: hidden; }
   .character-markdown-editor > .vditor-editor-host { min-height: 42dvh; }
   .character-markdown-editor-meta { grid-template-columns: minmax(0, 1fr); }
@@ -4094,6 +4370,7 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
   .editor-view .editor-actions > button { min-width: 0; min-height: 34px; padding-inline: 6px; font-size: 11px; }
   .chapter-title { font-size: 21px; }
   .chapter-content { padding: 22px 16px 64px 12px; font-size: max(16px, var(--editor-font-size)); }
+  .app-shell.editor-typewriter-mode .chapter-content { padding-bottom: max(64px, 45dvh); }
   .chapter-line-numbers { width: 32px; font-size: 11px; }
   .chapter-editor-frame { grid-template-columns: 32px minmax(0, 1fr); }
   .chapter-line-measure { left: 32px; }
@@ -4181,6 +4458,7 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
   .access-row { grid-template-columns: minmax(0, 1fr); align-items: stretch; }
   .access-row select, .access-row button, .work-access-field .ghost-button { width: 100%; }
   .work-access-field { align-items: stretch; flex-direction: column; }
+  .work-editor-preference-options { flex-basis: auto; width: 100%; }
   .work-access-field .danger-button { width: 100%; }
 
   .recycle-bin-card { grid-template-columns: minmax(0, 1fr); gap: 7px; }
@@ -4190,6 +4468,8 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 
   .entity-editor-view { min-width: 0; }
   .entity-editor-header, .character-editor-header { grid-template-columns: auto minmax(0, 1fr); gap: 8px; padding: 12px var(--mobile-gutter); }
+  .setting-editor-header .entity-editor-heading { grid-column: 1 / -1; grid-row: 1; padding-inline: 48px; }
+  .setting-editor-header > .entity-editor-back { z-index: 1; grid-column: 1; grid-row: 1; }
   .entity-editor-mode-actions, .character-editor-header-actions { grid-column: 1 / -1; justify-content: stretch; flex-wrap: wrap; }
   .entity-editor-mode-actions > button, .character-editor-header-actions > button { flex: 1 1 auto; }
   .entity-editor-mode-actions > .entity-detail-favorite-button, .entity-editor-mode-actions > .entity-detail-pin-button, .character-editor-header-actions > .entity-detail-favorite-button, .character-editor-header-actions > .entity-detail-pin-button { flex: 0 0 40px; width: 40px; min-width: 40px; height: 40px; }