/* R31 — strategy-center.css : 策略中心（Minara V2 白底平面分区）
 * 规格定稿：docs/DESIGN-MINARA-V2.md（2026-09-25 全量重做版）
 * 视觉语言：整页白底 #ffffff，无卡片化（禁浅灰页底+白卡+圆角+描边+阴影）；
 *   面板 #f7f7f7 直接嵌入；分隔 #f0f0f0 细线；主字 #141416，次字 #424242/#757575；
 *   涨绿 #07b66a（.sc-pos）；数字 tabular-nums；密度紧凑 24-28px 行高、12-13px 字号；
 *   策略榜表格区与页面同底 #ffffff（用户 09-27：去特殊奶油黄）；榜单无限下拉（96 条池）；
 *   主题紫 #7c3aed：发布按钮（28px 高，圆角 6-8px 实底）/选中态/高亮。
 * 命名空间 .sc-*（strategy-center）；依赖 tokens.css（--am-*）。
 */

/* ── 布局容器：整页白底平面 ─────────────────── */
.thread.view-strategy-hub {
  width: auto; max-width: none; margin: 0;
  padding: 18px 26px 34px;
  background: #ffffff;
  overflow-y: auto;
  min-width: 0; container-type: inline-size; container-name: strategy-content;
}

.sc-page {
  max-width: none; margin: 0;          /* 满幅终端（PIL 实测 Minara 内容占视口 99%） */
  display: flex; flex-direction: column;
  font-size: var(--type-body-size); color: #141416;
  -webkit-font-smoothing: antialiased;
 line-height: var(--type-body-line); }

/* ── ① 产品 Tab：黑粗选中，无底色 ──────────── */
.sc-tabs {
  display: flex; align-items: center; gap: 22px;
  border-bottom: 1px solid #f0f0f0; padding-bottom: 0;
}
.sc-tab {
  padding: 10px 1px; font-size: var(--type-body-size); color: #424242;
  border-bottom: 2px solid transparent; margin-bottom: -1px;
  white-space: nowrap;
 line-height: var(--type-body-line); }
