wiki-viewer 1.14.1 → 1.14.2

package/.next/standalone/src/app/globals.css

@@ -1,1249 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-:root {
-  --background: #f5f5f5;
-  --foreground: #0c0a09;
-  --card: #ffffff;
-  --card-foreground: #0c0a09;
-  --popover: #ffffff;
-  --popover-foreground: #0c0a09;
-  --primary: #292524;
-  --primary-foreground: #ffffff;
-  --secondary: #fafafa;
-  --secondary-foreground: #0c0a09;
-  --muted: #f0efed;
-  --muted-foreground: #777169;
-  --accent: #e7e5e4;
-  --accent-foreground: #0c0a09;
-  --accent-soft: #e7e5e4;
-  --primary-soft: #e7e5e4;
-  --success-soft: #dcfce7;
-  --destructive: #dc2626;
-  --destructive-foreground: #ffffff;
-  --destructive-soft: #fee2e2;
-  --warning-soft: #fef3c7;
-  --warning-ink: #a16207;
-  --border: #e7e5e4;
-  --input: #d6d3d1;
-  --switch-checked: #292524;
-  --ring: #292524;
-  --overlay: rgb(12 10 9 / 0.4);
-  --radius: 8px;
-
-  --sidebar-background: #fafafa;
-  --sidebar-foreground: #0c0a09;
-  --sidebar-primary: #292524;
-  --sidebar-primary-foreground: #ffffff;
-  --sidebar-accent: #ffffff;
-  --sidebar-accent-foreground: #0c0a09;
-  --sidebar-border: #e7e5e4;
-  --sidebar-ring: #292524;
-
-  /* Success / Warning / Info — light mode */
-  --success: #16a34a;
-  --warning: #d97706;
-  --info: #292524;
-
-  /* Elevation backing — light mode editorial */
-  --shadow-golden-card: 0 4px 16px rgba(0, 0, 0, 0.04);
-  --shadow-golden-pop: 0 8px 24px rgba(0, 0, 0, 0.06);
-  --shadow-golden-dialog: 0 16px 48px rgba(0, 0, 0, 0.08);
-  --shadow-golden-toast: 0 24px 64px rgba(0, 0, 0, 0.1);
-
-  /* === State tokens === */
-  --state-hover-overlay: 0 0 0 / 0.05; /* black 5% for light */
-
-  /* === Motion tokens === */
-  --motion-fast: 100ms;
-  --motion-base: 150ms;
-  --motion-slow: 300ms;
-  --motion-easing: cubic-bezier(0, 0, 0.2, 1); /* ease-out */
-
-  /* === Z-index tokens === */
-  --z-sticky: 10;
-  --z-sidebar: 30;
-  --z-overlay: 40;
-  --z-float: 50;
-}
-
-.dark {
-  --background: #0c0a09;
-  --foreground: #ffffff;
-  --card: #1c1917;
-  --card-foreground: #ffffff;
-  --popover: #1c1917;
-  --popover-foreground: #ffffff;
-  --primary: #44403c;
-  --primary-foreground: #ffffff;
-  --secondary: #1c1917;
-  --secondary-foreground: #ffffff;
-  --muted: #292524;
-  --muted-foreground: #a8a29e;
-  --accent: #383330;
-  --accent-foreground: #ffffff;
-  --accent-soft: #3d3d3d;
-  --primary-soft: #453c35;
-  --success-soft: #14532d;
-  --destructive: #dc2626;
-  --destructive-foreground: #ffffff;
-  --destructive-soft: #7f1d1d;
-  --warning-soft: #3d2b1a;
-  --warning-ink: #fbbf24;
-  --border: #292524;
-  --input: #57534e;
-  --switch-checked: #f5f5f5;
-  --ring: #ffffff;
-  --overlay: rgb(0 0 0 / 0.55);
-
-  --sidebar-background: #0c0a09;
-  --sidebar-foreground: #ffffff;
-  --sidebar-primary: #292524;
-  --sidebar-primary-foreground: #ffffff;
-  --sidebar-accent: #1c1917;
-  --sidebar-accent-foreground: #ffffff;
-  --sidebar-border: #292524;
-  --sidebar-ring: #ffffff;
-
-  /* Success / Warning / Info */
-  --success: #16a34a;
-  --warning: #fbbf24;
-  --info: #ffffff;
-
-  --state-hover-overlay: 255 255 255 / 0.1; /* white 10% for dark */
-
-  /* Elevation backing — dark mode editorial */
-  --shadow-golden-card: 0 4px 16px rgba(0, 0, 0, 0.3);
-  --shadow-golden-pop: 0 8px 24px rgba(0, 0, 0, 0.4);
-  --shadow-golden-dialog: 0 16px 48px rgba(0, 0, 0, 0.5);
-  --shadow-golden-toast: 0 24px 64px rgba(0, 0, 0, 0.6);
-}
-
-/* Shadow override on dark bg */
-.dark .shadow-golden {
-  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
-}
-
-@layer base {
-  * {
-    @apply border-border;
-  }
-  body {
-    @apply bg-background text-foreground;
-  }
-}
-
-/* Smooth transitions for interactive elements */
-@layer base {
-  a,
-  button,
-  input,
-  textarea,
-  select {
-    @apply transition-colors duration-150;
-  }
-}
-
-/* Enhanced focus visibility for accessibility */
-@layer base {
-  :focus-visible {
-    outline: 2px solid var(--ring);
-    outline-offset: 2px;
-    border-radius: var(--radius);
-  }
-}
-
-/* Skip to content link for keyboard navigation */
-.skip-to-content {
-  position: absolute;
-  left: -9999px;
-  top: 0;
-  z-index: 9999;
-  padding: 0.5rem 1rem;
-  background: var(--primary);
-  color: var(--primary-foreground);
-  font-size: 0.875rem;
-  font-weight: 400;
-  border-radius: 0 0 0.5rem 0;
-}
-
-.skip-to-content:focus {
-  left: 0;
-}
-
-/* Shimmer animation for active progress bars */
-@keyframes shimmer {
-  0% {
-    background-position: -200% 0;
-  }
-  100% {
-    background-position: 200% 0;
-  }
-}
-
-.animate-shimmer {
-  background-size: 200% 100%;
-  animation: shimmer 2s ease-in-out infinite;
-}
-
-/* Card entrance animation */
-@keyframes fade-in-up {
-  from {
-    opacity: 0;
-    transform: translateY(8px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-.animate-fade-in-up {
-  animation: fade-in-up 0.3s ease-out both;
-}
-
-/* File-tree row reveal: newly mounted rows (e.g. children of a just-expanded
-   folder) fade + slide in. Existing rows keep their DOM node across re-renders,
-   so the animation plays once on mount and never replays on re-render. */
-@keyframes tree-row-reveal {
-  from {
-    opacity: 0;
-    transform: translateY(-3px);
-  }
-  to {
-    /* opacity omitted on purpose: with fill-mode both it animates toward the
-       element's underlying value, so dotfiles keep their opacity-40 dimming
-       instead of being forced to full opacity. */
-    transform: translateY(0);
-  }
-}
-
-.tree-row-reveal {
-  animation: tree-row-reveal 0.16s ease-out both;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .tree-row-reveal {
-    animation: none;
-  }
-}
-
-/* Hide Next.js dev mode indicator */
-[data-next-mark],
-nextjs-portal {
-  display: none;
-}
-
-/* Custom scrollbar — light mode */
-@layer base {
-  ::-webkit-scrollbar {
-    width: 8px;
-    height: 8px;
-  }
-  ::-webkit-scrollbar-track {
-    background: transparent;
-  }
-  ::-webkit-scrollbar-thumb {
-    background: #d6d3d1;
-    border-radius: 4px;
-  }
-  ::-webkit-scrollbar-thumb:hover {
-    background: #a8a29e;
-  }
-}
-
-/* Custom scrollbar — dark theme override */
-@layer base {
-  .dark ::-webkit-scrollbar {
-    width: 8px;
-    height: 8px;
-  }
-  .dark ::-webkit-scrollbar-track {
-    background: transparent;
-  }
-  .dark ::-webkit-scrollbar-thumb {
-    background: #292524;
-    border-radius: 4px;
-  }
-  .dark ::-webkit-scrollbar-thumb:hover {
-    background: #4e4e4e;
-  }
-}
-
-/* ============================================================ */
-/* Editor: tiptap / ProseMirror                                  */
-/* Reconciled to ElevenLabs design tokens.                        */
-/* ============================================================ */
-
-.tiptap {
-  font-size: 0.875rem;
-  line-height: 1.55;
-  letter-spacing: -0.01em;
-  outline: none;
-}
-
-.tiptap h1 {
-  font-size: 1.5rem;
-  font-weight: 600;
-  line-height: 1.25;
-  letter-spacing: -0.02em;
-  margin: 1.5rem 0 0.5rem;
-}
-
-.tiptap h2 {
-  font-size: 1.25rem;
-  font-weight: 600;
-  line-height: 1.3;
-  letter-spacing: -0.015em;
-  margin: 1.25rem 0 0.4rem;
-}
-
-.tiptap h3 {
-  font-size: 1.0625rem;
-  font-weight: 600;
-  line-height: 1.4;
-  letter-spacing: -0.01em;
-  margin: 1rem 0 0.35rem;
-}
-
-.tiptap h4 {
-  font-size: 0.9375rem;
-  font-weight: 600;
-  line-height: 1.4;
-  margin: 0.85rem 0 0.3rem;
-}
-
-.tiptap p {
-  margin-bottom: 0.6rem;
-}
-
-.tiptap ul,
-.tiptap ol {
-  padding-left: 1.4rem;
-  margin-bottom: 0.6rem;
-}
-
-.tiptap li p {
-  margin-bottom: 0.2rem;
-}
-
-.tiptap blockquote {
-  border-left: 2px solid var(--border);
-  padding-left: 0.85rem;
-  color: var(--muted-foreground);
-  font-style: italic;
-}
-
-.tiptap code {
-  background: var(--muted);
-  color: var(--foreground);
-  padding: 0.1rem 0.3rem;
-  border-radius: var(--radius);
-  font-size: 0.85em;
-  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
-}
-
-.tiptap pre {
-  background: var(--muted);
-  color: var(--foreground);
-  padding: 0.75rem 0.9rem;
-  border-radius: calc(var(--radius) * 2);
-  overflow-x: auto;
-  font-size: 0.8125rem;
-  line-height: 1.55;
-  margin: 0.75rem 0;
-}
-
-.tiptap pre code {
-  background: transparent;
-  padding: 0;
-}
-
-.tiptap pre code .hljs-keyword,
-.tiptap pre code .hljs-selector-tag,
-.tiptap pre code .hljs-built_in {
-  color: var(--accent-foreground);
-  font-weight: 500;
-}
-
-.tiptap pre code .hljs-string,
-.tiptap pre code .hljs-attr {
-  color: var(--success);
-}
-
-.tiptap pre code .hljs-number,
-.tiptap pre code .hljs-literal,
-.tiptap pre code .hljs-bullet,
-.tiptap pre code .hljs-symbol {
-  color: var(--warning-ink);
-}
-
-.tiptap pre code .hljs-comment,
-.tiptap pre code .hljs-quote {
-  color: var(--muted-foreground);
-  font-style: italic;
-}
-
-.tiptap pre code .hljs-function,
-.tiptap pre code .hljs-title,
-.tiptap pre code .hljs-section {
-  color: var(--accent-foreground);
-  font-weight: 600;
-}
-
-.tiptap pre code .hljs-type,
-.tiptap pre code .hljs-class .hljs-title,
-.tiptap pre code .hljs-name,
-.tiptap pre code .hljs-meta {
-  color: var(--warning-ink);
-}
-
-.tiptap pre code .hljs-variable,
-.tiptap pre code .hljs-template-variable,
-.tiptap pre code .hljs-attribute {
-  color: var(--foreground);
-}
-
-.tiptap pre code .hljs-tag,
-.tiptap pre code .hljs-regexp {
-  color: var(--destructive);
-}
-
-.tiptap pre code .hljs-emphasis {
-  font-style: italic;
-}
-
-.tiptap pre code .hljs-strong {
-  font-weight: 600;
-}
-
-/* Standalone source viewer (non-Markdown files). Mirrors the tiptap palette
-   so syntax colors follow the active theme instead of a hardcoded dark scheme. */
-.source-viewer-code .hljs-keyword,
-.source-viewer-code .hljs-selector-tag,
-.source-viewer-code .hljs-built_in {
-  color: var(--accent-foreground);
-  font-weight: 500;
-}
-
-.source-viewer-code .hljs-string,
-.source-viewer-code .hljs-attr {
-  color: var(--success);
-}
-
-.source-viewer-code .hljs-number,
-.source-viewer-code .hljs-literal,
-.source-viewer-code .hljs-bullet,
-.source-viewer-code .hljs-symbol {
-  color: var(--warning-ink);
-}
-
-.source-viewer-code .hljs-comment,
-.source-viewer-code .hljs-quote {
-  color: var(--muted-foreground);
-  font-style: italic;
-}
-
-.source-viewer-code .hljs-function,
-.source-viewer-code .hljs-title,
-.source-viewer-code .hljs-section {
-  color: var(--accent-foreground);
-  font-weight: 600;
-}
-
-.source-viewer-code .hljs-type,
-.source-viewer-code .hljs-class .hljs-title,
-.source-viewer-code .hljs-name,
-.source-viewer-code .hljs-meta {
-  color: var(--warning-ink);
-}
-
-.source-viewer-code .hljs-variable,
-.source-viewer-code .hljs-template-variable,
-.source-viewer-code .hljs-attribute {
-  color: var(--foreground);
-}
-
-.source-viewer-code .hljs-tag,
-.source-viewer-code .hljs-regexp {
-  color: var(--destructive);
-}
-
-.source-viewer-code .hljs-emphasis {
-  font-style: italic;
-}
-
-.source-viewer-code .hljs-strong {
-  font-weight: 600;
-}
-
-.tiptap hr {
-  border: 0;
-  border-top: 1px solid var(--border);
-  margin: 1.25rem 0;
-}
-
-.tiptap a {
-  color: var(--accent-foreground);
-  text-decoration: underline;
-  text-underline-offset: 2px;
-}
-
-.tiptap strong {
-  font-weight: 600;
-  color: var(--foreground);
-}
-
-.tiptap p.is-editor-empty:first-child::before {
-  content: attr(data-placeholder);
-  color: var(--muted-foreground);
-  float: left;
-  height: 0;
-  pointer-events: none;
-}
-
-.tiptap .tableWrapper {
-  overflow-x: auto;
-  margin: 0.75rem 0;
-}
-
-.tiptap table {
-  border-collapse: collapse;
-  table-layout: fixed;
-  width: 100%;
-  margin: 0.75rem 0;
-  overflow: hidden;
-  border-radius: var(--radius);
-  border: 1px solid var(--border);
-}
-
-.tiptap th,
-.tiptap td {
-  border: 1px solid var(--border);
-  padding: 0.4rem 0.6rem;
-  vertical-align: top;
-  position: relative;
-}
-
-.tiptap th {
-  background: var(--muted);
-  font-weight: 600;
-  text-align: left;
-}
-
-.tiptap td {
-  background: transparent;
-}
-
-.tiptap tr:hover td {
-  background: color-mix(in srgb, var(--muted) 60%, transparent);
-}
-
-.tiptap .selectedCell {
-  background: color-mix(in srgb, var(--accent-foreground) 10%, transparent);
-  position: relative;
-}
-
-.tiptap .selectedCell::after {
-  content: "";
-  position: absolute;
-  inset: 0;
-  pointer-events: none;
-  background: color-mix(in srgb, var(--accent-foreground) 6%, transparent);
-}
-
-.tiptap .column-resize-handle {
-  position: absolute;
-  right: -2px;
-  top: 0;
-  bottom: -2px;
-  width: 4px;
-  background: var(--accent-foreground);
-  pointer-events: none;
-}
-
-.tiptap.resize-cursor {
-  cursor: col-resize;
-}
-
-.tiptap .task-list {
-  list-style: none;
-  padding-left: 0;
-}
-
-.tiptap .task-list li {
-  display: flex;
-  align-items: flex-start;
-  gap: 0.5rem;
-  margin-bottom: 0.25rem;
-}
-
-.tiptap .task-list li > label {
-  flex-shrink: 0;
-  margin-top: 0.2rem;
-  user-select: none;
-}
-
-.tiptap .task-list li label input[type="checkbox"] {
-  appearance: none;
-  width: 0.95rem;
-  height: 0.95rem;
-  border: 1.5px solid var(--border);
-  border-radius: var(--radius);
-  background: var(--background);
-  cursor: pointer;
-  position: relative;
-  transition: border-color 120ms;
-}
-
-.tiptap .task-list li label input[type="checkbox"]:checked {
-  background: var(--accent-foreground);
-  border-color: var(--accent-foreground);
-}
-
-.tiptap .task-list li label input[type="checkbox"]:checked::after {
-  content: "✓";
-  color: var(--background);
-  font-size: 0.7rem;
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -52%);
-}
-
-.tiptap .task-list li[data-checked="true"] > div > p {
-  color: var(--muted-foreground);
-  text-decoration: line-through;
-}
-
-.tiptap .callout-info {
-  border-left: 2px solid var(--accent-foreground);
-  background: color-mix(in srgb, var(--accent-foreground) 10%, transparent);
-}
-
-.tiptap .callout-warning {
-  border-left: 2px solid var(--warning-ink);
-  background: var(--warning-soft);
-}
-
-.tiptap .callout-success {
-  border-left: 2px solid var(--success);
-  background: var(--success-soft);
-}
-
-.tiptap .callout-error {
-  border-left: 2px solid var(--destructive);
-  background: var(--destructive-soft);
-}
-
-.tiptap .resizable-image {
-  position: relative;
-  max-width: 100%;
-  height: auto;
-  display: block;
-  margin: 0.75rem 0;
-  border-radius: var(--radius);
-}
-
-.tiptap .resizable-image[data-align="left"] {
-  margin-left: 0;
-  margin-right: auto;
-}
-
-.tiptap .resizable-image[data-align="right"] {
-  margin-left: auto;
-  margin-right: 0;
-}
-
-.tiptap .resizable-image[data-align="center"] {
-  margin-left: auto;
-  margin-right: auto;
-}
-
-.tiptap [style*="text-align: center"] {
-  text-align: center;
-}
-
-.tiptap [style*="text-align: right"] {
-  text-align: right;
-}
-
-.tiptap [style*="text-align: justify"] {
-  text-align: justify;
-}
-
-.tiptap a[href$=".pdf"]::after {
-  content: "📄";
-  color: var(--muted-foreground);
-  font-size: 0.75em;
-  margin-left: 0.25rem;
-}
-
-#cabinet-drag-handle {
-  font-family: var(--font-sans);
-  background: var(--muted);
-  color: var(--muted-foreground);
-  border-radius: var(--radius);
-}
-
-#cabinet-drag-handle:hover {
-  background: var(--accent);
-  color: var(--accent-foreground);
-}
-
-#cabinet-drag-handle:active {
-  cursor: grabbing;
-}
-
-#cabinet-gutter-add {
-  background: var(--muted);
-  color: var(--muted-foreground);
-  border-radius: var(--radius);
-}
-
-#cabinet-gutter-add:hover {
-  background: var(--accent);
-  color: var(--accent-foreground);
-}
-
-.tiptap :is(h1, h2, h3, h4)[id] {
-  position: relative;
-}
-
-.tiptap :is(h1, h2, h3, h4)[id]::before {
-  content: "#";
-  position: absolute;
-  left: -1em;
-  opacity: 0;
-  color: var(--muted-foreground);
-  transition:
-    opacity 120ms ease,
-    color 120ms ease;
-  pointer-events: none;
-}
-
-.tiptap :is(h1, h2, h3, h4)[id]:hover::before {
-  opacity: 1;
-  color: var(--accent-foreground);
-}
-
-/* Wiki-link mark styles */
-.wiki-link {
-  color: var(--accent-foreground);
-  text-decoration: none;
-  border-bottom: 1px dotted var(--accent-foreground);
-  padding: 0 1px;
-  cursor: pointer;
-  transition:
-    color 120ms,
-    background 120ms;
-}
-.wiki-link:hover {
-  background: color-mix(in srgb, var(--accent-foreground) 10%, transparent);
-  border-bottom-style: solid;
-}
-.wiki-link[data-broken="true"],
-.wiki-link:has([data-broken="true"]) {
-  color: var(--destructive);
-  opacity: 0.6;
-  border-bottom: none;
-  text-decoration: line-through;
-}
-/* ProseMirror wraps text in a span — also target it directly */
-.wiki-link [data-broken="true"] {
-  text-decoration: line-through;
-  color: var(--destructive);
-}
-.wiki-link[data-broken="true"]:hover,
-.wiki-link:has([data-broken="true"]):hover {
-  opacity: 1;
-  background: color-mix(in srgb, var(--destructive) 10%, transparent);
-}
-
-/* Proof-span provenance marks */
-proof-span.proof-span,
-.proof-span {
-  background: linear-gradient(
-    to right,
-    rgba(165, 180, 252, 0.08),
-    rgba(165, 180, 252, 0)
-  );
-  border-left: 2px solid rgb(165, 180, 252);
-  padding-left: 4px;
-  border-radius: 2px;
-  cursor: pointer;
-  transition: background 120ms ease;
-}
-proof-span.proof-span[origin="human"],
-.proof-span[origin="human"] {
-  border-left-color: rgb(110, 231, 183);
-  background: linear-gradient(
-    to right,
-    rgba(110, 231, 183, 0.08),
-    rgba(110, 231, 183, 0)
-  );
-}
-proof-span.proof-span:hover,
-.proof-span:hover {
-  background: linear-gradient(
-    to right,
-    rgba(165, 180, 252, 0.18),
-    rgba(165, 180, 252, 0.04)
-  );
-}
-.dark proof-span.proof-span,
-.dark .proof-span {
-  background: linear-gradient(
-    to right,
-    rgba(165, 180, 252, 0.14),
-    rgba(165, 180, 252, 0)
-  );
-}
-
-/* Read-only markdown viewer code styling */
-.md-pre {
-  background: var(--muted);
-  color: var(--foreground);
-  padding: 0.75rem 0.9rem;
-  border-radius: calc(var(--radius) * 2);
-  overflow-x: auto;
-  font-size: 0.8125rem;
-  line-height: 1.55;
-  margin: 0.75rem 0;
-}
-.md-pre .md-code,
-.md-pre code {
-  background: transparent;
-  color: inherit;
-  padding: 0;
-  border-radius: 0;
-  font-size: inherit;
-  white-space: pre;
-  display: block;
-}
-.md-code {
-  background: var(--muted);
-  color: var(--foreground);
-  padding: 0.1rem 0.3rem;
-  border-radius: var(--radius);
-  font-size: 0.85em;
-  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
-}
-
-/* ============================================================ */
-/* EDITORIAL SKIN — "Literary Review"                           */
-/* All rules MUST remain scoped under [data-skin="editorial"]   */
-/* ============================================================ */
-
-/* === Token overrides: light === */
-[data-skin="editorial"] {
-  --background: #faf6f0;
-  --foreground: #1a1714;
-  --card: #fffdfa;
-  --card-foreground: #1a1714;
-  --popover: #fffdfa;
-  --popover-foreground: #1a1714;
-  --primary: #b54a1f;
-  --primary-foreground: #fffdfa;
-  --primary-soft: #f3e2d8;
-  --secondary: #f1ebe1;
-  --secondary-foreground: #1a1714;
-  --muted: #f1ebe1;
-  --muted-foreground: #756c5f;
-  --accent: #f1ebe1;
-  --accent-foreground: #b54a1f;
-  --accent-soft: #f3e2d8;
-  --destructive: #b3261e;
-  --destructive-foreground: #fffdfa;
-  --destructive-soft: #f7dcda;
-  --success: #4a7c59;
-  --success-soft: #dceadf;
-  --warning: #b8860b;
-  --warning-soft: #f5ecd2;
-  --warning-ink: #8a6508;
-  --info: #1a1714;
-  --border: #ddd2c2;
-  --input: #ccc0ad;
-  --switch-checked: #b54a1f;
-  --ring: #b54a1f;
-  --overlay: rgb(26 23 20 / 0.4);
-  --radius: 4px;
-  --sidebar-background: #f4eee4;
-  --sidebar-foreground: #1a1714;
-  --sidebar-primary: #b54a1f;
-  --sidebar-primary-foreground: #fffdfa;
-  --sidebar-accent: #faf6f0;
-  --sidebar-accent-foreground: #b54a1f;
-  --sidebar-border: #ddd2c2;
-  --sidebar-ring: #b54a1f;
-}
-
-/* === Token overrides: dark === */
-[data-skin="editorial"].dark {
-  --background: #1a1714;
-  --foreground: #ece4d8;
-  --card: #221e1a;
-  --card-foreground: #ece4d8;
-  --popover: #221e1a;
-  --popover-foreground: #ece4d8;
-  --primary: #e8a07d;
-  --primary-foreground: #1a1714;
-  --primary-soft: #3a2c22;
-  --secondary: #262019;
-  --secondary-foreground: #ece4d8;
-  --muted: #262019;
-  --muted-foreground: #a89e8e;
-  --accent: #2c2620;
-  --accent-foreground: #e8a07d;
-  --accent-soft: #3a2c22;
-  --destructive: #e5544b;
-  --destructive-foreground: #1a1714;
-  --destructive-soft: #4a211d;
-  --success: #7fae8c;
-  --success-soft: #24341f;
-  --warning: #d9a441;
-  --warning-soft: #3a2e18;
-  --warning-ink: #d9a441;
-  --info: #ece4d8;
-  --border: #382f26;
-  --input: #4a3f33;
-  --switch-checked: #e8a07d;
-  --ring: #e8a07d;
-  --overlay: rgb(0 0 0 / 0.6);
-  --sidebar-background: #161310;
-  --sidebar-foreground: #ece4d8;
-  --sidebar-primary: #e8a07d;
-  --sidebar-primary-foreground: #1a1714;
-  --sidebar-accent: #221e1a;
-  --sidebar-accent-foreground: #e8a07d;
-  --sidebar-border: #382f26;
-  --sidebar-ring: #e8a07d;
-}
-
-/* === Body typography === */
-[data-skin="editorial"] body {
-  font-family: var(--font-newsreader), Georgia, serif;
-}
-
-/* === Prose redesign: .tiptap === */
-[data-skin="editorial"] .tiptap {
-  font-family: var(--font-newsreader), Georgia, serif;
-  font-size: 1.0625rem;
-  line-height: 1.65;
-  letter-spacing: 0;
-  text-rendering: optimizeLegibility;
-  font-feature-settings: "liga", "kern";
-  /* Width is controlled by the Narrow/Normal/Wide toggle via --editor-max-w.
-     Do not hardcode a measure here or the toggle stops working in editorial. */
-}
-
-[data-skin="editorial"] .tiptap h1,
-[data-skin="editorial"] .tiptap h2,
-[data-skin="editorial"] .tiptap h3,
-[data-skin="editorial"] .tiptap h4,
-[data-skin="editorial"] .tiptap h5,
-[data-skin="editorial"] .tiptap h6 {
-  font-family: var(--font-fraunces), Georgia, serif;
-  letter-spacing: -0.01em;
-}
-
-[data-skin="editorial"] .tiptap h1 {
-  font-size: 2.25rem;
-  font-weight: 600;
-  line-height: 1.15;
-  margin: 0 0 0.5rem;
-}
-
-[data-skin="editorial"] .tiptap h2 {
-  font-size: 1.6rem;
-  font-weight: 600;
-  line-height: 1.2;
-  margin: 2em 0 0.45rem;
-}
-
-[data-skin="editorial"] .tiptap h3 {
-  font-size: 1.25rem;
-  font-weight: 600;
-  line-height: 1.3;
-  margin: 1.6em 0 0.4rem;
-}
-
-[data-skin="editorial"] .tiptap h4 {
-  font-size: 1.05rem;
-  font-weight: 600;
-  font-variant: small-caps;
-  margin: 1.4em 0 0.35rem;
-}
-
-[data-skin="editorial"] .tiptap p {
-  margin-bottom: 0.75rem;
-}
-
-/* Blockquote */
-[data-skin="editorial"] .tiptap blockquote {
-  border-left: 3px solid var(--primary);
-  border-radius: 4px;
-  background: transparent;
-  padding: 0.25rem 0 0.25rem 1.1rem;
-  font-style: italic;
-  font-size: 1.15rem;
-  color: var(--foreground);
-  margin: 1.25rem 0;
-}
-
-/* Inline code */
-[data-skin="editorial"] .tiptap code {
-  font-family: var(--font-plex-mono), ui-monospace, Menlo, monospace;
-  font-size: 0.85em;
-  background: var(--muted);
-  border: 1px solid var(--border);
-  border-radius: 0;
-  padding: 0.05rem 0.3rem;
-}
-
-/* Code block */
-[data-skin="editorial"] .tiptap pre {
-  font-family: var(--font-plex-mono), ui-monospace, Menlo, monospace;
-  border-radius: 0;
-  border-top: 1px solid var(--border);
-  border-bottom: 1px solid var(--border);
-  border-left: none;
-  border-right: none;
-  background: var(--muted);
-}
-
-[data-skin="editorial"] .tiptap pre code {
-  font-family: inherit;
-  background: transparent;
-  border: none;
-  padding: 0;
-}
-
-/* Links */
-[data-skin="editorial"] .tiptap a {
-  color: var(--primary);
-  text-decoration: underline;
-  text-underline-offset: 2px;
-  text-decoration-thickness: 1px;
-}
-
-/* Lists */
-[data-skin="editorial"] .tiptap ul {
-  list-style-type: square;
-}
-
-[data-skin="editorial"] .tiptap ol {
-  list-style-type: decimal;
-}
-
-/* HR — asterism ornament */
-[data-skin="editorial"] .tiptap hr {
-  border: none;
-  margin: 2.5rem 0;
-  height: 0;
-}
-
-[data-skin="editorial"] .tiptap hr::before {
-  content: "\2733 \00A0 \2733 \00A0 \2733";
-  display: block;
-  text-align: center;
-  font-family: var(--font-fraunces), Georgia, serif;
-  color: var(--muted-foreground);
-  letter-spacing: 0.4em;
-  font-size: 0.9rem;
-}
-
-/* Tables */
-[data-skin="editorial"] .tiptap table {
-  border-radius: 4px;
-  border-collapse: collapse;
-}
-
-[data-skin="editorial"] .tiptap th,
-[data-skin="editorial"] .tiptap td {
-  border: 1px solid var(--border);
-  border-radius: 0;
-}
-
-[data-skin="editorial"] .tiptap th {
-  font-family: var(--font-fraunces), Georgia, serif;
-  font-variant: small-caps;
-  font-size: 0.9em;
-  letter-spacing: 0.06em;
-}
-
-/* === Chrome: toolbars === */
-[data-skin="editorial"] .bg-muted.border-b,
-[data-skin="editorial"] .bg-muted\/50.border-b {
-  background-color: var(--background) !important;
-}
-
-/* === File tree: mono font + active terracotta === */
-[data-skin="editorial"] .editorial-file-tree {
-  font-family: var(--font-plex-mono), ui-monospace, Menlo, monospace;
-  font-size: 0.8125rem;
-}
-
-[data-skin="editorial"] .editorial-file-tree .bg-accent-soft {
-  border-left: 2px solid var(--primary);
-  color: var(--primary);
-  background: transparent;
-  border-radius: 4px;
-}
-
-[data-skin="editorial"] .editorial-file-tree [role="treeitem"]:hover,
-[data-skin="editorial"] .editorial-file-tree .hover\:bg-muted:hover {
-  background: var(--muted);
-  border-radius: 4px;
-}
-
-/* === Sidebar header sections === */
-[data-skin="editorial"] h3.editorial-section-label {
-  font-family: var(--font-fraunces), Georgia, serif;
-  font-variant: small-caps;
-  letter-spacing: 0.12em;
-  position: relative;
-  padding-bottom: 0.25rem;
-}
-
-[data-skin="editorial"] h3.editorial-section-label::after {
-  content: "";
-  display: block;
-  width: 1.5rem;
-  height: 1px;
-  background: var(--primary);
-  margin-top: 0.25rem;
-}
-
-/* === Content pane document header: Scotch rule (double rule) === */
-[data-skin="editorial"] .editorial-doc-header {
-  border-bottom: 3px double var(--foreground) !important;
-  background-color: var(--background) !important;
-}
-
-[data-skin="editorial"] .editorial-doc-header span {
-  font-family: var(--font-fraunces), Georgia, serif;
-  letter-spacing: -0.01em;
-  font-size: 0.9375rem;
-}
-
-/* === Outline panel: mono + uppercase tracked label === */
-[data-skin="editorial"] .editorial-outline {
-  font-family: var(--font-plex-mono), ui-monospace, Menlo, monospace;
-  font-size: 0.8125rem;
-}
-
-[data-skin="editorial"] .editorial-outline .editorial-outline-heading {
-  font-family: var(--font-fraunces), Georgia, serif;
-  font-variant: small-caps;
-  letter-spacing: 0.12em;
-  color: var(--muted-foreground);
-}
-
-[data-skin="editorial"] .editorial-outline a:hover,
-[data-skin="editorial"] .editorial-outline .editorial-outline-active {
-  color: var(--primary);
-}
-
-/* === Buttons: soft 4px corners === */
-[data-skin="editorial"] button,
-[data-skin="editorial"] [role="button"] {
-  border-radius: 4px;
-}
-
-/* === Inputs: soft 4px corners === */
-[data-skin="editorial"] input,
-[data-skin="editorial"] textarea,
-[data-skin="editorial"] select {
-  border-radius: 4px;
-}
-
-/* === Settings section labels (h3) === */
-[data-skin="editorial"] .settings-section-label {
-  font-family: var(--font-fraunces), Georgia, serif;
-  font-variant: small-caps;
-  letter-spacing: 0.1em;
-}
-
-/* === Load fade-in === */
-[data-skin="editorial"] main,
-[data-skin="editorial"] .editorial-content-pane {
-  animation: editorial-fade-in 400ms ease-out;
-}
-
-@keyframes editorial-fade-in {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-
-/* === Hover transitions === */
-[data-skin="editorial"] a,
-[data-skin="editorial"] button {
-  transition:
-    color 120ms,
-    background-color 120ms;
-}
-
-/* === md-pre / md-code viewer in editorial === */
-[data-skin="editorial"] .md-pre {
-  font-family: var(--font-plex-mono), ui-monospace, Menlo, monospace;
-  border-radius: 0;
-  border-top: 1px solid var(--border);
-  border-bottom: 1px solid var(--border);
-  background: var(--muted);
-}
-
-[data-skin="editorial"] .md-code {
-  font-family: var(--font-plex-mono), ui-monospace, Menlo, monospace;
-  border-radius: 0;
-  border: 1px solid var(--border);
-}
-
-/* === File-type icon wrapper: transparent to layout in default skin === */
-.editorial-tree-typeicon {
-  display: contents;
-}
-
-/* Editorial: keep file-type icons for scanning, but render as restrained
-   monochrome ink (drop the colored type tints) for a print-engraving feel. */
-[data-skin="editorial"] .editorial-tree-typeicon svg {
-  color: var(--muted-foreground) !important;
-  stroke-width: 1.75;
-  opacity: 0.85;
-}
-
-/* Active file: icon picks up the terracotta accent like its label */
-[data-skin="editorial"] .bg-accent-soft .editorial-tree-typeicon svg {
-  color: var(--primary) !important;
-  opacity: 1;
-}
-
-/* === Mobile readiness === */
-
-/* Coarse-pointer (touch) devices: hover-gated row actions are always visible.
-   Desktop hover-reveal behavior is preserved via the existing
-   `opacity-0 group-hover:opacity-100 ... max-w-0 group-hover:max-w-7` classes. */
-@media (hover: none) {
-  .hover-reveal {
-    opacity: 1 !important;
-    max-width: none !important;
-  }
-}
-
-/* Scoped tap-target sizing: only the specific controls marked
-   `touch-target` get the 44×44 minimum on coarse pointers. We avoid a
-   blanket button rule so the editor toolbar density does not regress. */
-@media (hover: none) and (pointer: coarse) {
-  .touch-target {
-    min-height: 44px;
-    min-width: 44px;
-  }
-  .resize-hit {
-    width: 1.5rem;
-  }
-}