@robot-admin/naive-ui-components 0.14.2 → 0.15.0

package/dist/C_FormulaEditor.css

@@ -1,12 +1,6 @@
 :root{--c-primary: var(--primary-color, #2080f0);--c-primary-hover: var(--primary-color-hover, #4098fc);--c-primary-pressed: var(--primary-color-pressed, #1060c9);--c-success: var(--success-color, #18a058);--c-warning: var(--warning-color, #f0a020);--c-error: var(--error-color, #d03050);--c-info: var(--info-color, #2080f0);--c-bg-body: var(--body-color, #ffffff);--c-bg-card: var(--card-color, #ffffff);--c-bg-surface: var(--popover-color, #ffffff);--c-text-1: var(--text-color-1, #262626);--c-text-2: var(--text-color-2, #525252);--c-text-3: var(--text-color-3, #a3a3a3);--c-text-4: var(--text-color-4, #c0c0c0);--c-border: var(--border-color, #e5e7eb);--c-radius-sm: var(--border-radius-small, 4px);--c-radius: var(--border-radius, 6px);--c-transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);--c-transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1);--c-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);--c-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);--c-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1)}
 
-/* unplugin-vue-components disabled */
-/* layer: default */
-.inline-flex[data-v-075758a0]{display:inline-flex;}
-.transform[data-v-075758a0]{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
-.px[data-v-075758a0]{padding-left:1rem;padding-right:1rem;}
-
-/* unplugin-vue-components disabled */.c-icon[data-v-075758a0] {
+.c-icon[data-v-075758a0] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -65,202 +59,122 @@
     transform: rotate(360deg);
 }
 }
-/* unplugin-vue-components disabled *//* 公式工作区：变量、原生输入与试算结果共享一个模型。 */
-.c-formula[data-v-b006a294] {
-  container: formula-editor/inline-size;
-  overflow: auto;
-  border: 1px solid var(--c-border);
-  border-radius: 16px;
-  background: var(--c-bg-card);
-  color: var(--c-text-2);
-}
-.c-formula h2[data-v-b006a294],
-.c-formula p[data-v-b006a294] {
-  margin: 0;
-}
-.c-formula__title-row[data-v-b006a294] {
+
+/* layer: default */
+.inline-flex[data-v-075758a0]{display:inline-flex;}
+.transform[data-v-075758a0]{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
+.px[data-v-075758a0]{padding-left:1rem;padding-right:1rem;}
+
+/* 原生文本输入与转义后的结构预览，避免 contenteditable 光标和样式副作用。 */
+.formula-input__header[data-v-5b2f30eb] {
   display: flex;
-  align-items: center;
   justify-content: space-between;
-  flex-wrap: wrap;
-  gap: 16px;
-  padding: 24px;
-  border-bottom: 1px solid var(--c-border);
-}
-.c-formula__title-row h2[data-v-b006a294] {
-  margin-top: 8px;
-  color: var(--c-text-1);
-  font-size: 22px;
-  letter-spacing: -0.4px;
-}
-.c-formula__title-row p[data-v-b006a294] {
-  margin-top: 6px;
-  font-size: 13px;
-}
-.c-formula__eyebrow[data-v-b006a294] {
-  color: var(--c-primary);
-  font: 600 10px ui-monospace, monospace;
-  letter-spacing: 2px;
-}
-.c-formula__actions[data-v-b006a294] {
-  display: flex;
   align-items: center;
   gap: 12px;
+  margin-bottom: 16px;
 }
-.c-formula__templates[data-v-b006a294] {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));
-  gap: 8px;
-  padding: 16px 24px;
-  border-bottom: 1px solid var(--c-border);
+.formula-input__label[data-v-5b2f30eb] {
+  color: var(--c-text-1);
+  font-size: 13px;
+  font-weight: 600;
 }
-.c-formula__templates button[data-v-b006a294] {
+.formula-input__clear[data-v-5b2f30eb] {
   appearance: none;
-  display: flex;
-  flex-direction: column;
-  text-align: left;
-  gap: 4px;
-  border: 1px solid var(--c-border);
-  border-radius: 10px;
-  padding: 12px 16px;
+  border: 0;
   background: transparent;
-  color: var(--c-text-2);
+  color: var(--c-primary);
   font: inherit;
-  cursor: pointer;
-}
-.c-formula__templates button strong[data-v-b006a294] {
-  color: var(--c-text-1);
   font-size: 12px;
+  cursor: pointer;
 }
-.c-formula__templates button span[data-v-b006a294] {
-  font-size: 11px;
-}
-.c-formula__templates button[aria-pressed=true][data-v-b006a294], .c-formula__templates button[data-v-b006a294]:hover:enabled {
-  border-color: var(--c-primary);
-  background: color-mix(in srgb, var(--c-primary) 6%, transparent);
-}
-.c-formula__templates button[data-v-b006a294]:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-.c-formula__templates button[data-v-b006a294]:focus-visible {
-  outline: 2px solid var(--c-primary);
-  outline-offset: 2px;
-}
-.c-formula__body[data-v-b006a294] {
-  display: grid;
-  grid-template-columns: 210px minmax(0, 1fr) 300px;
-  align-items: stretch;
-}
-.c-formula__body--no-sidebar[data-v-b006a294] {
-  grid-template-columns: minmax(0, 1fr) 300px;
-}
-.c-formula__body--no-preview[data-v-b006a294] {
-  grid-template-columns: 210px minmax(0, 1fr);
-}
-.c-formula__body--no-sidebar.c-formula__body--no-preview[data-v-b006a294] {
-  grid-template-columns: minmax(0, 1fr);
-}
-.c-formula__sidebar[data-v-b006a294] {
-  min-width: 0;
-  border-right: 1px solid var(--c-border);
-}
-.c-formula__main[data-v-b006a294] {
-  min-width: 0;
-  padding: 24px;
-}
-.c-formula__keyboard[data-v-b006a294] {
-  margin-top: 20px;
+.formula-input__editor[data-v-5b2f30eb] {
+  display: block;
+  width: 100%;
+  box-sizing: border-box;
+  min-height: 168px;
+  resize: vertical;
+  padding: 18px;
   border: 1px solid var(--c-border);
   border-radius: 12px;
   background: color-mix(in srgb, var(--c-primary) 2%, var(--c-bg-card));
+  color: var(--c-text-1);
+  font: 15px/1.9 ui-monospace, "SFMono-Regular", Consolas, monospace;
+  outline: none;
+  overflow-wrap: anywhere;
 }
-.c-formula__keyboard summary[data-v-b006a294] {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  padding: 12px 16px;
-  list-style: none;
-  font-size: 12px;
-  cursor: pointer;
-  color: var(--c-primary);
-}
-.c-formula__keyboard summary[data-v-b006a294]::-webkit-details-marker {
-  display: none;
+.formula-input__editor[data-v-5b2f30eb]:focus {
+  border-color: var(--c-primary);
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--c-primary) 12%, transparent);
 }
-.c-formula__keyboard summary[data-v-b006a294]:focus-visible {
-  outline: 2px solid var(--c-primary);
-  outline-offset: 2px;
+.formula-input__editor[data-v-5b2f30eb]::placeholder {
+  font-size: 13px;
+  color: var(--c-text-3);
 }
-.c-formula__keyboard[open] summary[data-v-b006a294] {
-  border-bottom: 1px solid var(--c-border);
+.formula-input__editor[data-v-5b2f30eb]:read-only {
+  background: color-mix(in srgb, var(--c-border) 25%, var(--c-bg-card));
 }
-.c-formula__keyboard[open] .c-formula__keyboard-chevron[data-v-b006a294] {
-  transform: rotate(180deg);
+.formula-input--error .formula-input__editor[data-v-5b2f30eb] {
+  border-color: var(--c-error);
 }
-.c-formula__keyboard-title[data-v-b006a294] {
-  min-width: 0;
-  flex: 1;
-  color: var(--c-text-1);
-  font-weight: 600;
+.formula-input__tokens[data-v-5b2f30eb] {
+  margin-top: 16px;
+  padding: 14px 16px;
+  border: 1px dashed var(--c-border);
+  border-radius: 10px;
+  font: 12px/2 ui-monospace, monospace;
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
 }
-.c-formula__keyboard-title small[data-v-b006a294] {
+.formula-input__tokens > span[data-v-5b2f30eb]:first-child {
   display: block;
-  margin-top: 3px;
+  font: 11px/1.5 sans-serif;
+  margin-bottom: 8px;
   color: var(--c-text-3);
-  font-size: 11px;
-  font-weight: 400;
 }
-.c-formula__keyboard-chevron[data-v-b006a294] {
-  flex-shrink: 0;
-}
-.c-formula__guide[data-v-b006a294] {
+.formula-input__validation[data-v-5b2f30eb] {
   display: flex;
-  align-items: flex-start;
-  gap: 8px;
-  margin-top: 20px;
-  font-size: 11px;
+  align-items: center;
+  justify-content: space-between;
+  gap: 10px;
+  margin-top: 12px;
+  font-size: 12px;
   color: var(--c-text-3);
-  line-height: 1.8;
+  line-height: 1.7;
 }
-.c-formula__guide[data-v-b006a294] > :first-child {
+.formula-input__validation button[data-v-5b2f30eb] {
+  appearance: none;
   flex-shrink: 0;
-  margin-top: 3px;
-}
-.c-formula__guide code[data-v-b006a294] {
+  border: 0;
+  padding: 2px 0;
   color: var(--c-primary);
+  background: transparent;
+  cursor: pointer;
+  font: inherit;
 }
-@container formula-editor (max-width: 980px) {
-.c-formula__body[data-v-b006a294] {
-    grid-template-columns: 190px minmax(0, 1fr);
-}
-.c-formula__body--no-sidebar[data-v-b006a294] {
-    grid-template-columns: minmax(0, 1fr);
-}
-.c-formula__body[data-v-b006a294] >  .formula-preview {
-    grid-column: 1/-1;
-    border-left: 0;
-    border-top: 1px solid var(--c-border);
+.formula-input--error .formula-input__validation[data-v-5b2f30eb] {
+  color: var(--c-error);
 }
+.formula-input button[data-v-5b2f30eb]:focus-visible {
+  outline: 2px solid var(--c-primary);
+  outline-offset: 3px;
 }
-@container formula-editor (max-width: 580px) {
-.c-formula__body[data-v-b006a294] {
-    grid-template-columns: minmax(0, 1fr);
+.formula-input .formula-token--variable[data-v-5b2f30eb] {
+  color: var(--c-primary);
+  padding: 2px 5px;
+  border-radius: 4px;
+  background: color-mix(in srgb, var(--c-primary) 9%, transparent);
 }
-.c-formula__sidebar[data-v-b006a294] {
-    border-right: 0;
-    border-bottom: 1px solid var(--c-border);
+.formula-input .formula-token--function[data-v-5b2f30eb] {
+  color: var(--c-success);
+  font-weight: 600;
 }
-.c-formula__title-row[data-v-b006a294],
-  .c-formula__main[data-v-b006a294] {
-    padding: 18px;
+.formula-input .formula-token--operator[data-v-5b2f30eb] {
+  color: var(--c-primary);
 }
+.formula-input .formula-token--number[data-v-5b2f30eb] {
+  color: var(--c-warning);
 }
-/* unplugin-vue-components disabled */
-/* layer: default */
-.px[data-v-b006a294]{padding-left:1rem;padding-right:1rem;}
-
-/* unplugin-vue-components disabled *//* 隔离试算值与明确结果，组件宽度变化时自然换行。 */
+/* 隔离试算值与明确结果，组件宽度变化时自然换行。 */
 .formula-preview[data-v-b2656900] {
   min-width: 0;
   padding: 24px;
@@ -321,161 +235,52 @@
 }
 .formula-preview__vars-title[data-v-b2656900] {
   display: flex;
-  justify-content: space-between;
-  font-size: 12px;
-  font-weight: 600;
-}
-.formula-preview__vars-title span[data-v-b2656900] {
-  color: var(--c-text-3);
-  font-weight: 400;
-}
-.formula-preview__var-row[data-v-b2656900] {
-  padding-top: 16px;
-}
-.formula-preview__var-row p[data-v-b2656900] {
-  color: var(--c-text-3);
-  font-size: 11px;
-  margin-top: 5px;
-}
-.formula-preview__var-heading[data-v-b2656900] {
-  display: flex;
-  justify-content: space-between;
-  gap: 8px;
-  margin-bottom: 7px;
-}
-.formula-preview__var-heading label[data-v-b2656900] {
-  font-size: 12px;
-  color: var(--c-text-1);
-}
-.formula-preview__var-heading code[data-v-b2656900] {
-  color: var(--c-text-3);
-  font-size: 10px;
-  overflow-wrap: anywhere;
-}
-.formula-preview__var-value[data-v-b2656900] {
-  font-family: ui-monospace, monospace;
-}
-.formula-preview__empty[data-v-b2656900], .formula-preview__note[data-v-b2656900] {
-  font-size: 11px;
-  color: var(--c-text-3);
-  line-height: 1.8;
-  margin-top: 16px !important;
-}
-.formula-preview__note[data-v-b2656900] {
-  margin-top: 24px !important;
-  padding-top: 16px;
-  border-top: 1px solid var(--c-border);
-}
-/* unplugin-vue-components disabled *//* 原生文本输入与转义后的结构预览，避免 contenteditable 光标和样式副作用。 */
-.formula-input__header[data-v-5b2f30eb] {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  gap: 12px;
-  margin-bottom: 16px;
-}
-.formula-input__label[data-v-5b2f30eb] {
-  color: var(--c-text-1);
-  font-size: 13px;
-  font-weight: 600;
-}
-.formula-input__clear[data-v-5b2f30eb] {
-  appearance: none;
-  border: 0;
-  background: transparent;
-  color: var(--c-primary);
-  font: inherit;
-  font-size: 12px;
-  cursor: pointer;
-}
-.formula-input__editor[data-v-5b2f30eb] {
-  display: block;
-  width: 100%;
-  box-sizing: border-box;
-  min-height: 168px;
-  resize: vertical;
-  padding: 18px;
-  border: 1px solid var(--c-border);
-  border-radius: 12px;
-  background: color-mix(in srgb, var(--c-primary) 2%, var(--c-bg-card));
-  color: var(--c-text-1);
-  font: 15px/1.9 ui-monospace, "SFMono-Regular", Consolas, monospace;
-  outline: none;
-  overflow-wrap: anywhere;
-}
-.formula-input__editor[data-v-5b2f30eb]:focus {
-  border-color: var(--c-primary);
-  box-shadow: 0 0 0 3px color-mix(in srgb, var(--c-primary) 12%, transparent);
-}
-.formula-input__editor[data-v-5b2f30eb]::placeholder {
-  font-size: 13px;
-  color: var(--c-text-3);
-}
-.formula-input__editor[data-v-5b2f30eb]:read-only {
-  background: color-mix(in srgb, var(--c-border) 25%, var(--c-bg-card));
-}
-.formula-input--error .formula-input__editor[data-v-5b2f30eb] {
-  border-color: var(--c-error);
-}
-.formula-input__tokens[data-v-5b2f30eb] {
-  margin-top: 16px;
-  padding: 14px 16px;
-  border: 1px dashed var(--c-border);
-  border-radius: 10px;
-  font: 12px/2 ui-monospace, monospace;
-  white-space: pre-wrap;
-  overflow-wrap: anywhere;
-}
-.formula-input__tokens > span[data-v-5b2f30eb]:first-child {
-  display: block;
-  font: 11px/1.5 sans-serif;
-  margin-bottom: 8px;
-  color: var(--c-text-3);
-}
-.formula-input__validation[data-v-5b2f30eb] {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 10px;
-  margin-top: 12px;
+  justify-content: space-between;
   font-size: 12px;
+  font-weight: 600;
+}
+.formula-preview__vars-title span[data-v-b2656900] {
   color: var(--c-text-3);
-  line-height: 1.7;
+  font-weight: 400;
 }
-.formula-input__validation button[data-v-5b2f30eb] {
-  appearance: none;
-  flex-shrink: 0;
-  border: 0;
-  padding: 2px 0;
-  color: var(--c-primary);
-  background: transparent;
-  cursor: pointer;
-  font: inherit;
+.formula-preview__var-row[data-v-b2656900] {
+  padding-top: 16px;
 }
-.formula-input--error .formula-input__validation[data-v-5b2f30eb] {
-  color: var(--c-error);
+.formula-preview__var-row p[data-v-b2656900] {
+  color: var(--c-text-3);
+  font-size: 11px;
+  margin-top: 5px;
 }
-.formula-input button[data-v-5b2f30eb]:focus-visible {
-  outline: 2px solid var(--c-primary);
-  outline-offset: 3px;
+.formula-preview__var-heading[data-v-b2656900] {
+  display: flex;
+  justify-content: space-between;
+  gap: 8px;
+  margin-bottom: 7px;
 }
-.formula-input .formula-token--variable[data-v-5b2f30eb] {
-  color: var(--c-primary);
-  padding: 2px 5px;
-  border-radius: 4px;
-  background: color-mix(in srgb, var(--c-primary) 9%, transparent);
+.formula-preview__var-heading label[data-v-b2656900] {
+  font-size: 12px;
+  color: var(--c-text-1);
 }
-.formula-input .formula-token--function[data-v-5b2f30eb] {
-  color: var(--c-success);
-  font-weight: 600;
+.formula-preview__var-heading code[data-v-b2656900] {
+  color: var(--c-text-3);
+  font-size: 10px;
+  overflow-wrap: anywhere;
 }
-.formula-input .formula-token--operator[data-v-5b2f30eb] {
-  color: var(--c-primary);
+.formula-preview__var-value[data-v-b2656900] {
+  font-family: ui-monospace, monospace;
 }
-.formula-input .formula-token--number[data-v-5b2f30eb] {
-  color: var(--c-warning);
+.formula-preview__empty[data-v-b2656900], .formula-preview__note[data-v-b2656900] {
+  font-size: 11px;
+  color: var(--c-text-3);
+  line-height: 1.8;
+  margin-top: 16px !important;
+}
+.formula-preview__note[data-v-b2656900] {
+  margin-top: 24px !important;
+  padding-top: 16px;
+  border-top: 1px solid var(--c-border);
 }
-/* unplugin-vue-components disabled *//* VariablePanel 组件样式 */
+/* VariablePanel 组件样式 */
 .variable-panel[data-v-2d73fec7] {
   display: flex;
   flex-direction: column;
@@ -635,7 +440,7 @@
   color: var(--c-text-3);
   margin-top: 3px;
 }
-/* unplugin-vue-components disabled *//*
+/*
  * @Author: ChenYu ycyplus@gmail.com
  * @Date: 2026-10-07
  * @Description: 主题驱动的公式键帽与容器响应式布局
@@ -826,4 +631,198 @@
 .virtual-keyboard__key[data-v-05f0982d] {
     transition: none;
 }
-}
+}
+/* 公式工作区：变量、原生输入与试算结果共享一个模型。 */
+.c-formula[data-v-b006a294] {
+  container: formula-editor/inline-size;
+  overflow: auto;
+  border: 1px solid var(--c-border);
+  border-radius: 16px;
+  background: var(--c-bg-card);
+  color: var(--c-text-2);
+}
+.c-formula h2[data-v-b006a294],
+.c-formula p[data-v-b006a294] {
+  margin: 0;
+}
+.c-formula__title-row[data-v-b006a294] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  gap: 16px;
+  padding: 24px;
+  border-bottom: 1px solid var(--c-border);
+}
+.c-formula__title-row h2[data-v-b006a294] {
+  margin-top: 8px;
+  color: var(--c-text-1);
+  font-size: 22px;
+  letter-spacing: -0.4px;
+}
+.c-formula__title-row p[data-v-b006a294] {
+  margin-top: 6px;
+  font-size: 13px;
+}
+.c-formula__eyebrow[data-v-b006a294] {
+  color: var(--c-primary);
+  font: 600 10px ui-monospace, monospace;
+  letter-spacing: 2px;
+}
+.c-formula__actions[data-v-b006a294] {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+.c-formula__templates[data-v-b006a294] {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));
+  gap: 8px;
+  padding: 16px 24px;
+  border-bottom: 1px solid var(--c-border);
+}
+.c-formula__templates button[data-v-b006a294] {
+  appearance: none;
+  display: flex;
+  flex-direction: column;
+  text-align: left;
+  gap: 4px;
+  border: 1px solid var(--c-border);
+  border-radius: 10px;
+  padding: 12px 16px;
+  background: transparent;
+  color: var(--c-text-2);
+  font: inherit;
+  cursor: pointer;
+}
+.c-formula__templates button strong[data-v-b006a294] {
+  color: var(--c-text-1);
+  font-size: 12px;
+}
+.c-formula__templates button span[data-v-b006a294] {
+  font-size: 11px;
+}
+.c-formula__templates button[aria-pressed=true][data-v-b006a294], .c-formula__templates button[data-v-b006a294]:hover:enabled {
+  border-color: var(--c-primary);
+  background: color-mix(in srgb, var(--c-primary) 6%, transparent);
+}
+.c-formula__templates button[data-v-b006a294]:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+.c-formula__templates button[data-v-b006a294]:focus-visible {
+  outline: 2px solid var(--c-primary);
+  outline-offset: 2px;
+}
+.c-formula__body[data-v-b006a294] {
+  display: grid;
+  grid-template-columns: 210px minmax(0, 1fr) 300px;
+  align-items: stretch;
+}
+.c-formula__body--no-sidebar[data-v-b006a294] {
+  grid-template-columns: minmax(0, 1fr) 300px;
+}
+.c-formula__body--no-preview[data-v-b006a294] {
+  grid-template-columns: 210px minmax(0, 1fr);
+}
+.c-formula__body--no-sidebar.c-formula__body--no-preview[data-v-b006a294] {
+  grid-template-columns: minmax(0, 1fr);
+}
+.c-formula__sidebar[data-v-b006a294] {
+  min-width: 0;
+  border-right: 1px solid var(--c-border);
+}
+.c-formula__main[data-v-b006a294] {
+  min-width: 0;
+  padding: 24px;
+}
+.c-formula__keyboard[data-v-b006a294] {
+  margin-top: 20px;
+  border: 1px solid var(--c-border);
+  border-radius: 12px;
+  background: color-mix(in srgb, var(--c-primary) 2%, var(--c-bg-card));
+}
+.c-formula__keyboard summary[data-v-b006a294] {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 12px 16px;
+  list-style: none;
+  font-size: 12px;
+  cursor: pointer;
+  color: var(--c-primary);
+}
+.c-formula__keyboard summary[data-v-b006a294]::-webkit-details-marker {
+  display: none;
+}
+.c-formula__keyboard summary[data-v-b006a294]:focus-visible {
+  outline: 2px solid var(--c-primary);
+  outline-offset: 2px;
+}
+.c-formula__keyboard[open] summary[data-v-b006a294] {
+  border-bottom: 1px solid var(--c-border);
+}
+.c-formula__keyboard[open] .c-formula__keyboard-chevron[data-v-b006a294] {
+  transform: rotate(180deg);
+}
+.c-formula__keyboard-title[data-v-b006a294] {
+  min-width: 0;
+  flex: 1;
+  color: var(--c-text-1);
+  font-weight: 600;
+}
+.c-formula__keyboard-title small[data-v-b006a294] {
+  display: block;
+  margin-top: 3px;
+  color: var(--c-text-3);
+  font-size: 11px;
+  font-weight: 400;
+}
+.c-formula__keyboard-chevron[data-v-b006a294] {
+  flex-shrink: 0;
+}
+.c-formula__guide[data-v-b006a294] {
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+  margin-top: 20px;
+  font-size: 11px;
+  color: var(--c-text-3);
+  line-height: 1.8;
+}
+.c-formula__guide[data-v-b006a294] > :first-child {
+  flex-shrink: 0;
+  margin-top: 3px;
+}
+.c-formula__guide code[data-v-b006a294] {
+  color: var(--c-primary);
+}
+@container formula-editor (max-width: 980px) {
+.c-formula__body[data-v-b006a294] {
+    grid-template-columns: 190px minmax(0, 1fr);
+}
+.c-formula__body--no-sidebar[data-v-b006a294] {
+    grid-template-columns: minmax(0, 1fr);
+}
+.c-formula__body[data-v-b006a294] >  .formula-preview {
+    grid-column: 1/-1;
+    border-left: 0;
+    border-top: 1px solid var(--c-border);
+}
+}
+@container formula-editor (max-width: 580px) {
+.c-formula__body[data-v-b006a294] {
+    grid-template-columns: minmax(0, 1fr);
+}
+.c-formula__sidebar[data-v-b006a294] {
+    border-right: 0;
+    border-bottom: 1px solid var(--c-border);
+}
+.c-formula__title-row[data-v-b006a294],
+  .c-formula__main[data-v-b006a294] {
+    padding: 18px;
+}
+}
+
+/* layer: default */
+.px[data-v-b006a294]{padding-left:1rem;padding-right:1rem;}