@citms/card-renderer 0.0.0-stage → 1.0.0

package/dist/react/chunk-KCQGEQD2.js

@@ -0,0 +1,4936 @@
+if(typeof document<"u"&&!document.getElementById("citms-card-styles")){let n=document.createElement("style");n.id="citms-card-styles",n.textContent=`.ccr_listPage,
+.ccr_designer,
+.ccr_dialogContent {
+  --card-bg: #fff;
+  --card-ink: #263244;
+  --card-muted: #8590a0;
+  --card-line: #e5e9f0;
+  --card-soft: #edf2ff;
+  --card-blue: #3370ff;
+  --card-neutral: #f6f7f9;
+  color: var(--card-ink);
+}
+.ccr_listPage {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  min-height: 360px;
+  padding: 20px 24px;
+  overflow: hidden;
+  background: #fff;
+  border-radius: 8px;
+}
+.ccr_listToolbar {
+  display: flex;
+  flex-shrink: 0;
+  flex-wrap: wrap;
+  gap: 16px;
+  align-items: flex-start;
+  justify-content: space-between;
+}
+.ccr_filters {
+  flex: 1;
+  gap: 12px 0;
+}
+.ccr_filters .ant-form-item {
+  margin-right: 16px;
+  margin-bottom: 0;
+}
+.ccr_filters .ant-select {
+  width: 150px;
+}
+.ccr_keywordInput {
+  width: 240px;
+}
+.ccr_emptyGallery {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 100%;
+}
+.ccr_galleryScroll {
+  flex: 1;
+  min-height: 0;
+  padding: 2px 4px 20px;
+  overflow: auto;
+}
+.ccr_galleryScroll > .ant-spin-nested-loading,
+.ccr_galleryScroll > .ant-spin-nested-loading > .ant-spin-container {
+  height: 100%;
+  min-height: 100%;
+}
+.ccr_gallery {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(270px, 360px));
+  gap: 22px;
+  align-items: start;
+}
+.ccr_templateTile {
+  min-width: 0;
+  padding: 16px;
+  background: #fff;
+  border: 1px solid #e0e5ec;
+  border-radius: 14px;
+  transition: box-shadow 0.15s, border-color 0.15s;
+}
+.ccr_templateTile:hover {
+  border-color: #abc5fa;
+  box-shadow: 0 5px 20px #1d36600a;
+}
+.ccr_thumbnail {
+  display: block;
+  width: 100%;
+  height: 252px;
+  padding: 0;
+  overflow: hidden;
+  text-align: left;
+  background: #fff;
+  border: 1px solid #e2e6ed;
+  border-radius: 7px;
+  cursor: pointer;
+}
+.ccr_thumbnail .ccr_paper {
+  max-width: none;
+  min-height: 100%;
+  font-size: 12px;
+  border: 0;
+  border-radius: 0;
+  pointer-events: none;
+}
+.ccr_thumbnail .ccr_node_title {
+  font-size: 15px;
+}
+.ccr_tileTitle {
+  display: flex;
+  gap: 10px;
+  align-items: center;
+  justify-content: space-between;
+  margin: 18px 0 3px;
+}
+.ccr_tileTitle > button:first-child {
+  padding: 0;
+  color: #263244;
+  font-size: 16px;
+  text-align: left;
+  overflow-wrap: anywhere;
+  background: none;
+  border: 0;
+  cursor: pointer;
+}
+.ccr_tileTitle > button:first-child:hover {
+  color: #3370ff;
+}
+.ccr_muted {
+  color: #8590a0;
+  font-size: 12px;
+  overflow-wrap: anywhere;
+}
+.ccr_tileFooter {
+  display: flex;
+  gap: 10px;
+  align-items: center;
+  justify-content: space-between;
+  margin-top: 19px;
+}
+.ccr_owner {
+  display: flex;
+  gap: 7px;
+  align-items: center;
+  min-width: 0;
+  color: #8590a0;
+  font-size: 12px;
+  overflow-wrap: anywhere;
+}
+.ccr_avatar {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: 26px;
+  height: 26px;
+  color: #3370ff;
+  font-size: 12px;
+  background: #edf2ff;
+  border-radius: 50%;
+}
+.ccr_listFooter {
+  display: flex;
+  flex-shrink: 0;
+  flex-wrap: wrap;
+  gap: 12px;
+  align-items: center;
+  justify-content: flex-end;
+}
+.ccr_designer {
+  overflow: hidden;
+  background: #fff;
+  border: 1px solid #e5e9f0;
+  border-radius: 8px;
+}
+.ccr_designerHeader {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px 16px;
+  border-bottom: 1px solid #e5e9f0;
+}
+.ccr_workspace {
+  display: grid;
+  grid-template-columns: 198px minmax(0, 1fr) 258px;
+  min-width: 0;
+  min-height: 690px;
+  margin: 0;
+  padding: 0;
+  border: 0;
+}
+.ccr_workspace:disabled .ccr_paper {
+  pointer-events: none;
+}
+.ccr_library,
+.ccr_inspector {
+  min-width: 0;
+  background: #fff;
+}
+.ccr_library {
+  border-right: 1px solid #e5e9f0;
+}
+.ccr_inspector {
+  border-left: 1px solid #e5e9f0;
+}
+.ccr_tabs {
+  display: flex;
+  gap: 16px;
+  align-items: center;
+  min-height: 46px;
+  padding: 0 14px;
+  border-bottom: 1px solid #e5e9f0;
+}
+.ccr_tabs button {
+  padding: 11px 0 9px;
+  color: #8590a0;
+  font-size: 13px;
+  background: none;
+  border: 0;
+  border-bottom: 2px solid transparent;
+  cursor: pointer;
+}
+.ccr_tabs button.ccr_active {
+  color: #3370ff;
+  border-bottom-color: #3370ff;
+}
+.ccr_panelBody {
+  padding: 14px;
+}
+.ccr_panelBody h4 {
+  margin: 18px 0 8px;
+  font-weight: 500;
+  font-size: 12px;
+}
+.ccr_palette {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 7px;
+}
+.ccr_palette button {
+  display: flex;
+  gap: 6px;
+  align-items: center;
+  min-width: 0;
+  padding: 9px 6px;
+  color: #3d4859;
+  font-size: 12px;
+  text-align: left;
+  background: #fff;
+  border: 1px solid #e3e7ee;
+  border-radius: 5px;
+  cursor: pointer;
+}
+.ccr_palette button span {
+  color: #727d8f;
+  font-size: 11px;
+}
+.ccr_palette button:hover {
+  color: #3370ff;
+  background: #f5f8ff;
+  border-color: #3370ff;
+}
+.ccr_libraryHint {
+  margin: 20px 0 0;
+  color: #8590a0;
+  font-size: 11px;
+}
+.ccr_center {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  background: #e9ecf1;
+}
+.ccr_canvasToolbar {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  align-items: center;
+  justify-content: space-between;
+  min-height: 46px;
+  padding: 6px 12px;
+  font-size: 12px;
+  background: #fff;
+  border-bottom: 1px solid #e5e9f0;
+}
+.ccr_canvasStage {
+  flex: 1;
+  min-width: 0;
+  padding: 26px 20px 32px;
+}
+.ccr_chat {
+  max-width: 600px;
+  margin: auto;
+  background: #f5f6f8;
+  border: 1px solid #dfe4ec;
+  border-radius: 10px;
+  box-shadow: 0 3px 15px #1f345207;
+}
+.ccr_mobileChat {
+  width: 375px;
+  max-width: 100%;
+}
+.ccr_chatHeader {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  padding: 12px 15px;
+  color: #8590a0;
+  font-size: 12px;
+  border-bottom: 1px solid #e0e5ec;
+}
+.ccr_chatMessage {
+  padding: 32px 16px 24px;
+}
+.ccr_composer {
+  display: flex;
+  justify-content: space-between;
+  margin: 0 16px 16px;
+  padding: 10px 12px;
+  color: #adb4bf;
+  font-size: 12px;
+  border: 1px solid #e0e5ec;
+  border-radius: 6px;
+}
+.ccr_paper {
+  min-width: 0;
+  max-width: 440px;
+  margin: auto;
+  padding-bottom: 8px;
+  color: #263244;
+  font-size: 14px;
+  background: #fff;
+  border: 1px solid #e1e5ec;
+  border-radius: 7px;
+}
+.ccr_mobilePaper {
+  max-width: 280px;
+}
+.ccr_node {
+  position: relative;
+  min-width: 0;
+  overflow-wrap: anywhere;
+  outline: 1px solid transparent;
+  outline-offset: -1px;
+}
+.ccr_node:hover {
+  outline-color: #a3bfff;
+}
+.ccr_node[draggable='true'] {
+  cursor: pointer;
+}
+.ccr_selectedNode {
+  z-index: 1;
+  outline: 2px solid #3370ff !important;
+}
+.ccr_node[data-drop-edge]::after,
+.ccr_paper[data-drop-end='true']::after {
+  position: absolute;
+  right: 0;
+  left: 0;
+  z-index: 10;
+  height: 3px;
+  background: #3370ff;
+  border-radius: 2px;
+  content: '';
+  pointer-events: none;
+}
+.ccr_node[data-drop-edge='before']::after {
+  top: -3px;
+}
+.ccr_node[data-drop-edge='after']::after {
+  bottom: -3px;
+}
+.ccr_paper[data-drop-end='true'] {
+  position: relative;
+}
+.ccr_paper[data-drop-end='true']::after {
+  right: 12px;
+  bottom: 4px;
+  left: 12px;
+}
+.ccr_dropInside {
+  background: #3370ff0d;
+  outline: 2px solid #3370ff;
+}
+.ccr_selectionLabel {
+  position: absolute;
+  top: -23px;
+  left: 0;
+  z-index: 3;
+  padding: 1px 7px;
+  color: #fff;
+  font-size: 11px;
+  white-space: nowrap;
+  background: #3370ff;
+  border-radius: 3px 3px 0 0;
+}
+.ccr_node_title {
+  padding: 14px;
+  font-size: 18px;
+}
+.ccr_subtitle {
+  margin-top: 4px;
+  font-weight: 400;
+  font-size: 12px;
+}
+.ccr_node_text,
+.ccr_node_richtext {
+  padding: 9px 14px;
+  white-space: pre-wrap;
+}
+.ccr_node_note {
+  padding: 8px 14px;
+  color: #646a73;
+  font-size: 12px;
+  line-height: 19.2px;
+  white-space: pre-wrap;
+}
+.ccr_noteContent {
+  display: flex;
+  align-items: center;
+  min-width: 0;
+  color: #646a73;
+  font-size: 12px;
+  line-height: 19.2px;
+}
+.ccr_noteText {
+  min-width: 0;
+  margin: 0 4px;
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+}
+.ccr_noteIcon {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  height: 16px;
+  object-fit: contain;
+  font-size: 16px;
+  line-height: 16px;
+}
+.ccr_noteHeading {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 12px;
+  color: #1f2329;
+  font-size: 12px;
+}
+.ccr_noteHeading button {
+  padding: 0 4px;
+  background: none;
+  border: 0;
+  cursor: pointer;
+}
+.ccr_noteItemList {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.ccr_noteItemRow {
+  display: flex;
+  align-items: center;
+  background: #f5f6f7;
+  border: 1px solid transparent;
+  border-radius: 6px;
+}
+.ccr_noteItemRow:hover {
+  background: #eff4ff;
+  border-color: #bacefd;
+}
+.ccr_noteItemEdit {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: 4px;
+  min-width: 0;
+  padding: 10px 12px;
+  text-align: left;
+  background: none;
+  border: 0;
+  cursor: pointer;
+}
+.ccr_noteItemEdit span {
+  color: #1f2329;
+  font-size: 12px;
+}
+.ccr_noteItemEdit small {
+  display: block;
+  max-width: 100%;
+  overflow: hidden;
+  color: #646a73;
+  font-size: 12px;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.ccr_noteItemDelete {
+  margin-right: 8px;
+  color: #646a73;
+  background: none;
+  border: 0;
+  cursor: pointer;
+}
+.ccr_noteItemDelete:hover {
+  color: #f54a45;
+}
+.ccr_noteSettings .ccr_propertyRow {
+  margin: 12px 0;
+}
+.ccr_noteSettings .ccr_propertyText > span {
+  color: #646a73;
+  font-size: 12px;
+}
+.ccr_noteIconSample {
+  display: block;
+  width: 32px;
+  height: 32px;
+  object-fit: contain;
+}
+.ccr_chartEditorHeading {
+  display: flex;
+  justify-content: space-between;
+  margin: 12px 0 6px;
+  color: #8f959e;
+  font-size: 11px;
+}
+.ccr_chartEditorHeading button {
+  padding: 0;
+  color: #3370ff;
+  background: none;
+  border: 0;
+  cursor: pointer;
+}
+.ccr_chartDefinitionEditor {
+  display: block;
+  width: 100%;
+  height: 320px;
+  padding: 10px;
+  color: #1f2329;
+  font: 12px/20px Consolas, monospace;
+  white-space: pre;
+  tab-size: 2;
+  background: #f5f6f7;
+  border: 1px solid #dee0e3;
+  border-radius: 4px;
+  resize: vertical;
+}
+.ccr_chartDefinitionEditor:focus {
+  border-color: #3370ff;
+  outline: none;
+}
+.ccr_chartFrame {
+  position: relative;
+  width: 100%;
+  min-width: 0;
+  overflow: hidden;
+  background: #fff;
+}
+.ccr_chartCanvasWrapper,
+.ccr_chartCanvas {
+  position: relative;
+  width: 100%;
+  min-width: 0;
+  height: 100%;
+}
+.ccr_chartFeedback {
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 16px;
+  color: #8f959e;
+  font-size: 12px;
+  background: #f7f8fa;
+  inset: 0;
+}
+.ccr_chartExpand {
+  position: absolute;
+  top: 8px;
+  right: 8px;
+  padding: 4px 6px;
+  color: #646a73;
+  background: #fff;
+  border: 1px solid #dee0e3;
+  border-radius: 4px;
+  cursor: pointer;
+  opacity: 0;
+}
+.ccr_chartExpand:focus-visible {
+  opacity: 1;
+}
+.ccr_chartFrame:hover .ccr_chartExpand {
+  opacity: 1;
+}
+.ccr_chartExpanded {
+  height: min(70vh, 600px);
+  min-height: 300px;
+}
+.ccr_fieldLabel {
+  display: block;
+  margin-bottom: 3px;
+  font-size: 12px;
+}
+.ccr_paper .ccr_node_loop,
+.ccr_paper .ccr_node_interactive {
+  padding: 0;
+  background: transparent;
+  border: 0;
+  border-radius: 0;
+}
+.ccr_paper .ccr_node_loop .ccr_loopItem + .ccr_loopItem {
+  margin-top: 0;
+  padding-top: 0;
+  border-top: 0;
+}
+.ccr_loopDrop {
+  min-height: 0;
+}
+.ccr_loopEmpty {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 66px;
+  color: #8f959e;
+}
+.ccr_interactiveContent {
+  box-sizing: border-box;
+  width: 100%;
+}
+.ccr_interactiveContent[role='button'] {
+  cursor: pointer;
+}
+.ccr_interactiveContent[aria-disabled='true'] {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+.ccr_interactiveContent:focus-visible {
+  outline: 2px solid #3370ff;
+  outline-offset: 2px;
+}
+.ccr_interactiveContent > .ccr_columnSlot {
+  min-height: 0;
+  padding: 0;
+  border: 0;
+  background: transparent;
+}
+.ccr_containerNumber {
+  display: flex;
+  align-items: center;
+  background: #f5f6f7;
+  border-radius: 6px;
+  overflow: hidden;
+}
+.ccr_containerNumber input {
+  min-width: 0;
+  width: 100%;
+  border: 0;
+  background: transparent;
+}
+.ccr_containerNumber span {
+  padding-right: 8px;
+  color: #8f959e;
+}
+.ccr_containerPadding {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 8px;
+}
+.ccr_containerPadding label {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+.ccr_containerPadding input {
+  min-width: 0;
+  width: 100%;
+  padding: 6px;
+  border: 0;
+  border-radius: 6px;
+  background: #f5f6f7;
+}
+.ccr_node_columns {
+  display: grid;
+}
+.ccr_emptyContainer {
+  display: block;
+  padding: 18px 12px;
+  color: #8590a0;
+  font-size: 12px;
+}
+.ccr_node_tag {
+  padding: 7px 14px;
+}
+.ccr_statusTag {
+  display: inline-flex;
+  align-items: center;
+  padding: 1px 7px;
+  font-size: 12px;
+  border-radius: 4px;
+}
+.ccr_snapshot {
+  margin-left: 6px;
+  color: #8590a0;
+  font-size: 10px;
+}
+.ccr_theme_blue {
+  color: #234782;
+  background: #e1eaff;
+}
+.ccr_theme_wathet {
+  color: #076b8c;
+  background: #d5f3fa;
+}
+.ccr_theme_turquoise {
+  color: #06756a;
+  background: #c4f2ec;
+}
+.ccr_theme_orange {
+  color: #a15c0a;
+  background: #ffead1;
+}
+.ccr_theme_green {
+  color: #267647;
+  background: #d9f5d6;
+}
+.ccr_theme_yellow {
+  color: #8f6500;
+  background: #fff2c2;
+}
+.ccr_theme_red {
+  color: #b53535;
+  background: #fde2e2;
+}
+.ccr_theme_carmine {
+  color: #a82f60;
+  background: #fcdde8;
+}
+.ccr_theme_violet {
+  color: #953aab;
+  background: #f4dffc;
+}
+.ccr_theme_purple {
+  color: #6743b5;
+  background: #e9e2fe;
+}
+.ccr_theme_indigo {
+  color: #3e4daf;
+  background: #e0e5ff;
+}
+.ccr_theme_grey {
+  color: #555b65;
+  background: #e8e9eb;
+}
+.ccr_theme_neutral {
+  color: #374358;
+  background: #f5f6f7;
+}
+.ccr_node_divider {
+  padding: 10px 14px;
+}
+.ccr_node_divider hr {
+  margin: 0;
+  border: 0;
+  border-top: 1px solid #e1e5ec;
+}
+.ccr_node_image,
+.ccr_node_gallery {
+  padding: 10px 14px;
+}
+.ccr_node_image img,
+.ccr_node_gallery img {
+  display: block;
+  width: 100%;
+  max-height: 240px;
+  object-fit: cover;
+  border-radius: 4px;
+}
+.ccr_imageGrid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 8px;
+  width: 100%;
+  min-width: 0;
+}
+.ccr_galleryCell {
+  min-width: 0;
+  min-height: 0;
+  overflow: hidden;
+}
+.ccr_galleryImageFrame {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  background: #f5f6f7;
+}
+.ccr_galleryImageFrame[data-transparent='true'] {
+  background: transparent;
+}
+.ccr_galleryImageFrame .ccr_imagePlaceholder {
+  height: 100%;
+  min-height: 0;
+  padding: 4px;
+  background: transparent;
+  border: 0;
+  border-radius: 0;
+}
+.ccr_galleryPresets {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 12px 6px;
+  align-items: start;
+}
+.ccr_galleryPresets button {
+  min-width: 0;
+  padding: 3px;
+  background: transparent;
+  border: 1px solid transparent;
+  border-radius: 4px;
+  cursor: pointer;
+}
+.ccr_galleryPresets button:hover {
+  background: #f2f3f5;
+}
+.ccr_galleryPresets button.ccr_active {
+  background: #eff4ff;
+  border-color: #3370ff;
+}
+.ccr_galleryPresets button:focus-visible {
+  outline: 2px solid #3370ff;
+}
+.ccr_galleryPresetGrid {
+  display: grid;
+  gap: 2px;
+  width: 100%;
+}
+.ccr_galleryPresetGrid i {
+  display: block;
+  min-width: 0;
+  min-height: 0;
+  background: #dee0e3;
+}
+.ccr_galleryImageField {
+  margin-top: 16px;
+}
+.ccr_galleryImageField > span {
+  display: block;
+  margin-bottom: 8px;
+  color: #646a73;
+  font-size: 12px;
+}
+.ccr_galleryImageField > div {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+}
+.ccr_galleryImageField input:not([type='file']) {
+  flex: 1;
+  width: 0;
+  min-width: 0;
+  padding: 5px 8px;
+  border: 1px solid #d0d3d6;
+  border-radius: 4px;
+}
+.ccr_galleryUpload {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  color: #646a73;
+  border-radius: 4px;
+  cursor: pointer;
+}
+.ccr_galleryUpload:hover {
+  color: #3370ff;
+  background: #eff4ff;
+}
+.ccr_galleryUpload input {
+  display: none;
+}
+.ccr_galleryImageThumbnail {
+  display: block;
+  width: 48px;
+  height: 40px;
+  margin-top: 8px;
+  object-fit: cover;
+  border-radius: 4px;
+}
+.ccr_imageSourceTabs {
+  display: flex;
+  flex: 1;
+  padding: 3px;
+  background: #f1f2f4;
+  border-radius: 6px;
+}
+.ccr_imageSourceTabs button {
+  flex: 1;
+  padding: 3px 4px;
+  color: #8f959e;
+  font-size: 12px;
+  background: none;
+  border: 0;
+  border-radius: 4px;
+  cursor: pointer;
+}
+.ccr_imageSourceTabs button.ccr_active {
+  color: #1f2329;
+  background: #fff;
+  box-shadow: 0 1px 3px #0000000a;
+}
+.ccr_imageUpload {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  align-items: center;
+  justify-content: center;
+  min-height: 110px;
+  margin: 12px 0;
+  color: #3370ff;
+  font-size: 13px;
+  background: #f5f6f7;
+  border: 1px dashed #dee0e3;
+  border-radius: 6px;
+  cursor: pointer;
+}
+.ccr_imageUpload > .anticon {
+  color: #8f959e;
+  font-size: 28px;
+}
+.ccr_imageUpload > img {
+  max-width: 100%;
+  max-height: 100px;
+  object-fit: contain;
+}
+.ccr_imageUpload > input {
+  display: none;
+}
+.ccr_imageRadiusControl {
+  display: flex;
+  flex: 1;
+  gap: 6px;
+  min-width: 0;
+}
+.ccr_imageRadiusControl > select {
+  width: 50%;
+}
+.ccr_imageRadiusControl > label {
+  display: flex;
+  align-items: center;
+  min-width: 0;
+  padding-right: 8px;
+  color: #646a73;
+  background: #f1f2f4;
+  border-radius: 6px;
+}
+.ccr_imageRadiusControl > label input {
+  width: 100%;
+  min-width: 0;
+}
+.ccr_imageRadiusControl > label span {
+  font-size: 12px;
+}
+.ccr_singleImageFrame {
+  width: 100%;
+  overflow: hidden;
+  background: #f5f6f7;
+}
+.ccr_singleImageFrame[data-transparent='true'] {
+  background: transparent;
+}
+.ccr_singleImageFrame .ccr_imagePlaceholder {
+  min-height: 120px;
+  border: 0;
+  border-radius: 0;
+  aspect-ratio: 16 / 9;
+}
+.ccr_node_image img.ccr_singleImage {
+  display: block;
+  width: 100%;
+  height: auto;
+  max-height: none;
+}
+.ccr_imagePreviewTrigger {
+  display: block;
+  width: 100%;
+  height: 100%;
+  padding: 0;
+  background: transparent;
+  border: 0;
+  cursor: zoom-in;
+}
+.ccr_imagePreviewTrigger:focus-visible {
+  outline: 2px solid #3370ff;
+  outline-offset: 2px;
+}
+.ccr_imageLightbox {
+  display: block;
+  max-width: 100%;
+  max-height: 75vh;
+  margin: auto;
+  object-fit: contain;
+}
+.ccr_imagePlaceholder {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  align-items: center;
+  justify-content: center;
+  min-height: 95px;
+  padding: 15px;
+  color: #8590a0;
+  font-size: 12px;
+  background: #f5f6f8;
+  border: 1px dashed #d8dfe9;
+  border-radius: 5px;
+}
+.ccr_node_button,
+.ccr_node_buttonGroup {
+  padding: 9px 14px;
+}
+.ccr_buttonGroup {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  align-items: center;
+}
+.ccr_buttonGroup > .ccr_node {
+  flex: 0 1 auto;
+  min-width: 0;
+  margin: 0 !important;
+  padding: 0 !important;
+}
+.ccr_buttonGroup > .ccr_node[data-button-width='fill'] {
+  flex: 1 1 0;
+}
+.ccr_buttonGroup[data-mobile-layout='stack'] {
+  flex-direction: column;
+  align-items: stretch;
+}
+.ccr_buttonGroup[data-mobile-layout='stack'] > .ccr_node {
+  width: 100%;
+}
+.ccr_buttonGroup[data-mobile-layout='two'],
+.ccr_buttonGroup[data-mobile-layout='three'] {
+  display: grid;
+  align-items: stretch;
+}
+.ccr_buttonGroup[data-mobile-layout='two'] {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+.ccr_buttonGroup[data-mobile-layout='three'] {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+.ccr_buttonGroup[data-mobile-layout='stack'] .ccr_feishuButton,
+.ccr_buttonGroup[data-mobile-layout='two'] .ccr_feishuButton,
+.ccr_buttonGroup[data-mobile-layout='three'] .ccr_feishuButton {
+  width: 100% !important;
+}
+.ccr_groupMoreButton {
+  min-width: 32px;
+  padding: 0 8px;
+  font-weight: 600;
+}
+.ccr_groupOverflowPanel {
+  position: fixed;
+  z-index: 1050;
+  width: 200px;
+  max-height: 360px;
+  padding: 4px;
+  overflow: auto;
+  background: #fff;
+  border: 1px solid #dee0e3;
+  border-radius: 6px;
+  box-shadow: 0 4px 16px #1f23291f;
+}
+.ccr_groupOverflowPanel > .ccr_node {
+  margin: 0 !important;
+  padding: 0 !important;
+}
+.ccr_groupOverflowPanel .ccr_feishuButton {
+  justify-content: flex-start;
+  width: 100% !important;
+  color: #1f2329;
+  background: transparent;
+  border-color: transparent;
+  border-radius: 4px;
+  box-shadow: none;
+}
+.ccr_groupOverflowPanel .ccr_feishuButton:hover {
+  background: #f2f3f5;
+}
+.ccr_groupListHeading {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin: 16px 0 8px;
+}
+.ccr_groupListHeading button,
+.ccr_groupListRow > button:not(.ccr_groupListName) {
+  padding: 0 4px;
+  color: #646a73;
+  background: transparent;
+  border: 0;
+  cursor: pointer;
+}
+.ccr_groupListHeading button:disabled,
+.ccr_groupListRow button:disabled {
+  cursor: default;
+  opacity: 0.3;
+}
+.ccr_groupListRow {
+  display: flex;
+  gap: 4px;
+  align-items: center;
+  margin-top: 8px;
+}
+.ccr_groupListName {
+  flex: 1;
+  min-width: 0;
+  padding: 7px 10px;
+  overflow: hidden;
+  color: #1f2329;
+  white-space: nowrap;
+  text-align: left;
+  text-overflow: ellipsis;
+  background: #f2f3f5;
+  border: 0;
+  border-radius: 4px;
+  cursor: pointer;
+}
+.ccr_groupListName:hover {
+  background: #e4e9f5;
+}
+.ccr_groupDragHandle {
+  cursor: grab !important;
+}
+.ccr_groupLayoutTitle {
+  margin-bottom: 12px;
+}
+.ccr_groupLayoutOptions {
+  display: flex;
+  gap: 8px;
+}
+.ccr_groupLayoutOptions > button {
+  width: 48px;
+  padding: 0;
+  color: #1f2329;
+  font-size: 10px;
+  background: transparent;
+  border: 0;
+  cursor: pointer;
+}
+.ccr_groupLayoutOptions i {
+  display: grid;
+  gap: 3px;
+  height: 44px;
+  margin-bottom: 4px;
+  padding: 5px;
+  border: 1px solid #dee0e3;
+  border-radius: 4px;
+}
+.ccr_groupLayoutOptions i b {
+  background: #dee0e3;
+}
+.ccr_groupLayoutOptions button[aria-pressed='true'] i {
+  outline: 2px solid #3370ff;
+  outline-offset: 1px;
+}
+.ccr_groupLayoutOptions i[data-layout='flow'] b:last-child {
+  visibility: hidden;
+}
+.ccr_previewButton {
+  display: block;
+  padding: 8px 10px;
+  color: #3370ff;
+  font-size: 13px;
+  text-align: center;
+  background: #edf2ff;
+  border: 1px solid #dce6ff;
+  border-radius: 5px;
+}
+.ccr_node_person {
+  padding: 8px 14px;
+}
+.ccr_person {
+  display: flex;
+  gap: 7px;
+  align-items: center;
+}
+.ccr_personDisplay {
+  display: flex;
+  gap: 8px;
+  align-items: flex-start;
+  min-width: 0;
+  color: #1f2329;
+}
+.ccr_personItems {
+  display: flex;
+  flex: 1;
+  flex-wrap: wrap;
+  min-width: 0;
+  overflow: hidden;
+}
+.ccr_personItems[data-names-only='true'] {
+  column-gap: 0 !important;
+}
+.ccr_personItem,
+.ccr_personEmpty {
+  position: relative;
+  display: inline-flex;
+  gap: 4px;
+  align-items: center;
+  min-width: 0;
+  max-width: 100%;
+}
+.ccr_personName {
+  min-width: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.ccr_personAvatar {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  color: #8f959e;
+  background: #e8e9eb;
+  border-radius: 50%;
+}
+.ccr_personAvatar img {
+  width: 100%;
+  height: 100%;
+  max-height: none;
+  object-fit: cover;
+  border-radius: 50%;
+}
+.ccr_personStatus {
+  color: #8f959e;
+  font-size: 11px;
+  white-space: nowrap;
+}
+.ccr_personStatusDot {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  width: 6px;
+  height: 6px;
+  background: #ff8800;
+  border-radius: 50%;
+}
+.ccr_personSeparator {
+  margin-left: -4px;
+}
+.ccr_personEmpty {
+  color: #8f959e;
+}
+.ccr_personPrefix {
+  flex-shrink: 0;
+  font-size: 16px;
+}
+.ccr_personPrefix img {
+  width: 16px;
+  height: 16px;
+  vertical-align: middle;
+}
+.ccr_personRetry {
+  flex-shrink: 0;
+  padding: 0;
+  color: #3370ff;
+  font-size: 12px;
+  background: none;
+  border: 0;
+  cursor: pointer;
+}
+.ccr_personArrayHeading {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin: 12px 0 8px;
+  color: #646a73;
+  font-size: 12px;
+}
+.ccr_personArrayHeading button,
+.ccr_personIDRow button {
+  padding: 0 5px;
+  color: #646a73;
+  background: none;
+  border: 0;
+  cursor: pointer;
+}
+.ccr_personArrayHeading button:hover,
+.ccr_personIDRow button:hover {
+  color: #3370ff;
+}
+.ccr_personIDRow {
+  display: flex;
+  gap: 8px;
+  margin-bottom: 8px;
+}
+.ccr_personIDRow input {
+  flex: 1;
+  width: 0;
+  min-width: 0;
+  padding: 5px 8px;
+  background: #f5f6f7;
+  border: 1px solid transparent;
+  border-radius: 4px;
+}
+.ccr_personIDRow input:focus {
+  background: #fff;
+  border-color: #3370ff;
+  outline: none;
+}
+.ccr_node_table {
+  padding: 9px 14px;
+}
+.ccr_previewTableWrap {
+  overflow: auto;
+}
+.ccr_previewTableWrap table {
+  width: 100%;
+  font-size: 11px;
+  border-collapse: collapse;
+}
+.ccr_previewTableWrap table td {
+  padding: 4px 6px;
+  border: 1px solid #dfe4eb;
+}
+.ccr_node_input,
+.ccr_node_select,
+.ccr_node_date {
+  padding: 9px 14px;
+}
+.ccr_inputPreview {
+  padding: 6px 8px;
+  color: #9aa3b0;
+  font-size: 12px;
+  border: 1px solid #e1e5ec;
+  border-radius: 4px;
+}
+.ccr_cardSource {
+  padding: 8px 14px 2px;
+  color: #8590a0;
+  font-size: 10px;
+}
+.ccr_sourceBar {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  padding: 7px 12px;
+  color: #8590a0;
+  font-size: 11px;
+  background: #fff;
+  border-top: 1px solid #e5e9f0;
+}
+.ccr_sourceBar button {
+  padding: 0;
+  color: #66758b;
+  background: none;
+  border: 0;
+  cursor: pointer;
+}
+.ccr_breadcrumb {
+  margin-bottom: 12px;
+  color: #8590a0;
+  font-size: 11px;
+  overflow-wrap: anywhere;
+}
+.ccr_segment {
+  display: flex;
+  margin-bottom: 18px;
+  padding: 3px;
+  background: #f3f5f8;
+  border-radius: 6px;
+}
+.ccr_segment button {
+  flex: 1;
+  padding: 3px 6px;
+  color: #8a94a4;
+  font-size: 12px;
+  background: none;
+  border: 0;
+  border-radius: 4px;
+  cursor: pointer;
+}
+.ccr_segment button.ccr_active {
+  color: #263244;
+  background: #fff;
+}
+.ccr_control {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  margin-bottom: 16px;
+  color: #4b5769;
+  font-size: 12px;
+}
+.ccr_control input,
+.ccr_control select,
+.ccr_control textarea {
+  width: 100%;
+  min-width: 0;
+  padding: 6px 8px;
+  color: #263244;
+  font: inherit;
+  background: #fff;
+  border: 1px solid #dfe4ec;
+  border-radius: 5px;
+}
+.ccr_control input:focus,
+.ccr_control select:focus,
+.ccr_control textarea:focus {
+  outline: 2px solid #b0c8ff;
+}
+.ccr_control input:disabled,
+.ccr_control select:disabled,
+.ccr_control textarea:disabled {
+  color: #8a94a4;
+  background: #f5f6f8;
+}
+.ccr_control textarea {
+  min-height: 78px;
+  resize: vertical;
+}
+.ccr_checkbox {
+  display: flex;
+  gap: 6px;
+  align-items: center;
+  font-size: 12px;
+}
+.ccr_checkbox input {
+  accent-color: #3370ff;
+}
+.ccr_nodeActions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  margin-top: 18px;
+  padding-top: 16px;
+  border-top: 1px solid #e5e9f0;
+}
+.ccr_treeItem {
+  width: 100%;
+  padding: 7px 8px;
+  color: #4b5769;
+  font-size: 12px;
+  text-align: left;
+  background: none;
+  border: 0;
+  border-radius: 4px;
+  cursor: pointer;
+}
+.ccr_treeItem.ccr_active {
+  color: #3370ff;
+  background: #edf2ff;
+}
+.ccr_variableTitle {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 13px;
+}
+.ccr_variableToolbar {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px;
+}
+.ccr_variableToolbar .ant-btn {
+  height: 24px;
+  padding: 0;
+  font-size: 12px;
+}
+.ccr_variableList {
+  padding: 0 12px 16px;
+}
+.ccr_variableRow {
+  position: relative;
+  display: flex;
+  gap: 12px;
+  align-items: center;
+  height: 36px;
+  margin-bottom: 8px;
+  padding: 0 12px;
+  color: #1f2329;
+  font-size: 13px;
+  background: #f5f6f7;
+  border-radius: 4px;
+}
+.ccr_variableRow:hover,
+.ccr_variableRow:focus-within {
+  background: #e1eaff;
+  box-shadow: inset 0 0 0 1px #adc6ff;
+}
+.ccr_variableRow:hover .ccr_variableActions,
+.ccr_variableRow:focus-within .ccr_variableActions {
+  opacity: 1;
+  pointer-events: auto;
+}
+.ccr_variableName {
+  flex: 1;
+  min-width: 0;
+  padding: 0;
+  overflow: hidden;
+  color: inherit;
+  font: inherit;
+  white-space: nowrap;
+  text-align: left;
+  text-overflow: ellipsis;
+  background: transparent;
+  border: 0;
+  cursor: copy;
+}
+.ccr_variableName span {
+  color: #646a73;
+}
+.ccr_variableType {
+  display: flex;
+  flex: 0 0 64px;
+  gap: 4px;
+  align-items: center;
+  color: #646a73;
+}
+.ccr_variableType > span {
+  font-size: 14px;
+}
+.ccr_variableActions {
+  display: flex;
+  flex: 0 0 52px;
+  gap: 4px;
+  justify-content: flex-end;
+  opacity: 0;
+  pointer-events: none;
+}
+.ccr_variableForm {
+  padding-top: 8px;
+}
+.ccr_variableForm .ccr_control {
+  gap: 10px;
+  margin-bottom: 28px;
+  font-size: 14px;
+}
+.ccr_variableForm .ccr_control > input,
+.ccr_variableForm .ccr_control > select,
+.ccr_variableForm .ccr_control > textarea {
+  width: 100%;
+  min-height: 32px;
+  padding: 5px 11px;
+  color: #1f2329;
+  font-size: 14px;
+  background: #fff;
+  border: 1px solid #dee0e3;
+  border-radius: 6px;
+}
+.ccr_variableForm .ccr_control > input:focus,
+.ccr_variableForm .ccr_control > select:focus,
+.ccr_variableForm .ccr_control > textarea:focus {
+  border-color: #3370ff;
+  outline: 1px solid #3370ff;
+}
+.ccr_variableForm .ccr_control > input::placeholder,
+.ccr_variableForm .ccr_control > select::placeholder,
+.ccr_variableForm .ccr_control > textarea::placeholder {
+  color: #bbbfc4;
+}
+.ccr_variableForm .ccr_control > textarea {
+  min-height: 54px;
+  resize: vertical;
+}
+.ccr_jsonSampleField {
+  margin-bottom: 24px;
+}
+.ccr_jsonSampleHeading {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 10px;
+  color: #4b5769;
+  font-size: 14px;
+}
+.ccr_jsonSampleHeading button {
+  padding: 0;
+  color: #3370ff;
+  font-size: 12px;
+  background: none;
+  border: 0;
+  cursor: pointer;
+}
+.ccr_jsonSampleHeading button:disabled {
+  color: #bbbfc4;
+  cursor: default;
+}
+.ccr_jsonSampleEditor {
+  display: flex;
+  height: 300px;
+  overflow: hidden;
+  background: #fff;
+  border: 1px solid #dee0e3;
+  border-radius: 6px;
+}
+.ccr_jsonSampleEditor:focus-within {
+  border-color: #3370ff;
+}
+.ccr_jsonSampleEditor[data-invalid='true'] {
+  border-color: #f54a45;
+}
+.ccr_jsonSampleEditor > textarea {
+  flex: 1;
+  min-width: 0;
+  height: 100%;
+  margin: 0;
+  padding: 10px 12px;
+  color: #1f2329;
+  font: 13px/22px Consolas, Monaco, monospace;
+  tab-size: 2;
+  background: transparent;
+  border: 0;
+  border-radius: 0;
+  outline: 0;
+  resize: none;
+}
+.ccr_jsonSampleEditor > textarea:focus {
+  outline: 0;
+}
+.ccr_jsonSampleGutter {
+  flex: 0 0 40px;
+  padding: 10px 8px;
+  overflow: hidden;
+  color: #8f959e;
+  font: 13px/22px Consolas, Monaco, monospace;
+  text-align: right;
+  background: #f8f9fa;
+  border-right: 1px solid #eff0f1;
+  user-select: none;
+}
+.ccr_jsonSampleError,
+.ccr_jsonSampleHint {
+  margin-top: 6px;
+  font-size: 12px;
+  line-height: 20px;
+}
+.ccr_jsonSampleError {
+  color: #d03050;
+}
+.ccr_jsonSampleHint {
+  color: #8f959e;
+}
+.ccr_variable {
+  margin-bottom: 8px;
+  padding: 12px 0;
+  font-size: 12px;
+  border-bottom: 1px solid #e5e9f0;
+}
+.ccr_variable > div:first-child {
+  display: flex;
+  gap: 8px;
+  justify-content: space-between;
+}
+.ccr_variable code {
+  color: #3370ff;
+  overflow-wrap: anywhere;
+}
+.ccr_variable label {
+  display: block;
+  margin-top: 6px;
+  color: #66758b;
+}
+.ccr_variable label input {
+  width: 100%;
+  margin-top: 4px;
+  padding: 5px 7px;
+  font-size: 12px;
+  border: 1px solid #dfe4ec;
+  border-radius: 4px;
+}
+.ccr_editorFooter {
+  padding: 9px 16px;
+  color: #8590a0;
+  font-size: 11px;
+  border-top: 1px solid #e5e9f0;
+}
+.ccr_code {
+  max-height: 65vh;
+  padding: 14px;
+  overflow: auto;
+  font: 12px/1.7 Consolas, monospace;
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+  background: #f6f7f9;
+  border: 1px solid #e1e5ec;
+  border-radius: 6px;
+}
+.ccr_versionItem {
+  margin-bottom: 12px;
+  padding: 12px 0;
+  border-bottom: 1px solid #e5e9f0;
+}
+.ccr_versionItem summary {
+  margin-bottom: 12px;
+  cursor: pointer;
+}
+@media (max-width: 1150px) {
+  .ccr_workspace {
+    grid-template-columns: 170px minmax(0, 1fr) 238px;
+  }
+  .ccr_canvasStage {
+    padding: 22px 12px;
+  }
+  .ccr_panelBody {
+    padding: 12px;
+  }
+  .ccr_palette {
+    grid-template-columns: 1fr;
+  }
+}
+@media (max-width: 850px) {
+  .ccr_workspace {
+    grid-template-columns: 160px minmax(0, 1fr);
+  }
+  .ccr_inspector {
+    grid-column: 1/-1;
+    border-top: 1px solid #e5e9f0;
+    border-left: 0;
+  }
+  .ccr_inspector .ccr_panelBody {
+    max-width: 640px;
+  }
+  .ccr_gallery {
+    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
+  }
+}
+@media (max-width: 520px) {
+  .ccr_workspace {
+    display: flex;
+    flex-direction: column;
+  }
+  .ccr_palette {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+  .ccr_library {
+    border-right: 0;
+  }
+  .ccr_listPage {
+    padding: 14px;
+  }
+  .ccr_gallery {
+    grid-template-columns: 1fr;
+  }
+  .ccr_chatMessage {
+    padding: 30px 10px 20px;
+  }
+  .ccr_designerHeader {
+    padding: 10px;
+  }
+  .ccr_canvasToolbar {
+    flex-wrap: wrap;
+  }
+}
+/* Approved studio layout. Keep list and dialog layouts independent. */
+.ccr_designer {
+  display: flex;
+  flex-direction: column;
+  min-height: 520px;
+  border-color: #dee0e3;
+  border-radius: 0;
+}
+.ccr_designer .ccr_designerHeader {
+  flex-shrink: 0;
+  gap: 8px;
+  min-height: 70px;
+  padding: 10px 16px;
+}
+.ccr_designer .ccr_workspace {
+  flex: 1;
+  grid-template-columns: minmax(230px, 21.1%) minmax(0, 1fr) minmax(290px, 21.1%);
+  min-height: 0;
+  overflow: hidden;
+}
+.ccr_designer .ccr_library,
+.ccr_designer .ccr_inspector {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+  border-color: #dee0e3;
+}
+.ccr_designer .ccr_tabs {
+  flex-shrink: 0;
+  gap: 16px;
+  height: 42px;
+  min-height: 42px;
+  padding: 0 16px;
+  border-color: #dee0e3;
+}
+.ccr_designer .ccr_tabs button {
+  height: 42px;
+  padding: 8px 0;
+  color: #646a73;
+  font-size: 14px;
+}
+.ccr_designer .ccr_tabs button.ccr_active {
+  color: #3370ff;
+  border-bottom: 3px solid #3370ff;
+}
+.ccr_designer .ccr_library .ccr_panelBody {
+  flex: 1;
+  min-height: 0;
+  padding: 14px 15px;
+  overflow: auto;
+}
+.ccr_designer .ccr_palette {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 10px;
+}
+.ccr_designer .ccr_palette button {
+  min-height: 35px;
+  padding: 7px 9px;
+  font-size: 13px;
+  border-color: #dee0e3;
+  border-radius: 5px;
+}
+.ccr_designer .ccr_palette button span {
+  font-size: 14px;
+}
+.ccr_designer .ccr_panelBody h4 {
+  margin: 20px 0 10px;
+  color: #4e535b;
+  font-size: 13px;
+}
+.ccr_designer .ccr_center {
+  min-height: 0;
+  overflow: hidden;
+  background: #e4e6ed;
+}
+.ccr_designer .ccr_canvasToolbar {
+  flex-shrink: 0;
+  height: 42px;
+  min-height: 42px;
+  padding: 0 14px;
+  font-size: 13px;
+}
+.ccr_designer .ccr_canvasStage {
+  flex: 1;
+  min-height: 0;
+  padding: 20px 24px;
+  overflow: auto;
+}
+.ccr_designer .ccr_chat {
+  max-width: 792px;
+  min-height: 550px;
+  background: #f4f5f7;
+  border: 0;
+  border-radius: 12px;
+}
+.ccr_designer .ccr_chatHeader {
+  height: 50px;
+  padding: 0 18px;
+  font-size: 13px;
+  border-color: #d5d7da;
+}
+.ccr_designer .ccr_chatMessage {
+  display: flex;
+  gap: 10px;
+  align-items: flex-start;
+  padding: 26px 22px;
+}
+.ccr_designer .ccr_paper {
+  width: 100%;
+  max-width: none;
+  border-radius: 8px;
+}
+.ccr_designer .ccr_mobileChat {
+  max-width: 375px;
+}
+.ccr_designer .ccr_mobilePaper {
+  max-width: none;
+}
+.ccr_designer .ccr_composer {
+  margin: 16px 22px 20px;
+  padding: 8px 12px;
+  border-radius: 8px;
+}
+.ccr_designer .ccr_sourceBar {
+  flex-shrink: 0;
+  min-height: 33px;
+  padding: 6px 14px;
+  font-size: 12px;
+}
+.ccr_designer .ccr_breadcrumb {
+  margin: 0;
+  padding: 10px 16px;
+  font-size: 13px;
+}
+.ccr_designer .ccr_inspectorBody {
+  flex: 1;
+  min-height: 0;
+  padding: 0 0 150px;
+  overflow: auto;
+}
+.ccr_designer .ccr_inspectorBody > .ccr_segment {
+  margin: 0 16px;
+}
+.ccr_designer .ccr_segment {
+  padding: 3px;
+  background: #f1f2f4;
+}
+.ccr_designer .ccr_segment button {
+  padding: 3px 5px;
+  font-size: 13px;
+}
+.ccr_designer .ccr_variableTitle,
+.ccr_designer .ccr_variable,
+.ccr_designer .ccr_inspectorBody > p,
+.ccr_designer .ccr_inspectorBody > button {
+  margin: 12px 16px;
+}
+.ccr_designer .ccr_noSelection {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 400px;
+  color: #8f959e;
+  font-size: 13px;
+}
+.ccr_documentTitle {
+  display: flex;
+  flex-direction: column;
+}
+.ccr_documentTitle strong {
+  font-weight: 500;
+  font-size: 14px;
+}
+.ccr_documentTitle small {
+  color: #8f959e;
+  font-size: 12px;
+}
+.ccr_chatAvatar {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: 30px;
+  height: 30px;
+  color: #b5b8bc;
+  border: 1px solid #c6c9cd;
+  border-radius: 50%;
+}
+.ccr_chatMore {
+  margin-left: auto;
+}
+.ccr_messageContent {
+  flex: 1;
+  min-width: 0;
+}
+.ccr_messageName {
+  margin: 0 0 5px;
+  color: #8f959e;
+  font-size: 12px;
+}
+.ccr_propertySection {
+  padding: 14px 16px;
+  font-size: 13px;
+  border-bottom: 1px solid #e9eaec;
+}
+.ccr_propertyHeading {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 10px;
+  color: #32363c;
+  font-size: 13px;
+}
+.ccr_propertyRow {
+  display: flex;
+  gap: 10px;
+  align-items: center;
+  justify-content: space-between;
+  margin: 10px 0 0;
+  font-size: 12px;
+}
+.ccr_propertyRow:first-child {
+  margin-top: 0;
+}
+.ccr_propertyRow > span {
+  flex: 0 0 36%;
+  color: #32363c;
+}
+.ccr_propertyRow > input,
+.ccr_propertyRow > select {
+  flex: 1;
+  width: 0;
+  min-width: 0;
+}
+.ccr_propertyRow input,
+.ccr_propertyRow select,
+.ccr_propertyText textarea {
+  padding: 5px 8px;
+  color: #32363c;
+  font: inherit;
+  background: #f1f2f4;
+  border: 1px solid transparent;
+  border-radius: 6px;
+}
+.ccr_propertyRow input:focus,
+.ccr_propertyRow select:focus,
+.ccr_propertyText textarea:focus {
+  outline: 2px solid #b0c8ff;
+}
+.ccr_propertyText {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  font-size: 13px;
+}
+.ccr_propertyText textarea {
+  max-width: 100%;
+  min-height: 62px;
+  resize: vertical;
+}
+.ccr_propertyText .ccr_propertyCode {
+  min-height: 190px;
+  color: #74539e;
+  font: 12px/1.7 Consolas, monospace;
+}
+.ccr_propertyRow .ccr_propertySwitch {
+  position: relative;
+  flex: 0 0 29px;
+  width: 29px;
+  min-width: 29px;
+  height: 17px;
+  padding: 0;
+  background: #ced0d4;
+  border: 0;
+  border-radius: 10px;
+  cursor: pointer;
+  appearance: none;
+}
+.ccr_propertyRow .ccr_propertySwitch:before {
+  position: absolute;
+  top: 2px;
+  left: 2px;
+  width: 13px;
+  height: 13px;
+  background: #fff;
+  border-radius: 50%;
+  box-shadow: 0 1px 3px #0002;
+  content: '';
+}
+.ccr_propertyRow .ccr_propertySwitch:checked {
+  background: #245bdb;
+}
+.ccr_propertyRow .ccr_propertySwitch:checked:before {
+  left: 14px;
+}
+.ccr_uploadLabel {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+  align-items: center;
+}
+.ccr_uploadLabel input {
+  max-width: 100%;
+  font-size: 12px;
+}
+.ccr_layoutPresets {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 8px;
+}
+.ccr_layoutPresets button {
+  display: grid;
+  gap: 2px;
+  height: 42px;
+  padding: 3px;
+  background: #fff;
+  border: 1px solid #dee0e3;
+  border-radius: 4px;
+  cursor: pointer;
+}
+.ccr_layoutPresets button span {
+  background: #d9dce0;
+}
+.ccr_layoutPresets button.ccr_active {
+  outline: 2px solid #3370ff;
+}
+.ccr_tableColumn {
+  position: relative;
+  display: flex;
+  gap: 4px;
+  margin: 7px 0;
+}
+.ccr_tableColumn button {
+  padding: 5px 8px;
+  font-size: 12px;
+  background: #f1f2f4;
+  border: 0;
+  border-radius: 6px;
+  cursor: pointer;
+}
+.ccr_tableColumn button:disabled {
+  color: #bbbfc4;
+  cursor: default;
+}
+.ccr_tableColumn button:hover:not(:disabled) {
+  color: #3370ff;
+  background: #e1eaff;
+}
+.ccr_tableColumn button.ccr_tableColumnName {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  text-align: left;
+  text-overflow: ellipsis;
+}
+.ccr_tableColumn button.ccr_tableColumnDrag {
+  color: #8f959e;
+  cursor: grab;
+  padding-inline: 4px;
+}
+.ccr_tableColumn[data-column-drop]::after {
+  position: absolute;
+  right: 0;
+  left: 0;
+  height: 2px;
+  background: #3370ff;
+  content: '';
+  pointer-events: none;
+}
+.ccr_tableColumn[data-column-drop='before']::after {
+  top: -4px;
+}
+.ccr_tableColumn[data-column-drop='after']::after {
+  bottom: -4px;
+}
+.ccr_designerHelp {
+  position: absolute;
+  right: 16px;
+  bottom: 18px;
+  z-index: 5;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.ccr_designerHelp button {
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+  align-items: center;
+  justify-content: center;
+  width: 62px;
+  height: 65px;
+  font-size: 12px;
+  background: #fff;
+  border: 1px solid #dee0e3;
+  border-radius: 7px;
+  box-shadow: 0 4px 20px #1f23290c;
+  cursor: pointer;
+}
+.ccr_designerHelp button .anticon {
+  font-size: 23px;
+}
+.ccr_designer .ccr_collapsedInspector {
+  grid-template-columns: minmax(230px, 21.1%) minmax(0, 1fr) 80px;
+}
+.ccr_designer .ccr_collapsedInspector .ccr_inspector > .ccr_tabs,
+.ccr_designer .ccr_collapsedInspector .ccr_inspector > .ccr_inspectorBody {
+  display: none;
+}
+.ccr_selectionLabel {
+  top: auto;
+  bottom: calc(100% + 3px);
+  display: inline-flex;
+  gap: 6px;
+  align-items: center;
+  padding: 2px 5px;
+  font-size: 12px;
+}
+.ccr_selectionTools {
+  display: flex;
+  gap: 4px;
+  align-items: center;
+}
+.ccr_selectionTools button {
+  padding: 1px 3px;
+  color: #fff;
+  background: transparent;
+  border: 0;
+  cursor: pointer;
+}
+.ccr_selectionTools button:hover {
+  background: #245bdb;
+}
+.ccr_columnSlot {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 0;
+  min-height: 80px;
+  border: 1px dashed #e3e5e8;
+}
+.ccr_filledSlot {
+  display: block;
+  min-height: 30px;
+  border-color: transparent;
+}
+.ccr_slotPlaceholder {
+  color: #a8adb4;
+  font-size: 12px;
+}
+.ccr_node_columns {
+  gap: 8px;
+  margin: 12px;
+  padding: 3px;
+}
+.ccr_node_form,
+.ccr_node_loop,
+.ccr_node_interactive {
+  margin: 12px;
+  padding: 8px;
+  background: #f5f7fa;
+  border-radius: 5px;
+}
+.ccr_node_form {
+  background: #f6f9ff;
+  border: 1px dashed #b6caff;
+}
+.ccr_loopItem + .ccr_loopItem {
+  padding-top: 8px;
+  border-top: 1px dashed #dee0e3;
+}
+.ccr_formActions {
+  display: flex;
+  gap: 8px;
+  margin-top: 12px;
+}
+.ccr_node_doubleText,
+.ccr_node_personList,
+.ccr_node_chart,
+.ccr_node_multiSelect,
+.ccr_node_time,
+.ccr_node_datetime,
+.ccr_node_personSelect,
+.ccr_node_peopleSelect {
+  padding: 9px 14px;
+}
+.ccr_doubleText {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 22px 26px;
+}
+.ccr_person {
+  flex-wrap: wrap;
+}
+.ccr_person > span {
+  display: inline-flex;
+  gap: 5px;
+  align-items: center;
+}
+.ccr_previewButton {
+  display: inline-flex;
+  gap: 6px;
+  align-items: center;
+  justify-content: center;
+  padding: 5px 12px;
+  color: #32363c;
+  background: #fff;
+  border: 1px solid #d5d8de;
+}
+.ccr_button_primary {
+  color: #fff;
+  background: #245bdb;
+  border-color: #245bdb;
+}
+.ccr_button_danger {
+  color: #d14343;
+  border-color: #d14343;
+}
+.ccr_disabledPreview {
+  opacity: 0.45;
+}
+.ccr_richLink {
+  color: #3370ff;
+}
+.ccr_richCode {
+  padding: 12px;
+  font: 12px/1.7 Consolas, monospace;
+  white-space: pre-wrap;
+  background: #f2f3f5;
+  border: 1px solid #e0e2e5;
+  border-radius: 6px;
+}
+.ccr_limitedLines {
+  display: -webkit-box;
+  overflow: hidden;
+  -webkit-box-orient: vertical;
+}
+.ccr_optionHints {
+  margin-top: 4px;
+  color: #8f959e;
+  font-size: 11px;
+}
+.ccr_chartPreview {
+  display: block;
+  width: 100%;
+  min-height: 140px;
+}
+.ccr_tableTag {
+  padding: 0 4px;
+  color: #267647;
+  background: #d6f5d6;
+  border-radius: 8px;
+}
+.ccr_previewTableWrap table {
+  font-size: 12px;
+}
+.ccr_previewTableWrap table th {
+  padding: 7px 6px;
+  background: #f1f2f4;
+  border: 1px solid #dfe4eb;
+}
+.ccr_tablePagination {
+  display: flex;
+  gap: 6px;
+  align-items: center;
+  justify-content: flex-end;
+  padding: 8px 12px;
+  color: #646a73;
+  font-size: 12px;
+}
+.ccr_tablePagination button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  padding: 0;
+  color: #4e5969;
+  font-size: 12px;
+  background: #fff;
+  border: 1px solid #dee0e3;
+  border-radius: 6px;
+  cursor: pointer;
+  transition: background 0.15s, border-color 0.15s, color 0.15s;
+}
+.ccr_tablePagination button:hover:not(:disabled) {
+  color: #3370ff;
+  background: #edf2ff;
+  border-color: #adc6ff;
+}
+.ccr_tablePagination button:focus-visible {
+  outline: 2px solid #3370ff;
+  outline-offset: 2px;
+}
+.ccr_tablePagination button:disabled {
+  color: #bbbfc4;
+  background: #f5f6f7;
+  border-color: #eff0f1;
+  cursor: not-allowed;
+}
+.ccr_tablePageCount {
+  display: inline-flex;
+  gap: 5px;
+  align-items: center;
+  margin-right: 6px;
+  font-variant-numeric: tabular-nums;
+}
+.ccr_tablePageCount strong {
+  color: #1f2329;
+  font-weight: 500;
+}
+.ccr_tablePageCount > span {
+  color: #bbbfc4;
+}
+@media (max-width: 1200px) {
+  .ccr_designer .ccr_workspace {
+    grid-template-columns: 215px minmax(0, 1fr) 270px;
+  }
+  .ccr_designer .ccr_canvasStage {
+    padding: 18px 12px;
+  }
+  .ccr_designer .ccr_chatMessage {
+    padding: 24px 12px;
+  }
+  .ccr_designer .ccr_chatMessage > .ccr_chatAvatar {
+    display: none;
+  }
+  .ccr_designer .ccr_collapsedInspector {
+    grid-template-columns: 215px minmax(0, 1fr) 80px;
+  }
+}
+@media (max-width: 850px) {
+  .ccr_designer {
+    height: auto !important;
+  }
+  .ccr_designer .ccr_workspace {
+    grid-template-columns: 200px minmax(0, 1fr);
+    min-height: 800px;
+    overflow: visible;
+  }
+  .ccr_designer .ccr_inspector {
+    min-height: 340px;
+  }
+  .ccr_designer .ccr_inspectorBody {
+    max-height: 500px;
+  }
+  .ccr_designer .ccr_canvasStage {
+    min-height: 650px;
+    max-height: 750px;
+  }
+}
+@media (max-width: 520px) {
+  .ccr_designer .ccr_library .ccr_panelBody {
+    max-height: 300px;
+  }
+  .ccr_designer .ccr_palette {
+    grid-template-columns: 1fr 1fr;
+  }
+  .ccr_designer .ccr_chatMessage {
+    padding: 22px 10px;
+  }
+}
+.ccr_variableInput {
+  position: relative;
+  width: 100%;
+  min-width: 0;
+}
+.ccr_variableEditor {
+  min-height: 86px;
+  max-height: 300px;
+  padding: 10px 12px 28px;
+  overflow-y: auto;
+  color: #1f2329;
+  line-height: 1.7;
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+  background: #f2f3f5;
+  border: 1px solid transparent;
+  border-radius: 8px;
+  outline: none;
+}
+.ccr_variableEditor:focus {
+  background: #fff;
+  border-color: #3370ff;
+}
+.ccr_variableToken {
+  display: inline;
+  margin: 0 2px;
+  padding: 1px 5px;
+  color: #1f2329;
+  white-space: nowrap;
+  background: #e1e3e6;
+  border-radius: 4px;
+}
+.ccr_insertVariable {
+  position: absolute;
+  right: 7px;
+  bottom: 5px;
+  width: 25px;
+  height: 24px;
+  color: #646a73;
+  font-size: 19px;
+  background: transparent;
+  border: 0;
+  border-radius: 4px;
+  cursor: pointer;
+}
+.ccr_insertVariable:hover {
+  color: #3370ff;
+  background: #dee7ff;
+}
+.ccr_variablePicker {
+  position: absolute;
+  top: 100%;
+  right: 0;
+  left: 0;
+  z-index: 1200;
+  margin-top: 4px;
+  overflow: hidden;
+  background: #fff;
+  border: 1px solid #dee0e3;
+  border-radius: 8px;
+  box-shadow: 0 6px 20px #1f232922;
+}
+.ccr_variablePickerList {
+  max-height: 280px;
+  padding: 6px;
+  overflow-y: auto;
+}
+.ccr_variablePickerList > button {
+  display: flex;
+  flex-direction: column;
+  gap: 3px;
+  width: 100%;
+  padding: 8px 12px;
+  text-align: left;
+  background: transparent;
+  border: 0;
+  border-radius: 4px;
+  cursor: pointer;
+}
+.ccr_variablePickerList > button[aria-selected='true'],
+.ccr_variablePickerList > button:hover {
+  background: #eff3ff;
+}
+.ccr_variablePickerList > button small,
+.ccr_variablePickerList > button em {
+  color: #8f959e;
+  font-size: 12px;
+  font-style: normal;
+}
+.ccr_newVariable {
+  width: 100%;
+  padding: 12px;
+  color: #3370ff;
+  text-align: left;
+  background: #fff;
+  border: 0;
+  border-top: 1px solid #dee0e3;
+  cursor: pointer;
+}
+.ccr_newVariable:hover {
+  background: #f5f7ff;
+}
+.ccr_titleIcon {
+  margin-right: 8px;
+  color: #ff8f1f;
+}
+.ccr_titleTag {
+  display: inline-block;
+  margin-left: 8px;
+  padding: 2px 8px;
+  font-weight: 400;
+  font-size: 12px;
+  vertical-align: middle;
+  border-radius: 4px;
+}
+.ccr_tag_default {
+  color: #646a73;
+  background: #f0f1f2;
+}
+.ccr_tag_blue {
+  color: #3370ff;
+  background: #e1eaff;
+}
+.ccr_tag_turquoise {
+  color: #009b9a;
+  background: #d9f5f2;
+}
+.ccr_tag_green {
+  color: #237b4b;
+  background: #d9f2df;
+}
+.ccr_tag_yellow {
+  color: #8f6b00;
+  background: #fff0c7;
+}
+.ccr_tag_orange {
+  color: #d86b00;
+  background: #fff0df;
+}
+.ccr_tag_red {
+  color: #d14343;
+  background: #ffe3e3;
+}
+.ccr_tag_purple {
+  color: #7346d8;
+  background: #eee3ff;
+}
+.ccr_tag_carmine {
+  color: #c23b82;
+  background: #ffe1f0;
+}
+.ccr_breadcrumbComponentIcon,
+.ccr_selectionIcon {
+  margin-right: 4px;
+  font-weight: 500;
+}
+.ccr_renameButton {
+  margin-left: 4px;
+  padding: 0;
+  color: #3370ff;
+  background: transparent;
+  border: 0;
+  cursor: pointer;
+}
+.ccr_titleLayout {
+  display: flex;
+  gap: 10px;
+  align-items: flex-start;
+}
+.ccr_titleCopy {
+  flex: 1;
+  min-width: 0;
+}
+.ccr_titleIcon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  min-width: 24px;
+  height: 24px;
+  color: currentColor;
+  font-size: 20px;
+}
+.ccr_titleIcon img {
+  width: 24px;
+  height: 24px;
+  object-fit: contain;
+}
+.ccr_iconLibrary {
+  display: grid;
+  grid-template-columns: repeat(6, 1fr);
+  gap: 6px;
+  padding: 8px;
+  background: #f5f6f7;
+  border-radius: 8px;
+}
+.ccr_iconLibrary button {
+  height: 34px;
+  color: #646a73;
+  font-size: 20px;
+  background: transparent;
+  border: 0;
+  border-radius: 5px;
+  cursor: pointer;
+}
+.ccr_iconLibrary button:hover,
+.ccr_iconLibrary button.ccr_active {
+  color: #3370ff;
+  background: #e1eaff;
+}
+.ccr_tagStyleOptions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  padding: 8px 0;
+}
+.ccr_tagStyleOptions .ccr_titleTag {
+  border: 1px solid transparent;
+  cursor: pointer;
+}
+.ccr_tagStyleOptions .ccr_activeTagStyle {
+  outline: 2px solid #3370ff;
+  outline-offset: 1px;
+}
+.ccr_tag-editor-modal {
+  position: absolute !important;
+  width: 496px !important;
+  height: auto !important;
+  padding: 0 !important;
+  pointer-events: none;
+  inset: 0 100% auto auto !important;
+}
+.ccr_tag-editor-modal .ccr_ant-modal {
+  margin: 0 !important;
+  pointer-events: auto;
+}
+.ccr_tag-editor-modal .ccr_ant-modal-mask {
+  display: none;
+}
+.ccr_iconPicker {
+  position: relative;
+  width: 100%;
+}
+.ccr_iconPickerTrigger {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  min-height: 40px;
+  padding: 0 12px;
+  color: #1f2329;
+  font-size: 16px;
+  background: #f2f3f5;
+  border: 0;
+  border-radius: 8px;
+  cursor: pointer;
+}
+.ccr_iconPickerPopup {
+  position: fixed;
+  z-index: 1300;
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  padding: 16px;
+  color: #646a73;
+  font-size: 12px;
+  font-family: inherit;
+  background: #fff;
+  border: 1px solid #dee0e3;
+  border-radius: 8px;
+  box-shadow: 0 6px 24px #1f232926;
+}
+.ccr_iconPickerPopup button {
+  font: inherit;
+  cursor: pointer;
+}
+.ccr_iconPickerPopup button:focus-visible {
+  outline: 2px solid #3370ff;
+  outline-offset: -2px;
+}
+.ccr_iconPickerSearch {
+  display: flex;
+  flex-shrink: 0;
+  gap: 8px;
+  align-items: center;
+  height: 32px;
+  padding: 0 10px;
+  background: #f2f3f5;
+  border: 1px solid transparent;
+  border-radius: 6px;
+}
+.ccr_iconPickerSearch:focus-within {
+  border-color: #3370ff;
+}
+.ccr_iconPickerSearch input {
+  width: 100%;
+  min-width: 0;
+  padding: 0;
+  color: #1f2329;
+  font: inherit;
+  background: transparent;
+  border: 0;
+  outline: none;
+}
+.ccr_iconPickerSearch input::placeholder {
+  color: #8f959e;
+}
+.ccr_iconPickerStyles {
+  display: flex;
+  flex-shrink: 0;
+  margin: 12px 0 16px;
+  padding: 3px;
+  background: #f2f3f5;
+  border-radius: 6px;
+}
+.ccr_iconPickerStyles button {
+  flex: 1;
+  padding: 4px 0;
+  color: #646a73;
+  background: transparent;
+  border: 0;
+  border-radius: 4px;
+}
+.ccr_iconPickerStyles button[aria-selected='true'] {
+  color: #3370ff;
+  background: white;
+  box-shadow: 0 1px 3px #1f232908;
+}
+.ccr_iconPickerContent {
+  display: flex;
+  flex: 1;
+  gap: 12px;
+  min-height: 0;
+}
+.ccr_iconPickerCategories {
+  flex: 0 0 64px;
+  overflow-x: hidden;
+  overflow-y: auto;
+  border-left: 1px solid #eff0f1;
+  scrollbar-width: thin;
+}
+.ccr_iconPickerCategories button {
+  display: block;
+  box-sizing: border-box;
+  width: 100%;
+  padding: 9px 0 9px 10px;
+  color: #646a73;
+  text-align: left;
+  white-space: nowrap;
+  background: none;
+  border: 0;
+  border-left: 2px solid transparent;
+}
+.ccr_iconPickerCategories button:hover {
+  background: #f5f6f7;
+}
+.ccr_iconPickerCategories button[aria-pressed='true'] {
+  color: #3370ff;
+  border-left-color: #3370ff;
+}
+.ccr_iconPickerBody {
+  position: relative;
+  flex: 1;
+  min-width: 0;
+  overflow-x: hidden;
+  overflow-y: auto;
+  scrollbar-width: thin;
+}
+.ccr_iconPickerBody section {
+  padding-bottom: 12px;
+}
+.ccr_iconPickerBody h4 {
+  margin: 4px 0 8px;
+  color: #8f959e;
+  font-weight: 400;
+  font-size: 12px;
+}
+.ccr_iconPickerBody section > div {
+  display: grid;
+  grid-template-columns: repeat(7, minmax(0, 1fr));
+  gap: 2px;
+}
+.ccr_iconPickerBody section button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 0;
+  height: 32px;
+  padding: 0;
+  color: #646a73;
+  font-size: 16px;
+  background: transparent;
+  border: 0;
+  border-radius: 4px;
+}
+.ccr_iconPickerBody section button:hover {
+  color: #3370ff;
+  background: #f2f3f5;
+}
+.ccr_iconPickerBody section button[aria-pressed='true'] {
+  color: #3370ff;
+  background: #eaf0ff;
+}
+.ccr_iconPickerEmpty {
+  padding: 40px 0;
+  color: #8f959e;
+  text-align: center;
+}
+/* Feishu reference workspace: panel geometry stays independent of admin list pages. */
+.ccr_fullscreenDesigner {
+  position: fixed;
+  z-index: 100;
+  width: 100%;
+  height: 100dvh;
+  border: 0;
+  inset: 0;
+}
+.ccr_designer {
+  --card-ink: #1f2329;
+  --component-library-width: 380px;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Microsoft YaHei', sans-serif;
+}
+.ccr_designer .ccr_designerHeader {
+  min-height: 76px;
+  padding: 12px 24px;
+}
+.ccr_designer .ccr_workspace {
+  grid-template-columns: var(--component-library-width) minmax(280px, 1fr) 320px;
+}
+.ccr_designer .ccr_tabs,
+.ccr_designer .ccr_canvasToolbar {
+  height: 44px;
+  min-height: 44px;
+}
+.ccr_designer .ccr_tabs {
+  padding: 0 20px;
+}
+.ccr_designer .ccr_tabs button {
+  height: 44px;
+  color: #1f2329;
+}
+.ccr_designer .ccr_library .ccr_panelBody {
+  padding: 16px 20px 28px;
+}
+.ccr_designer .ccr_library .ccr_panelBody > .ant-input-affix-wrapper {
+  min-height: 34px;
+  border-color: #d0d3d8;
+  border-radius: 6px;
+  box-shadow: none;
+}
+.ccr_designer .ccr_panelBody h4 {
+  margin: 22px 0 12px;
+  color: #1f2329;
+  font-size: 14px;
+}
+.ccr_designer .ccr_palette {
+  gap: 12px;
+}
+.ccr_designer .ccr_palette button {
+  gap: 8px;
+  min-height: 38px;
+  padding: 8px 12px;
+  overflow: hidden;
+  font-size: 14px;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  border-radius: 6px;
+}
+.ccr_designer .ccr_palette svg {
+  flex-shrink: 0;
+}
+.ccr_designer .ccr_library .ccr_palette[data-category='\u590D\u5408\u7EC4\u4EF6'] {
+  grid-template-columns: 1fr;
+}
+.ccr_designer .ccr_canvasToolbar {
+  flex-wrap: nowrap;
+  padding: 0 20px;
+}
+.ccr_designer .ccr_canvasStage {
+  padding: 28px;
+  background: #e6e8ed;
+}
+.ccr_designer .ccr_chat {
+  display: flex;
+  flex-direction: column;
+  max-width: 760px;
+  height: 100%;
+  min-height: 0;
+  overflow: hidden;
+  box-shadow: 0 4px 20px #1f232908;
+}
+.ccr_designer .ccr_chatHeader {
+  flex-shrink: 0;
+  height: 52px;
+  padding: 0 20px;
+  font-size: 14px;
+}
+.ccr_designer .ccr_chatMessage {
+  flex: 1;
+  gap: 10px;
+  min-height: 0;
+  padding: 28px 24px 34px;
+  overflow: auto;
+}
+.ccr_designer .ccr_chatAvatar {
+  width: 32px;
+  height: 32px;
+}
+.ccr_designer .ccr_messageName {
+  margin-bottom: 6px;
+  font-size: 14px;
+}
+.ccr_designer .ccr_composer {
+  align-items: center;
+  width: 100%;
+  height: 38px;
+  margin: 0;
+  color: #b5b8bf;
+  font-size: 14px;
+}
+.ccr_designer .ccr_sourceBar {
+  min-height: 36px;
+  background: #fff;
+}
+.ccr_designer .ccr_inspectorBody {
+  padding-bottom: 32px;
+}
+.ccr_designer .ccr_inspectorBody > .ccr_segment {
+  margin: 0 16px 4px;
+}
+.ccr_designer .ccr_breadcrumb {
+  display: flex;
+  gap: 6px;
+  align-items: center;
+  min-height: 40px;
+  padding: 10px 0;
+  color: #646a73;
+  font-size: 13px;
+  line-height: 20px;
+  margin-inline: 16px;
+}
+.ccr_designer .ccr_breadcrumb .ccr_renameButton {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  margin-left: 0;
+  color: #646a73;
+}
+.ccr_designer .ccr_breadcrumb .ccr_renameButton:hover {
+  color: #3370ff;
+}
+.ccr_designer .ccr_breadcrumbComponentIcon,
+.ccr_designer .ccr_selectionIcon {
+  display: inline-flex;
+  vertical-align: middle;
+}
+.ccr_designer .ccr_propertySection {
+  padding: 18px 16px;
+}
+.ccr_designer .ccr_propertyText {
+  gap: 12px;
+}
+.ccr_designer .ccr_propertyText .ccr_variableEditor {
+  min-height: 56px;
+  padding: 8px 10px 22px;
+}
+.ccr_designer .ccr_propertyRow {
+  font-size: 13px;
+}
+.ccr_designer .ccr_designerHelp {
+  position: static;
+  flex-direction: row;
+  flex-shrink: 0;
+  gap: 12px;
+  justify-content: flex-end;
+  padding: 10px 16px;
+  background: #fff;
+  border-top: 1px solid #eff0f1;
+}
+.ccr_designer .ccr_designerHelp button {
+  flex-direction: row;
+  width: auto;
+  height: 28px;
+  color: #646a73;
+  border: 0;
+  box-shadow: none;
+}
+.ccr_designer .ccr_designerHelp button .anticon {
+  font-size: 16px;
+}
+.ccr_designer .ccr_noSelection {
+  min-height: 240px;
+}
+.ccr_canvasType {
+  display: inline-flex;
+  gap: 6px;
+  align-items: center;
+  white-space: nowrap;
+}
+.ccr_zoomCanvas {
+  min-width: 0;
+  padding-bottom: 1px;
+  transform-origin: top center;
+}
+.ccr_composerDock {
+  display: flex;
+  flex: 0 0 65px;
+  align-items: center;
+  justify-content: center;
+  height: 65px;
+  padding: 0 24px;
+}
+.ccr_zoomSelect {
+  color: #646a73;
+  font-size: 12px;
+  background: transparent;
+  border: 0;
+  cursor: pointer;
+}
+.ccr_inlineSource {
+  flex: 0 1 240px;
+  min-height: 80px;
+  margin: 0;
+  padding: 16px 24px;
+  overflow: auto;
+  color: #475366;
+  font: 12px/1.7 Consolas, monospace;
+  background: #fafbfc;
+  border-top: 1px solid #dee0e3;
+}
+.ccr_searchEmpty {
+  padding: 40px 0;
+  color: #8f959e;
+  font-size: 13px;
+  text-align: center;
+}
+.ccr_outlineRow {
+  position: relative;
+  display: flex;
+  align-items: center;
+}
+.ccr_outlineRow .ccr_treeItem {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  min-height: 36px;
+  padding-right: 8px;
+  border-radius: 4px;
+}
+.ccr_outlineToggle {
+  position: absolute;
+  right: 4px;
+  z-index: 1;
+  width: 24px;
+  height: 24px;
+  color: #646a73;
+  background: transparent;
+  border: 0;
+  cursor: pointer;
+}
+.ccr_designer button:focus-visible,
+.ccr_designer select:focus-visible {
+  outline: 2px solid #3370ff;
+  outline-offset: 2px;
+}
+@media (max-width: 1200px) {
+  .ccr_designer {
+    --component-library-width: 340px;
+  }
+  .ccr_designer .ccr_workspace {
+    grid-template-columns: var(--component-library-width) minmax(220px, 1fr) 300px;
+  }
+  .ccr_designer .ccr_library .ccr_panelBody {
+    padding: 16px;
+  }
+  .ccr_designer .ccr_palette {
+    gap: 8px;
+  }
+  .ccr_designer .ccr_palette button {
+    padding: 8px;
+    font-size: 13px;
+  }
+  .ccr_designer .ccr_canvasStage {
+    padding: 24px 16px;
+  }
+  .ccr_designer .ccr_designerHeader {
+    padding: 10px 16px;
+  }
+}
+@media (max-width: 850px) {
+  .ccr_designer .ccr_workspace {
+    display: grid;
+    grid-template-columns: var(--component-library-width) minmax(260px, 1fr) 280px;
+    overflow-x: auto;
+  }
+  .ccr_designer .ccr_inspector {
+    grid-column: auto;
+    border-top: 0;
+    border-left: 1px solid #dee0e3;
+  }
+  .ccr_designer .ccr_canvasToolbar {
+    gap: 4px;
+    padding: 0 8px;
+  }
+  .ccr_designer .ccr_canvasStage {
+    padding: 20px 10px;
+  }
+  .ccr_designer .ccr_chatMessage {
+    padding: 28px 12px;
+  }
+  .ccr_designer .ccr_designerHeader {
+    flex-wrap: nowrap;
+    overflow-x: auto;
+  }
+  .ccr_designer .ccr_designerHeader > .ant-space {
+    flex-shrink: 0;
+    flex-wrap: nowrap !important;
+  }
+}
+.ccr_designer .ccr_collapsedInspector {
+  grid-template-columns: var(--component-library-width) minmax(220px, 1fr) 70px;
+}
+.ccr_designer .ccr_collapsedInspector .ccr_designerHelp {
+  flex-direction: column;
+  padding: 12px 4px;
+}
+/* Card spacing follows the measured Feishu message-card layout. */
+.ccr_themeSelect {
+  width: 100%;
+}
+.ccr_columnWidthRow {
+  display: grid;
+  grid-template-columns: minmax(42px, 0.85fr) minmax(0, 1fr) minmax(0, 1fr);
+  gap: 6px;
+  align-items: center;
+  margin-top: 8px;
+}
+.ccr_columnWidthRow > .ant-select {
+  width: 100%;
+  min-width: 0;
+}
+.ccr_columnSettings {
+  box-sizing: border-box;
+  width: 100%;
+  min-width: 0;
+  color: #1f2329;
+  font-size: 14px;
+}
+.ccr_columnSettings .ant-select-selector,
+.ccr_columnSettings .ant-input-number {
+  background: #f2f3f5 !important;
+  border-color: transparent !important;
+  border-radius: 8px !important;
+  box-shadow: none !important;
+}
+.ccr_columnSettings .ant-select-single .ant-select-selector {
+  height: 32px;
+}
+.ccr_columnSettings .ant-input-number-group-addon {
+  color: #646a73;
+  background: #f2f3f5;
+  border: 0;
+  border-radius: 0 8px 8px 0;
+  padding-inline: 6px;
+}
+.ccr_columnSettings .ant-input-number-disabled,
+.ccr_columnSettings .ant-input-number-disabled + .ant-input-number-group-addon {
+  color: #8f959e;
+  background: #dee0e3 !important;
+}
+.ccr_columnCount {
+  padding: 18px 16px 16px;
+  border-bottom: 1px solid #dee0e3;
+}
+.ccr_columnCount > .ant-select {
+  width: 100%;
+}
+.ccr_columnSettingLabel {
+  margin-bottom: 16px;
+}
+.ccr_columnInfo {
+  margin-left: 4px;
+  color: #646a73;
+}
+.ccr_columnWidthSettings {
+  padding: 20px 16px;
+  border-bottom: 1px solid #dee0e3;
+}
+.ccr_columnWidthValue {
+  box-sizing: border-box;
+  width: 100%;
+  min-width: 0;
+}
+.ccr_columnWidthValue .ant-input-number-wrapper,
+.ccr_columnWidthValue .ant-input-number-group,
+.ccr_columnWidthValue .ant-input-number {
+  width: 100%;
+  min-width: 0;
+}
+.ccr_columnWidthValue .ant-input-number-input {
+  padding-inline: 8px;
+}
+.ccr_columnWidthValue .ant-input-number-group > .ant-input-number {
+  border-start-end-radius: 0 !important;
+  border-end-end-radius: 0 !important;
+}
+.ccr_columnWidthValue .ant-input-number-group-addon {
+  border-start-start-radius: 0 !important;
+  border-end-start-radius: 0 !important;
+}
+.ccr_tagEditor {
+  width: 268px;
+  padding-top: 12px;
+}
+.ccr_tagEditor .ccr_control {
+  margin-bottom: 0;
+}
+.ccr_tagEditorHeading {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-weight: 400;
+  font-size: 14px;
+}
+.ccr_tagEditorHeading button {
+  padding: 0 4px;
+  color: #646a73;
+  background: transparent;
+  border: 0;
+  cursor: pointer;
+}
+.ccr_themeOption {
+  display: inline-flex;
+  gap: 8px;
+  align-items: center;
+}
+.ccr_themeSwatch {
+  display: inline-block;
+  width: 16px;
+  height: 16px;
+  border-radius: 2px;
+}
+.ccr_segment button:disabled {
+  color: #bbbfc4;
+  background: transparent;
+  cursor: not-allowed;
+}
+.ccr_paper {
+  font-size: 14px;
+  line-height: 22px;
+  padding-block: 12px;
+}
+.ccr_paper .ccr_node {
+  margin: 0 12px;
+}
+.ccr_paper .ccr_node + .ccr_node {
+  margin-top: 16px;
+}
+.ccr_paper .ccr_node.ccr_contentNode,
+.ccr_paper .ccr_node.ccr_node_columns {
+  padding: 0;
+}
+.ccr_paper .ccr_node.ccr_node_title {
+  padding: 12px;
+  font-size: 16px;
+  line-height: 22px;
+  margin-inline: 0;
+}
+.ccr_paper > .ccr_node.ccr_node_title:first-child {
+  margin-top: -12px;
+}
+.ccr_paper > .ccr_node.ccr_node_title + .ccr_node {
+  margin-top: 12px;
+}
+.ccr_paper .ccr_containerNode .ccr_node {
+  margin: 0;
+  padding: 0;
+}
+.ccr_paper .ccr_node_columns {
+  gap: 8px;
+}
+.ccr_paper .ccr_node_text,
+.ccr_paper .ccr_node_richtext {
+  font-size: 14px;
+  line-height: 22px;
+}
+.ccr_paper .ccr_subtitle {
+  margin-top: 0;
+  font-size: 14px;
+  line-height: 22px;
+}
+.ccr_node_columns > .ccr_filledSlot {
+  border-inline-width: 0;
+}
+.ccr_node_columns > .ccr_columnSlot {
+  min-height: 20px;
+}
+.ccr_node_columns[data-columns-filled='false'] > .ccr_columnSlot {
+  min-height: 80px;
+}
+.ccr_node_columns[data-columns-filled='true'] > .ccr_columnSlot {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  justify-content: flex-start;
+}
+.ccr_node_columns[data-columns-filled='true'] > .ccr_columnSlot:not(.ccr_filledSlot) {
+  border-color: transparent;
+}
+.ccr_node_columns[data-columns-filled='true'] > .ccr_columnSlot:not(.ccr_filledSlot) .ccr_slotPlaceholder {
+  display: none;
+}
+.ccr_chartEditorActions {
+  display: flex;
+  gap: 16px;
+  align-items: center;
+}
+.ccr_chartExamples {
+  display: grid;
+  grid-template-columns: 150px minmax(0, 1fr);
+  gap: 20px;
+}
+.ccr_chartExamples nav {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  padding-right: 16px;
+  border-right: 1px solid #e5e6eb;
+}
+.ccr_chartExamples nav button {
+  padding: 10px 12px;
+  color: #4e5969;
+  text-align: left;
+  background: transparent;
+  border: 0;
+  border-radius: 6px;
+  cursor: pointer;
+}
+.ccr_chartExamples nav button:hover {
+  background: #f2f3f5;
+}
+.ccr_chartExamples nav button.ccr_active {
+  color: #3370ff;
+  background: #eaf0ff;
+}
+.ccr_chartExampleContent {
+  min-width: 0;
+}
+.ccr_chartExampleContent > label {
+  display: block;
+  margin: 12px 0 8px;
+  color: #646a73;
+}
+.ccr_chartExampleContent > textarea {
+  display: block;
+  width: 100%;
+  height: 220px;
+  padding: 12px;
+  font: 12px/20px Consolas, monospace;
+  background: #f7f8fa;
+  border: 1px solid #dee0e3;
+  border-radius: 6px;
+  resize: vertical;
+}
+.ccr_chartExampleFooter {
+  display: flex;
+  gap: 12px;
+  align-items: center;
+  justify-content: space-between;
+  margin-top: 16px;
+}
+.ccr_chartExampleFooter span {
+  color: #8f959e;
+  font-size: 12px;
+}
+.ccr_chartExampleFooter button {
+  padding: 7px 16px;
+  color: #fff;
+  white-space: nowrap;
+  background: #3370ff;
+  border: 0;
+  border-radius: 6px;
+  cursor: pointer;
+}
+@media (max-width: 640px) {
+  .ccr_chartExamples {
+    grid-template-columns: minmax(0, 1fr);
+  }
+  .ccr_chartExamples nav {
+    flex-direction: row;
+    flex-wrap: wrap;
+    padding: 0;
+    border-right: 0;
+  }
+}
+.ccr_variableChartType {
+  display: inline-flex;
+  gap: 6px;
+  align-items: center;
+  color: inherit;
+  vertical-align: middle;
+}
+.ccr_variableTypeSelect {
+  width: 100%;
+}
+.ccr_node_form {
+  padding: 0;
+  background: transparent;
+  border: 0;
+  border-radius: 0;
+}
+.ccr_node_form .ccr_formPreview > .ccr_columnSlot {
+  display: block;
+  min-height: 0;
+  border: 0;
+}
+.ccr_formEmptyHint {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 200px;
+  color: #8f959e;
+  font-size: 12px;
+}
+.ccr_formFieldLabel {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  width: 100%;
+  font-size: 14px;
+}
+.ccr_formFieldLabel b {
+  color: #f54a45;
+  font-weight: normal;
+}
+.ccr_formField {
+  width: 100%;
+  min-height: 32px;
+  padding: 5px 10px;
+  color: #1f2329;
+  font: inherit;
+  background: #fff;
+  border: 1px solid #dee0e3;
+  border-radius: 6px;
+}
+.ccr_formField:focus {
+  border-color: #3370ff;
+  outline: 1px solid #3370ff;
+}
+.ccr_formField:disabled {
+  color: #bbbfc4;
+  background: #f5f6f7;
+}
+.ccr_formResult {
+  max-height: 60vh;
+  padding: 16px;
+  overflow: auto;
+  white-space: pre-wrap;
+  background: #f5f6f7;
+}
+.ccr_formIdentifier .ccr_variableInput {
+  padding-right: 24px;
+}
+.ccr_formIdentifier .ccr_variableEditor {
+  height: 84px;
+  min-height: 42px;
+  max-height: 400px;
+  padding: 7px 10px;
+  overflow: auto;
+  border-radius: 6px;
+  resize: vertical;
+}
+.ccr_formIdentifier .ccr_insertVariable {
+  right: 0;
+  bottom: 7px;
+}
+.ccr_formIdentifierHelp {
+  display: inline-flex;
+  align-items: center;
+  margin-left: 4px;
+  padding: 0;
+  color: #8f959e;
+  font-size: 12px;
+  vertical-align: middle;
+  background: transparent;
+  border: 0;
+  cursor: help;
+}
+.ccr_formIdentifierHelp:hover,
+.ccr_formIdentifierHelp:focus-visible {
+  color: #3370ff;
+}
+.ccr_inputInspector .ccr_propertyRow > span {
+  flex-basis: 32%;
+}
+.ccr_inputInspector .ccr_inputToggleRow > span {
+  flex: 1;
+  white-space: nowrap;
+}
+.ccr_inputInspector .ccr_propertyText {
+  margin-top: 12px;
+}
+.ccr_inputInspector .ccr_propertyText:first-child {
+  margin-top: 0;
+}
+.ccr_inputInspector .ccr_variableEditor {
+  min-height: 32px;
+  padding: 6px 10px;
+  overflow: auto;
+  background: #f5f6f7;
+  resize: vertical;
+}
+.ccr_inputInspector .ccr_propertyRow select,
+.ccr_inputInspector .ccr_inputDisabledSelect {
+  min-height: 30px;
+  background: #f5f6f7;
+  border: 0;
+  border-radius: 6px;
+}
+.ccr_inputInspector .ccr_inputDisabledSelect {
+  width: 100%;
+  margin-top: 10px;
+  padding: 6px 10px;
+}
+.ccr_inputInspector .ccr_segment {
+  flex: 1;
+  min-width: 0;
+  margin: 0;
+}
+.ccr_inputInspector .ant-input-number-group-wrapper,
+.ccr_inputInspector .ant-input-number {
+  flex: 1;
+  width: 100%;
+  min-width: 0;
+}
+.ccr_inputInspector .ant-input-number-group {
+  overflow: hidden;
+  background: #f5f6f7;
+  border-radius: 6px;
+}
+.ccr_inputInspector .ant-input-number {
+  background: #f5f6f7;
+  border: 0;
+  box-shadow: none;
+}
+.ccr_inputInspector .ant-input-number-group-addon {
+  color: #8f959e;
+  background: #f5f6f7;
+  border: 0;
+}
+.ccr_inputIdentifier .ccr_variableInput {
+  padding-right: 24px;
+}
+.ccr_inputIdentifier .ccr_variableEditor {
+  height: 32px;
+}
+.ccr_inputIdentifier .ccr_insertVariable {
+  right: 0;
+  bottom: 5px;
+}
+.ccr_designer .ccr_inputInspector .ccr_propertyText .ccr_variableEditor {
+  min-height: 32px;
+  padding: 5px 28px 5px 10px;
+  line-height: 20px;
+}
+.ccr_feishuInput {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  min-width: 0;
+  text-align: left;
+}
+.ccr_feishuInput[data-input-title-position='left'] {
+  flex-direction: row;
+  align-items: center;
+}
+.ccr_feishuInput[data-input-title-position='left'] .ccr_feishuInputTitle {
+  flex: 0 1 auto;
+  max-width: 40%;
+}
+.ccr_feishuInputTitle {
+  color: #1f2329;
+  font-size: 14px;
+  line-height: 22px;
+  overflow-wrap: anywhere;
+}
+.ccr_feishuInputTitle b {
+  color: #f54a45;
+  font-weight: normal;
+}
+.ccr_feishuInputBox {
+  position: relative;
+  flex: 1;
+  min-width: 0;
+}
+.ccr_feishuInputWithSend .ccr_feishuInputControl {
+  padding-right: 32px;
+}
+.ccr_inputSend {
+  position: absolute;
+  top: 50%;
+  right: 4px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  padding: 0;
+  color: #646a73;
+  background: none;
+  border: 0;
+  border-radius: 4px;
+  transform: translateY(-50%);
+  cursor: pointer;
+}
+.ccr_inputSend:hover:not(:disabled) {
+  color: #3370ff;
+  background: #edf2ff;
+}
+.ccr_inputSend:disabled {
+  color: #bbbfc4;
+  cursor: default;
+}
+.ccr_inputCallbackRow {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  margin: 8px 0;
+}
+.ccr_inputCallbackRow > input {
+  width: 78px;
+  min-width: 0;
+  padding: 5px;
+  border: 1px solid #dee0e3;
+  border-radius: 4px;
+}
+.ccr_inputCallbackRow > .ccr_variableInput {
+  flex: 1;
+  min-width: 0;
+}
+.ccr_inputCallbackRow > button {
+  color: #8f959e;
+  background: none;
+  border: 0;
+  cursor: pointer;
+}
+.ccr_feishuInputControl {
+  display: block;
+  flex: 1;
+  box-sizing: border-box;
+  width: 100%;
+  min-width: 0;
+  min-height: 32px;
+  padding: 4px 12px;
+  overflow: hidden;
+  color: #1f2329;
+  font: 14px/22px -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Microsoft YaHei', sans-serif;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  background: #fff;
+  border: 1px solid #bbbfc4;
+  border-radius: 4px;
+}
+.ccr_feishuInputControl:focus {
+  border-color: #3370ff;
+  outline: 1px solid #3370ff;
+}
+.ccr_feishuInputControl::placeholder {
+  color: #8f959e;
+}
+.ccr_feishuInputControl:disabled,
+.ccr_feishuInputControl.ccr_feishuInputDisabled {
+  color: #bbbfc4;
+  background: #f5f6f7;
+  border-color: #dee0e3;
+  cursor: not-allowed;
+}
+.ccr_feishuInputControl.ccr_feishuInputPlaceholder {
+  color: #8f959e;
+}
+.ccr_mobilePaper .ccr_feishuInputControl {
+  min-height: 36px;
+  padding-top: 6px;
+  padding-bottom: 6px;
+}
+.ccr_feishuButton {
+  display: inline-flex;
+  gap: 6px;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  max-width: 100%;
+  height: 32px;
+  min-height: 0;
+  padding: 0 12px;
+  color: #1f2329;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 20px;
+  vertical-align: middle;
+  background: #fff;
+  border: 1px solid #d0d3d6;
+  border-radius: 6px;
+  cursor: pointer;
+}
+.ccr_feishuButton[data-button-size='tiny'] {
+  height: 24px;
+  font-size: 12px;
+  padding-inline: 8px;
+}
+.ccr_feishuButton[data-button-size='small'] {
+  height: 28px;
+  padding-inline: 12px;
+}
+.ccr_feishuButton[data-button-size='large'] {
+  height: 40px;
+  font-size: 16px;
+  padding-inline: 16px;
+}
+.ccr_feishuButton.ccr_button_primary {
+  color: #fff;
+  background: #1456f0;
+  border-color: #1456f0;
+}
+.ccr_feishuButton.ccr_button_danger {
+  color: #fff;
+  background: #f54a45;
+  border-color: #f54a45;
+}
+.ccr_feishuButton.ccr_button_primaryOutlined {
+  color: #1456f0;
+  border-color: #1456f0;
+}
+.ccr_feishuButton.ccr_button_dangerOutlined {
+  color: #f54a45;
+  border-color: #f54a45;
+}
+.ccr_feishuButton.ccr_button_text,
+.ccr_feishuButton.ccr_button_primaryText,
+.ccr_feishuButton.ccr_button_dangerText {
+  background: transparent;
+  border-color: transparent;
+}
+.ccr_feishuButton.ccr_button_primaryText {
+  color: #1456f0;
+}
+.ccr_feishuButton.ccr_button_dangerText {
+  color: #f54a45;
+}
+.ccr_feishuButton:hover:not(:disabled) {
+  filter: brightness(0.96);
+}
+.ccr_feishuButton:disabled {
+  cursor: not-allowed;
+  opacity: 0.4;
+}
+.ccr_mobilePaper .ccr_feishuButton {
+  height: 36px;
+}
+.ccr_mobilePaper .ccr_feishuButton[data-button-size='tiny'],
+.ccr_mobilePaper .ccr_feishuButton[data-button-size='small'] {
+  height: 28px;
+}
+.ccr_mobilePaper .ccr_feishuButton[data-button-size='large'] {
+  height: 48px;
+}
+.ccr_buttonIcon {
+  width: 16px;
+  height: 16px;
+  object-fit: contain;
+}
+.ccr_buttonLinks {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+.ccr_buttonStyleOption {
+  display: flex;
+  gap: 12px;
+  align-items: center;
+  justify-content: space-between;
+}
+.ccr_buttonStyleOption > span:last-child {
+  color: #8f959e;
+  font-size: 12px;
+}
+.ccr_inputInspector .ccr_propertyRow > .ant-select {
+  flex: 1;
+  min-width: 0;
+}
+.ccr_inputInspector .ccr_propertyRow > .ant-select .ant-select-selector {
+  min-height: 32px;
+  background: #f5f6f7;
+  border: 0;
+  border-radius: 6px;
+}
+.ccr_selectOptionsHeading {
+  margin-top: 12px;
+  margin-bottom: 8px;
+}
+.ccr_selectOptionsHeading > button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  padding: 0;
+  color: #646a73;
+  background: transparent;
+  border: 0;
+  border-radius: 4px;
+  cursor: pointer;
+}
+.ccr_selectOptionsHeading > button:hover:not(:disabled) {
+  background: #eff0f1;
+}
+.ccr_selectOptionsHeading > button:disabled {
+  cursor: not-allowed;
+  opacity: 0.3;
+}
+.ccr_selectOptionRow {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  margin-top: 8px;
+}
+.ccr_selectOptionRow > button:not(.ccr_selectOptionTrigger) {
+  display: inline-flex;
+  flex: 0 0 16px;
+  align-items: center;
+  justify-content: center;
+  height: 28px;
+  padding: 0;
+  color: #646a73;
+  font-size: 12px;
+  background: transparent;
+  border: 0;
+  cursor: pointer;
+}
+.ccr_selectOptionRow > button:not(.ccr_selectOptionTrigger):hover {
+  color: #1456f0;
+}
+.ccr_selectOptionIndex {
+  flex: 0 0 auto;
+  color: #646a73;
+}
+.ccr_selectOptionRow > .ccr_selectOptionTrigger {
+  display: flex;
+  flex: 1;
+  gap: 8px;
+  align-items: center;
+  min-width: 0;
+  height: 28px;
+  padding: 4px 8px;
+  color: #1f2329;
+  font: inherit;
+  line-height: 18px;
+  text-align: left;
+  background: #f2f3f5;
+  border: 1px solid transparent;
+  border-radius: 6px;
+  cursor: pointer;
+}
+.ccr_selectOptionRow > .ccr_selectOptionTrigger > span:last-child {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.ccr_selectOptionRow > .ccr_selectOptionTrigger:hover {
+  background: #e8e9eb;
+}
+.ccr_selectOptionRow > .ccr_selectOptionTrigger[aria-expanded='true'] {
+  background: #eaf0ff;
+  border-color: #3370ff;
+}
+.ccr_selectOptionRow > .ccr_selectOptionTrigger:focus-visible {
+  outline: 2px solid #adc6ff;
+  outline-offset: 1px;
+}
+.ccr_selectOptionIcon {
+  display: inline-flex;
+  flex: 0 0 14px;
+  align-items: center;
+  justify-content: center;
+  width: 14px;
+  height: 14px;
+}
+.ccr_selectOptionIcon img {
+  width: 14px;
+  height: 14px;
+  object-fit: contain;
+}
+.ccr_selectOrder {
+  display: flex;
+  flex: 0 0 12px;
+  flex-direction: column;
+}
+.ccr_selectOrder > button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 12px;
+  height: 14px;
+  padding: 0;
+  color: #8f959e;
+  font-size: 10px;
+  line-height: 1;
+  background: transparent;
+  border: 0;
+  cursor: pointer;
+}
+.ccr_selectOrder > button:hover:not(:disabled) {
+  color: #1456f0;
+}
+.ccr_selectOrder > button:disabled {
+  cursor: not-allowed;
+  opacity: 0.25;
+}
+.ccr_selectOptionEditor {
+  width: 282px;
+}
+.ccr_selectOptionEditor > .ccr_iconPicker {
+  margin-top: 12px;
+}
+.ccr_selectOptionEditor .ccr_propertyHeading {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 14px;
+}
+.ccr_selectOptionEditor .ccr_propertyHeading > button {
+  color: #8f959e;
+  background: none;
+  border: 0;
+  cursor: pointer;
+}
+.ccr_selectOptionEditor .ccr_propertyRow {
+  margin-top: 12px;
+}
+.ccr_selectOptionEditor .ccr_propertyRow > span {
+  flex-basis: 80px;
+}
+.ccr_feishuSelect {
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
+}
+.ccr_selectControl {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  height: 32px;
+  padding: 4px 12px;
+  color: #1f2329;
+  font-size: 14px;
+  line-height: 22px;
+  background: white;
+  border: 1px solid #d0d3d6;
+  border-radius: 6px;
+  cursor: pointer;
+}
+.ccr_selectControl > span:first-child {
+  display: flex;
+  gap: 6px;
+  align-items: center;
+  overflow: hidden;
+}
+.ccr_selectControl > span:first-child > span:last-child {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.ccr_selectControl img {
+  width: 16px;
+  height: 16px;
+  object-fit: contain;
+}
+.ccr_selectControl[data-bordered='false'] {
+  border-color: transparent;
+}
+.ccr_selectControl:hover:not(:disabled) {
+  border-color: #1456f0;
+}
+.ccr_selectControl:focus-visible {
+  outline: 2px solid #adc6ff;
+}
+.ccr_selectControl:disabled {
+  color: #bbbfc4;
+  background: #f5f6f7;
+  cursor: not-allowed;
+}
+.ccr_selectPlaceholder,
+.ccr_selectChevron {
+  color: #8f959e;
+}
+.ccr_selectControl > .ccr_selectChevron {
+  display: inline-flex;
+  flex: 0 0 12px;
+  align-items: center;
+  justify-content: center;
+  width: 12px;
+  height: 16px;
+  font-size: 12px;
+  line-height: 1;
+}
+.ccr_selectChevron svg {
+  display: block;
+}
+.ccr_mobilePaper .ccr_selectControl {
+  height: 36px;
+}
+.ccr_selectFormValue {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 1px;
+  height: 1px;
+  opacity: 0;
+  pointer-events: none;
+}
+.ccr_selectDropdown {
+  z-index: 1100;
+  padding: 4px;
+  overflow: auto;
+  font-size: 14px;
+  background: #fff;
+  border: 1px solid #dee0e3;
+  border-radius: 8px;
+  box-shadow: 0 4px 16px #1f232922;
+}
+.ccr_selectDropdownOption {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  min-height: 32px;
+  padding: 5px 8px;
+  color: #1f2329;
+  border-radius: 4px;
+  cursor: pointer;
+}
+.ccr_selectDropdownOption[data-highlighted='true'] {
+  background: #f2f3f5;
+}
+.ccr_selectDropdownOption[aria-selected='true'] {
+  color: #1456f0;
+  background: #eaf0ff;
+}
+.ccr_selectDropdownOption img {
+  width: 16px;
+  height: 16px;
+  object-fit: contain;
+}
+.ccr_selectDropdownOption > span {
+  overflow-wrap: anywhere;
+}
+.ccr_selectDropdownOption > b {
+  margin-left: auto;
+  font-weight: 400;
+}
+.ccr_selectEmpty {
+  padding: 14px;
+  color: #8f959e;
+  text-align: center;
+}
+.ccr_multiSelectControl {
+  height: auto;
+  min-height: 32px;
+  padding: 3px 8px;
+}
+.ccr_multiSelectControl:focus-within {
+  border-color: #1456f0;
+}
+.ccr_multiSelectControl[data-disabled='true'] {
+  color: #bbbfc4;
+  background: #f5f6f7;
+  cursor: not-allowed;
+}
+.ccr_multiSelectControl > .ccr_multiSelectTags {
+  display: flex;
+  flex: 1;
+  flex-wrap: wrap;
+  gap: 4px;
+  min-width: 0;
+  overflow: visible;
+}
+.ccr_multiSelectControl .ccr_multiSelectTags > input {
+  flex: 1;
+  width: 20px;
+  min-width: 20px;
+  height: 24px;
+  padding: 0;
+  color: inherit;
+  font: inherit;
+  background: transparent;
+  border: 0;
+  outline: none;
+}
+.ccr_multiSelectControl .ccr_multiSelectTags > input::placeholder {
+  color: #8f959e;
+}
+.ccr_multiSelectControl .ccr_multiSelectTag {
+  display: inline-flex;
+  gap: 4px;
+  align-items: center;
+  max-width: 100%;
+  height: 24px;
+  padding: 0 4px;
+  line-height: 20px;
+  background: #eff0f1;
+  border-radius: 4px;
+}
+.ccr_multiSelectControl .ccr_multiSelectTag > span {
+  min-width: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.ccr_multiSelectControl .ccr_multiSelectTag img {
+  flex-shrink: 0;
+  width: 14px;
+  height: 14px;
+}
+.ccr_multiSelectControl .ccr_multiSelectTag > button {
+  flex-shrink: 0;
+  width: 14px;
+  padding: 0;
+  color: #8f959e;
+  line-height: 18px;
+  background: transparent;
+  border: 0;
+  cursor: pointer;
+}
+.ccr_multiSelectControl .ccr_multiSelectTag > button:hover:not(:disabled) {
+  color: #1f2329;
+}
+.ccr_multiSelectControl .ccr_multiSelectTag > button:disabled {
+  cursor: not-allowed;
+}
+.ccr_multiSelectControl .ccr_multiSelectArrow {
+  display: inline-flex;
+  flex: 0 0 12px;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  color: #8f959e;
+  font-size: 12px;
+  background: transparent;
+  border: 0;
+  cursor: pointer;
+}
+.ccr_multiSelectControl .ccr_multiSelectArrow:disabled {
+  cursor: not-allowed;
+}
+.ccr_mobilePaper .ccr_multiSelectControl {
+  height: auto;
+  min-height: 36px;
+}
+.ccr_temporalControl {
+  position: relative;
+  display: flex;
+  flex: 1;
+  align-items: center;
+  box-sizing: border-box;
+  width: 100%;
+  min-width: 0;
+  height: 32px;
+  color: #1f2329;
+  font-size: 14px;
+  background: #fff;
+  border: 1px solid #d0d3d6;
+  border-radius: 6px;
+}
+.ccr_temporalControl:hover:not([data-disabled='true']),
+.ccr_temporalControl:focus-within {
+  border-color: #1456f0;
+}
+.ccr_temporalControl > input {
+  display: block;
+  box-sizing: border-box;
+  width: 100%;
+  min-width: 0;
+  height: 100%;
+  padding: 4px 30px 4px 12px;
+  color: inherit;
+  font: inherit;
+  line-height: 22px;
+  background: transparent;
+  border: 0;
+  border-radius: inherit;
+  outline: none;
+}
+.ccr_temporalControl > input::placeholder {
+  color: #8f959e;
+}
+.ccr_temporalControl > button {
+  display: inline-flex;
+  flex: 0 0 24px;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  padding: 0;
+  color: #8f959e;
+  font-size: 14px;
+  background: transparent;
+  border: 0;
+  cursor: pointer;
+}
+.ccr_temporalControl > button:disabled {
+  cursor: not-allowed;
+}
+.ccr_temporalControl > .ccr_temporalIcon {
+  position: absolute;
+  right: 4px;
+}
+.ccr_temporalControl > .ccr_temporalClear {
+  position: absolute;
+  right: 25px;
+  z-index: 1;
+  width: 16px;
+  height: 16px;
+  background: #fff;
+  border-radius: 50%;
+  visibility: hidden;
+}
+.ccr_temporalControl:hover > .ccr_temporalClear,
+.ccr_temporalControl:focus-within > .ccr_temporalClear {
+  visibility: visible;
+}
+.ccr_temporalControl[data-disabled='true'] {
+  color: #bbbfc4;
+  background: #f5f6f7;
+  cursor: not-allowed;
+}
+.ccr_temporalControl[data-invalid='true'] {
+  border-color: #f54a45;
+}
+.ccr_inputInspector .ccr_propertyRow > .ccr_temporalCompact,
+.ccr_temporalCompact {
+  height: 28px;
+  font-size: 12px;
+  background: #f2f3f5;
+  border-color: transparent;
+}
+.ccr_inputInspector .ccr_propertyRow > .ccr_temporalCompact > input,
+.ccr_temporalCompact > input {
+  height: 26px;
+  min-height: 0;
+  padding: 3px 30px 3px 8px;
+  font: inherit;
+  background: transparent;
+  border: 0;
+  border-radius: 6px;
+}
+.ccr_inputInspector .ccr_propertyRow > .ccr_temporalCompact:focus-within,
+.ccr_temporalCompact:focus-within {
+  border-color: #1456f0;
+}
+.ccr_mobilePaper .ccr_temporalControl {
+  height: 36px;
+}
+.ccr_temporalPanel {
+  z-index: 1120;
+  overflow: auto;
+  color: #1f2329;
+  font-size: 14px;
+  background: #fff;
+  border: 1px solid #dee0e3;
+  border-radius: 8px;
+  box-shadow: 0 4px 16px #1f232922;
+}
+.ccr_temporalPanel button {
+  color: inherit;
+  font: inherit;
+  background: transparent;
+  border: 0;
+  border-radius: 4px;
+  cursor: pointer;
+}
+.ccr_temporalPanel button:hover:not(:disabled) {
+  background: #f2f3f5;
+}
+.ccr_temporalPanel button:focus-visible {
+  outline: 2px solid #adc6ff;
+}
+.ccr_temporalPanel button:disabled {
+  color: #bbbfc4;
+  cursor: not-allowed;
+}
+.ccr_temporalPanelBody {
+  display: flex;
+}
+.ccr_temporalCalendar {
+  flex: 1 0 260px;
+  box-sizing: border-box;
+  width: 280px;
+  padding: 8px 12px 12px;
+}
+.ccr_temporalCalendarHeader {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 36px;
+}
+.ccr_temporalCalendarHeader > button {
+  padding: 6px;
+}
+.ccr_temporalCalendarHeader > button:nth-child(2) {
+  font-weight: 500;
+}
+.ccr_temporalWeek,
+.ccr_temporalDays {
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  align-items: center;
+  text-align: center;
+}
+.ccr_temporalWeek {
+  height: 32px;
+  color: #646a73;
+  font-size: 12px;
+}
+.ccr_temporalDays > button {
+  justify-self: center;
+  width: 30px;
+  height: 30px;
+  margin: 2px 0;
+  padding: 0;
+}
+.ccr_temporalDays > button[data-outside='true'] {
+  color: #bbbfc4;
+}
+.ccr_temporalDays > button[data-today='true'] {
+  color: #1456f0;
+  box-shadow: inset 0 0 0 1px #1456f0;
+}
+.ccr_temporalDays > button[aria-pressed='true'] {
+  color: #fff;
+  background: #1456f0;
+}
+.ccr_temporalMonthGrid {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 10px;
+  height: 236px;
+}
+.ccr_temporalMonthGrid > button {
+  padding: 8px;
+}
+.ccr_temporalTimes {
+  display: flex;
+  flex: 0 0 140px;
+  box-sizing: border-box;
+  width: 140px;
+  padding: 4px 0;
+  border-left: 1px solid #eff0f1;
+}
+.ccr_temporalTimes > div {
+  width: 50%;
+}
+.ccr_temporalTimeHeading {
+  height: 36px;
+  color: #646a73;
+  font-size: 12px;
+  line-height: 36px;
+  text-align: center;
+}
+.ccr_temporalTimeList {
+  box-sizing: border-box;
+  height: 240px;
+  padding-bottom: 208px;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+  scrollbar-width: thin;
+}
+.ccr_temporalTimeList > button {
+  display: block;
+  width: calc(100% - 8px);
+  height: 32px;
+  margin: 0 4px;
+  padding: 4px 8px;
+  text-align: left;
+}
+.ccr_temporalTimeList > button[aria-selected='true'] {
+  color: #1456f0;
+  background: #eaf0ff;
+}
+.ccr_temporalFooter {
+  display: flex;
+  gap: 16px;
+  align-items: center;
+  justify-content: space-between;
+  padding: 8px 12px;
+  border-top: 1px solid #eff0f1;
+}
+.ccr_temporalFooter > button {
+  padding: 4px 6px;
+  color: #1456f0;
+}
+.ccr_temporalFooter > span {
+  display: flex;
+  gap: 8px;
+}
+.ccr_temporalFooter > span > button {
+  padding: 4px 12px;
+  border: 1px solid #dee0e3;
+}
+.ccr_temporalFooter > span > button:last-child {
+  color: #fff;
+  background: #1456f0;
+  border-color: #1456f0;
+}
+.ccr_temporalFooter > span > button:last-child:disabled {
+  background: #adc6ff;
+  border-color: #adc6ff;
+}
+.ccr_variableBindingTrigger {
+  display: flex;
+  flex: 1;
+  gap: 8px;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  min-width: 0;
+  min-height: 30px;
+  padding: 3px 10px;
+  color: #1f2329;
+  font: inherit;
+  text-align: left;
+  background: #f2f3f5;
+  border: 1px solid transparent;
+  border-radius: 6px;
+  cursor: pointer;
+}
+.ccr_variableBindingTrigger > .anticon {
+  flex-shrink: 0;
+  color: #646a73;
+  font-size: 12px;
+}
+.ccr_variableBindingTrigger:hover {
+  background: #e8e9eb;
+}
+.ccr_variableBindingTrigger[aria-expanded='true'],
+.ccr_variableBindingTrigger:focus-visible {
+  border-color: #3370ff;
+  outline: none;
+}
+.ccr_variableBindingBlock {
+  margin-top: 10px;
+}
+.ccr_variableBindingChip {
+  display: inline-flex;
+  gap: 5px;
+  align-items: center;
+  min-width: 0;
+  padding: 2px 6px;
+  background: #dee0e3;
+  border-radius: 4px;
+}
+.ccr_variableBindingChip > span {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.ccr_variableBindingChip i,
+.ccr_variableBindingOption i {
+  font-size: 14px;
+  font-style: normal;
+}
+.ccr_variableBindingPlaceholder {
+  color: #8f959e;
+}
+.ccr_variableBindingOverlay.ant-popover .ant-popover-inner {
+  padding: 0;
+  overflow: hidden;
+  border: 1px solid #dee0e3;
+  border-radius: 8px;
+  box-shadow: 0 4px 16px #1f23291a;
+}
+.ccr_variableBindingOverlay.ant-popover .ant-popover-arrow {
+  display: none;
+}
+.ccr_variableBindingMenu {
+  width: 260px;
+  max-width: calc(100vw - 24px);
+  color: #1f2329;
+  font-size: 14px;
+}
+.ccr_variableBindingOptions {
+  max-height: 280px;
+  padding: 6px;
+  overflow: auto;
+}
+.ccr_variableBindingGroup {
+  padding: 6px 8px;
+  color: #8f959e;
+  font-size: 13px;
+}
+.ccr_variableBindingOption {
+  padding: 8px 10px;
+  border-radius: 6px;
+  cursor: pointer;
+}
+.ccr_variableBindingOption > span {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  overflow-wrap: anywhere;
+}
+.ccr_variableBindingOption small {
+  display: block;
+  margin-top: 4px;
+  padding-left: 0;
+  color: #8f959e;
+  font-size: 12px;
+  overflow-wrap: anywhere;
+}
+.ccr_variableBindingOption[data-active='true'] {
+  background: #f2f3f5;
+}
+.ccr_variableBindingOption[aria-selected='true'] {
+  color: #1456f0;
+}
+.ccr_variableBindingEmpty {
+  padding: 12px;
+  color: #8f959e;
+  text-align: center;
+}
+.ccr_variableBindingFooter {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 8px;
+  border-top: 1px solid #dee0e3;
+}
+.ccr_variableBindingFooter > button {
+  display: inline-flex;
+  gap: 4px;
+  align-items: center;
+  padding: 4px 6px;
+  color: #1456f0;
+  font: inherit;
+  background: transparent;
+  border: 0;
+  border-radius: 4px;
+  cursor: pointer;
+}
+.ccr_variableBindingFooter > button:hover {
+  background: #eaf0ff;
+}
+/* Reference cases share the designer renderer and stay inside a bounded dialog. */
+.ccr_designer .ccr_library {
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+}
+.ccr_designer .ccr_library .ccr_tabs {
+  flex-shrink: 0;
+}
+.ccr_designer .ccr_library .ccr_panelBody {
+  flex: 1;
+  min-height: 0;
+  overflow: auto;
+}
+.ccr_referenceEntry {
+  flex-shrink: 0;
+  height: 40px;
+  margin: 12px 16px;
+  color: #1f2329;
+  background: #fff;
+  border: 1px solid #dee0e3;
+  border-radius: 6px;
+  cursor: pointer;
+}
+.ccr_referenceEntry:hover {
+  color: #1456f0;
+  background: #f0f4ff;
+  border-color: #a3bfff;
+}
+.ccr_referenceLibrary .ant-modal-body {
+  overflow: hidden;
+}
+.ccr_referenceLayout {
+  display: flex;
+  height: min(740px, calc(100dvh - 160px));
+  min-height: 300px;
+  border-top: 1px solid #eff0f1;
+}
+.ccr_referenceLayout > nav {
+  flex: 0 0 156px;
+  padding: 20px 12px 12px 0;
+  border-right: 1px solid #eff0f1;
+  overflow: auto;
+}
+.ccr_referenceLayout > nav button {
+  display: block;
+  width: 100%;
+  margin-bottom: 6px;
+  padding: 10px 14px;
+  color: #1f2329;
+  text-align: left;
+  background: transparent;
+  border: 0;
+  border-radius: 6px;
+  cursor: pointer;
+}
+.ccr_referenceLayout > nav button:hover {
+  background: #f5f6f7;
+}
+.ccr_referenceLayout > nav button.ccr_active {
+  color: #1456f0;
+  background: #eaf0ff;
+}
+.ccr_referenceMain {
+  flex: 1;
+  min-width: 0;
+  overflow: auto;
+  padding: 24px;
+  background: #f8f9fa;
+}
+.ccr_referenceHeading {
+  display: flex;
+  gap: 16px;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 24px;
+}
+.ccr_referenceHeading strong {
+  display: block;
+  font-size: 20px;
+  color: #1f2329;
+}
+.ccr_referenceHeading > div > span {
+  display: block;
+  margin-top: 8px;
+  color: #646a73;
+  font-size: 13px;
+}
+.ccr_referenceHeading > .ant-input-affix-wrapper {
+  width: 220px;
+  flex-shrink: 0;
+}
+.ccr_referenceHeading > button {
+  padding: 7px 12px;
+  border: 1px solid #dee0e3;
+  border-radius: 6px;
+  background: #fff;
+  cursor: pointer;
+}
+.ccr_referenceHeading > .ccr_referenceUse {
+  background: #3370ff;
+  border-color: #3370ff;
+  color: white;
+}
+.ccr_referenceGrid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
+  gap: 24px;
+  align-items: start;
+}
+.ccr_referenceCard {
+  min-width: 0;
+  padding: 12px;
+  background: white;
+  border: 1px solid #dee0e3;
+  border-radius: 8px;
+  cursor: pointer;
+}
+.ccr_referenceCard:hover,
+.ccr_referenceCard:focus-visible {
+  outline: 2px solid #a3bfff;
+  border-color: #3370ff;
+}
+.ccr_referenceCard > strong {
+  display: block;
+  margin: 14px 0 6px;
+  color: #1f2329;
+}
+.ccr_referenceCard > span {
+  color: #646a73;
+  font-size: 12px;
+}
+.ccr_referenceThumbnail {
+  height: 320px;
+  overflow: hidden;
+  background: #f5f6f7;
+  pointer-events: none;
+}
+.ccr_referenceThumbnail .ccr_paper {
+  width: 100%;
+  min-height: 100%;
+  max-width: none;
+  border: 0;
+  border-radius: 4px;
+}
+.ccr_referenceDetail {
+  max-width: 600px;
+  margin: 0 auto;
+}
+.ccr_referenceDetail .ccr_paper {
+  max-width: 100%;
+}
+@media (max-width: 760px) {
+  .ccr_referenceLayout > nav {
+    flex-basis: 110px;
+  }
+  .ccr_referenceMain {
+    padding: 12px;
+  }
+  .ccr_referenceHeading {
+    flex-wrap: wrap;
+  }
+  .ccr_referenceHeading > .ant-input-affix-wrapper {
+    width: 100%;
+  }
+}
+/* Designer header: document identity and metadata remain separate from editing actions. */
+.ccr_designer .ccr_designerHeader {
+  box-sizing: border-box;
+  min-height: 72px;
+  gap: 24px;
+  padding: 12px 20px;
+  flex-wrap: nowrap;
+  background: #fff;
+  border-bottom: 1px solid #eff0f1;
+  overflow: visible;
+}
+.ccr_designer .ccr_designerHeader .ccr_headerIdentity {
+  display: flex;
+  flex: 1;
+  gap: 12px;
+  align-items: center;
+  min-width: 0;
+}
+.ccr_designer .ccr_designerHeader .ccr_headerIdentity > button {
+  flex-shrink: 0;
+  width: 32px;
+  height: 32px;
+  padding: 0;
+  color: #646a73;
+  border-radius: 6px;
+}
+.ccr_designer .ccr_designerHeader .ccr_documentTitle {
+  min-width: 0;
+  gap: 5px;
+}
+.ccr_designer .ccr_designerHeader .ccr_documentTitleRow {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  min-width: 0;
+}
+.ccr_designer .ccr_designerHeader .ccr_documentTitleRow > strong {
+  min-width: 0;
+  overflow: hidden;
+  color: #1f2329;
+  font-weight: 600;
+  font-size: 15px;
+  line-height: 22px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.ccr_designer .ccr_designerHeader .ccr_documentTitleRow > .ant-tag {
+  flex-shrink: 0;
+  margin: 0;
+  padding: 0 6px;
+  font-size: 11px;
+  line-height: 18px;
+  border: 0;
+  border-radius: 4px;
+}
+.ccr_designer .ccr_designerHeader .ccr_headerVersion {
+  color: #646a73;
+  background: #f2f3f5;
+}
+.ccr_designer .ccr_designerHeader .ccr_headerDraft {
+  color: #b47716;
+  background: #fff5df;
+}
+.ccr_designer .ccr_designerHeader .ccr_documentTitle > small {
+  display: flex;
+  gap: 12px;
+  align-items: center;
+  min-width: 0;
+  color: #8f959e;
+  font-size: 12px;
+  line-height: 18px;
+  white-space: nowrap;
+}
+.ccr_designer .ccr_designerHeader .ccr_documentTitle > small > span {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.ccr_designer .ccr_designerHeader .ccr_headerModified {
+  flex-shrink: 0;
+  padding-left: 12px;
+  border-left: 1px solid #dee0e3;
+}
+.ccr_designer .ccr_designerHeader .ccr_headerActions {
+  display: flex;
+  flex-shrink: 0;
+  gap: 16px;
+  align-items: center;
+}
+.ccr_designer .ccr_designerHeader .ccr_headerSaveState {
+  display: inline-flex;
+  gap: 6px;
+  align-items: center;
+  min-width: 94px;
+  color: #8f959e;
+  font-size: 12px;
+  white-space: nowrap;
+}
+.ccr_designer .ccr_designerHeader .ccr_headerSaveState > i {
+  width: 5px;
+  height: 5px;
+  background: #a6adb7;
+  border-radius: 50%;
+}
+.ccr_designer .ccr_designerHeader .ccr_headerSaveState[data-dirty='true'] {
+  color: #a66c13;
+}
+.ccr_designer .ccr_designerHeader .ccr_headerSaveState[data-dirty='true'] > i {
+  background: #d99729;
+}
+.ccr_designer .ccr_designerHeader .ccr_headerTools,
+.ccr_designer .ccr_designerHeader .ccr_headerPrimaryActions {
+  display: flex;
+  gap: 4px;
+  align-items: center;
+}
+.ccr_designer .ccr_designerHeader .ccr_headerTools > button {
+  padding: 4px 10px;
+  color: #646a73;
+  border-radius: 6px;
+}
+.ccr_designer .ccr_designerHeader .ccr_headerTools > button:hover {
+  color: #1f2329;
+  background: #f2f3f5;
+}
+.ccr_designer .ccr_designerHeader .ccr_headerPrimaryActions {
+  gap: 8px;
+  padding-left: 16px;
+  border-left: 1px solid #dee0e3;
+}
+.ccr_designer .ccr_designerHeader .ccr_headerPrimaryActions > button {
+  height: 34px;
+  padding: 0 16px;
+  border-radius: 6px;
+  box-shadow: none;
+}
+@media (max-width: 1200px) {
+  .ccr_designer .ccr_designerHeader {
+    gap: 16px;
+  }
+  .ccr_designer .ccr_designerHeader .ccr_headerModified {
+    display: none;
+  }
+  .ccr_designer .ccr_designerHeader .ccr_headerActions {
+    gap: 8px;
+  }
+  .ccr_designer .ccr_designerHeader .ccr_headerSaveState {
+    min-width: 0;
+  }
+}
+@media (max-width: 960px) {
+  .ccr_designer .ccr_designerHeader {
+    flex-wrap: wrap;
+    gap: 10px;
+  }
+  .ccr_designer .ccr_designerHeader .ccr_headerIdentity {
+    flex-basis: 100%;
+  }
+  .ccr_designer .ccr_designerHeader .ccr_headerActions {
+    justify-content: flex-end;
+    width: 100%;
+  }
+  .ccr_designer .ccr_designerHeader .ccr_headerSaveState {
+    margin-right: auto;
+  }
+  .ccr_designer .ccr_designerHeader .ccr_headerModified {
+    display: block;
+  }
+}
+@media (max-width: 560px) {
+  .ccr_designer .ccr_designerHeader {
+    padding: 10px 12px;
+  }
+  .ccr_designer .ccr_designerHeader .ccr_headerModified {
+    display: none;
+  }
+  .ccr_designer .ccr_designerHeader .ccr_headerActions {
+    flex-wrap: wrap;
+  }
+  .ccr_designer .ccr_designerHeader .ccr_headerSaveState {
+    flex-basis: 100%;
+  }
+  .ccr_designer .ccr_designerHeader .ccr_headerTools > button {
+    padding: 4px 6px;
+  }
+  .ccr_designer .ccr_designerHeader .ccr_headerPrimaryActions {
+    margin-left: auto;
+    padding-left: 8px;
+  }
+  .ccr_designer .ccr_designerHeader .ccr_headerPrimaryActions > button {
+    padding: 0 10px;
+  }
+}
+`,document.head.append(n)}var e={listPage:"ccr_listPage",designer:"ccr_designer",dialogContent:"ccr_dialogContent",listToolbar:"ccr_listToolbar",filters:"ccr_filters",keywordInput:"ccr_keywordInput",emptyGallery:"ccr_emptyGallery",galleryScroll:"ccr_galleryScroll",gallery:"ccr_gallery",templateTile:"ccr_templateTile",thumbnail:"ccr_thumbnail",paper:"ccr_paper",node_title:"ccr_node_title",tileTitle:"ccr_tileTitle",muted:"ccr_muted",tileFooter:"ccr_tileFooter",owner:"ccr_owner",avatar:"ccr_avatar",listFooter:"ccr_listFooter",designerHeader:"ccr_designerHeader",workspace:"ccr_workspace",library:"ccr_library",inspector:"ccr_inspector",tabs:"ccr_tabs",active:"ccr_active",panelBody:"ccr_panelBody",palette:"ccr_palette",libraryHint:"ccr_libraryHint",center:"ccr_center",canvasToolbar:"ccr_canvasToolbar",canvasStage:"ccr_canvasStage",chat:"ccr_chat",mobileChat:"ccr_mobileChat",chatHeader:"ccr_chatHeader",chatMessage:"ccr_chatMessage",composer:"ccr_composer",mobilePaper:"ccr_mobilePaper",node:"ccr_node",selectedNode:"ccr_selectedNode",dropInside:"ccr_dropInside",selectionLabel:"ccr_selectionLabel",subtitle:"ccr_subtitle",node_text:"ccr_node_text",node_richtext:"ccr_node_richtext",node_note:"ccr_node_note",noteContent:"ccr_noteContent",noteText:"ccr_noteText",noteIcon:"ccr_noteIcon",noteHeading:"ccr_noteHeading",noteItemList:"ccr_noteItemList",noteItemRow:"ccr_noteItemRow",noteItemEdit:"ccr_noteItemEdit",noteItemDelete:"ccr_noteItemDelete",noteSettings:"ccr_noteSettings",propertyRow:"ccr_propertyRow",propertyText:"ccr_propertyText",noteIconSample:"ccr_noteIconSample",chartEditorHeading:"ccr_chartEditorHeading",chartDefinitionEditor:"ccr_chartDefinitionEditor",chartFrame:"ccr_chartFrame",chartCanvasWrapper:"ccr_chartCanvasWrapper",chartCanvas:"ccr_chartCanvas",chartFeedback:"ccr_chartFeedback",chartExpand:"ccr_chartExpand",chartExpanded:"ccr_chartExpanded",fieldLabel:"ccr_fieldLabel",node_loop:"ccr_node_loop",node_interactive:"ccr_node_interactive",loopItem:"ccr_loopItem",loopDrop:"ccr_loopDrop",loopEmpty:"ccr_loopEmpty",interactiveContent:"ccr_interactiveContent",columnSlot:"ccr_columnSlot",containerNumber:"ccr_containerNumber",containerPadding:"ccr_containerPadding",node_columns:"ccr_node_columns",emptyContainer:"ccr_emptyContainer",node_tag:"ccr_node_tag",statusTag:"ccr_statusTag",snapshot:"ccr_snapshot",theme_blue:"ccr_theme_blue",theme_wathet:"ccr_theme_wathet",theme_turquoise:"ccr_theme_turquoise",theme_orange:"ccr_theme_orange",theme_green:"ccr_theme_green",theme_yellow:"ccr_theme_yellow",theme_red:"ccr_theme_red",theme_carmine:"ccr_theme_carmine",theme_violet:"ccr_theme_violet",theme_purple:"ccr_theme_purple",theme_indigo:"ccr_theme_indigo",theme_grey:"ccr_theme_grey",theme_neutral:"ccr_theme_neutral",node_divider:"ccr_node_divider",node_image:"ccr_node_image",node_gallery:"ccr_node_gallery",imageGrid:"ccr_imageGrid",galleryCell:"ccr_galleryCell",galleryImageFrame:"ccr_galleryImageFrame",imagePlaceholder:"ccr_imagePlaceholder",galleryPresets:"ccr_galleryPresets",galleryPresetGrid:"ccr_galleryPresetGrid",galleryImageField:"ccr_galleryImageField",galleryUpload:"ccr_galleryUpload",galleryImageThumbnail:"ccr_galleryImageThumbnail",imageSourceTabs:"ccr_imageSourceTabs",imageUpload:"ccr_imageUpload",imageRadiusControl:"ccr_imageRadiusControl",singleImageFrame:"ccr_singleImageFrame",singleImage:"ccr_singleImage",imagePreviewTrigger:"ccr_imagePreviewTrigger",imageLightbox:"ccr_imageLightbox",node_button:"ccr_node_button",node_buttonGroup:"ccr_node_buttonGroup",buttonGroup:"ccr_buttonGroup",feishuButton:"ccr_feishuButton",groupMoreButton:"ccr_groupMoreButton",groupOverflowPanel:"ccr_groupOverflowPanel",groupListHeading:"ccr_groupListHeading",groupListRow:"ccr_groupListRow",groupListName:"ccr_groupListName",groupDragHandle:"ccr_groupDragHandle",groupLayoutTitle:"ccr_groupLayoutTitle",groupLayoutOptions:"ccr_groupLayoutOptions",previewButton:"ccr_previewButton",node_person:"ccr_node_person",person:"ccr_person",personDisplay:"ccr_personDisplay",personItems:"ccr_personItems",personItem:"ccr_personItem",personEmpty:"ccr_personEmpty",personName:"ccr_personName",personAvatar:"ccr_personAvatar",personStatus:"ccr_personStatus",personStatusDot:"ccr_personStatusDot",personSeparator:"ccr_personSeparator",personPrefix:"ccr_personPrefix",personRetry:"ccr_personRetry",personArrayHeading:"ccr_personArrayHeading",personIDRow:"ccr_personIDRow",node_table:"ccr_node_table",previewTableWrap:"ccr_previewTableWrap",node_input:"ccr_node_input",node_select:"ccr_node_select",node_date:"ccr_node_date",inputPreview:"ccr_inputPreview",cardSource:"ccr_cardSource",sourceBar:"ccr_sourceBar",breadcrumb:"ccr_breadcrumb",segment:"ccr_segment",control:"ccr_control",checkbox:"ccr_checkbox",nodeActions:"ccr_nodeActions",treeItem:"ccr_treeItem",variableTitle:"ccr_variableTitle",variableToolbar:"ccr_variableToolbar",variableList:"ccr_variableList",variableRow:"ccr_variableRow",variableActions:"ccr_variableActions",variableName:"ccr_variableName",variableType:"ccr_variableType",variableForm:"ccr_variableForm",jsonSampleField:"ccr_jsonSampleField",jsonSampleHeading:"ccr_jsonSampleHeading",jsonSampleEditor:"ccr_jsonSampleEditor",jsonSampleGutter:"ccr_jsonSampleGutter",jsonSampleError:"ccr_jsonSampleError",jsonSampleHint:"ccr_jsonSampleHint",variable:"ccr_variable",editorFooter:"ccr_editorFooter",code:"ccr_code",versionItem:"ccr_versionItem",inspectorBody:"ccr_inspectorBody",noSelection:"ccr_noSelection",documentTitle:"ccr_documentTitle",chatAvatar:"ccr_chatAvatar",chatMore:"ccr_chatMore",messageContent:"ccr_messageContent",messageName:"ccr_messageName",propertySection:"ccr_propertySection",propertyHeading:"ccr_propertyHeading",propertyCode:"ccr_propertyCode",propertySwitch:"ccr_propertySwitch",uploadLabel:"ccr_uploadLabel",layoutPresets:"ccr_layoutPresets",tableColumn:"ccr_tableColumn",tableColumnName:"ccr_tableColumnName",tableColumnDrag:"ccr_tableColumnDrag",designerHelp:"ccr_designerHelp",collapsedInspector:"ccr_collapsedInspector",selectionTools:"ccr_selectionTools",filledSlot:"ccr_filledSlot",slotPlaceholder:"ccr_slotPlaceholder",node_form:"ccr_node_form",formActions:"ccr_formActions",node_doubleText:"ccr_node_doubleText",node_personList:"ccr_node_personList",node_chart:"ccr_node_chart",node_multiSelect:"ccr_node_multiSelect",node_time:"ccr_node_time",node_datetime:"ccr_node_datetime",node_personSelect:"ccr_node_personSelect",node_peopleSelect:"ccr_node_peopleSelect",doubleText:"ccr_doubleText",button_primary:"ccr_button_primary",button_danger:"ccr_button_danger",disabledPreview:"ccr_disabledPreview",richLink:"ccr_richLink",richCode:"ccr_richCode",limitedLines:"ccr_limitedLines",optionHints:"ccr_optionHints",chartPreview:"ccr_chartPreview",tableTag:"ccr_tableTag",tablePagination:"ccr_tablePagination",tablePageCount:"ccr_tablePageCount",variableInput:"ccr_variableInput",variableEditor:"ccr_variableEditor",variableToken:"ccr_variableToken",insertVariable:"ccr_insertVariable",variablePicker:"ccr_variablePicker",variablePickerList:"ccr_variablePickerList",newVariable:"ccr_newVariable",titleIcon:"ccr_titleIcon",titleTag:"ccr_titleTag",tag_default:"ccr_tag_default",tag_blue:"ccr_tag_blue",tag_turquoise:"ccr_tag_turquoise",tag_green:"ccr_tag_green",tag_yellow:"ccr_tag_yellow",tag_orange:"ccr_tag_orange",tag_red:"ccr_tag_red",tag_purple:"ccr_tag_purple",tag_carmine:"ccr_tag_carmine",breadcrumbComponentIcon:"ccr_breadcrumbComponentIcon",selectionIcon:"ccr_selectionIcon",renameButton:"ccr_renameButton",titleLayout:"ccr_titleLayout",titleCopy:"ccr_titleCopy",iconLibrary:"ccr_iconLibrary",tagStyleOptions:"ccr_tagStyleOptions",activeTagStyle:"ccr_activeTagStyle","tag-editor-modal":"ccr_tag-editor-modal","ant-modal":"ccr_ant-modal","ant-modal-mask":"ccr_ant-modal-mask",iconPicker:"ccr_iconPicker",iconPickerTrigger:"ccr_iconPickerTrigger",iconPickerPopup:"ccr_iconPickerPopup",iconPickerSearch:"ccr_iconPickerSearch",iconPickerStyles:"ccr_iconPickerStyles",iconPickerContent:"ccr_iconPickerContent",iconPickerCategories:"ccr_iconPickerCategories",iconPickerBody:"ccr_iconPickerBody",iconPickerEmpty:"ccr_iconPickerEmpty",fullscreenDesigner:"ccr_fullscreenDesigner",canvasType:"ccr_canvasType",zoomCanvas:"ccr_zoomCanvas",composerDock:"ccr_composerDock",zoomSelect:"ccr_zoomSelect",inlineSource:"ccr_inlineSource",searchEmpty:"ccr_searchEmpty",outlineRow:"ccr_outlineRow",outlineToggle:"ccr_outlineToggle",themeSelect:"ccr_themeSelect",columnWidthRow:"ccr_columnWidthRow",columnSettings:"ccr_columnSettings",columnCount:"ccr_columnCount",columnSettingLabel:"ccr_columnSettingLabel",columnInfo:"ccr_columnInfo",columnWidthSettings:"ccr_columnWidthSettings",columnWidthValue:"ccr_columnWidthValue",tagEditor:"ccr_tagEditor",tagEditorHeading:"ccr_tagEditorHeading",themeOption:"ccr_themeOption",themeSwatch:"ccr_themeSwatch",contentNode:"ccr_contentNode",containerNode:"ccr_containerNode",chartEditorActions:"ccr_chartEditorActions",chartExamples:"ccr_chartExamples",chartExampleContent:"ccr_chartExampleContent",chartExampleFooter:"ccr_chartExampleFooter",variableChartType:"ccr_variableChartType",variableTypeSelect:"ccr_variableTypeSelect",formPreview:"ccr_formPreview",formEmptyHint:"ccr_formEmptyHint",formFieldLabel:"ccr_formFieldLabel",formField:"ccr_formField",formResult:"ccr_formResult",formIdentifier:"ccr_formIdentifier",formIdentifierHelp:"ccr_formIdentifierHelp",inputInspector:"ccr_inputInspector",inputToggleRow:"ccr_inputToggleRow",inputDisabledSelect:"ccr_inputDisabledSelect",inputIdentifier:"ccr_inputIdentifier",feishuInput:"ccr_feishuInput",feishuInputTitle:"ccr_feishuInputTitle",feishuInputBox:"ccr_feishuInputBox",feishuInputWithSend:"ccr_feishuInputWithSend",feishuInputControl:"ccr_feishuInputControl",inputSend:"ccr_inputSend",inputCallbackRow:"ccr_inputCallbackRow",feishuInputDisabled:"ccr_feishuInputDisabled",feishuInputPlaceholder:"ccr_feishuInputPlaceholder",button_primaryOutlined:"ccr_button_primaryOutlined",button_dangerOutlined:"ccr_button_dangerOutlined",button_text:"ccr_button_text",button_primaryText:"ccr_button_primaryText",button_dangerText:"ccr_button_dangerText",buttonIcon:"ccr_buttonIcon",buttonLinks:"ccr_buttonLinks",buttonStyleOption:"ccr_buttonStyleOption",selectOptionsHeading:"ccr_selectOptionsHeading",selectOptionRow:"ccr_selectOptionRow",selectOptionTrigger:"ccr_selectOptionTrigger",selectOptionIndex:"ccr_selectOptionIndex",selectOptionIcon:"ccr_selectOptionIcon",selectOrder:"ccr_selectOrder",selectOptionEditor:"ccr_selectOptionEditor",feishuSelect:"ccr_feishuSelect",selectControl:"ccr_selectControl",selectPlaceholder:"ccr_selectPlaceholder",selectChevron:"ccr_selectChevron",selectFormValue:"ccr_selectFormValue",selectDropdown:"ccr_selectDropdown",selectDropdownOption:"ccr_selectDropdownOption",selectEmpty:"ccr_selectEmpty",multiSelectControl:"ccr_multiSelectControl",multiSelectTags:"ccr_multiSelectTags",multiSelectTag:"ccr_multiSelectTag",multiSelectArrow:"ccr_multiSelectArrow",temporalControl:"ccr_temporalControl",temporalIcon:"ccr_temporalIcon",temporalClear:"ccr_temporalClear",temporalCompact:"ccr_temporalCompact",temporalPanel:"ccr_temporalPanel",temporalPanelBody:"ccr_temporalPanelBody",temporalCalendar:"ccr_temporalCalendar",temporalCalendarHeader:"ccr_temporalCalendarHeader",temporalWeek:"ccr_temporalWeek",temporalDays:"ccr_temporalDays",temporalMonthGrid:"ccr_temporalMonthGrid",temporalTimes:"ccr_temporalTimes",temporalTimeHeading:"ccr_temporalTimeHeading",temporalTimeList:"ccr_temporalTimeList",temporalFooter:"ccr_temporalFooter",variableBindingTrigger:"ccr_variableBindingTrigger",variableBindingBlock:"ccr_variableBindingBlock",variableBindingChip:"ccr_variableBindingChip",variableBindingOption:"ccr_variableBindingOption",variableBindingPlaceholder:"ccr_variableBindingPlaceholder",variableBindingOverlay:"ccr_variableBindingOverlay",variableBindingMenu:"ccr_variableBindingMenu",variableBindingOptions:"ccr_variableBindingOptions",variableBindingGroup:"ccr_variableBindingGroup",variableBindingEmpty:"ccr_variableBindingEmpty",variableBindingFooter:"ccr_variableBindingFooter",referenceEntry:"ccr_referenceEntry",referenceLibrary:"ccr_referenceLibrary",referenceLayout:"ccr_referenceLayout",referenceMain:"ccr_referenceMain",referenceHeading:"ccr_referenceHeading",referenceUse:"ccr_referenceUse",referenceGrid:"ccr_referenceGrid",referenceCard:"ccr_referenceCard",referenceThumbnail:"ccr_referenceThumbnail",referenceDetail:"ccr_referenceDetail",headerIdentity:"ccr_headerIdentity",documentTitleRow:"ccr_documentTitleRow",headerVersion:"ccr_headerVersion",headerDraft:"ccr_headerDraft",headerModified:"ccr_headerModified",headerActions:"ccr_headerActions",headerSaveState:"ccr_headerSaveState",headerTools:"ccr_headerTools",headerPrimaryActions:"ccr_headerPrimaryActions"};export{e as a};