.sc-tab:hover { color: #141416; }
.sc-tab.is-active {
  color: #141416; font-weight: 700;
  border-bottom-color: #141416;
}
.sc-tab[data-placeholder] { cursor: default; color: #9a9a9a; }
.sc-user { margin-left: auto; display: flex; align-items: center; gap: 7px; }
.sc-user-avatar {
  width: 26px; height: 26px; border-radius: 50%;
  background: #7c3aed; color: #fff; font-size: var(--type-caption-size); font-weight: 600;
  display: inline-flex; align-items: center; justify-content: center;
 line-height: var(--type-caption-line); }
.sc-user-name { font-size: var(--type-body-size); font-weight: 600; color: #141416;  line-height: var(--type-body-line); }

/* ── ② 大标题 + 发布按钮 ────────────────────── */
.sc-hero {
  display: flex; align-items: center; justify-content: space-between;
  gap: 16px; padding: 8px 0 22px;
}
.sc-hero-title {
  margin: 0; font-size: var(--type-page-size);  font-weight: 600;
  color: #27232d; letter-spacing: -0.5px;
 line-height: var(--type-page-line); }
.sc-data-state { font-size: var(--type-caption-size); color: #8b8197; white-space: nowrap;  line-height: var(--type-caption-line); }
.sc-bt-head .sc-data-state { margin-left: auto; }

/* ── 按钮：主=紫实底（28px 高，圆角 7px）/ ghost=灰细线 ── */
.sc-btn {
  height: 28px; padding: 0 14px; font-size: var(--type-body-size); border-radius: 7px;
  font-weight: 600; white-space: nowrap;
 line-height: var(--type-body-line); }
.sc-btn-primary { background: #7c3aed; color: #ffffff; }
.sc-btn-primary:hover { background: #6d28d9; }
.sc-btn-ghost { background: #ffffff; color: #141416; border: 1px solid #dcdcdc; }
.sc-btn-ghost:hover { background: #f7f7f7; }
.sc-btn:active { transform: scale(.97); }
.sc-btn:focus-visible { outline: 2px solid #7c3aed; outline-offset: 1px; }

/* ── ③ 榜单偏好与图表指标分开，不呈现为同一组导航 ── */
.sc-rank-head {
  display: flex; align-items: center; justify-content: space-between;
  gap: 12px 20px; flex-wrap: wrap; padding: 4px 0 14px;
}
.sc-rank-head h2 { margin: 0; }
.sc-filters {
  display: flex; align-items: center; gap: 10px;
  flex-wrap: wrap;
}
.sc-filter-label { font-size: var(--type-caption-size); line-height: var(--type-caption-line); color: var(--type-muted); }
.sc-risk { display: inline-flex; gap: 2px; padding: 3px; border-radius: 8px; background: #f3f1f6; }
.sc-risk-btn {
  min-height: 30px; padding: 4px 12px; border-radius: 6px;
  font-size: var(--type-body-size); color: #746d7d; white-space: nowrap; cursor: pointer;
 line-height: var(--type-body-line); }
.sc-risk-btn:hover { color: #6e49b9; background: #eee8f5; }
.app .sc-risk-btn.is-active { color: #6e49b9; background: #fff; font-weight: 600; box-shadow: 0 1px 3px #30264012; }
.sc-risk-btn:focus-visible { outline: 2px solid #9d7bce; outline-offset: 2px; }

.sc-chart-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 12px; margin-bottom: 10px; }
.sc-metric-label { margin: 0; font-size: var(--type-section-size); font-weight: 600; color: #302c38; white-space: nowrap; line-height: var(--type-section-line); }
.sc-caret { margin-left: 3px; font-size: var(--type-caption-size); color: #757575;  line-height: var(--type-caption-line); }
.sc-window-note { margin-left: auto; font-size: var(--type-caption-size); color: #757575; white-space: nowrap;  line-height: var(--type-caption-line); }
.sc-legend-toggle { padding: 3px 7px; background: transparent; border-radius: 5px; color: #775098; white-space: nowrap; font-size: var(--type-body-size); line-height: var(--type-body-line); cursor: pointer; }
.sc-legend-toggle:hover { background: #eee7f5; }
.sc-legend-toggle:focus-visible, .sc-chart-name:focus-visible { outline: 2px solid #9d7bce; outline-offset: 1px; }
.sc-note-sep { margin: 0 8px; color: #d9d9d9; }

/* ── 主体两栏：主列 + 右栏（#f7f7f7 面板 ~21%） ── */
.sc-body { display: flex; gap: 24px; align-items: flex-start; }
.sc-main { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.sc-aside { flex: 0 0 296px; min-width: 296px; display: flex; flex-direction: column; gap: 16px; }

/* ── ④ 累计收益图表（Minara 实测：#f7f7f7 灰底大面板 y282-774） ──────────── */
.sc-chart {
  background: #f7f7f7;                 /* 图表区灰面板（Minara 实测主体灰底） */
  border: 1px solid #f0f0f0;
  padding: 12px 14px 8px;
  margin-bottom: 14px;
}
.sc-chart-wrap { display: flex; gap: 10px; }
.sc-chart-names {
  flex: 0 0 152px; min-width: 0; display: flex; flex-direction: column; gap: 1px; padding-top: 4px;
}
.sc-chart-name {
  display: flex; align-items: center; gap: 7px;
  padding: 3px 6px; border-radius: 5px; text-align: left;
  font-size: var(--type-caption-size);  color: #757575; white-space: nowrap;
 line-height: var(--type-caption-line); }
.sc-chart-name:hover { background: #ffffff; color: #141416; }
.sc-chart-name.is-current { color: #141416; font-weight: 600; }
.sc-chart-dot { flex: none; width: 8px; height: 8px; border-radius: 50%; }
.sc-chart-label { min-width: 0; overflow: hidden; text-overflow: ellipsis; }

.sc-chart-plot { flex: 1 1 auto; min-width: 0; padding-left: 40px; }
.sc-plot-canvas { position: relative; height: 200px; }
.sc-chart-svg { display: block; width: 100%; height: 100%; }

.sc-grid { stroke: #f0f0f0; stroke-width: 1; vector-effect: non-scaling-stroke; }
.sc-grid-zero { stroke: #d9d9d9; }
/* 轴标签：HTML 元素（非 SVG text），字号=真实 CSS px、字重显式 400，
 * 不受 viewBox→渲染尺寸缩放影响（用户 09-25 反馈"又粗又小"根因） */
.sc-axis-y {
  position: absolute; left: -40px; width: 34px; text-align: right;
  transform: translateY(-50%); 
  font-size: var(--type-caption-size); font-weight: 400; color: #8a8a8a;
  font-variant-numeric: tabular-nums; text-rendering: geometricPrecision;
 line-height: var(--type-caption-line); }
.sc-axis-x-row { position: relative; height: 18px; margin-top: 8px; }
.sc-axis-x {
  position: absolute; top: 0; transform: translateX(-50%); white-space: nowrap;
  font-size: var(--type-caption-size); font-weight: 400; color: #8a8a8a; 
  font-variant-numeric: tabular-nums; text-rendering: geometricPrecision;
 line-height: var(--type-caption-line); }
.sc-axis-x:first-child { transform: none; }
.sc-axis-x:last-child { transform: translateX(-100%); }
.sc-line { fill: none; stroke-width: 1.6; opacity: .85; stroke-linejoin: round; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.sc-line.is-current { stroke-width: 2.4; opacity: 1; }

/* ── ⑤ 策略榜表（用户 09-27：背景与页面同色，去特殊奶油黄；11 列结构） ── */
.sc-rank { background: #ffffff; padding: 6px 0 2px; max-width: 100%; overflow-x: auto; }
.sc-rank-table { width: 100%; min-width: 980px; border-collapse: collapse; table-layout: auto; }

.sc-rank-th {
  height: 26px; padding: 0 8px; font-size: var(--type-caption-size); font-weight: 500;
  color: #757575; text-align: left; white-space: nowrap;
  border-bottom: 1px solid #f0f0f0;
 line-height: var(--type-caption-line); }
.sc-th-num, .sc-rank-num { text-align: right; }
.sc-rank-th:last-child { text-align: right; }

.sc-rank-row { height: 44px; }
.sc-rank-row:hover { background: #f7f7f7; }
.sc-rank-row td {
  font-size: var(--type-body-size); color: #141416; white-space: nowrap;
  vertical-align: middle; padding: 0 8px;
 line-height: var(--type-body-line); }
/* 名称/创建者双行（参考图结构） */
.sc-rank-strategy { max-width: 220px; min-width: 160px; }
.sc-rank-name {
  font-size: var(--type-body-size);  font-weight: 500; color: #141416;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
 line-height: var(--type-body-line); }
.sc-rank-author {
  font-size: var(--type-caption-size);  color: #757575;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
 line-height: var(--type-caption-line); }
.sc-rank-num { font-variant-numeric: tabular-nums; }
.sc-rank-pub { color: #757575; font-variant-numeric: tabular-nums; }
.sc-pos { color: #07b66a; }
.sc-neg { color: #f05351; }
/* 列级涨跌色：提升特异性盖过 .sc-rank-row td 的 #141416 */
.sc-rank-row td.sc-pos { color: #07b66a; }
.sc-rank-row td.sc-neg { color: #f05351; }

/* 本地关注，可随时撤销，不使用禁用视觉。 */
.sc-rank-op { text-align: right; }
.sc-follow-btn {
  height: 24px; padding: 0 12px; font-size: var(--type-caption-size); border-radius: 6px;
  background: #ffffff; border: 1px solid #7c3aed; color: #7c3aed;
  font-weight: 500; white-space: nowrap; cursor: pointer;
 line-height: var(--type-caption-line); }
.sc-follow-btn:hover { background: #f3ecfe; }
.sc-follow-btn:focus-visible { outline: 2px solid #7c3aed; outline-offset: 1px; }
.sc-follow-btn.is-followed {
  background: #f2ecf8; border-color: #d9c9ea; color: #6f499f; cursor: pointer;
}
.sc-follow-btn.is-followed:hover { background: #e8ddf3; }
.sc-row-actions { display: flex; align-items: center; justify-content: flex-end; gap: 6px; }
.sc-intake-btn { min-height: 32px; padding: 5px 10px; border: 1px solid #dfd4ed; border-radius: 6px; color: #754aa7; background: #f3edf9; font: inherit; font-size: var(--type-caption-size); white-space: nowrap; cursor: pointer; }
.sc-intake-btn:hover { background: #eae0f5; border-color: #c4aedf; }
.sc-intake-btn:focus-visible, .sc-strategy-detail:focus-visible { outline: 2px solid #9d7bc6; outline-offset: 2px; }
.sc-strategy-detail { display: block; border: 0; padding: 2px 0; text-align: left; background: none; font: inherit; cursor: pointer; }
.sc-strategy-detail:hover { color: #754aa7; text-decoration: underline; text-underline-offset: 3px; }
.sc-rank-op, .sc-rank-table th:last-child { position: sticky; right: 0; background: #fff; box-shadow: -6px 0 8px -8px #aa9eba; z-index: 1; }
.sc-row-actions .sc-follow-btn { border-color: transparent; background: transparent; padding-inline: 4px; min-width: 44px; }
.sc-detail-dialog h3 { font-size: var(--type-section-size); line-height: var(--type-section-line); font-weight: 600; margin: 0 0 8px; }
.sc-detail-dialog p { line-height: var(--type-body-line); overflow-wrap: anywhere; }
.sc-detail-meta, .sc-detail-note { color: var(--type-muted); font-size: var(--type-caption-size); line-height: var(--type-caption-line); }
.sc-detail-stats { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; padding: 16px; border-radius: 8px; background: #f8f6fb; }
.sc-detail-stats dt { color: var(--type-muted); font-size: var(--type-caption-size); }
.sc-detail-stats dd { margin: 5px 0 0; color: var(--type-text); font-size: var(--type-section-size); font-variant-numeric: tabular-nums; }
.sc-detail-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
.sc-follow-status { margin: 0 0 12px; color: #856032; font-size: var(--type-caption-size); line-height: var(--type-caption-line); }

/* 无限下拉哨兵（加载提示 / 全量封底） */
.sc-sentinel {
  text-align: center; padding: 14px 0 10px;
  font-size: var(--type-caption-size); color: #9a9a9a; font-variant-numeric: tabular-nums;
 line-height: var(--type-caption-line); }

/* ── 底部声明 ────────────────────────────────── */
.sc-disclaimer {
  font-size: var(--type-caption-size); color: #9a9a9a; 
  text-align: center; padding: 18px 0 4px;
 line-height: var(--type-caption-line); }

/* ── ⑥ 右栏：#f7f7f7 面板 ────────────────────── */
.sc-panel { background: #f7f7f7; border-radius: 10px; padding: 14px 16px; }
.sc-panel-title {
  margin: 0 0 10px; font-size: var(--type-caption-size); font-weight: 700;
  color: #424242; letter-spacing: .1px;
 line-height: var(--type-caption-line); }
.sc-creators, .sc-subs { display: flex; flex-direction: column; gap: 10px; }

.sc-creator { display: flex; align-items: center; gap: 9px; min-width: 0; }
.sc-avatar {
  flex: none; width: 30px; height: 30px; border-radius: 50%;
  color: #fff; font-size: var(--type-caption-size); font-weight: 600;
  display: inline-flex; align-items: center; justify-content: center;
 line-height: var(--type-caption-line); }
.sc-creator-name {
  font-size: var(--type-body-size); font-weight: 600; color: #141416;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
 line-height: var(--type-body-line); }
.sc-creator-followers { margin-left: auto; font-size: var(--type-caption-size); color: #757575; white-space: nowrap;  line-height: var(--type-caption-line); }

.sc-sub { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.sc-sub-name {
  font-size: var(--type-caption-size); font-weight: 500; color: #141416;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
 line-height: var(--type-caption-line); }
.sc-sub-meta { display: flex; align-items: baseline; gap: 8px; }
.sc-sub-author { font-size: var(--type-caption-size); color: #757575; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  line-height: var(--type-caption-line); }
.sc-sub-annual { margin-left: auto; font-size: var(--type-caption-size); font-variant-numeric: tabular-nums;  line-height: var(--type-caption-line); }

/* ── ⑦ editor（策略搭建，白底平面化） ───────── */
.sc-editor-top { display: flex; align-items: center; gap: 12px; padding: 16px 0 6px; }
.sc-editor-title { font-size: var(--type-page-size); font-weight: 700; color: #141416;  line-height: var(--type-page-line); }
.sc-back { background: none; border: none; padding: 4px 2px; font-size: var(--type-body-size); color: #7c3aed;  line-height: var(--type-body-line); }
.sc-back:hover { color: #6d28d9; text-decoration: underline; }
.sc-demo-tag {
  margin-left: auto; font-size: var(--type-caption-size);  padding: 4px 8px;
  border-radius: 4px; color: #757575; background: #f0f0f0; white-space: nowrap;
 line-height: var(--type-caption-line); }
.sc-editor-sub { margin: 0 0 14px; font-size: var(--type-body-size); color: #757575;  line-height: var(--type-body-line); }

.sc-form { display: flex; flex-direction: column; gap: 14px; max-width: 660px; }
.sc-field { display: flex; flex-direction: column; gap: 6px; }
.sc-field-label { font-size: var(--type-caption-size); color: #424242; font-weight: 500;  line-height: var(--type-caption-line); }
.sc-field-unit { font-style: normal; color: #9a9a9a; font-weight: 400; }

/* 输入：白底 + 细线边框（Minara 表单语言） */
.sc-input {
  height: 32px; padding: 0 10px; font-size: var(--type-body-size); color: #141416;
  background: #ffffff; border: 1px solid #dcdcdc; border-radius: 6px;
 line-height: var(--type-body-line); }
.sc-textarea { height: auto; padding: 8px 10px; resize: vertical; line-height: 1.5; }
.sc-input:focus {
  outline: none; border-color: #7c3aed;
  box-shadow: 0 0 0 3px rgba(124,58,237,.14);
}
.sc-input-invalid { border-color: #d93025; background: #fffafa; }

/* 类型四选：选中=紫实底 */
.sc-type-group { display: flex; gap: 8px; flex-wrap: wrap; }
.sc-type-btn {
  height: 28px; padding: 0 14px; font-size: var(--type-body-size); border-radius: 7px;
  background: #ffffff; border: 1px solid #dcdcdc; color: #424242;
 line-height: var(--type-body-line); }
.sc-type-btn:hover { border-color: #b9b9b9; color: #141416; }
.sc-type-btn.sc-type-active {
  background: #7c3aed; border-color: #7c3aed; color: #ffffff; font-weight: 600;
}

/* 参数表单（按类型动态渲染，白底平面） */
.sc-param-grid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 12px; padding: 12px; border-radius: 8px;
  background: #fafafa; border: 1px solid #f0f0f0;
}

.sc-editor-actions {
  display: flex; gap: 10px; justify-content: flex-end;
  padding-top: 12px; border-top: 1px solid #f0f0f0;
}

/* ── 回测：进度条（2s 演示动画）+ 结果卡 ─────── */
.sc-bt-zone { display: flex; flex-direction: column; gap: 12px; padding-top: 14px; }

.sc-bt-progress {
  display: flex; align-items: center; gap: 10px; padding: 10px 12px;
  border-radius: 8px; background: #f7f7f7;
}
.sc-bt-progress-bar {
  flex: 1; height: 6px; border-radius: 3px; overflow: hidden;
  background: #e8e8e8; position: relative;
}
.sc-bt-progress-bar::after {
  content: ""; position: absolute; inset: 0; width: 100%; transform-origin: left;
  background: #7c3aed; border-radius: 3px;
  animation: sc-bt-fill 2s linear forwards;   /* 契约：进度条 2s */
}
@keyframes sc-bt-fill { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.sc-bt-progress-text { font-size: var(--type-caption-size); color: #7c3aed; white-space: nowrap;  line-height: var(--type-caption-line); }
.sc-bt-progress[data-state="done"] { display: none; }

.sc-bt-card {
  display: flex; flex-direction: column; gap: 12px;
  padding: 16px 18px; border-radius: 10px; background: #f7f7f7;
  opacity: .35; transition: opacity .3s;
}
.sc-bt-card[data-state="done"] { opacity: 1; }
.sc-bt-head { display: flex; align-items: center; gap: 8px; }
.sc-bt-title { font-size: var(--type-body-size); font-weight: 700; color: #141416;  line-height: var(--type-body-line); }
.sc-bt-head .sc-demo-tag { margin-left: auto; }

.sc-bt-stats {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px;
  padding-top: 10px; border-top: 1px solid #e4e4e4;
}
.sc-stat { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.sc-stat-val {
  font-size: var(--type-body-size); font-weight: 600; color: #141416;
  font-variant-numeric: tabular-nums; white-space: nowrap;
 line-height: var(--type-body-line); }
/* 回测涨跌色（提升特异性盖过 .sc-stat-val 底色） */
.sc-stat-val.sc-pos { color: #07b66a; }
.sc-stat-val.sc-neg { color: #d64545; }
.sc-neg { color: #d64545; }
.sc-stat-big { font-size: var(--type-section-size);   line-height: var(--type-section-line); }
.sc-stat-label { font-size: var(--type-caption-size); color: #757575;  line-height: var(--type-caption-line); }

/* 回测收益曲线大图：640×160 viewBox + 基准虚线，曲线紫 */
.sc-curve {
  width: 100%; height: 160px; display: block;
  background: #ffffff; border: 1px solid #f0f0f0; border-radius: 8px;
}
.sc-curve-base { stroke: #b5b5b5; stroke-width: 1; }
.sc-curve-line {
  fill: none; stroke: #7c3aed;
  stroke-width: 2; stroke-linejoin: round; stroke-linecap: round;
}

/* ── 响应式 ──────────────────────────────────── */
@media (max-width: 860px) {
  .sc-body { flex-direction: column; }
  .sc-aside { flex-basis: auto; width: 100%; }
  .sc-chart-wrap { flex-direction: column; }
  .sc-chart-names { flex-basis: auto; }
  .sc-hero { flex-direction: column; align-items: flex-start; gap: 10px; }
}

/* 断点跟随业务内容区宽度，常驻 Agent 不再挤压榜单与图表。 */
@container strategy-content (max-width: 900px) {
  .sc-body { flex-direction: column; }
  .sc-main { width: 100%; }
  .sc-aside {
    flex: 0 1 auto; min-width: 0; width: 100%; display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sc-chart-wrap { flex-direction: column; gap: 8px; }
  .sc-chart-names { flex-basis: auto; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px 8px; padding-top: 0; }
  .sc-chart-name { min-width: 0; }
  .sc-chart-plot { width: 100%; box-sizing: border-box; }
  .sc-plot-canvas { height: 200px; }
}
@container strategy-content (max-width: 520px) {
  .sc-aside { grid-template-columns: minmax(0, 1fr); }
  .sc-filters { gap: 12px; }
  .sc-chart { padding: 10px 12px 8px; }
  .sc-chart-name { font-size: var(--type-caption-size); padding: 2px;  line-height: var(--type-caption-line); }
  .sc-plot-canvas { height: 180px; }
  .sc-window-note { white-space: normal; }
  .sc-axis-x:nth-child(even) { display: none; }
  .sc-hero { flex-direction: row; align-items: center; }
}

/* 基金创建沿用原 editor：仅整理 UI，适应常驻 Agent 右侧业务区。 */
.sc-page-editor {
  width: 100%; max-width: 740px; margin: 0 auto; min-width: 0;
  container-type: inline-size;
}
.sc-page-editor .sc-editor-top {
  display: flex; align-items: center; justify-content: space-between;
  gap: 12px; padding: 0 0 24px;
}
.sc-page-editor .sc-back { font-size: var(--type-caption-size); color: #746e7b;  line-height: var(--type-caption-line); }
.sc-page-editor .sc-back:hover { color: #7c3aed; }
.sc-page-editor .sc-demo-tag { font-size: var(--type-caption-size); padding: 4px 7px;  line-height: var(--type-caption-line); }
.sc-editor-heading { padding-bottom: 24px; border-bottom: 1px solid #eeeaf1; }
.sc-editor-eyebrow {
  display: block; margin-bottom: 8px; color: #8b8197;
  font-size: var(--type-caption-size); font-weight: 600; letter-spacing: 1.5px;
 line-height: var(--type-caption-line); }
.sc-page-editor .sc-editor-title {
  margin: 0; color: #27232d; font-size: var(--type-page-size); 
  font-weight: 600; letter-spacing: -.5px;
 line-height: var(--type-page-line); }
.sc-page-editor .sc-editor-sub {
  margin: 10px 0 0; font-size: var(--type-body-size);  color: #746e7b;
 line-height: var(--type-body-line); }
.sc-page-editor .sc-form { max-width: none; gap: 18px; padding-top: 24px; min-width: 0; }
.sc-form-heading { display: flex; align-items: center; gap: 9px; margin-top: 10px; }
.sc-form-heading:first-child { margin-top: 0; }
.sc-form-heading > span {
  display: inline-flex; align-items: center; justify-content: center;
  width: 24px; height: 24px; border-radius: 6px;
  background: #f4effc; color: #7c3aed; font-size: var(--type-caption-size); font-weight: 600;
 line-height: var(--type-caption-line); }
.sc-form-heading h2 { margin: 0; color: #27232d; font-size: var(--type-body-size); font-weight: 600;  line-height: var(--type-body-line); }
.sc-page-editor .sc-field { min-width: 0; gap: 8px; }
.sc-page-editor .sc-field-label { color: #514b5a; font-size: var(--type-caption-size);  line-height: var(--type-caption-line); }
.sc-page-editor .sc-field-unit { color: #8b8197; }
.sc-page-editor .sc-input {
  box-sizing: border-box; width: 100%; min-width: 0; height: 38px;
  border-color: #e3dfe8; border-radius: 7px; color: #27232d;
}
.sc-page-editor .sc-textarea { height: auto; min-height: 68px; }
.sc-page-editor .sc-input:focus { border-color: #9b76df; }
.sc-page-editor .sc-input-invalid { border-color: #d93025; }
.sc-page-editor .sc-type-group { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.sc-page-editor .sc-type-btn { min-width: 0; height: 36px; padding: 0 8px; font-size: var(--type-caption-size);  line-height: var(--type-caption-line); }
.sc-page-editor .sc-param-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px;
  padding: 18px; border-color: #eeeaf1; background: #faf9fc;
}
.sc-page-editor .sc-param-grid[data-type="custom"] { grid-template-columns: minmax(0, 1fr); }
.sc-page-editor .sc-editor-actions { gap: 10px; padding-top: 20px; margin-top: 2px; }
.sc-page-editor .sc-btn { min-height: 36px; height: auto; padding: 8px 14px; font-size: var(--type-caption-size);  line-height: var(--type-caption-line); }
.sc-editor-disclaimer { margin: -6px 0 0; color: #8b8197; font-size: var(--type-caption-size);   line-height: var(--type-caption-line); }
.sc-page-editor .sc-bt-zone { padding-top: 24px; }
.sc-page-editor .sc-bt-card { background: #faf9fc; border: 1px solid #eeeaf1; }
.sc-page-editor .sc-stat-label { font-size: var(--type-caption-size);  line-height: var(--type-caption-line); }
@container (max-width: 450px) {
  .sc-page-editor .sc-param-grid { grid-template-columns: minmax(0, 1fr); padding: 14px; }
  .sc-page-editor .sc-type-group { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sc-page-editor .sc-bt-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 16px; }
  .sc-page-editor .sc-editor-actions { flex-wrap: wrap; }
  .sc-page-editor .sc-editor-actions .sc-btn { flex: 1; }
  .sc-page-editor .sc-bt-progress { flex-wrap: wrap; }
}