@forgedevstack/ink 1.1.3 → 1.1.6

package/dist/styles.css

@@ -1,721 +1 @@
-.Ink-Editor {
-  --ink-border: #e5e7eb;
-  --ink-bg: #ffffff;
-  --ink-toolbar: #f8fafc;
-  --ink-text: #0f172a;
-  --ink-muted: #64748b;
-  --ink-accent: #0d9488;
-  --ink-accent-soft: #ccfbf1;
-  --ink-shadow: 0 10px 40px rgb(15 23 42 / 0.08);
-  --ink-radius: 1rem;
-  --ink-font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
-  --ink-ai-accent: var(--ink-accent);
-  --ink-ai-surface: #f8fafc;
-  --ink-ai-border: var(--ink-border);
-  border: 1px solid var(--ink-border);
-  border-radius: var(--ink-radius);
-  overflow: hidden;
-  background: var(--ink-bg);
-  color: var(--ink-text);
-  box-shadow: var(--ink-shadow);
-  font-family: var(--ink-font-family);
-}
-
-.Ink-Editor[data-wysiwyg='true'] .Ink-Editor__content {
-  font-family: inherit;
-  line-height: 1.65;
-}
-
-.Ink-Editor[data-wysiwyg='true'] .Ink-Editor__content img {
-  max-width: 100%;
-  height: auto;
-}
-
-.Ink-Editor[data-wysiwyg='true'] .Ink-Editor__content table {
-  border-collapse: collapse;
-  width: 100%;
-}
-
-.Ink-Editor[data-wysiwyg='true'] .Ink-Editor__content th,
-.Ink-Editor[data-wysiwyg='true'] .Ink-Editor__content td {
-  border: 1px solid var(--ink-border);
-  padding: 0.4rem 0.6rem;
-}
-
-.Ink-Editor[data-variant='document'] {
-  --ink-toolbar: #ffffff;
-  box-shadow: 0 4px 24px rgb(15 23 42 / 0.06);
-}
-
-.Ink-Editor[data-disabled='true'] {
-  opacity: 0.6;
-  pointer-events: none;
-}
-
-.Ink-Editor__toolbar {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: 0.2rem;
-  padding: 0.55rem 0.65rem;
-  border-bottom: 1px solid var(--ink-border);
-  background: var(--ink-toolbar);
-}
-
-.Ink-Editor__button,
-.Ink-Editor__select {
-  border: 0;
-  background: transparent;
-  color: inherit;
-  border-radius: 0.45rem;
-  cursor: pointer;
-}
-
-.Ink-Editor__button {
-  min-width: 2rem;
-  height: 2rem;
-  padding: 0 0.4rem;
-  font-weight: 650;
-  font-size: 0.85rem;
-}
-
-.Ink-Editor__button:hover,
-.Ink-Editor__select:hover {
-  background: rgb(15 23 42 / 0.05);
-}
-
-.Ink-Editor__button--active {
-  background: var(--ink-accent-soft);
-  color: var(--ink-accent);
-}
-
-.Ink-Editor__select {
-  height: 2rem;
-  padding: 0 0.5rem;
-  border: 1px solid transparent;
-}
-
-.Ink-Editor__select:focus {
-  outline: none;
-  border-color: var(--ink-accent);
-  background: #fff;
-}
-
-.Ink-Editor__divider {
-  width: 1px;
-  height: 1.25rem;
-  margin: 0 0.3rem;
-  background: var(--ink-border);
-}
-
-.Ink-Editor__color {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 2rem;
-  height: 2rem;
-  cursor: pointer;
-}
-
-.Ink-Editor__color input {
-  position: absolute;
-  inset: 0;
-  opacity: 0;
-  cursor: pointer;
-}
-
-.Ink-Editor__color-swatch {
-  width: 1rem;
-  height: 1rem;
-  border-radius: 999px;
-  border: 1px solid var(--ink-border);
-}
-
-.Ink-Editor__shell {
-  position: relative;
-  display: flex;
-  align-items: stretch;
-  min-height: 0;
-}
-
-.Ink-Editor__body {
-  position: relative;
-  flex: 1 1 auto;
-  min-width: 0;
-}
-
-.Ink-Editor__content {
-  min-height: 150px;
-  padding: 1.1rem 1.25rem 1.1rem 2.5rem;
-  outline: none;
-  overflow: auto;
-  line-height: 1.65;
-}
-
-.Ink-Editor[data-variant='document'] .Ink-Editor__content {
-  padding: 2rem 2.5rem 2rem 3rem;
-  max-width: 48rem;
-  margin: 0 auto;
-}
-
-.Ink-Editor__content:empty::before {
-  content: attr(data-placeholder);
-  color: var(--ink-muted);
-  pointer-events: none;
-}
-
-.Ink-Editor__content img {
-  max-width: 100%;
-  height: auto;
-  border-radius: 0.35rem;
-}
-
-.Ink-Editor__content h1,
-.Ink-Editor__content h2,
-.Ink-Editor__content h3,
-.Ink-Editor__content h4,
-.Ink-Editor__content h5,
-.Ink-Editor__content h6 {
-  margin: 0.85rem 0 0.45rem;
-  line-height: 1.25;
-}
-
-.Ink-Editor__content p,
-.Ink-Editor__content ul,
-.Ink-Editor__content ol,
-.Ink-Editor__content blockquote,
-.Ink-Editor__content pre {
-  margin: 0.55rem 0;
-}
-
-.Ink-Editor__content .Ink-block--active {
-  outline: 1px solid rgb(13 148 136 / 0.35);
-  border-radius: 0.35rem;
-  background: rgb(13 148 136 / 0.03);
-}
-
-.Ink-Editor__content .Ink-table {
-  width: 100%;
-  border-collapse: collapse;
-  margin: 0.75rem 0;
-  font-size: 0.95rem;
-}
-
-.Ink-Editor__content .Ink-table th,
-.Ink-Editor__content .Ink-table td {
-  border: 1px solid var(--ink-border);
-  padding: 0.45rem 0.6rem;
-  min-width: 4rem;
-}
-
-.Ink-Editor__content .Ink-table th {
-  background: #f1f5f9;
-  font-weight: 650;
-  text-align: left;
-}
-
-.Ink-Editor__content .Ink-tc-insert {
-  background: rgb(34 197 94 / 0.18);
-  text-decoration: none;
-  color: inherit;
-}
-
-.Ink-Editor__content .Ink-tc-delete {
-  background: rgb(239 68 68 / 0.14);
-  color: #991b1b;
-}
-
-.Ink-Editor__content .Ink-comment-mark {
-  background: #fde047;
-  border-radius: 0.15rem;
-  padding: 0 0.1rem;
-}
-
-.Ink-Editor__footer {
-  padding: 0.35rem 0.75rem;
-  border-top: 1px solid var(--ink-border);
-  font-size: 0.75rem;
-  color: var(--ink-muted);
-  text-align: right;
-}
-
-.Ink-BlockHandles {
-  position: absolute;
-  left: 0.25rem;
-  z-index: 2;
-  display: flex;
-  flex-direction: column;
-  gap: 0.1rem;
-}
-
-.Ink-BlockHandles__grip,
-.Ink-BlockHandles__btn {
-  width: 1.5rem;
-  height: 1.35rem;
-  border: 0;
-  border-radius: 0.3rem;
-  background: #fff;
-  box-shadow: 0 1px 3px rgb(15 23 42 / 0.12);
-  color: var(--ink-muted);
-  cursor: pointer;
-  font-size: 0.7rem;
-  line-height: 1;
-}
-
-.Ink-BlockHandles__btn:hover,
-.Ink-BlockHandles__grip:hover {
-  color: var(--ink-accent);
-  background: var(--ink-accent-soft);
-}
-
-.Ink-Slash {
-  position: absolute;
-  z-index: 5;
-  min-width: 12rem;
-  background: #fff;
-  border: 1px solid var(--ink-border);
-  border-radius: 0.65rem;
-  box-shadow: 0 12px 32px rgb(15 23 42 / 0.12);
-  padding: 0.3rem;
-}
-
-.Ink-Slash__item {
-  display: block;
-  width: 100%;
-  text-align: left;
-  border: 0;
-  background: transparent;
-  padding: 0.45rem 0.6rem;
-  border-radius: 0.4rem;
-  cursor: pointer;
-  color: inherit;
-}
-
-.Ink-Slash__item:hover {
-  background: var(--ink-accent-soft);
-  color: var(--ink-accent);
-}
-
-.Ink-TrackBar {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: 0.5rem;
-  padding: 0.45rem 0.75rem;
-  border-bottom: 1px solid var(--ink-border);
-  background: #fffbeb;
-  font-size: 0.8rem;
-}
-
-.Ink-TrackBar__label {
-  font-weight: 650;
-  color: #92400e;
-}
-
-.Ink-TrackBar__actions {
-  display: flex;
-  gap: 0.25rem;
-}
-
-.Ink-TrackBar__list {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.35rem;
-  width: 100%;
-}
-
-.Ink-TrackBar__list li {
-  display: flex;
-  align-items: center;
-  gap: 0.25rem;
-  background: #fff;
-  border: 1px solid #fde68a;
-  border-radius: 0.45rem;
-  padding: 0.2rem 0.35rem;
-}
-
-.Ink-Comments {
-  width: 300px;
-  flex: 0 0 300px;
-  border-left: 1px solid var(--ink-border);
-  background: #fcfcfd;
-  display: flex;
-  flex-direction: column;
-  max-height: 100%;
-}
-
-.Ink-Comments__header,
-.Ink-Ai__header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0.65rem 0.75rem;
-  border-bottom: 1px solid var(--ink-border);
-  font-size: 0.9rem;
-}
-
-.Ink-Comments__list {
-  overflow: auto;
-  padding: 0.65rem;
-  display: flex;
-  flex-direction: column;
-  gap: 0.65rem;
-}
-
-.Ink-Comments__empty,
-.Ink-Ai__empty,
-.Ink-Ai__hint {
-  color: var(--ink-muted);
-  font-size: 0.85rem;
-  line-height: 1.45;
-}
-
-.Ink-Comments__thread {
-  border: 1px solid var(--ink-border);
-  border-radius: 0.65rem;
-  padding: 0.65rem;
-  background: #fff;
-  box-shadow: 0 1px 2px rgb(15 23 42 / 0.04);
-}
-
-.Ink-Comments__thread--resolved {
-  opacity: 0.65;
-}
-
-.Ink-Comments__meta {
-  display: flex;
-  justify-content: space-between;
-  gap: 0.5rem;
-  font-size: 0.72rem;
-  color: var(--ink-muted);
-  margin-bottom: 0.35rem;
-}
-
-.Ink-Comments__body {
-  margin: 0;
-  font-size: 0.88rem;
-}
-
-.Ink-Comments__reply {
-  margin-top: 0.5rem;
-  padding-left: 0.65rem;
-  border-left: 2px solid var(--ink-accent-soft);
-}
-
-.Ink-Comments__form {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.3rem;
-  margin-top: 0.55rem;
-}
-
-.Ink-Comments__form input,
-.Ink-Ai__form input,
-.Ink-Ai__translate select {
-  flex: 1 1 auto;
-  min-width: 0;
-  border: 1px solid var(--ink-border);
-  border-radius: 0.45rem;
-  padding: 0.4rem 0.5rem;
-  font: inherit;
-}
-
-.Ink-Comments__resolved {
-  margin: 0.4rem 0 0;
-  font-size: 0.75rem;
-  color: var(--ink-muted);
-}
-
-.Ink-Ai {
-  width: 320px;
-  flex: 0 0 320px;
-  border-left: 1px solid var(--ink-ai-border, var(--ink-border));
-  background: var(--ink-ai-surface, #f8fafc);
-  display: flex;
-  flex-direction: column;
-  max-height: 100%;
-}
-
-.Ink-Ai[data-placement='floating'] {
-  position: absolute;
-  right: 1rem;
-  top: 3.5rem;
-  z-index: 6;
-  border: 1px solid var(--ink-ai-border, var(--ink-border));
-  border-radius: 0.85rem;
-  box-shadow: 0 16px 40px rgb(15 23 42 / 0.14);
-  max-height: min(28rem, 70vh);
-}
-
-.Ink-Ai[data-placement='drawer'] {
-  position: absolute;
-  inset: 0 0 0 auto;
-  z-index: 6;
-  box-shadow: -8px 0 24px rgb(15 23 42 / 0.08);
-}
-
-.Ink-Ai__tabs {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.2rem;
-  padding: 0.4rem 0.55rem;
-  border-bottom: 1px solid var(--ink-ai-border, var(--ink-border));
-}
-
-.Ink-Ai__body {
-  flex: 1 1 auto;
-  overflow: auto;
-  padding: 0.65rem;
-  display: flex;
-  flex-direction: column;
-  gap: 0.65rem;
-}
-
-.Ink-Ai__history {
-  display: flex;
-  flex-direction: column;
-  gap: 0.45rem;
-  min-height: 8rem;
-}
-
-.Ink-Ai__turn {
-  border-radius: 0.55rem;
-  padding: 0.5rem 0.6rem;
-  background: #fff;
-  border: 1px solid var(--ink-border);
-  font-size: 0.85rem;
-}
-
-.Ink-Ai__turn span {
-  display: block;
-  font-size: 0.68rem;
-  text-transform: uppercase;
-  letter-spacing: 0.04em;
-  color: var(--ink-muted);
-  margin-bottom: 0.2rem;
-}
-
-.Ink-Ai__turn p {
-  margin: 0;
-}
-
-.Ink-Ai__turn--user {
-  border-color: rgb(13 148 136 / 0.35);
-  background: rgb(13 148 136 / 0.06);
-}
-
-.Ink-Ai__form,
-.Ink-Ai__diff-actions,
-.Ink-Ai__actions {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.35rem;
-}
-
-.Ink-Ai__action {
-  width: 100%;
-  justify-content: flex-start;
-  text-align: left;
-  background: #fff;
-  border: 1px solid var(--ink-border) !important;
-}
-
-.Ink-Ai__suggestion {
-  border: 1px solid var(--ink-border);
-  border-radius: 0.55rem;
-  padding: 0.55rem;
-  background: #fff;
-  font-size: 0.85rem;
-}
-
-.Ink-Ai__suggestion--warning {
-  border-color: #fbbf24;
-}
-
-.Ink-Ai__suggestion--error {
-  border-color: #f87171;
-}
-
-.Ink-Ai__suggestion p {
-  margin: 0.25rem 0;
-}
-
-.Ink-Ai__suggestion code {
-  display: block;
-  font-size: 0.75rem;
-  color: var(--ink-muted);
-}
-
-.Ink-Ai__translate label {
-  display: flex;
-  flex-direction: column;
-  gap: 0.3rem;
-  font-size: 0.8rem;
-  color: var(--ink-muted);
-}
-
-.Ink-Ai__diff {
-  border: 1px solid rgb(13 148 136 / 0.35);
-  border-radius: 0.65rem;
-  padding: 0.65rem;
-  background: #fff;
-}
-
-.Ink-Ai__diff-preview {
-  margin: 0.4rem 0;
-  padding: 0.45rem;
-  border-radius: 0.4rem;
-  background: rgb(13 148 136 / 0.06);
-  font-size: 0.85rem;
-}
-
-.Ink-Ai__footer {
-  padding: 0.4rem 0.75rem;
-  border-top: 1px solid var(--ink-ai-border, var(--ink-border));
-  font-size: 0.7rem;
-  color: var(--ink-muted);
-}
-
-@media (max-width: 900px) {
-  .Ink-Editor__shell {
-    flex-direction: column;
-  }
-
-  .Ink-Comments,
-  .Ink-Ai {
-    width: 100%;
-    flex: none;
-    border-left: 0;
-    border-top: 1px solid var(--ink-border);
-    max-height: 16rem;
-  }
-
-  .Ink-Ai[data-placement='floating'],
-  .Ink-Ai[data-placement='drawer'] {
-    position: static;
-    box-shadow: none;
-    max-height: 16rem;
-  }
-}
-
-@media (prefers-color-scheme: dark) {
-  .Ink-Editor {
-    --ink-border: #3f3f46;
-    --ink-bg: #18181b;
-    --ink-toolbar: #27272a;
-    --ink-text: #f4f4f5;
-    --ink-muted: #a1a1aa;
-    --ink-accent: #2dd4bf;
-    --ink-accent-soft: rgb(45 212 191 / 0.15);
-    --ink-shadow: 0 10px 40px rgb(0 0 0 / 0.35);
-  }
-}
-
-.ink-theme-snow .Ink-Editor,
-.Ink-Editor.ink-theme-snow {
-  --ink-border: #e5e7eb;
-  --ink-bg: #ffffff;
-  --ink-toolbar: #f9fafb;
-  --ink-text: #111827;
-  --ink-muted: #6b7280;
-  --ink-accent: #0f766e;
-  --ink-accent-soft: #ccfbf1;
-  border-radius: 0.75rem;
-}
-
-.ink-theme-bubble .Ink-Editor,
-.Ink-Editor.ink-theme-bubble {
-  --ink-border: transparent;
-  --ink-bg: #ffffff;
-  --ink-toolbar: #ffffff;
-  --ink-text: #111827;
-  --ink-muted: #6b7280;
-  --ink-accent: #0f766e;
-  --ink-accent-soft: #ccfbf1;
-  box-shadow: 0 4px 24px rgb(15 23 42 / 0.1);
-  border-radius: 1rem;
-}
-
-.ink-theme-dark .Ink-Editor,
-.Ink-Editor.ink-theme-dark {
-  --ink-border: #3f3f46;
-  --ink-bg: #18181b;
-  --ink-toolbar: #27272a;
-  --ink-text: #f4f4f5;
-  --ink-muted: #a1a1aa;
-  --ink-accent: #2dd4bf;
-  --ink-accent-soft: rgb(45 212 191 / 0.15);
-}
-
-.ink-theme-minimal .Ink-Editor,
-.Ink-Editor.ink-theme-minimal {
-  --ink-border: #e7e5e4;
-  --ink-bg: #ffffff;
-  --ink-toolbar: #ffffff;
-  --ink-text: #1c1917;
-  --ink-muted: #78716c;
-  --ink-accent: #0f766e;
-  --ink-accent-soft: #f0fdfa;
-  box-shadow: none;
-  border-radius: 0;
-}
-
-.ink-theme-minimal .Ink-Editor__toolbar,
-.ink-theme-minimal.Ink-Editor .Ink-Editor__toolbar {
-  border-bottom: 1px solid var(--ink-border);
-}
-
-.Ink-SignPad,
-.Ink-FindReplace {
-  border-bottom-color: var(--ink-border);
-  background: var(--ink-toolbar);
-  color: var(--ink-text);
-}
-
-.Ink-SignPad__title,
-.Ink-FindReplace__title {
-  color: var(--ink-text);
-}
-
-.Ink-SignPad__canvas {
-  max-width: 480px;
-  height: 180px;
-  border-color: var(--ink-border);
-  touch-action: none;
-}
-
-.Ink-FindReplace__field {
-  color: var(--ink-muted);
-}
-
-.Ink-FindReplace__field input {
-  border: 1px solid var(--ink-border);
-  border-radius: 0.4rem;
-  padding: 0.4rem 0.55rem;
-  background: var(--ink-bg);
-  color: var(--ink-text);
-  font: inherit;
-}
-
-.flex { display: flex; }
-.flex-col { flex-direction: column; }
-.flex-wrap { flex-wrap: wrap; }
-.gap-1 { gap: 0.25rem; }
-.gap-2 { gap: 0.5rem; }
-.p-3 { padding: 0.75rem; }
-.m-0 { margin: 0; }
-.w-full { width: 100%; }
-.max-w-xl { max-width: 36rem; }
-.h-44 { height: 11rem; }
-.border { border-width: 1px; border-style: solid; }
-.border-b { border-bottom-width: 1px; border-bottom-style: solid; }
-.border-dashed { border-style: dashed; }
-.rounded-lg { border-radius: 0.5rem; }
-.bg-white { background-color: #fff; }
-.cursor-crosshair { cursor: crosshair; }
-.text-sm { font-size: 0.875rem; }
-.font-semibold { font-weight: 600; }
+:root{--ink-color-border: #e5e7eb;--ink-color-bg: #ffffff;--ink-color-toolbar: #f8fafc;--ink-color-text: #0f172a;--ink-color-muted: #64748b;--ink-color-accent: #0d9488;--ink-color-accent-soft: #ccfbf1}.Ink-Button{border:0;background:rgba(0,0,0,0);color:inherit;border-radius:.45rem;cursor:pointer;min-width:2rem;height:2rem;padding:0 .4rem;font-weight:650;font-size:.85rem}.Ink-Button:hover{background:rgba(15,23,42,.05)}.Ink-Button--active{background:var(--ink-accent-soft);color:var(--ink-accent)}.Ink-Button:disabled{opacity:.45;cursor:not-allowed}.Ink-Box{display:block;box-sizing:border-box}.Ink-Field{display:flex;flex-direction:column;flex-wrap:nowrap;gap:.25rem;font-size:.875rem;color:var(--ink-muted)}.Ink-Field input{border:1px solid var(--ink-border);border-radius:.4rem;padding:.4rem .55rem;background:var(--ink-bg);color:var(--ink-text);font:inherit}.Ink-Field__label{display:block;box-sizing:border-box;font-size:.8rem;color:var(--ink-muted)}.Ink-Canvas{display:block;max-width:100%;touch-action:none;cursor:crosshair;border:1px dashed var(--ink-border);border-radius:.5rem;background:var(--ink-bg)}.Ink-ContextMenu{position:fixed;z-index:50;min-width:11rem;padding:.3rem;border:1px solid #e5e7eb;border-radius:.65rem;background:#fff;color:#0f172a;box-shadow:0 10px 40px rgba(15,23,42,.12)}.Ink-ContextMenu[data-color-mode=dark]{border-color:#3f3f46;background:#18181b;color:#f4f4f5;box-shadow:0 10px 40px rgba(0,0,0,.35)}@media(prefers-color-scheme: dark){.Ink-ContextMenu:not([data-color-mode]){border-color:#3f3f46;background:#18181b;color:#f4f4f5;box-shadow:0 10px 40px rgba(0,0,0,.35)}}.Ink-ContextMenu__item{border:0;background:rgba(0,0,0,0);color:inherit;border-radius:.45rem;cursor:pointer;min-width:2rem;height:2rem;padding:0 .4rem;font-weight:650;font-size:.85rem}.Ink-ContextMenu__item:hover{background:rgba(15,23,42,.05)}.Ink-ContextMenu__item--active{background:var(--ink-accent-soft);color:var(--ink-accent)}.Ink-ContextMenu__item:disabled{opacity:.45;cursor:not-allowed}.Ink-ContextMenu__item{display:block;width:100%;min-width:0;height:auto;padding:.45rem .6rem;text-align:left;font-weight:500}.Ink-ContextMenu__item:hover{background:var(--ink-accent-soft);color:var(--ink-accent)}.Ink-Icon{display:inline-flex;width:1rem;height:1rem;align-items:center;justify-content:center}.Ink-Icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.Ink-Icon--grip svg{fill:currentColor;stroke:none}.Ink-InlineToolbar{position:fixed;z-index:12;display:flex;align-items:center;gap:.1rem;padding:.25rem .3rem;border:1px solid rgba(15,23,42,.08);border-radius:.5rem;background:#fff;box-shadow:0 3px 15px rgba(15,23,42,.12),0 0 0 1px rgba(15,23,42,.03);color:var(--ink-text)}.Ink-InlineToolbar__item{min-width:1.85rem;height:1.85rem;padding:0 .35rem;border-radius:.35rem;font-size:.8rem;font-weight:650}.Ink-InlineToolbar__divider{width:1px;height:1.1rem;margin:0 .2rem;background:rgba(15,23,42,.12)}.Ink-Editor{--ink-border: #e5e7eb;--ink-bg: #ffffff;--ink-toolbar: #f8fafc;--ink-text: #0f172a;--ink-muted: #64748b;--ink-accent: #0d9488;--ink-accent-soft: #ccfbf1;--ink-shadow: 0 10px 40px rgba(15, 23, 42, 0.08);--ink-table-header: #f1f5f9;--ink-radius: 1rem;--ink-font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--ink-ai-accent: var(--ink-accent);--ink-ai-surface: var(--ink-toolbar);--ink-ai-border: var(--ink-border);border:1px solid var(--ink-border);border-radius:var(--ink-radius);overflow:hidden;background:var(--ink-bg);color:var(--ink-text);box-shadow:var(--ink-shadow);font-family:var(--ink-font-family)}.Ink-Editor[data-wysiwyg=true] .Ink-Editor__content{font-family:inherit;line-height:1.65}.Ink-Editor[data-wysiwyg=true] .Ink-Editor__content img{max-width:100%;height:auto}.Ink-Editor[data-wysiwyg=true] .Ink-Editor__content table{border-collapse:collapse;width:100%}.Ink-Editor[data-wysiwyg=true] .Ink-Editor__content th,.Ink-Editor[data-wysiwyg=true] .Ink-Editor__content td{border:1px solid var(--ink-border);padding:.4rem .6rem}.Ink-Editor[data-variant=document],.Ink-Editor[data-variant=docx]{--ink-toolbar: #ffffff;box-shadow:0 4px 24px rgba(15,23,42,.06)}.Ink-Editor[data-variant=docx]{--ink-accent: #2b579a;border-color:#d0d7de;background:#f3f3f3}.Ink-Editor[data-variant=docx] .Ink-Editor__toolbar{background:linear-gradient(180deg, #ffffff 0%, #f0f3f7 100%);border-bottom:1px solid #c8d0d8}.Ink-Editor[data-variant=docx] .Ink-Editor__content{max-width:48rem;margin:1rem auto;min-height:22rem;background:#fff;border:1px solid #d8dee6;box-shadow:0 1px 2px rgba(15,23,42,.04);padding:2.5rem 3rem}.Ink-Editor[data-variant=simple]{--ink-toolbar: transparent;border:none;box-shadow:none;background:rgba(0,0,0,0)}.Ink-Editor[data-variant=simple] .Ink-Editor__toolbar{border-bottom:none;padding-inline:0;gap:.25rem}.Ink-Editor[data-variant=simple] .Ink-Editor__content{padding:.5rem 0;font-size:1rem}.Ink-Editor[data-variant=notion-like]{--ink-toolbar: transparent;--ink-accent: #111827;border:none;box-shadow:none;border-radius:0;background:#fff}.Ink-Editor[data-variant=notion-like] .Ink-Editor__toolbar{border-bottom:none;background:rgba(0,0,0,0);opacity:.85}.Ink-Editor[data-variant=notion-like] .Ink-Editor__content{max-width:42rem;margin-inline:auto;padding-block:2rem;font-size:1.125rem;line-height:1.75}.Ink-Editor[data-variant=agent]{--ink-toolbar: #f8fafc;--ink-accent: #0f766e;box-shadow:0 8px 28px rgba(15,23,42,.08);border-color:rgba(15,118,110,.25)}.Ink-Editor[data-variant=agent] .Ink-Editor__shell{position:relative}.Ink-Editor[data-variant=agent] .Ink-Editor__toolbar{background:linear-gradient(180deg, #f0fdfa 0%, #f8fafc 100%)}.Ink-Editor__agent-bar{display:flex;align-items:center;gap:.65rem;margin:.75rem 1rem 1rem;padding:.65rem .85rem;border:1px solid rgba(15,118,110,.25);border-radius:999px;background:linear-gradient(90deg, #ecfdf5 0%, #ffffff 55%);box-shadow:0 8px 20px rgba(15,118,110,.08);color:#0f766e;font-size:.9rem}.Ink-Editor[data-disabled=true]{opacity:.6;pointer-events:none}.Ink-Editor[data-chrome=borderless]{border:none;box-shadow:none;border-radius:0}.Ink-Editor[data-chrome=borderless] .Ink-Editor__toolbar{border-bottom:none;background:rgba(0,0,0,0)}.Ink-Editor__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem;padding:.55rem .65rem;border-bottom:1px solid var(--ink-border);background:var(--ink-toolbar)}.Ink-Editor__toolbar-show{display:flex;align-items:center;padding:.35rem .65rem;border-bottom:1px solid var(--ink-border);background:var(--ink-toolbar)}.Ink-ToolbarCustomize{display:flex;flex-direction:column;flex-wrap:nowrap;gap:.5rem;padding:.75rem;border-bottom:1px solid var(--ink-border);background:var(--ink-toolbar);color:var(--ink-text)}.Ink-ToolbarCustomize__title{margin:0;font-size:.875rem;font-weight:650}.Ink-ToolbarCustomize__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem;max-height:14rem;overflow:auto}.Ink-ToolbarCustomize__item label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--ink-text);cursor:pointer}.Ink-ToolbarCustomize__actions{display:flex;flex-wrap:wrap;gap:.35rem}.Ink-Editor__button{border:0;background:rgba(0,0,0,0);color:inherit;border-radius:.45rem;cursor:pointer;min-width:2rem;height:2rem;padding:0 .4rem;font-weight:650;font-size:.85rem}.Ink-Editor__button:hover{background:rgba(15,23,42,.05)}.Ink-Editor__button--active{background:var(--ink-accent-soft);color:var(--ink-accent)}.Ink-Editor__button:disabled{opacity:.45;cursor:not-allowed}.Ink-Editor__select{border:0;background:rgba(0,0,0,0);color:inherit;border-radius:.45rem;cursor:pointer}.Ink-Editor__select:hover{background:rgba(15,23,42,.05)}.Ink-Editor__select{height:2rem;padding:0 .5rem;border:1px solid rgba(0,0,0,0)}.Ink-Editor__select:focus{outline:none;border-color:var(--ink-accent);background:#fff}.Ink-Editor__divider{width:1px;height:1.25rem;margin:0 .3rem;background:var(--ink-border)}.Ink-Editor__color{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;cursor:pointer}.Ink-Editor__color input{position:absolute;inset:0;opacity:0;cursor:pointer}.Ink-Editor__color-swatch{width:1rem;height:1rem;border-radius:999px;border:1px solid var(--ink-border)}.Ink-Editor__shell{position:relative;display:flex;align-items:stretch;min-height:0}.Ink-Editor__body{position:relative;flex:1 1 auto;min-width:0}.Ink-Editor__content{min-height:150px;padding:1.1rem 1.25rem 1.1rem 2.5rem;outline:none;overflow:auto;line-height:1.65}.Ink-Editor[data-variant=document] .Ink-Editor__content{padding:2rem 2.5rem 2rem 3rem;max-width:48rem;margin:0 auto}.Ink-Editor__content:empty::before{content:attr(data-placeholder);color:var(--ink-muted);pointer-events:none}.Ink-Editor__content img{max-width:100%;height:auto;border-radius:.35rem}.Ink-Editor__content h1,.Ink-Editor__content h2,.Ink-Editor__content h3,.Ink-Editor__content h4,.Ink-Editor__content h5,.Ink-Editor__content h6{margin:.85rem 0 .45rem;line-height:1.25}.Ink-Editor__content p,.Ink-Editor__content ul,.Ink-Editor__content ol,.Ink-Editor__content blockquote,.Ink-Editor__content pre{margin:.55rem 0}.Ink-Editor__content ul{list-style:disc;padding-inline-start:1.5rem}.Ink-Editor__content ol{list-style:decimal;padding-inline-start:1.5rem}.Ink-Editor__content ul.Ink-list--dash{list-style-type:"– "}.Ink-Editor__content ol.Ink-list--alpha{list-style-type:lower-alpha}.Ink-Editor__content .Ink-block--active{outline:1px solid rgba(13,148,136,.35);border-radius:.35rem;background:rgba(13,148,136,.03)}.Ink-Editor__content .Ink-block--dragging{opacity:.45}.Ink-Editor__content .Ink-block--drop-before{box-shadow:inset 0 2px 0 0 var(--ink-accent)}.Ink-Editor__content .Ink-block--drop-after{box-shadow:inset 0 -2px 0 0 var(--ink-accent)}.Ink-Editor__content .Ink-table{width:100%;border-collapse:collapse;margin:.75rem 0;font-size:.95rem}.Ink-Editor__content .Ink-table th,.Ink-Editor__content .Ink-table td{border:1px solid var(--ink-border);padding:.45rem .6rem;min-width:4rem}.Ink-Editor__content .Ink-table th{background:var(--ink-table-header, var(--ink-toolbar));color:var(--ink-text);font-weight:650;text-align:left}.Ink-Editor__content .Ink-tc-insert{background:rgba(34,197,94,.18);text-decoration:none;color:inherit}.Ink-Editor__content .Ink-tc-delete{background:rgba(239,68,68,.14);color:#991b1b}.Ink-Editor__content .Ink-comment-mark{background:#fde047;border-radius:.15rem;padding:0 .1rem}.Ink-Editor__footer{padding:.35rem .75rem;border-top:1px solid var(--ink-border);font-size:.75rem;color:var(--ink-muted);text-align:right}.Ink-BlockHandles{position:absolute;left:.2rem;z-index:2;display:flex;flex-direction:column;align-items:center;gap:.2rem}.Ink-BlockHandles__plus,.Ink-BlockHandles__grip,.Ink-BlockHandles__btn{width:1.5rem;height:1.5rem;border:0;border-radius:999px;background:#fff;box-shadow:0 1px 4px rgba(15,23,42,.14);color:var(--ink-muted);cursor:pointer;font-size:.85rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;padding:0}.Ink-BlockHandles__plus{font-weight:500;font-size:1rem}.Ink-BlockHandles__grip{cursor:grab}.Ink-BlockHandles__grip .Ink-Icon{width:.85rem;height:.85rem}.Ink-BlockHandles__grip:active{cursor:grabbing}.Ink-BlockHandles__btn{width:1.35rem;height:1.35rem;font-size:.65rem;opacity:.85}.Ink-BlockHandles__plus:hover,.Ink-BlockHandles__btn:hover,.Ink-BlockHandles__grip:hover{color:var(--ink-accent);background:var(--ink-accent-soft)}.Ink-Slash{position:absolute;z-index:5;min-width:12rem;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:.55rem;box-shadow:0 4px 18px rgba(15,23,42,.12),0 0 0 1px rgba(15,23,42,.03);padding:.35rem}.Ink-Slash__item{display:block;width:100%;text-align:left;border:0;background:rgba(0,0,0,0);padding:.45rem .6rem;border-radius:.4rem;cursor:pointer;color:inherit}.Ink-Slash__item:hover{background:var(--ink-accent-soft);color:var(--ink-accent)}.Ink-TrackBar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.45rem .75rem;border-bottom:1px solid var(--ink-border);background:#fffbeb;font-size:.8rem}.Ink-TrackBar__label{font-weight:650;color:#92400e}.Ink-TrackBar__actions{display:flex;gap:.25rem}.Ink-TrackBar__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem;width:100%}.Ink-TrackBar__list li{display:flex;align-items:center;gap:.25rem;background:#fff;border:1px solid #fde68a;border-radius:.45rem;padding:.2rem .35rem}.Ink-Comments{width:300px;flex:0 0 300px;border-left:1px solid var(--ink-border);background:#fcfcfd;display:flex;flex-direction:column;max-height:100%}.Ink-Comments__header,.Ink-Ai__header{display:flex;align-items:center;justify-content:space-between;padding:.65rem .75rem;border-bottom:1px solid var(--ink-border);font-size:.9rem}.Ink-Comments__list{overflow:auto;padding:.65rem;display:flex;flex-direction:column;gap:.65rem}.Ink-Comments__empty,.Ink-Ai__empty,.Ink-Ai__hint{color:var(--ink-muted);font-size:.85rem;line-height:1.45}.Ink-Comments__thread{border:1px solid var(--ink-border);border-radius:.65rem;padding:.65rem;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.04)}.Ink-Comments__thread--resolved{opacity:.65}.Ink-Comments__meta{display:flex;justify-content:space-between;gap:.5rem;font-size:.72rem;color:var(--ink-muted);margin-bottom:.35rem}.Ink-Comments__body{margin:0;font-size:.88rem}.Ink-Comments__reply{margin-top:.5rem;padding-left:.65rem;border-left:2px solid var(--ink-accent-soft)}.Ink-Comments__form{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.55rem}.Ink-Comments__form input,.Ink-Ai__form input,.Ink-Ai__translate select{flex:1 1 auto;min-width:0;border:1px solid var(--ink-border);border-radius:.45rem;padding:.4rem .5rem;font:inherit}.Ink-Comments__resolved{margin:.4rem 0 0;font-size:.75rem;color:var(--ink-muted)}.Ink-Ai{width:320px;flex:0 0 320px;border-left:1px solid var(--ink-ai-border, var(--ink-border));background:var(--ink-ai-surface, #f8fafc);display:flex;flex-direction:column;max-height:100%}.Ink-Ai[data-placement=floating]{position:absolute;right:1rem;top:3.5rem;z-index:6;border:1px solid var(--ink-ai-border, var(--ink-border));border-radius:.85rem;box-shadow:0 16px 40px rgba(15,23,42,.14);max-height:min(28rem,70vh)}.Ink-Ai[data-placement=drawer]{position:absolute;inset:0 0 0 auto;z-index:6;box-shadow:-8px 0 24px rgba(15,23,42,.08)}.Ink-Ai__tabs{display:flex;flex-wrap:wrap;gap:.2rem;padding:.4rem .55rem;border-bottom:1px solid var(--ink-ai-border, var(--ink-border))}.Ink-Ai__body{flex:1 1 auto;overflow:auto;padding:.65rem;display:flex;flex-direction:column;gap:.65rem}.Ink-Ai__history{display:flex;flex-direction:column;gap:.45rem;min-height:8rem}.Ink-Ai__turn{border-radius:.55rem;padding:.5rem .6rem;background:#fff;border:1px solid var(--ink-border);font-size:.85rem}.Ink-Ai__turn span{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted);margin-bottom:.2rem}.Ink-Ai__turn p{margin:0}.Ink-Ai__turn--user{border-color:rgba(13,148,136,.35);background:rgba(13,148,136,.06)}.Ink-Ai__form,.Ink-Ai__diff-actions,.Ink-Ai__actions{display:flex;flex-wrap:wrap;gap:.35rem}.Ink-Ai__action{width:100%;justify-content:flex-start;text-align:left;background:#fff;border:1px solid var(--ink-border) !important}.Ink-Ai__suggestion{border:1px solid var(--ink-border);border-radius:.55rem;padding:.55rem;background:#fff;font-size:.85rem}.Ink-Ai__suggestion--warning{border-color:#fbbf24}.Ink-Ai__suggestion--error{border-color:#f87171}.Ink-Ai__suggestion p{margin:.25rem 0}.Ink-Ai__suggestion code{display:block;font-size:.75rem;color:var(--ink-muted)}.Ink-Ai__translate label{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem;color:var(--ink-muted)}.Ink-Ai__diff{border:1px solid rgba(13,148,136,.35);border-radius:.65rem;padding:.65rem;background:#fff}.Ink-Ai__diff-preview{margin:.4rem 0;padding:.45rem;border-radius:.4rem;background:rgba(13,148,136,.06);font-size:.85rem}.Ink-Ai__footer{padding:.4rem .75rem;border-top:1px solid var(--ink-ai-border, var(--ink-border));font-size:.7rem;color:var(--ink-muted)}.Ink-AiAutocomplete{position:absolute;z-index:4;pointer-events:none;color:var(--ink-muted);font-style:italic;white-space:pre-wrap;opacity:.65;user-select:none}@media(max-width: 900px){.Ink-Editor__shell{flex-direction:column}.Ink-Comments,.Ink-Ai{width:100%;flex:none;border-left:0;border-top:1px solid var(--ink-border);max-height:16rem}.Ink-Ai[data-placement=floating],.Ink-Ai[data-placement=drawer]{position:static;box-shadow:none;max-height:16rem}}.Ink-Editor[data-color-mode=light]{--ink-border: #e5e7eb;--ink-bg: #ffffff;--ink-toolbar: #f8fafc;--ink-text: #0f172a;--ink-muted: #64748b;--ink-accent: #0d9488;--ink-accent-soft: #ccfbf1;--ink-shadow: 0 10px 40px rgba(15, 23, 42, 0.08);--ink-table-header: #f1f5f9}.Ink-Editor[data-color-mode=dark]{--ink-border: #3f3f46;--ink-bg: #18181b;--ink-toolbar: #27272a;--ink-text: #f4f4f5;--ink-muted: #a1a1aa;--ink-accent: #2dd4bf;--ink-accent-soft: rgba(45, 212, 191, 0.15);--ink-shadow: 0 10px 40px rgba(0, 0, 0, 0.35);--ink-table-header: #27272a}@media(prefers-color-scheme: dark){.Ink-Editor:not([data-color-mode]){--ink-border: #3f3f46;--ink-bg: #18181b;--ink-toolbar: #27272a;--ink-text: #f4f4f5;--ink-muted: #a1a1aa;--ink-accent: #2dd4bf;--ink-accent-soft: rgba(45, 212, 191, 0.15);--ink-shadow: 0 10px 40px rgba(0, 0, 0, 0.35);--ink-table-header: #27272a}}.ink-theme-snow .Ink-Editor,.Ink-Editor.ink-theme-snow{--ink-border: #e5e7eb;--ink-bg: #ffffff;--ink-toolbar: #f9fafb;--ink-text: #111827;--ink-muted: #6b7280;--ink-accent: #0f766e;--ink-accent-soft: #ccfbf1;border-radius:.75rem}.ink-theme-bubble .Ink-Editor,.Ink-Editor.ink-theme-bubble{--ink-border: transparent;--ink-bg: #ffffff;--ink-toolbar: #ffffff;--ink-text: #111827;--ink-muted: #6b7280;--ink-accent: #0f766e;--ink-accent-soft: #ccfbf1;box-shadow:0 4px 24px rgba(15,23,42,.1);border-radius:1rem}.ink-theme-dark .Ink-Editor,.Ink-Editor.ink-theme-dark{--ink-border: #3f3f46;--ink-bg: #18181b;--ink-toolbar: #27272a;--ink-text: #f4f4f5;--ink-muted: #a1a1aa;--ink-accent: #2dd4bf;--ink-accent-soft: rgb(45 212 191 / 0.15);--ink-table-header: #27272a}.ink-theme-minimal .Ink-Editor,.Ink-Editor.ink-theme-minimal{--ink-border: #e7e5e4;--ink-bg: #ffffff;--ink-toolbar: #ffffff;--ink-text: #1c1917;--ink-muted: #78716c;--ink-accent: #0f766e;--ink-accent-soft: #f0fdfa;box-shadow:none;border-radius:0}.ink-theme-minimal .Ink-Editor__toolbar,.ink-theme-minimal.Ink-Editor .Ink-Editor__toolbar{border-bottom:1px solid var(--ink-border)}.Ink-SignPad,.Ink-FindReplace{border-bottom-color:var(--ink-border);background:var(--ink-toolbar);color:var(--ink-text)}.Ink-SignPad__title,.Ink-FindReplace__title{color:var(--ink-text)}.Ink-SignPad__canvas{max-width:480px;height:180px;border-color:var(--ink-border);touch-action:none}.Ink-FindReplace__field{display:flex;flex-direction:column;flex-wrap:nowrap;gap:.25rem;font-size:.875rem;color:var(--ink-muted)}.Ink-FindReplace__field input{border:1px solid var(--ink-border);border-radius:.4rem;padding:.4rem .55rem;background:var(--ink-bg);color:var(--ink-text);font:inherit}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.p-3{padding:.75rem}.m-0{margin:0}.w-full{width:100%}.max-w-xl{max-width:36rem}.h-44{height:11rem}.border{border-width:1px;border-style:solid}.border-b{border-bottom-width:1px;border-bottom-style:solid}.border-dashed{border-style:dashed}.rounded-lg{border-radius:.5rem}.bg-white{background-color:#fff}.cursor-crosshair{cursor:crosshair}.text-sm{font-size:.875rem}.font-semibold{font-weight:600}