@toototech/webbuilder-plugins 0.1.0

package/dist/style.css

@@ -0,0 +1,1181 @@
+
+.wb-font-trigger[data-v-e45386ba] {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  width: 100%;
+  height: 28px;
+  padding: 0 8px;
+  border: 1px solid #e5e7eb;
+  border-radius: 6px;
+  background: #f9fafb;
+  cursor: pointer;
+  transition: border-color 0.15s, background 0.15s;
+  overflow: hidden;
+}
+.wb-font-trigger[data-v-e45386ba]:hover {
+  border-color: #a5b4fc;
+  background: #fff;
+}
+.wb-font-trigger-label[data-v-e45386ba] {
+  flex: 1;
+  min-width: 0;
+  color: #374151;
+  font-size: 12px;
+  overflow: hidden;
+  text-align: left;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.wb-font-panel[data-v-e45386ba] {
+  display: flex;
+  flex-direction: column;
+}
+.wb-fp-search[data-v-e45386ba] {
+  padding: 8px 8px 6px;
+  border-bottom: 1px solid #f0f0f0;
+}
+.wb-fp-tabs[data-v-e45386ba] {
+  display: flex;
+  flex-shrink: 0;
+  border-bottom: 1px solid #f0f0f0;
+}
+.wb-fp-tab[data-v-e45386ba] {
+  flex: 1;
+  height: 30px;
+  border: none;
+  border-bottom: 2px solid transparent;
+  background: none;
+  color: #9ca3af;
+  cursor: pointer;
+  font-size: 11px;
+  font-weight: 500;
+  transition: color 0.15s, border-color 0.15s;
+}
+.wb-fp-tab[data-v-e45386ba]:hover { color: #374151;
+}
+.wb-fp-tab--active[data-v-e45386ba] { color: #4f46e5; border-bottom-color: #4f46e5;
+}
+.wb-fp-list[data-v-e45386ba] {
+  flex: 1;
+  max-height: 320px;
+  overflow-x: hidden;
+  overflow-y: auto;
+  padding: 4px 0;
+}
+.wb-fp-item[data-v-e45386ba] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 6px;
+  width: 100%;
+  padding: 5px 10px;
+  border: none;
+  background: none;
+  cursor: pointer;
+  transition: background 0.1s;
+}
+.wb-fp-item[data-v-e45386ba]:hover { background: #f3f4f6;
+}
+.wb-fp-item--active[data-v-e45386ba] { background: #eef2ff;
+}
+.wb-fp-name[data-v-e45386ba] {
+  flex: 1;
+  min-width: 0;
+  color: #374151;
+  font-size: 12px;
+  overflow: hidden;
+  text-align: left;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.wb-fp-preview[data-v-e45386ba] {
+  flex-shrink: 0;
+  min-width: 22px;
+  color: #6b7280;
+  font-size: 14px;
+  text-align: right;
+  white-space: nowrap;
+}
+.wb-fp-loading[data-v-e45386ba] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  padding: 24px 0;
+  color: #9ca3af;
+  font-size: 12px;
+}
+.wb-fp-sentinel[data-v-e45386ba] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 32px;
+}
+.wb-fp-sentinel-hint[data-v-e45386ba] {
+  color: #9ca3af;
+}
+.wb-fp-end[data-v-e45386ba] {
+  padding: 6px 0 8px;
+  color: #d1d5db;
+  font-size: 11px;
+  text-align: center;
+}
+.wb-fp-empty[data-v-e45386ba] {
+  padding: 20px;
+  color: #9ca3af;
+  font-size: 11px;
+  text-align: center;
+}
+
+.font-manager[data-v-d94b5511] {
+  padding: 12px;
+  border-top: 1px solid #f0f0f0;
+}
+.fm-header[data-v-d94b5511] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 8px;
+}
+.fm-global[data-v-d94b5511] {
+  padding: 8px;
+  margin-bottom: 10px;
+  border: 1px solid #e5e7eb;
+  border-radius: 6px;
+  background: #fafbfc;
+}
+.fm-section-title[data-v-d94b5511] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  margin-bottom: 6px;
+  color: #374151;
+  font-size: 11px;
+  font-weight: 600;
+}
+.fm-reset-btn[data-v-d94b5511] {
+  padding: 0;
+  border: none;
+  background: none;
+  color: #6b7280;
+  cursor: pointer;
+  font-size: 10px;
+}
+.fm-reset-btn[data-v-d94b5511]:hover {
+  color: #2251ff;
+}
+.fm-helper[data-v-d94b5511] {
+  margin-top: 6px;
+  color: #9ca3af;
+  font-size: 10px;
+  line-height: 16px;
+}
+.fm-delivery[data-v-d94b5511] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  padding: 8px;
+  margin-bottom: 10px;
+  border: 1px solid #e5e7eb;
+  border-radius: 6px;
+  background: #fff;
+}
+.fm-delivery-copy[data-v-d94b5511] {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+}
+.fm-delivery-title[data-v-d94b5511] {
+  color: #374151;
+  font-size: 11px;
+  font-weight: 600;
+  line-height: 16px;
+}
+.fm-delivery-desc[data-v-d94b5511] {
+  color: #9ca3af;
+  font-size: 10px;
+  line-height: 15px;
+}
+.fm-switch[data-v-d94b5511] {
+  position: relative;
+  flex-shrink: 0;
+  width: 34px;
+  height: 20px;
+  padding: 0;
+  border: none;
+  border-radius: 999px;
+  background: #d1d5db;
+  cursor: pointer;
+  transition: background 0.15s;
+}
+.fm-switch--active[data-v-d94b5511] {
+  background: #4f46e5;
+}
+.fm-switch-thumb[data-v-d94b5511] {
+  position: absolute;
+  top: 2px;
+  left: 2px;
+  width: 16px;
+  height: 16px;
+  border-radius: 999px;
+  background: #fff;
+  box-shadow: 0 1px 2px rgb(15 23 42 / 18%);
+  transition: transform 0.15s;
+}
+.fm-switch--active .fm-switch-thumb[data-v-d94b5511] {
+  transform: translateX(14px);
+}
+.fm-tabs[data-v-d94b5511] {
+  display: flex;
+  margin-bottom: 8px;
+  overflow: hidden;
+  border: 1px solid #e5e7eb;
+  border-radius: 6px;
+}
+.fm-tab[data-v-d94b5511] {
+  flex: 1;
+  height: 28px;
+  border: none;
+  background: #f9fafb;
+  color: #6b7280;
+  cursor: pointer;
+  font-size: 11px;
+  font-weight: 500;
+  transition: all 0.15s;
+}
+.fm-tab[data-v-d94b5511]:not(:last-child) {
+  border-right: 1px solid #e5e7eb;
+}
+.fm-tab[data-v-d94b5511]:hover {
+  color: #374151;
+  background: #f3f4f6;
+}
+.fm-tab--active[data-v-d94b5511] {
+  color: #4f46e5;
+  background: #fff;
+  font-weight: 600;
+}
+.fm-search[data-v-d94b5511] {
+  margin-bottom: 8px;
+}
+.fm-list[data-v-d94b5511] {
+  max-height: 360px;
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+.fm-browse-list[data-v-d94b5511] {
+  max-height: 320px;
+}
+.fm-empty[data-v-d94b5511] {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 20px 0;
+}
+.fm-browse-btn[data-v-d94b5511] {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  margin-top: 8px;
+  padding: 4px 12px;
+  border: 1px solid #c7d2fe;
+  border-radius: 5px;
+  background: none;
+  color: #4f46e5;
+  cursor: pointer;
+  font-size: 11px;
+  transition: background 0.15s;
+}
+.fm-browse-btn[data-v-d94b5511]:hover {
+  background: #eef2ff;
+}
+.fm-installed-item[data-v-d94b5511] {
+  margin-bottom: 4px;
+  overflow: hidden;
+  border: 1px solid #f0f0f0;
+  border-radius: 6px;
+}
+.fm-installed-row[data-v-d94b5511] {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 6px 8px;
+  cursor: pointer;
+  transition: background 0.1s;
+}
+.fm-installed-row[data-v-d94b5511]:hover {
+  background: #f9fafb;
+}
+.fm-font-name[data-v-d94b5511] {
+  flex: 1;
+  min-width: 0;
+  color: #374151;
+  font-size: 12px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.fm-font-meta[data-v-d94b5511],
+.fm-font-category[data-v-d94b5511] {
+  flex-shrink: 0;
+  color: #9ca3af;
+  font-size: 10px;
+}
+.fm-icon-btn[data-v-d94b5511] {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: 22px;
+  height: 22px;
+  border: none;
+  border-radius: 4px;
+  background: none;
+  cursor: pointer;
+  transition: background 0.15s;
+}
+.fm-icon-btn[data-v-d94b5511]:hover {
+  background: #f3f4f6;
+}
+.fm-variants[data-v-d94b5511] {
+  padding: 8px;
+  border-top: 1px solid #f0f0f0;
+  background: #fafbfc;
+}
+.fm-variant-label[data-v-d94b5511] {
+  margin-bottom: 6px;
+  color: #9ca3af;
+  font-size: 10px;
+}
+.fm-variant-grid[data-v-d94b5511] {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 3px;
+}
+.fm-variant-checkbox[data-v-d94b5511] {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  padding: 2px 0;
+  color: #374151;
+  cursor: pointer;
+  font-size: 10px;
+}
+.fm-variant-checkbox input[data-v-d94b5511] {
+  width: 12px;
+  height: 12px;
+  margin: 0;
+  accent-color: #4f46e5;
+}
+.fm-variant-text[data-v-d94b5511] {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.fm-preview-text[data-v-d94b5511] {
+  padding: 4px 0 0;
+  color: #6b7280;
+  font-size: 12px;
+  line-height: 1.4;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.fm-browse-item[data-v-d94b5511] {
+  transition: background 0.1s;
+}
+.fm-browse-item[data-v-d94b5511]:hover {
+  background: #f9fafb;
+}
+.fm-browse-row[data-v-d94b5511] {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 5px 4px;
+}
+.fm-install-btn[data-v-d94b5511] {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  gap: 2px;
+  padding: 2px 8px;
+  border: 1px solid #c7d2fe;
+  border-radius: 4px;
+  background: #fff;
+  color: #4f46e5;
+  cursor: pointer;
+  font-size: 10px;
+  font-weight: 500;
+  transition: all 0.15s;
+}
+.fm-install-btn[data-v-d94b5511]:hover {
+  border-color: #818cf8;
+  background: #eef2ff;
+}
+.fm-installed-badge[data-v-d94b5511] {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  gap: 2px;
+  padding: 2px 8px;
+  border: 1px solid #a7f3d0;
+  border-radius: 4px;
+  background: #ecfdf5;
+  color: #059669;
+  cursor: default;
+  font-size: 10px;
+  font-weight: 500;
+}
+.fm-sentinel[data-v-d94b5511] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 28px;
+}
+.fm-end[data-v-d94b5511] {
+  padding: 6px 0;
+  color: #d1d5db;
+  font-size: 10px;
+  text-align: center;
+}
+.fm-loading[data-v-d94b5511] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  padding: 24px 0;
+  color: #9ca3af;
+  font-size: 12px;
+}
+
+.wb-i18n-panel[data-v-a53e606f] {
+  box-sizing: border-box;
+  display: flex;
+  height: 100%;
+  min-height: 0;
+  flex-direction: column;
+  gap: 10px;
+  overflow: hidden;
+  padding: 14px;
+  color: #1f2937;
+}
+.wb-i18n-panel[data-v-a53e606f] *,
+.wb-i18n-panel[data-v-a53e606f] *::before,
+.wb-i18n-panel[data-v-a53e606f] *::after {
+  box-sizing: border-box;
+}
+.wb-i18n-panel__header[data-v-a53e606f] {
+  flex: 0 0 auto;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+}
+.wb-i18n-panel__title[data-v-a53e606f] {
+  font-size: 14px;
+  font-weight: 700;
+}
+.wb-i18n-panel__meta[data-v-a53e606f] {
+  margin-top: 2px;
+  font-size: 12px;
+  color: #6b7280;
+}
+.wb-i18n-panel__body[data-v-a53e606f] {
+  display: flex;
+  min-height: 0;
+  flex: 1 1 auto;
+  flex-direction: column;
+  gap: 10px;
+  overflow-y: auto;
+  overflow-x: hidden;
+  padding-right: 2px;
+}
+.wb-i18n-panel__footer[data-v-a53e606f] {
+  flex: 0 0 auto;
+  border-top: 1px solid #eef2f7;
+  padding-top: 10px;
+}
+.wb-i18n-icon-btn[data-v-a53e606f],
+.wb-i18n-btn[data-v-a53e606f],
+.wb-i18n-textarea[data-v-a53e606f] {
+  border: 1px solid #d1d5db;
+  border-radius: 6px;
+  background: #fff;
+}
+.wb-i18n-icon-btn[data-v-a53e606f] {
+  width: 28px;
+  height: 28px;
+  color: #374151;
+}
+.wb-i18n-field[data-v-a53e606f] {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  font-size: 12px;
+  font-weight: 600;
+  color: #4b5563;
+}
+.wb-i18n-field__tip[data-v-a53e606f] {
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #c2410c;
+}
+.wb-i18n-controls[data-v-a53e606f] {
+  display: grid;
+  flex: 0 0 auto;
+  grid-template-columns: 1fr;
+  gap: 10px;
+}
+.wb-i18n-picker[data-v-a53e606f] {
+  border-top: 1px solid #eef2f7;
+  padding-top: 10px;
+}
+.wb-i18n-summary[data-v-a53e606f] {
+  display: grid;
+  flex: 0 0 auto;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 6px;
+  font-size: 12px;
+  color: #4b5563;
+}
+.wb-i18n-summary span[data-v-a53e606f] {
+  border: 1px solid #e5e7eb;
+  border-radius: 6px;
+  padding: 6px 4px;
+  text-align: center;
+}
+.wb-i18n-filters[data-v-a53e606f] {
+  display: flex;
+  flex: 0 0 auto;
+  flex-wrap: wrap;
+  gap: 6px;
+}
+.wb-i18n-filter[data-v-a53e606f] {
+  min-height: 26px;
+  border: 1px solid #e5e7eb;
+  border-radius: 6px;
+  background: #fff;
+  padding: 0 8px;
+  font-size: 12px;
+  color: #4b5563;
+}
+.wb-i18n-filter--active[data-v-a53e606f] {
+  border-color: #2563eb;
+  background: #eff6ff;
+  color: #1d4ed8;
+}
+.wb-i18n-select-ui[data-v-a53e606f] {
+  position: relative;
+  width: 100%;
+}
+.wb-i18n-select-ui__trigger[data-v-a53e606f] {
+  display: grid;
+  width: 100%;
+  min-height: 34px;
+  grid-template-columns: minmax(0, 1fr) auto;
+  align-items: center;
+  gap: 8px;
+  border: 1px solid #d5dbe5;
+  border-radius: 8px;
+  background: #fff;
+  padding: 0 10px 0 11px;
+  color: #111827;
+  font: inherit;
+  font-size: 13px;
+  line-height: 1.3;
+  text-align: left;
+  cursor: pointer;
+  transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
+}
+.wb-i18n-select-ui__trigger[data-v-a53e606f]:hover {
+  border-color: #94a3b8;
+  background: #f8fafc;
+}
+.wb-i18n-select-ui.is-open .wb-i18n-select-ui__trigger[data-v-a53e606f] {
+  border-color: #2563eb;
+  box-shadow: 0 0 0 3px rgb(37 99 235 / 12%);
+}
+.wb-i18n-select-ui.is-disabled .wb-i18n-select-ui__trigger[data-v-a53e606f],
+.wb-i18n-select-ui__trigger[data-v-a53e606f]:disabled {
+  cursor: not-allowed;
+  background: #f3f4f6;
+  color: #9ca3af;
+}
+.wb-i18n-select-ui__value[data-v-a53e606f] {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.wb-i18n-select-ui__chevron[data-v-a53e606f] {
+  color: #6b7280;
+  font-size: 15px;
+  line-height: 1;
+  transition: transform 0.16s ease;
+}
+.wb-i18n-select-ui.is-open .wb-i18n-select-ui__chevron[data-v-a53e606f] {
+  transform: rotate(180deg);
+}
+.wb-i18n-select-ui__menu[data-v-a53e606f] {
+  position: absolute;
+  right: 0;
+  left: 0;
+  z-index: 20;
+  top: calc(100% + 4px);
+  max-height: 176px;
+  overflow-y: auto;
+  overflow-x: hidden;
+  border: 1px solid #dbe3ef;
+  border-radius: 10px;
+  background: #fff;
+  padding: 4px;
+  box-shadow: 0 14px 30px rgb(15 23 42 / 14%);
+}
+.wb-i18n-select-ui__menu--tall[data-v-a53e606f] {
+  max-height: 240px;
+}
+.wb-i18n-select-ui__option[data-v-a53e606f] {
+  display: block;
+  width: 100%;
+  min-height: 30px;
+  border: 0;
+  border-radius: 7px;
+  background: transparent;
+  padding: 7px 9px;
+  color: #374151;
+  font: inherit;
+  font-size: 12px;
+  line-height: 1.35;
+  text-align: left;
+  cursor: pointer;
+}
+.wb-i18n-select-ui__option[data-v-a53e606f]:hover {
+  background: #f3f6fb;
+  color: #111827;
+}
+.wb-i18n-select-ui__option.is-selected[data-v-a53e606f] {
+  background: #eaf1ff;
+  color: #1d4ed8;
+  font-weight: 700;
+}
+.wb-i18n-error[data-v-a53e606f] {
+  border: 1px solid #fecaca;
+  border-radius: 6px;
+  background: #fef2f2;
+  padding: 8px;
+  font-size: 12px;
+  color: #b91c1c;
+}
+.wb-i18n-actions[data-v-a53e606f] {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 8px;
+}
+.wb-i18n-actions--inline[data-v-a53e606f] {
+  grid-template-columns: 1fr;
+}
+.wb-i18n-btn[data-v-a53e606f] {
+  min-height: 32px;
+  padding: 0 8px;
+  font-size: 12px;
+  font-weight: 600;
+  color: #374151;
+}
+.wb-i18n-btn[data-v-a53e606f]:disabled {
+  cursor: not-allowed;
+  opacity: 0.55;
+}
+.wb-i18n-btn--primary[data-v-a53e606f] {
+  grid-column: 1 / -1;
+  border-color: #2563eb;
+  background: #2563eb;
+  color: #fff;
+}
+.wb-i18n-btn--secondary[data-v-a53e606f] {
+  min-height: 30px;
+  background: #f9fafb;
+}
+.wb-i18n-no-translate-btn[data-v-a53e606f] {
+  flex: 0 0 auto;
+  width: 100%;
+}
+.wb-i18n-editor[data-v-a53e606f] {
+  display: flex;
+  min-height: 0;
+  flex: 1 1 auto;
+  flex-direction: column;
+  gap: 8px;
+  border: 1px solid #e5e7eb;
+  border-radius: 6px;
+  padding: 10px;
+}
+.wb-i18n-editor__bar[data-v-a53e606f] {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 6px;
+  font-size: 12px;
+  font-weight: 700;
+  color: #111827;
+}
+.wb-i18n-editor__title[data-v-a53e606f] {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.wb-i18n-editor__meta[data-v-a53e606f] {
+  display: flex;
+  gap: 8px;
+  font-size: 12px;
+  color: #6b7280;
+}
+.wb-i18n-translation-stack[data-v-a53e606f] {
+  display: flex;
+  min-height: 0;
+  flex: 1 1 auto;
+  flex-direction: column;
+  gap: 8px;
+}
+.wb-i18n-translation-block[data-v-a53e606f] {
+  display: flex;
+  min-height: 0;
+  flex: 0 0 auto;
+  flex-direction: column;
+  gap: 6px;
+  font-size: 12px;
+  font-weight: 600;
+  color: #4b5563;
+}
+.wb-i18n-translation-block--target[data-v-a53e606f] {
+  flex: 1 1 auto;
+}
+.wb-i18n-status[data-v-a53e606f],
+.wb-i18n-dirty[data-v-a53e606f] {
+  border-radius: 999px;
+  padding: 2px 6px;
+  font-size: 11px;
+  line-height: 16px;
+}
+.wb-i18n-status--translated[data-v-a53e606f] {
+  background: #ecfdf5;
+  color: #047857;
+}
+.wb-i18n-status--missing[data-v-a53e606f] {
+  background: #fff7ed;
+  color: #c2410c;
+}
+.wb-i18n-status--stale[data-v-a53e606f] {
+  background: #eff6ff;
+  color: #1d4ed8;
+}
+.wb-i18n-status--error[data-v-a53e606f] {
+  background: #fef2f2;
+  color: #b91c1c;
+}
+.wb-i18n-dirty[data-v-a53e606f] {
+  background: #f3f4f6;
+  color: #4b5563;
+}
+.wb-i18n-textarea[data-v-a53e606f] {
+  margin-top: 8px;
+  width: 100%;
+  min-height: 82px;
+  flex: 0 0 auto;
+  resize: none;
+  padding: 8px;
+  font-size: 12px;
+  line-height: 1.5;
+}
+.wb-i18n-translation-block .wb-i18n-textarea[data-v-a53e606f] {
+  margin-top: 0;
+}
+.wb-i18n-textarea--source[data-v-a53e606f] {
+  min-height: 74px;
+  background: #f9fafb;
+  color: #374151;
+}
+.wb-i18n-translation-block--target .wb-i18n-textarea[data-v-a53e606f] {
+  min-height: 120px;
+  flex: 1 1 auto;
+}
+.wb-i18n-empty[data-v-a53e606f] {
+  padding: 24px 8px;
+  text-align: center;
+  font-size: 12px;
+  color: #6b7280;
+}
+
+.layout-panel[data-v-558d1955] {
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  gap: 14px;
+  padding: 18px 16px 24px;
+  background: #fff;
+}
+.layout-panel__header[data-v-558d1955] {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+.layout-panel__title[data-v-558d1955] {
+  font-size: 28px;
+  font-weight: 700;
+  line-height: 1.2;
+  color: #1f2937;
+  word-break: break-word;
+}
+.layout-panel__description[data-v-558d1955] {
+  font-size: 13px;
+  color: #94a3b8;
+}
+.layout-panel__actions[data-v-558d1955] {
+  display: flex;
+  align-items: center;
+}
+.layout-panel__note[data-v-558d1955] {
+  padding: 12px 14px;
+  border: 1px solid #e2e8f0;
+  border-radius: 12px;
+  background: #f8fafc;
+  font-size: 13px;
+  line-height: 1.6;
+  color: #64748b;
+}
+.layout-panel__empty[data-v-558d1955] {
+  margin-top: 20px;
+  padding: 14px;
+  border-radius: 12px;
+  background: #f8fafc;
+  color: #64748b;
+  font-size: 13px;
+}
+.layout-rules[data-v-558d1955] {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+.layout-rule-card[data-v-558d1955] {
+  border: 1px solid #e2e8f0;
+  border-radius: 14px;
+  background: #fff;
+  overflow: hidden;
+}
+.layout-rule-card__summary[data-v-558d1955] {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 14px 14px 12px;
+  background: transparent;
+  border: 0;
+  cursor: pointer;
+  text-align: left;
+}
+.layout-rule-card__title[data-v-558d1955] {
+  font-size: 15px;
+  font-weight: 600;
+  color: #1f2937;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.layout-rule-card__meta[data-v-558d1955] {
+  margin-top: 4px;
+  font-size: 12px;
+  color: #94a3b8;
+}
+.layout-rule-card__badge[data-v-558d1955] {
+  flex-shrink: 0;
+  padding: 4px 10px;
+  border-radius: 999px;
+  background: #ecfdf3;
+  color: #10b981;
+  font-size: 12px;
+  font-weight: 600;
+}
+.layout-rule-card__chevron[data-v-558d1955] {
+  flex-shrink: 0;
+  color: #94a3b8;
+  transition: transform 0.2s ease;
+}
+.layout-rule-card__chevron--open[data-v-558d1955] {
+  transform: rotate(180deg);
+}
+.layout-rule-card__body[data-v-558d1955] {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  padding: 0 14px 14px;
+}
+.layout-form-field[data-v-558d1955] {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+.layout-form-field--grow[data-v-558d1955] {
+  flex: 1;
+}
+.layout-form-field--inline[data-v-558d1955] {
+  min-width: 88px;
+}
+.layout-form-field__label[data-v-558d1955] {
+  font-size: 12px;
+  font-weight: 600;
+  color: #64748b;
+}
+.layout-form-row[data-v-558d1955] {
+  display: flex;
+  gap: 10px;
+  align-items: flex-end;
+}
+.layout-input[data-v-558d1955] {
+  width: 100%;
+  height: 36px;
+  padding: 0 12px;
+  border: 1px solid #dbe4f0;
+  border-radius: 10px;
+  font-size: 13px;
+  color: #1f2937;
+  outline: none;
+}
+.layout-input[data-v-558d1955]:focus {
+  border-color: #3b82f6;
+  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.12);
+}
+.layout-rule-card__hint[data-v-558d1955] {
+  font-size: 12px;
+  line-height: 1.6;
+  color: #64748b;
+}
+.layout-rule-card__footer[data-v-558d1955] {
+  display: flex;
+  justify-content: flex-end;
+}
+.layout-action-button[data-v-558d1955] {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  height: 38px;
+  padding: 0 14px;
+  border: 1px solid #dbe4f0;
+  border-radius: 10px;
+  background: #fff;
+  color: #2563eb;
+  font-size: 13px;
+  font-weight: 600;
+  transition: all 0.2s ease;
+}
+.layout-action-button[data-v-558d1955]:hover:not(:disabled) {
+  border-color: #93c5fd;
+  background: #eff6ff;
+}
+.layout-action-button[data-v-558d1955]:disabled {
+  cursor: not-allowed;
+  opacity: 0.55;
+}
+.layout-action-button--danger[data-v-558d1955] {
+  color: #ef4444;
+}
+.layout-action-button--danger[data-v-558d1955]:hover:not(:disabled) {
+  border-color: #fecaca;
+  background: #fef2f2;
+}
+
+.layout-panel[data-v-033df7a7] {
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  gap: 14px;
+  padding: 18px 16px 24px;
+  background: #fff;
+}
+.layout-panel__header[data-v-033df7a7] {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+.layout-panel__title[data-v-033df7a7] {
+  font-size: 28px;
+  font-weight: 700;
+  line-height: 1.2;
+  color: #1f2937;
+  word-break: break-word;
+}
+.layout-panel__description[data-v-033df7a7] {
+  font-size: 13px;
+  color: #94a3b8;
+}
+.layout-panel__actions[data-v-033df7a7] {
+  display: flex;
+  align-items: center;
+}
+.layout-panel__note[data-v-033df7a7] {
+  padding: 12px 14px;
+  border: 1px solid #e2e8f0;
+  border-radius: 12px;
+  background: #f8fafc;
+  font-size: 13px;
+  line-height: 1.6;
+  color: #64748b;
+}
+.layout-panel__empty[data-v-033df7a7] {
+  margin-top: 20px;
+  padding: 14px;
+  border-radius: 12px;
+  background: #f8fafc;
+  color: #64748b;
+  font-size: 13px;
+}
+.layout-rules[data-v-033df7a7] {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+.layout-rule-card[data-v-033df7a7] {
+  border: 1px solid #e2e8f0;
+  border-radius: 14px;
+  background: #fff;
+  overflow: hidden;
+}
+.layout-rule-card__summary[data-v-033df7a7] {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 14px 14px 12px;
+  background: transparent;
+  border: 0;
+  cursor: pointer;
+  text-align: left;
+}
+.layout-rule-card__title[data-v-033df7a7] {
+  font-size: 15px;
+  font-weight: 600;
+  color: #1f2937;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.layout-rule-card__meta[data-v-033df7a7] {
+  margin-top: 4px;
+  font-size: 12px;
+  color: #94a3b8;
+}
+.layout-rule-card__badge[data-v-033df7a7] {
+  flex-shrink: 0;
+  padding: 4px 10px;
+  border-radius: 999px;
+  background: #eff6ff;
+  color: #2563eb;
+  font-size: 12px;
+  font-weight: 600;
+}
+.layout-rule-card__chevron[data-v-033df7a7] {
+  flex-shrink: 0;
+  color: #94a3b8;
+  transition: transform 0.2s ease;
+}
+.layout-rule-card__chevron--open[data-v-033df7a7] {
+  transform: rotate(180deg);
+}
+.layout-rule-card__body[data-v-033df7a7] {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  padding: 0 14px 14px;
+}
+.layout-form-field[data-v-033df7a7] {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  min-width: 0;
+}
+.layout-form-field[data-v-033df7a7] .el-date-editor.el-input__wrapper,
+.layout-form-field[data-v-033df7a7] .el-date-editor--datetimerange.el-input__wrapper {
+  width: 100%;
+  min-width: 0;
+  box-sizing: border-box;
+}
+.layout-form-field[data-v-033df7a7] .el-date-editor .el-range-separator {
+  flex-shrink: 0;
+  padding: 0 4px;
+}
+.layout-form-field[data-v-033df7a7] .el-date-editor .el-range-input {
+  min-width: 0;
+  flex: 1 1 0;
+}
+.layout-form-field--grow[data-v-033df7a7] {
+  flex: 1;
+}
+.layout-form-field--inline[data-v-033df7a7] {
+  min-width: 88px;
+}
+.layout-form-field__label[data-v-033df7a7] {
+  font-size: 12px;
+  font-weight: 600;
+  color: #64748b;
+}
+.layout-form-row[data-v-033df7a7] {
+  display: flex;
+  gap: 10px;
+  align-items: flex-end;
+}
+.layout-input[data-v-033df7a7] {
+  width: 100%;
+  height: 36px;
+  padding: 0 12px;
+  border: 1px solid #dbe4f0;
+  border-radius: 10px;
+  font-size: 13px;
+  color: #1f2937;
+  outline: none;
+}
+.layout-input[data-v-033df7a7]:focus {
+  border-color: #3b82f6;
+  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.12);
+}
+.layout-rule-card__hint[data-v-033df7a7] {
+  font-size: 12px;
+  line-height: 1.6;
+  color: #64748b;
+}
+.layout-rule-card__footer[data-v-033df7a7] {
+  display: flex;
+  justify-content: flex-end;
+}
+.layout-action-button[data-v-033df7a7] {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  height: 38px;
+  padding: 0 14px;
+  border: 1px solid #dbe4f0;
+  border-radius: 10px;
+  background: #fff;
+  color: #2563eb;
+  font-size: 13px;
+  font-weight: 600;
+  transition: all 0.2s ease;
+}
+.layout-action-button[data-v-033df7a7]:hover:not(:disabled) {
+  border-color: #93c5fd;
+  background: #eff6ff;
+}
+.layout-action-button[data-v-033df7a7]:disabled {
+  cursor: not-allowed;
+  opacity: 0.55;
+}
+.layout-action-button--danger[data-v-033df7a7] {
+  color: #ef4444;
+}
+.layout-action-button--danger[data-v-033df7a7]:hover:not(:disabled) {
+  border-color: #fecaca;
+  background: #fef2f2;
+}