:root {
  --bg: #f3f4f6;
  --paper: #ffffff;
  --paper-soft: #f9fafb;
  --ink: #202633;
  --ink-soft: #3f4755;
  --muted: #717987;
  --muted-faint: #9ba2ad;
  --rule: #e2e5ea;
  --rule-soft: #eef0f3;
  --purple: #6b5ce7;
  --purple-dark: #5648cf;
  --purple-soft: rgba(107, 92, 231, .09);
  --cyan: #159a8c;
  --cyan-soft: rgba(21, 154, 140, .1);
  --orange: #d97706;
  --danger: #b83d49;
  --success: #258a5c;
  font-family: Inter, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  color: var(--ink);
  background: var(--bg);
}

/* ===== rc2.11.32.10 · restored A47 stage, Socratic memory and semantic zones ===== */
body.interface-mode-starter #starterStudio {
  --zone-accent:#4d8f7d;
  --zone-soft:#e9f4ef;
  --zone-ink:#315d52;
  --zone-line:rgba(77,143,125,.28);
}
body.interface-mode-starter #starterStudio[data-current-step="1"] { --zone-accent:#438b78; --zone-soft:#e7f3ee; --zone-ink:#315d52; --zone-line:rgba(67,139,120,.3); }
body.interface-mode-starter #starterStudio[data-current-step="2"] { --zone-accent:#477fa6; --zone-soft:#e7f0f7; --zone-ink:#315d78; --zone-line:rgba(71,127,166,.3); }
body.interface-mode-starter #starterStudio[data-current-step="3"] { --zone-accent:#8067a4; --zone-soft:#f0eaf7; --zone-ink:#5d497a; --zone-line:rgba(128,103,164,.3); }
body.interface-mode-starter #starterStudio[data-current-step="4"] { --zone-accent:#b17b36; --zone-soft:#faf0df; --zone-ink:#76521f; --zone-line:rgba(177,123,54,.3); }
body.interface-mode-starter #starterStudio[data-current-step="5"] { --zone-accent:#397f7b; --zone-soft:#e4f1ef; --zone-ink:#285f5c; --zone-line:rgba(57,127,123,.3); }
body.interface-mode-starter #starterStudio[data-current-step="6"] { --zone-accent:#596fa6; --zone-soft:#e9edf8; --zone-ink:#40547f; --zone-line:rgba(89,111,166,.3); }
body.interface-mode-starter #starterStudio[data-current-step="7"] { --zone-accent:#9a6178; --zone-soft:#f6e9ee; --zone-ink:#714558; --zone-line:rgba(154,97,120,.3); }
body.interface-mode-starter #starterStudio[data-current-step="8"] { --zone-accent:#4c7797; --zone-soft:#e7f0f5; --zone-ink:#365a73; --zone-line:rgba(76,119,151,.3); }
body.interface-mode-starter #starterStudio[data-current-step="9"] { --zone-accent:#6f843f; --zone-soft:#f0f4df; --zone-ink:#52652c; --zone-line:rgba(111,132,63,.3); }
body.interface-mode-starter #starterStudio .starter-preview-head {
  border-bottom:3px solid var(--zone-accent);
  background:linear-gradient(120deg,var(--zone-soft),#f8f6f2 66%,rgba(255,255,255,.86));
}
body.interface-mode-starter #starterStudio .starter-preview-head span,
body.interface-mode-starter #starterStudio .starter-step-title span { color:var(--zone-ink); }
body.interface-mode-starter #starterStudio .starter-wizard-card { border-top:4px solid var(--zone-accent); }
body.interface-mode-starter #starterStudio .starter-stepper button.is-active {
  color:var(--zone-ink);
  background:var(--zone-soft);
  box-shadow:inset 0 0 0 1px var(--zone-line),0 7px 18px rgba(53,76,67,.08);
}
body.interface-mode-starter #starterStudio .starter-stepper button.is-active span { color:#fff; background:var(--zone-accent); }
body.interface-mode-starter #starterStudio .starter-primary { background:var(--zone-accent); }

body.interface-mode-starter .kid-chi-memory-status {
  display:flex;
  justify-content:space-between;
  gap:8px;
  padding:7px 9px;
  border-left:3px solid #4b94b6;
  background:#eef7fb;
  color:#426979;
  font-size:10px;
}
body.interface-mode-starter .kid-chi-memory-status span { color:#6b7d84; text-align:right; }

/* The teaching card no longer replaces the work. The original A47/shape stage is primary. */
body.interface-mode-starter .starter-learning-stage {
  position:relative;
  min-height:0;
  padding:12px;
  background:linear-gradient(145deg,var(--zone-soft),#fbfaf6 56%,#f1eff6);
}
body.interface-mode-starter .starter-design-learning {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(245px,31%);
  width:100%;
  min-height:0;
  margin:0;
  padding:0;
  gap:12px;
  background:transparent;
  border:0;
  box-shadow:none;
}
body.interface-mode-starter .starter-learning-primary {
  position:relative;
  min-width:0;
  overflow:hidden;
  border:1px solid var(--zone-line);
  border-radius:18px;
  background:#f8f7f2;
}
body.interface-mode-starter .starter-learning-primary > svg {
  display:block;
  width:100%;
  height:clamp(420px,calc(100vh - 316px),590px);
}
body.interface-mode-starter .starter-learning-stage-tag {
  position:absolute;
  z-index:2;
  top:12px;
  left:12px;
  display:grid;
  gap:1px;
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:10px;
  background:rgba(255,255,255,.88);
  color:var(--zone-ink);
  box-shadow:0 7px 18px rgba(42,61,53,.09);
  backdrop-filter:blur(8px);
}
body.interface-mode-starter .starter-learning-stage-tag span { color:#78847f; font-size:9px; }
body.interface-mode-starter .starter-learning-method {
  display:grid;
  align-content:start;
  gap:9px;
  min-width:0;
  padding:11px;
  overflow:hidden;
  border:1px solid var(--zone-line);
  border-radius:18px;
  background:rgba(255,255,255,.8);
}
body.interface-mode-starter .starter-learning-method figure {
  min-width:0;
  min-height:0;
  height:126px;
  margin:0;
  border-radius:12px;
  background:#fff;
}
body.interface-mode-starter .starter-learning-method figure svg { width:100%; height:100%; }
body.interface-mode-starter .starter-learning-method > div > small { display:block; color:#7b6b91; font-size:9px; letter-spacing:.08em; }
body.interface-mode-starter .starter-learning-method > div > b { display:block; margin-top:4px; color:var(--zone-ink); font-size:17px; line-height:1.3; }
body.interface-mode-starter .starter-learning-method > div > p { margin:5px 0 8px; color:#64756f; font-size:11px; line-height:1.5; }
body.interface-mode-starter .starter-learning-method ol { display:grid; grid-template-columns:1fr; gap:5px; margin:0; padding:0; list-style:none; }
body.interface-mode-starter .starter-learning-method li { min-width:0; padding:6px 8px; border-left:3px solid var(--zone-accent); border-radius:7px; background:var(--zone-soft); color:#53655f; font-size:10px; line-height:1.4; }
body.interface-mode-starter .starter-learning-method li em { display:inline; margin-right:6px; color:var(--zone-ink); font-style:normal; font-weight:850; }

body.interface-mode-starter .visible-coach-methods { padding:7px 9px; border-radius:8px; background:#eef7fb; color:#526d77!important; }
body.interface-mode-starter .visible-turn-coach-stage { position:relative; display:block; min-height:520px; overflow:hidden; }
body.interface-mode-starter .visible-coach-stage-base { position:absolute; inset:0; opacity:.28; filter:saturate(.65); }
body.interface-mode-starter .visible-coach-stage-base > svg { width:100%; height:100%; }
body.interface-mode-starter .visible-coach-stage-overlay {
  position:relative;
  z-index:2;
  display:grid;
  width:min(720px,calc(100% - 28px));
  margin:14px auto;
  padding:14px;
  border:1px solid rgba(75,148,182,.28);
  border-radius:18px;
  background:rgba(255,255,255,.88);
  box-shadow:0 18px 40px rgba(42,66,75,.14);
  backdrop-filter:blur(10px);
}
body.interface-mode-starter .visible-coach-stage-overlay > header { display:flex; justify-content:space-between; gap:12px; }
body.interface-mode-starter .visible-coach-stage-overlay > header h3 { margin:3px 0 0; color:#31594f; font-size:20px; }

@media(max-width:1080px) {
  body.interface-mode-starter .starter-design-learning { grid-template-columns:minmax(0,1fr) 270px; }
}
@media(max-width:760px) {
  body.interface-mode-starter .starter-design-learning { grid-template-columns:1fr; }
  body.interface-mode-starter .starter-learning-primary > svg { height:auto; min-height:330px; }
  body.interface-mode-starter .starter-learning-method { grid-template-columns:112px minmax(0,1fr); }
  body.interface-mode-starter .starter-learning-method figure { height:112px; }
  body.interface-mode-starter .starter-learning-method ol { grid-template-columns:1fr 1fr; }
  body.interface-mode-starter .kid-chi-memory-status { display:grid; }
  body.interface-mode-starter .kid-chi-memory-status span { text-align:left; }
}

/* ===== rc2.11.32.28 · Qwen P0 diagnostics + density/layout repair ===== */

/* The active task grows from its content. It must never inherit the stage's
   viewport height or distribute empty grid tracks above and below the copy. */
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-task-drawer {
  align-self:start!important;
  height:auto!important;
  min-height:0!important;
  grid-auto-rows:max-content!important;
}
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-task-drawer-body,
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-task-drawer-body > .starter-step-panel {
  height:auto!important;
  min-height:0!important;
  grid-auto-rows:max-content!important;
  align-content:start!important;
}
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-task-drawer-body > .starter-step-panel > * {
  align-self:start!important;
}
body.interface-mode-starter #starterStudio .starter-qwen-entry-body > .starter-qwen-probe {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:2px;
  min-height:42px;
  padding:8px 11px;
  border:1px solid rgba(71,127,116,.26);
  border-radius:11px;
  color:#375f56;
  background:#f8fcf9;
  text-align:left;
}
body.interface-mode-starter #starterStudio .starter-qwen-entry-body > .starter-qwen-probe small { color:#75847d; font-size:9px; font-weight:600; }
body.interface-mode-starter #starterStudio .starter-ai-gateway-state[data-remote-health="VERIFIED"] { border-color:#4e947d; background:#eaf7f0; color:#285f50; }
body.interface-mode-starter #starterStudio .starter-ai-gateway-state[data-state="FALLBACK"] { border-color:#c38b45; background:#fff3df; color:#7a5429; }
body.interface-mode-starter #starterStudio .proposal-source-notice { margin:0 0 8px; padding:8px 10px; border-radius:10px; font-size:11px; line-height:1.45; font-weight:700; }
body.interface-mode-starter #starterStudio .proposal-source-notice.is-remote { color:#285f50; background:#eaf7f0; border:1px solid #81b6a2; }
body.interface-mode-starter #starterStudio .proposal-source-notice.is-local { color:#7a5429; background:#fff3df; border:1px solid #d8b37b; }

/* Kid Chi's avatar belongs only to the heading. The conversation and journey
   use the full rail width instead of living beside a permanent empty gutter. */
body.interface-mode-starter #starterStudio #starterKidChiCompanion {
  position:relative!important;
  display:block!important;
  min-width:0!important;
  padding:10px!important;
}
body.interface-mode-starter #starterStudio #starterKidChiCompanion .kid-chi-avatar-wrap {
  position:absolute!important;
  top:9px!important;
  left:9px!important;
  z-index:5;
  width:64px!important;
  height:72px!important;
  min-height:72px!important;
  pointer-events:none;
}
body.interface-mode-starter #starterStudio #starterKidChiCompanion .kid-chi-aura { width:62px!important; height:62px!important; }
body.interface-mode-starter #starterStudio #starterKidChiCompanion .kid-chi-avatar { width:62px!important; height:72px!important; }
body.interface-mode-starter #starterStudio #starterKidChiCompanion .kid-chi-listen-ring { width:56px!important; height:56px!important; }
body.interface-mode-starter #starterStudio #starterKidChiCompanion .kid-chi-dialogue { width:100%!important; }
body.interface-mode-starter #starterStudio #starterKidChiCompanion .kid-chi-dialogue > header {
  min-height:76px!important;
  padding-left:72px!important;
}
body.interface-mode-starter #starterStudio #starterKidChiCompanion .kid-chi-panel-body {
  width:100%!important;
  margin-top:7px!important;
}
body.interface-mode-starter #starterStudio #starterKidChiCompanion :where(.kid-chi-bubble,.kid-chi-turns,.kid-chi-feedback-modes,.kid-chi-memory-status,.kid-chi-live-journey,.kid-chi-input-row,.kid-chi-boundary) {
  width:100%!important;
  margin-left:0!important;
}
body.interface-mode-starter #starterStudio #starterKidChiCompanion .kid-chi-bubble::before { display:none!important; }

/* Archaeology: collapsible tools, one dominant work view, and three always
   visible evidence views to its right. */
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-memory-dual-stage {
  grid-template-columns:minmax(300px,.48fr) minmax(720px,1.72fr)!important;
  grid-template-areas:"tools canvas"!important;
  transition:grid-template-columns .22s ease;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-memory-dual-stage.is-tools-collapsed {
  grid-template-columns:70px minmax(0,1fr)!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-memory-change-pane > header {
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:6px 10px!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-memory-change-pane > header > span { grid-column:1; }
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-memory-change-pane > header > button {
  grid-column:2;
  grid-row:1/3;
  min-width:72px;
  min-height:36px;
  padding:7px 9px;
  border:1px solid rgba(208,173,102,.28);
  border-radius:9px;
  color:#ead8b1;
  background:#1b241f;
  font-weight:800;
  cursor:pointer;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-memory-dual-stage.is-tools-collapsed .paper-memory-change-pane > :not(header) { display:none!important; }
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-memory-dual-stage.is-tools-collapsed .paper-memory-change-pane > header {
  grid-template-columns:1fr!important;
  justify-items:center!important;
  height:100%!important;
  padding:12px 7px!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-memory-dual-stage.is-tools-collapsed .paper-memory-change-pane > header > div,
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-memory-dual-stage.is-tools-collapsed .paper-memory-change-pane > header > span { display:none!important; }
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-memory-dual-stage.is-tools-collapsed .paper-memory-change-pane > header > button {
  grid-column:1;
  grid-row:1;
  min-width:42px;
  padding:10px 6px;
  writing-mode:vertical-rl;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-memory-main-view {
  display:block!important;
  height:100%!important;
  min-height:0!important;
  padding:10px!important;
}
.paper-sculpt-view-ensemble {
  display:grid;
  grid-template-columns:minmax(0,1fr) 178px;
  gap:10px;
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-sculpt-view-ensemble .paper-sculpt-primary-view {
  height:100%!important;
  min-height:620px!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  align-content:stretch!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-sculpt-view-ensemble .paper-region-front-svg {
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  object-fit:contain;
}
.paper-sculpt-view-stack {
  display:grid;
  grid-template-rows:repeat(3,minmax(0,1fr));
  gap:8px;
  min-width:0;
  min-height:620px;
}
.paper-sculpt-view-stack > figure {
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  min-width:0;
  min-height:0;
  margin:0;
  overflow:hidden;
  border:1px solid rgba(208,173,102,.18);
  border-radius:12px;
  background:#0d1714;
}
.paper-sculpt-view-stack figcaption { padding:6px 8px; color:#dcca9f; background:#15201c; font-size:10px; font-weight:850; }
.paper-sculpt-view-stack svg { display:block; width:100%; height:100%; min-height:0; }
.paper-region-three-quarter-svg text { fill:#9eacA5; font:10px system-ui,sans-serif; }

@media(max-width:1280px) {
  body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-memory-dual-stage { grid-template-columns:minmax(270px,.48fr) minmax(560px,1.52fr)!important; }
  .paper-sculpt-view-ensemble { grid-template-columns:minmax(0,1fr) 144px; }
}
@media(max-width:980px) {
  body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-memory-dual-stage,
  body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-memory-dual-stage.is-tools-collapsed {
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"canvas" "tools"!important;
    grid-template-rows:auto auto!important;
  }
  .paper-sculpt-view-ensemble { grid-template-columns:minmax(0,1fr)!important; height:auto; }
  .paper-sculpt-view-stack { grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-rows:190px; min-height:0; }
}

/* ===== rc2.11.32.11 · adaptive seven-step dual stage ===== */
body.interface-mode-starter #starterStudio[data-creative-chapter="IMAGINE"] { --zone-accent:#8067a4; --zone-soft:#f2ecf8; --zone-ink:#5e477d; --zone-line:rgba(128,103,164,.32); }
body.interface-mode-starter #starterStudio[data-creative-chapter="DESIGN"] { --zone-accent:#477fa6; --zone-soft:#e9f2f8; --zone-ink:#315d78; --zone-line:rgba(71,127,166,.32); }
body.interface-mode-starter #starterStudio[data-creative-chapter="FOLD"] { --zone-accent:#b17b36; --zone-soft:#fbf1df; --zone-ink:#76521f; --zone-line:rgba(177,123,54,.34); }
body.interface-mode-starter #starterStudio[data-creative-chapter="SHARE"] { --zone-accent:#56866a; --zone-soft:#eaf4ed; --zone-ink:#356047; --zone-line:rgba(86,134,106,.32); }

.creative-chapter-nav { display:grid; grid-template-columns:repeat(4,1fr); gap:5px; margin:7px 0 9px; padding:5px; border:1px solid #e0e6e2; border-radius:14px; background:#f7f8f5; }
.creative-chapter-nav button { display:grid; grid-template-columns:22px 1fr; align-items:center; min-width:0; min-height:38px; padding:5px 7px; border:0; border-radius:10px; color:#74817b; background:transparent; text-align:left; cursor:pointer; }
.creative-chapter-nav button i { display:grid; place-items:center; width:22px; height:22px; border-radius:8px; background:#fff; font-style:normal; }
.creative-chapter-nav button b { overflow:hidden; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.creative-chapter-nav button.is-active { color:var(--zone-ink); background:var(--zone-soft); box-shadow:inset 0 0 0 1px var(--zone-line); }
.creative-chapter-nav button.is-active i { color:#fff; background:var(--zone-accent); }

body.interface-mode-starter #starterStudio .starter-stepper { grid-template-columns:1fr; gap:3px; padding:0; overflow:visible; background:transparent; }
body.interface-mode-starter #starterStudio .starter-stepper button { min-width:0; min-height:42px; padding:5px 7px; }
body.interface-mode-starter #starterStudio .starter-stepper button:not(:last-child)::after { display:none; }
body.interface-mode-starter #starterStudio .starter-stepper button small { display:block; overflow:hidden; max-width:100%; font-size:8px; text-overflow:ellipsis; white-space:nowrap; }

.kid-chi-feedback-modes { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; margin:0; padding:8px; border:1px solid #dbe7e2; border-radius:13px; background:#f7faf8; }
.kid-chi-feedback-modes legend { padding:0 5px; color:#5d746a; font-size:10px; font-weight:850; }
.kid-chi-feedback-modes button { display:grid; grid-template-columns:28px 1fr; grid-template-rows:auto auto; gap:1px 6px; min-width:0; min-height:52px; padding:6px; border:1px solid transparent; border-radius:10px; color:#5e6f68; background:#fff; text-align:left; cursor:pointer; }
.kid-chi-feedback-modes button i { grid-row:1/3; display:grid; place-items:center; width:28px; height:28px; align-self:center; border-radius:9px; color:#557c70; background:#e8f2ed; font-style:normal; font-weight:900; }
.kid-chi-feedback-modes button b { overflow:hidden; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.kid-chi-feedback-modes button small { overflow:hidden; color:#8a9690; font-size:8px; text-overflow:ellipsis; white-space:nowrap; }
.kid-chi-feedback-modes button.is-active { border-color:var(--zone-accent); color:var(--zone-ink); background:var(--zone-soft); box-shadow:0 5px 14px rgba(54,78,68,.08); }
.kid-chi-feedback-modes button.is-active i { color:#fff; background:var(--zone-accent); }

body.interface-mode-starter #starterStudio .starter-preview-stage { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-rows:auto minmax(510px,1fr) auto auto; align-items:stretch; }
body.interface-mode-starter #starterStudio .starter-preview-head { grid-column:1/-1; grid-row:1; }
body.interface-mode-starter #starterStudio .starter-learning-stage,
body.interface-mode-starter #starterStudio .foldflow-mask-stage { grid-column:1/-1; grid-row:2; min-width:0; }
body.interface-mode-starter #starterStudio .foldflow-shape-stage,
body.interface-mode-starter #starterStudio .starter-canvas-card:not(.art),
body.interface-mode-starter #starterStudio .starter-surface-live-card { grid-column:1; grid-row:2; min-width:0; }
body.interface-mode-starter #starterStudio .starter-canvas-card.art,
body.interface-mode-starter #starterStudio .starter-change-stage { grid-column:2; grid-row:2; min-width:0; }
body.interface-mode-starter #starterStudio .starter-status { grid-column:1/-1; grid-row:3; }
body.interface-mode-starter #starterStudio .starter-session-actions { grid-column:1/-1; grid-row:4; }
body.interface-mode-starter #starterStudio .starter-change-stage { display:grid; min-height:510px; overflow:hidden auto; border-left:1px solid var(--zone-line); background:linear-gradient(145deg,#fff,var(--zone-soft)); }
body.interface-mode-starter #starterStudio .starter-change-stage[hidden] { display:none; }
body.interface-mode-starter #starterStudio .starter-surface-live-card,
body.interface-mode-starter #starterStudio .starter-surface-live-card #starterSurfaceLivePreview { min-height:510px; height:100%; }

body.interface-mode-starter #starterStudio .starter-design-learning,
body.interface-mode-starter #starterStudio .visible-turn-coach-stage { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
body.interface-mode-starter #starterStudio .starter-learning-primary > svg { height:clamp(500px,calc(100vh - 300px),690px); }
body.interface-mode-starter #starterStudio .starter-learning-method.is-illustrated { display:grid; grid-template-rows:auto minmax(0,1fr); gap:10px; padding:10px; overflow:hidden auto; }
.learning-source-strip { display:grid; grid-template-columns:112px minmax(0,1fr); gap:9px; align-items:center; padding:8px; border:1px solid var(--zone-line); border-radius:13px; background:rgba(255,255,255,.8); }
.learning-source-strip figure { width:112px; height:84px!important; min-height:84px!important; }
.learning-source-strip > div { min-width:0; }
.learning-source-strip small { color:var(--zone-ink); font-size:8px; font-weight:800; }
.learning-source-strip b { display:block; margin:3px 0; color:#384e45; font-size:13px; }
.learning-source-strip p { margin:0; color:#718078; font-size:9px; line-height:1.45; }

.illustrated-why { display:grid; align-content:start; gap:10px; min-width:0; padding:12px; border:1px solid var(--zone-line); border-radius:16px; background:linear-gradient(155deg,#fff 0%,var(--zone-soft) 100%); }
.illustrated-why > header span { color:var(--zone-accent); font-size:9px; font-weight:900; letter-spacing:.08em; }
.illustrated-why > header h3 { margin:4px 0; color:var(--zone-ink); font-size:clamp(17px,1.45vw,23px); }
.illustrated-why > header p { margin:0; color:#6e7c75; font-size:10px; line-height:1.5; }
.illustrated-why-frames { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
.illustrated-why-frames figure { min-width:0; margin:0; overflow:hidden; border:1px solid rgba(90,114,104,.14); border-radius:13px; background:#fff; box-shadow:0 6px 16px rgba(57,76,68,.05); }
.illustrated-why-frames figure > div { background:radial-gradient(circle at 50% 45%,#fff,var(--zone-soft)); }
.illustrated-why-frames svg { display:block; width:100%; height:auto; }
.illustrated-why-frames figcaption { display:grid; gap:3px; min-height:78px; padding:8px; }
.illustrated-why-frames figcaption b { color:var(--zone-ink); font-size:10px; }
.illustrated-why-frames figcaption span { color:#64756e; font-size:9px; line-height:1.45; }
.explain-glyph .main { fill:rgba(95,132,119,.09); stroke:#688a7e; stroke-width:4; stroke-linecap:round; stroke-linejoin:round; }
.explain-glyph .focus { fill:rgba(75,169,209,.16); stroke:#4ba9d1; stroke-width:4; }
.explain-glyph :is(.motion,.arrow) { fill:none; stroke:#d59a47; stroke-width:5; stroke-linecap:round; stroke-dasharray:9 7; }
.explain-glyph .result { fill:rgba(128,103,164,.12); stroke:var(--zone-accent); stroke-width:5; stroke-linejoin:round; }
.illustrated-why > footer { display:grid; grid-template-columns:30px 1fr; gap:8px; align-items:center; padding:8px; border-radius:12px; color:#5d6f67; background:#fff; }
.illustrated-why > footer i { display:grid; place-items:center; width:30px; height:30px; border-radius:10px; color:#fff; background:var(--zone-accent); font-style:normal; }
.illustrated-why > footer p { margin:0; font-size:9px; }
.illustrated-why[data-compact="true"] { height:100%; border:0; border-radius:0; }
.change-stage-placeholder { display:grid; align-content:center; gap:12px; min-height:100%; padding:28px; }
.change-stage-placeholder header span { color:var(--zone-accent); font-size:11px; font-weight:900; }
.change-stage-placeholder h3 { margin:4px 0; color:var(--zone-ink); font-size:22px; }
.change-stage-placeholder p { margin:0; color:#6b7972; }
.change-candidate-demo { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.change-candidate-demo figure { margin:0; overflow:hidden; border:1px solid var(--zone-line); border-radius:15px; background:#fff; }
.change-candidate-demo figcaption { padding:10px; color:var(--zone-ink); font-size:10px; font-weight:800; }
.change-stage-placeholder.is-solo { place-items:center; text-align:center; }
.change-stage-placeholder.is-solo > i { display:grid; place-items:center; width:74px; height:74px; border:2px dashed var(--zone-accent); border-radius:50%; color:var(--zone-accent); font-size:28px; font-style:normal; }

.a47-silhouette-layer { fill:rgba(86,148,128,.12); stroke:#387c69; stroke-width:5; stroke-linecap:round; stroke-linejoin:round; }
.a47-silhouette-layer .a47-silhouette-spine { fill:none; stroke:#d29b49; stroke-width:6; stroke-dasharray:10 7; }
.a47-silhouette-layer text { fill:#356b5d; stroke:none; font-size:11px; font-weight:850; }

/* Sanxingdui: the work and all primary controls share one viewport. */
#starterStudio[data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"] #starterKidChiCompanion { display:grid!important; }
#starterStudio[data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"] .foldflow-mask-stage,
#starterStudio[data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"] .foldflow-mask-visual,
#starterStudio[data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"] .paper-memory-stage-shell { min-height:0!important; height:auto; }
.paper-memory-stage-shell { display:grid; grid-template-rows:auto minmax(0,1fr) auto; overflow:hidden; }
.paper-memory-dual-stage { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); min-height:620px; height:clamp(620px,calc(100vh - 230px),760px); }
#starterStudio[data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"] .paper-memory-main-view { display:grid; min-width:0; min-height:0!important; padding:10px; overflow:hidden; }
.paper-sculpt-primary-view { display:grid; grid-template-rows:auto minmax(0,1fr); min-width:0; min-height:0; margin:0; overflow:hidden; border:1px solid rgba(205,173,104,.22); border-radius:18px; background:#101713; }
.paper-sculpt-primary-view figcaption { display:flex; justify-content:space-between; gap:10px; padding:9px 12px; color:#e5dfd2; background:#121d19; }
.paper-sculpt-primary-view figcaption span { color:#78b4c8; font-size:8px; }
.paper-sculpt-primary-view .paper-region-front-svg { min-height:0; height:100%; }
.paper-mask-start-label { fill:#f1e6c9; font-size:12px; font-weight:850; }
.paper-memory-change-pane { min-width:0; min-height:0; overflow:hidden auto; border-left:1px solid rgba(210,177,106,.18); background:linear-gradient(160deg,#111b18,#17141b); scrollbar-color:#75684a #101713; }
.paper-memory-change-pane > header { position:sticky; top:0; z-index:6; display:flex; justify-content:space-between; gap:12px; padding:9px 12px; border-bottom:1px solid rgba(255,255,255,.07); background:rgba(15,24,20,.94); backdrop-filter:blur(10px); }
.paper-memory-change-pane > header div { display:grid; gap:2px; }
.paper-memory-change-pane > header small { color:#62a68d; font-size:8px; }
.paper-memory-change-pane > header b { color:#e6ddca; font-size:12px; }
.paper-memory-change-pane > header span { color:#81928a; font-size:8px; }
.paper-sculpt-mini-views { display:grid; grid-template-columns:1fr 1fr; gap:7px; padding:8px; }
.paper-sculpt-mini-views figure { display:grid; grid-template-rows:auto 118px; min-width:0; margin:0; overflow:hidden; border:1px solid rgba(255,255,255,.07); border-radius:12px; background:#101713; }
.paper-sculpt-mini-views figcaption { padding:6px 8px; color:#b8c5bf; font-size:8px; }
.paper-sculpt-mini-views svg { width:100%; height:118px; }
.paper-memory-quote { padding:7px 12px!important; border-top:1px solid rgba(255,255,255,.05); font-size:8px!important; }

.paper-memory-sculpt-dock.is-compact { display:grid; gap:8px; padding:9px; border:0; border-radius:0; background:transparent; }
.paper-entry-modes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; }
.paper-entry-modes button { display:grid; grid-template-columns:25px 1fr; align-items:center; gap:5px; min-width:0; min-height:36px; padding:5px; border:1px solid rgba(255,255,255,.08); border-radius:9px; color:#9fada6; background:#15201c; text-align:left; cursor:pointer; }
.paper-entry-modes button i { display:grid; place-items:center; width:25px; height:25px; border-radius:8px; color:#cfb36f; background:#202b26; font-size:8px; font-style:normal; }
.paper-entry-modes button b { overflow:hidden; font-size:8px; text-overflow:ellipsis; white-space:nowrap; }
.paper-entry-modes button.is-active { border-color:#d2ac5f; color:#f0e6ce; background:#28271e; }
.paper-memory-sculpt-dock.is-compact > header { display:grid; gap:2px; padding:7px 8px; border-left:3px solid #d1ab5e; border-radius:9px; background:rgba(255,255,255,.035); }
.paper-memory-sculpt-dock.is-compact > header span { color:#7e9188; font-size:8px; }
.paper-memory-sculpt-dock.is-compact > header b { color:#e9dfca; font-size:11px; }
.paper-memory-sculpt-dock.is-compact > header small { color:#75a890; font-size:8px; }
.paper-memory-sculpt-dock.is-compact .paper-force-line-presets { grid-template-columns:repeat(3,minmax(0,1fr)); margin:0; }
.paper-memory-sculpt-dock.is-compact .paper-force-line-presets button { min-height:57px; padding:7px; }
.paper-compact-primary { min-height:40px; border:0; border-radius:10px; color:#172019; background:linear-gradient(135deg,#ddb960,#79ae98); font-weight:900; cursor:pointer; }
.paper-compact-details { overflow:hidden; border:1px solid rgba(255,255,255,.08); border-radius:10px; background:#121d19; }
.paper-compact-details > summary { padding:8px 10px; color:#c8b98f; font-size:9px; font-weight:800; cursor:pointer; }
.paper-compact-details > :not(summary) { margin:7px; }
.paper-sculpt-tools.is-icon-tools { grid-template-columns:repeat(5,minmax(0,1fr)); gap:5px; }
.paper-sculpt-tools.is-icon-tools button { display:grid; grid-template-columns:1fr; place-items:center; gap:2px; min-height:54px; padding:5px 3px; text-align:center; }
.paper-sculpt-tools.is-icon-tools button i { grid-row:auto; display:grid; place-items:center; width:28px; height:28px; border:2px solid var(--tool-color); color:var(--tool-color); font-size:14px; font-style:normal; }
.paper-sculpt-tools.is-icon-tools button b { font-size:8px; }
.paper-memory-sculpt-dock.is-compact .paper-pinch-presets { grid-template-columns:repeat(3,1fr); margin:0; }
.paper-memory-sculpt-dock.is-compact .paper-pinch-presets button { min-height:39px; padding:5px; }
.paper-region-popover { display:grid; gap:5px; }
.paper-region-popover > small { color:#789087; font-size:8px; }
.paper-region-popover > div { display:grid; grid-template-columns:repeat(4,1fr); gap:4px; }
.paper-region-popover button,.paper-contour-modes button,.paper-sculpt-preset-row button { min-height:30px; padding:4px; border:1px solid rgba(255,255,255,.08); border-radius:7px; color:#9aaaa2; background:#17231f; font-size:8px; cursor:pointer; }
.paper-region-popover button.is-active,.paper-contour-modes button.is-active,.paper-sculpt-preset-row button.is-active { border-color:#d1ac61; color:#f0e4c8; background:#29281e; }
.paper-memory-sculpt-dock.is-compact .paper-contour-modes { grid-template-columns:repeat(3,1fr); }
.paper-memory-sculpt-dock.is-compact .paper-sculpt-preset-row { grid-template-columns:repeat(3,1fr); }
.paper-memory-sculpt-dock.is-compact .paper-sculpt-preset-row section { display:grid; grid-template-columns:repeat(3,1fr); gap:3px; }
.paper-memory-sculpt-dock.is-compact .paper-sculpt-preset-row section > small { grid-column:1/-1; }
.paper-memory-sculpt-dock.is-compact > footer { padding-top:7px; }
.paper-memory-sculpt-dock.is-compact > footer nav { flex-wrap:wrap; justify-content:flex-end; }
.paper-memory-sculpt-dock.is-compact > footer button { min-height:34px; font-size:8px; }
.paper-memory-sculpt-dock.is-compact > footer button.is-primary { color:#172019; background:#d6b66c; }
.paper-archaeology-action { display:grid; place-items:center; gap:5px; min-height:250px; padding:24px; border:1px dashed rgba(211,178,102,.32); border-radius:16px; color:#c8b98f; text-align:center; background:radial-gradient(circle,rgba(169,132,70,.14),transparent 62%); }
.paper-archaeology-action span { color:#72a58e; font-size:9px; font-weight:850; }
.paper-archaeology-action b { color:#eee3cb; font-size:16px; }
.paper-archaeology-action p { margin:0; color:#82928a; font-size:9px; }
.paper-archaeology-action button { margin-top:8px; min-height:42px; padding:8px 18px; border:1px solid #d3ad61; border-radius:999px; color:#1b211d; background:#d7b86f; font-weight:850; cursor:pointer; }
.paper-memory-change-pane .illustrated-why { color:#43574e; background:#f8f6ef; }

@media(max-width:900px) {
  body.interface-mode-starter #starterStudio .starter-preview-stage { grid-template-columns:100% 100%; overflow-x:auto; scroll-snap-type:x mandatory; }
  body.interface-mode-starter #starterStudio .starter-preview-head,
  body.interface-mode-starter #starterStudio .starter-learning-stage,
  body.interface-mode-starter #starterStudio .foldflow-mask-stage,
  body.interface-mode-starter #starterStudio .starter-status,
  body.interface-mode-starter #starterStudio .starter-session-actions { grid-column:1/-1; }
  body.interface-mode-starter #starterStudio :is(.starter-canvas-card:not(.art),.starter-surface-live-card,.foldflow-shape-stage) { grid-column:1; scroll-snap-align:start; }
  body.interface-mode-starter #starterStudio :is(.starter-canvas-card.art,.starter-change-stage) { grid-column:2; scroll-snap-align:start; }
  body.interface-mode-starter #starterStudio .starter-design-learning,
  body.interface-mode-starter #starterStudio .visible-turn-coach-stage { grid-template-columns:100% 100%; overflow-x:auto; scroll-snap-type:x mandatory; }
  body.interface-mode-starter #starterStudio .starter-learning-primary,
  body.interface-mode-starter #starterStudio .starter-learning-method { scroll-snap-align:start; }
  .paper-memory-dual-stage { grid-template-columns:100% 100%; overflow-x:auto; scroll-snap-type:x mandatory; }
  .paper-memory-main-view,.paper-memory-change-pane { scroll-snap-align:start; }
  .kid-chi-feedback-modes { grid-template-columns:1fr 1fr; }
}

/* rc2.11.32.6 · design-learning lens and free force-line sculpt */
.starter-design-learning {
  display: grid;
  grid-template-columns: minmax(230px, .85fr) minmax(300px, 1.45fr);
  gap: 18px;
  margin: 0 0 22px;
  padding: 18px;
  border: 1px solid rgba(60, 105, 96, .22);
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(241, 248, 242, .96), rgba(250, 246, 232, .92));
  color: #345c53;
}
.starter-design-learning figure { margin: 0; display: grid; place-items: center; min-height: 150px; border-radius: 17px; background: rgba(255,255,255,.7); overflow: hidden; }
.starter-design-learning svg { width: 100%; height: auto; color: #4f7b70; font: 12px ui-sans-serif, system-ui, sans-serif; }
.starter-design-learning > div > small { display: block; letter-spacing: .12em; color: #7b6b91; }
.starter-design-learning > div > b { display: block; margin-top: 5px; font-size: 20px; color: #274c44; }
.starter-design-learning > div > p { margin: 7px 0 12px; color: #61736f; }
.starter-design-learning ol { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; }
.starter-design-learning li { padding: 9px 10px; border-radius: 12px; background: rgba(255,255,255,.72); font-size: 12px; line-height: 1.5; }
.starter-design-learning li em { display: block; color: #977443; font-style: normal; font-weight: 800; }

.paper-memory-sculpt-dock.is-force-line-gate { padding: 18px; }
.paper-memory-sculpt-dock.is-force-line-gate > header { display: grid; gap: 4px; }
.paper-memory-sculpt-dock.is-force-line-gate > header span { color: #78c7e6; letter-spacing: .11em; font-size: 11px; }
.paper-memory-sculpt-dock.is-force-line-gate > header b { font-size: clamp(18px,2vw,26px); }
.paper-memory-sculpt-dock.is-force-line-gate > header p { margin: 0; color: #778d85; }
.paper-force-line-presets { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; margin: 14px 0 10px; }
.paper-force-line-presets button, .paper-force-line-actions button, .paper-free-region-picker button, .paper-pinch-presets button { border: 1px solid rgba(115,155,145,.28); border-radius: 13px; background: rgba(255,255,255,.07); color: inherit; padding: 10px; text-align: left; }
.paper-force-line-presets button { display: grid; gap: 3px; min-height: 88px; }
.paper-force-line-presets button span, .paper-force-line-presets button small { color: #8da39c; font-size: 11px; }
.paper-force-line-presets button.is-active, .paper-force-line-actions button.is-active, .paper-free-region-picker button.is-active, .paper-pinch-presets button.is-active { border-color: #6fc4e3; box-shadow: inset 0 0 0 1px #6fc4e3; background: rgba(70,145,170,.16); }
.paper-force-line-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.paper-force-line-actions button.is-primary { margin-left: auto; background: #2f806b; color: white; }
.paper-free-region-picker { margin-bottom: 12px; }
.paper-free-region-picker header { display: grid; gap: 2px; margin-bottom: 8px; }
.paper-free-region-picker header span { color: #82948f; font-size: 12px; }
.paper-free-region-picker > div { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 6px; }
.paper-free-region-picker button { display: grid; gap: 2px; padding: 8px; text-align: center; }
.paper-free-region-picker button small { color: #89a099; font-size: 10px; }
.paper-free-region-picker button.is-complete { border-color: #cda852; background: rgba(205,168,82,.12); }
.paper-pinch-presets { display: grid; grid-template-columns: auto repeat(3,minmax(0,1fr)); gap: 7px; align-items: stretch; margin: 8px 0; }
.paper-pinch-presets > small { display: grid; place-items: center; color: #8ea39c; }
.paper-pinch-presets button { display: grid; gap: 2px; }
.paper-pinch-presets button span { color: #8ca099; font-size: 10px; }
.paper-sculpt-tools { grid-template-columns: repeat(5,minmax(0,1fr)); }
.paper-memory-kid-coach button em { display: block; margin-top: 5px; color: #8e9e99; font-size: 10px; font-style: normal; }
.paper-memory-kid-coach > aside { margin-top: 8px; padding: 9px 10px; border-radius: 12px; background: rgba(62,120,134,.1); display: grid; gap: 2px; font-size: 11px; }

@media (max-width: 900px) {
  .starter-design-learning { grid-template-columns: 1fr; }
  .paper-force-line-presets { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .paper-free-region-picker > div { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .paper-sculpt-tools { grid-template-columns: repeat(3,minmax(0,1fr)); }
}

/* ===== rc2.11.28 · Sanxingdui visual reading + independent plasticity ===== */
body.interface-mode-starter .foldflow-mask-stage[data-mask-layer="VISUAL_VIEWING"] {
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:auto minmax(0,1fr) auto auto;
  grid-template-areas:"mask-head" "mask-visual" "mask-life" "mask-foot";
  height:calc(var(--starter-stage-viewport-height) + 41px);
  overflow:hidden;
  background:
    radial-gradient(circle at 20% 14%,rgba(226,236,228,.72),transparent 28%),
    radial-gradient(circle at 78% 18%,rgba(236,226,244,.7),transparent 28%),
    linear-gradient(145deg,#f8f4eb,#ecefe9 55%,#eee9f0);
}
body.interface-mode-starter .foldflow-mask-stage[data-mask-layer="VISUAL_VIEWING"] .foldflow-mask-visual {
  grid-area:mask-visual;
  padding:0;
}
body.interface-mode-starter .foldflow-mask-stage[data-mask-layer="VISUAL_VIEWING"] .foldflow-mask-branches {
  position:absolute;
  top:82px;
  right:20px;
  z-index:12;
  display:grid;
  grid-template-columns:1fr;
  align-content:start;
  gap:11px;
  width:min(340px,38%);
  max-height:calc(100% - 205px);
  padding:15px;
  overflow:auto;
  border:1px solid rgba(255,255,255,.82);
  border-radius:22px;
  background:rgba(251,249,245,.84);
  box-shadow:0 22px 55px rgba(53,65,59,.17),inset 0 1px #fff;
  backdrop-filter:blur(19px) saturate(1.08);
}
body.interface-mode-starter .foldflow-mask-stage[data-mask-layer="VISUAL_VIEWING"] .foldflow-mask-branches::before { content:none; }
.mask-viewing-choice-head { display:grid; grid-template-columns:32px 1fr; gap:9px; align-items:center; }
.mask-viewing-choice-head > span { display:grid; place-items:center; width:32px; height:32px; border-radius:11px; color:#8b6da7; background:linear-gradient(145deg,#efe5f5,#e9f1eb); }
.mask-viewing-choice-head > div { display:grid; gap:2px; }
.mask-viewing-choice-head small { color:#907aa5; font-size:9px; font-weight:850; letter-spacing:.07em; }
.mask-viewing-choice-head b { color:#42574e; font-size:15px; line-height:1.35; }
.mask-viewing-choice-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
body.interface-mode-starter .foldflow-mask-branches .mask-viewing-choice {
  display:grid;
  grid-template-columns:1fr;
  gap:7px;
  min-width:0;
  min-height:0;
  padding:6px;
  border:1px solid rgba(82,105,94,.16);
  border-radius:15px;
  color:#53665d;
  background:rgba(255,255,255,.7);
  cursor:pointer;
  text-align:left;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.mask-viewing-choice:hover { transform:translateY(-2px); }
body.interface-mode-starter .foldflow-mask-branches .mask-viewing-choice.is-selected { border:2px solid #8d72a7; padding:5px; background:linear-gradient(150deg,#f5edf9,#eef5ef); box-shadow:0 12px 25px rgba(91,68,114,.16); }
body.interface-mode-starter .foldflow-mask-stage[data-mask-layer="VISUAL_VIEWING"] .mask-viewing-choice > i { position:relative; display:block; width:100%; height:92px; overflow:hidden; border:0; border-radius:11px; background:#e5e5df; font-style:normal; }
body.interface-mode-starter .foldflow-mask-stage[data-mask-layer="VISUAL_VIEWING"] .mask-viewing-choice > i img { width:100%; height:100%; object-fit:cover; object-position:var(--choice-crop); filter:saturate(.75) contrast(.98) brightness(1.03); transition:transform .2s ease; }
.mask-viewing-choice > i.view-oblique img { transform:scale(1.18) perspective(220px) rotateY(-10deg); transform-origin:45% 50%; }
.mask-viewing-choice > i.view-low-angle img { transform:scale(1.2) translateY(-5%); }
.mask-viewing-choice > i.lens-half img,.mask-viewing-choice > i.lens-feature img,.mask-viewing-choice > i.frame-crop img { transform:scale(1.55); }
.mask-viewing-choice > i.frame-break img { transform:scale(1.33) translateX(12%); }
.mask-viewing-choice > i.mood-archaeology img { filter:sepia(.35) saturate(.54) contrast(1.07); }
.mask-viewing-choice > i.mood-ritual img { filter:sepia(.2) saturate(.95) brightness(1.08); }
.mask-viewing-choice > i.mood-studio img { filter:grayscale(.65) contrast(1.04) brightness(1.08); }
body.interface-mode-starter .foldflow-mask-stage[data-mask-layer="VISUAL_VIEWING"] .mask-viewing-choice > i em { position:absolute; top:5px; left:5px; display:grid; place-items:center; width:20px; height:20px; border-radius:8px; color:#fff; background:rgba(54,66,60,.62); font-size:8px; font-style:normal; }
body.interface-mode-starter .foldflow-mask-stage[data-mask-layer="VISUAL_VIEWING"] .mask-viewing-choice > span { display:grid; gap:3px; min-width:0; }
body.interface-mode-starter .foldflow-mask-stage[data-mask-layer="VISUAL_VIEWING"] .mask-viewing-choice > span b { color:#435a50; font-size:10px; }
body.interface-mode-starter .foldflow-mask-stage[data-mask-layer="VISUAL_VIEWING"] .mask-viewing-choice > span small { color:#849089; font-size:8px; line-height:1.35; }

.sanxingdui-viewing-stage { position:relative; width:100%; height:100%; min-height:0; overflow:hidden; background:linear-gradient(145deg,#edeae1,#e4e9e4); }
.sanxingdui-viewing-atmosphere { position:absolute; inset:0; pointer-events:none; }
.sanxingdui-viewing-atmosphere i { position:absolute; width:48%; height:1px; background:linear-gradient(90deg,transparent,rgba(190,153,85,.48),transparent); transform:rotate(-16deg); }
.sanxingdui-viewing-atmosphere i:nth-child(1) { top:24%; left:-8%; }
.sanxingdui-viewing-atmosphere i:nth-child(2) { top:47%; left:4%; transform:rotate(12deg); }
.sanxingdui-viewing-atmosphere i:nth-child(3) { top:67%; left:-3%; transform:rotate(-5deg); }
.sanxingdui-viewing-hero { position:absolute; inset:0; margin:0; }
.sanxingdui-viewing-image { position:absolute; inset:0; overflow:hidden; }
.sanxingdui-viewing-image > img { width:100%; height:100%; object-fit:cover; object-position:50% 48%; filter:saturate(.72) contrast(.98) brightness(1.035); transform:scale(1.025); transition:transform .36s ease,filter .36s ease,object-position .36s ease; }
.sanxingdui-viewing-stage.view-oblique .sanxingdui-viewing-image > img { transform:scale(1.08) perspective(900px) rotateY(-6deg) translateX(-2%); transform-origin:44% 50%; }
.sanxingdui-viewing-stage.view-low-angle .sanxingdui-viewing-image > img { transform:scale(1.12) translateY(-5%); }
.sanxingdui-viewing-stage.lens-half .sanxingdui-viewing-image > img { transform:scale(1.28) translateX(8%); }
.sanxingdui-viewing-stage.lens-feature .sanxingdui-viewing-image > img { transform:scale(1.65) translate(13%,8%); }
.sanxingdui-viewing-stage.frame-crop .sanxingdui-viewing-image > img { transform:scale(1.3) translateX(13%); }
.sanxingdui-viewing-stage.frame-break .sanxingdui-viewing-image > img { transform:scale(1.17) translateX(-12%); }
.sanxingdui-viewing-stage.mood-archaeology .sanxingdui-viewing-image > img { filter:sepia(.33) saturate(.56) contrast(1.06) brightness(.96); }
.sanxingdui-viewing-stage.mood-ritual .sanxingdui-viewing-image > img { filter:sepia(.21) saturate(.94) contrast(1.02) brightness(1.08); }
.sanxingdui-viewing-stage.mood-studio .sanxingdui-viewing-image > img { filter:grayscale(.52) saturate(.55) brightness(1.08); }
.sanxingdui-viewing-image::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(249,247,241,.14),transparent 55%),linear-gradient(0deg,rgba(46,55,51,.30),transparent 38%),linear-gradient(180deg,rgba(250,248,243,.36),transparent 31%); pointer-events:none; }
.sanxingdui-viewing-hero figcaption { position:absolute; left:22px; bottom:18px; z-index:4; display:grid; gap:4px; max-width:min(410px,50%); padding:12px 15px; border:1px solid rgba(255,255,255,.72); border-radius:17px; color:#43574e; background:rgba(255,253,248,.78); box-shadow:0 13px 32px rgba(48,58,53,.13); backdrop-filter:blur(13px); }
.sanxingdui-viewing-hero figcaption small { color:#88749b; font-size:9px; font-weight:850; letter-spacing:.08em; }
.sanxingdui-viewing-hero figcaption b { font-size:18px; }
.sanxingdui-viewing-hero figcaption span { color:#74817b; font-size:10px; line-height:1.55; }
.mask-viewing-truth { position:absolute; top:83px; left:20px; z-index:5; display:grid; gap:4px; max-width:230px; padding:10px 12px; border:1px solid rgba(255,255,255,.7); border-radius:14px; color:#54665e; background:rgba(245,244,238,.73); backdrop-filter:blur(10px); }
.mask-viewing-truth span { color:#8c769f; font-size:9px; font-weight:850; }
.mask-viewing-truth b { font-size:10px; line-height:1.5; }
.mask-view-projection { position:absolute; inset:8% 13% 11% 6%; z-index:3; width:72%; height:78%; fill:none; stroke:#745d8d; stroke-width:4; stroke-linecap:round; opacity:0; filter:drop-shadow(0 0 7px rgba(255,255,255,.9)); }
.mask-view-projection .support { stroke:#739589; stroke-width:2; stroke-dasharray:8 8; }
.sanxingdui-viewing-stage.is-projection .sanxingdui-viewing-image > img { opacity:.42; filter:grayscale(.82) contrast(.92) brightness(1.14); }
.sanxingdui-viewing-stage.is-projection .mask-view-projection { opacity:.9; }
.mask-view-feature-focus { position:absolute; z-index:4; opacity:0; border:4px solid rgba(226,190,102,.92); border-radius:50%; box-shadow:0 0 0 8px rgba(255,255,255,.25),0 0 34px rgba(226,190,102,.76); pointer-events:none; }
.sanxingdui-viewing-stage.feature-eyes .mask-view-feature-focus { top:27%; left:19%; width:58%; height:25%; opacity:1; border-radius:47% 47% 42% 42%; }
.sanxingdui-viewing-stage.feature-nose .mask-view-feature-focus { top:24%; left:42%; width:16%; height:44%; opacity:1; }
.sanxingdui-viewing-stage.feature-mouth-cheek .mask-view-feature-focus { top:59%; left:24%; width:50%; height:24%; opacity:1; }
.sanxingdui-viewing-stage.is-topology-deferred { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr); place-items:center; gap:24px; padding:76px 360px 32px 34px; }
.mask-topology-deferred-model { position:relative; width:min(100%,470px); height:330px; overflow:hidden; border-radius:50% 45% 48% 42%; filter:grayscale(.7); opacity:.5; }
.mask-topology-deferred-model img { width:100%; height:100%; object-fit:cover; object-position:50% 46%; }
.mask-topology-deferred-model i { position:absolute; inset:12%; border:2px dashed rgba(106,139,124,.65); border-radius:50%; }
.sanxingdui-viewing-stage.is-topology-deferred section { display:grid; gap:8px; padding:18px; border:1px solid rgba(119,103,137,.18); border-radius:18px; background:rgba(255,255,255,.58); }
.sanxingdui-viewing-stage.is-topology-deferred small { color:#89739d; font-weight:850; }
.sanxingdui-viewing-stage.is-topology-deferred b { color:#43584f; font-size:17px; line-height:1.45; }
.sanxingdui-viewing-stage.is-topology-deferred p { margin:0; color:#74827b; font-size:11px; line-height:1.65; }
.foldflow-mask-stage[data-mask-layer="VISUAL_VIEWING"] .sanxingdui-mask-lifeline { grid-template-columns:repeat(6,minmax(0,1fr)); }

.mask-viewing-decision-card { display:grid; gap:7px; padding:13px; border:1px solid rgba(142,116,164,.25); border-radius:17px; background:linear-gradient(145deg,rgba(246,239,250,.86),rgba(238,246,240,.84)); }
.mask-viewing-decision-card > small { color:#8a72a1; font-size:9px; font-weight:850; letter-spacing:.08em; }
.mask-viewing-decision-card > b { color:#40574d; font-size:15px; }
.mask-viewing-decision-card > p { margin:0; color:#7b8781; font-size:10px; line-height:1.5; }
.mask-viewing-decision-card > button { width:100%; margin-top:3px; }
.mask-plasticity-tool { display:grid; gap:10px; padding:12px; border:1px solid rgba(91,113,102,.17); border-radius:18px; background:rgba(250,249,245,.72); }
.mask-plasticity-tool > header { display:flex; justify-content:space-between; gap:10px; align-items:center; }
.mask-plasticity-tool > header > div { display:grid; gap:2px; }
.mask-plasticity-tool > header small { color:#748b80; font-size:8px; font-weight:850; letter-spacing:.08em; }
.mask-plasticity-tool > header b { color:#40574d; font-size:16px; }
.mask-plasticity-tool > header span { color:#829089; font-size:9px; }
.mask-plasticity-tool > header button { padding:6px 9px; border:1px solid rgba(115,136,125,.3); border-radius:999px; color:#587064; background:rgba(255,255,255,.72); cursor:pointer; }
.mask-plasticity-lifeline { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:4px; }
.mask-plasticity-lifeline button { display:grid; place-items:center; gap:2px; min-width:0; padding:5px 2px; border:1px solid rgba(102,124,113,.15); border-radius:9px; color:#718078; background:rgba(255,255,255,.65); cursor:pointer; }
.mask-plasticity-lifeline button span { font-size:7px; }
.mask-plasticity-lifeline button b { max-width:100%; overflow:hidden; font-size:7px; text-overflow:ellipsis; white-space:nowrap; }
.mask-plasticity-lifeline button.is-active { border-color:#9279ac; color:#675279; background:#f1e9f6; box-shadow:0 0 0 2px rgba(146,121,172,.12); }
.mask-plasticity-lifeline button.is-done::after { content:"✓"; color:#4a806e; font-size:7px; }
.mask-plasticity-body { display:grid; gap:11px; padding-top:3px; }
.mask-plasticity-body[hidden] { display:none; }
.mask-plasticity-tool .mask-curvature-draw-surface { padding:7px; }
.mask-plasticity-tool .mask-curvature-draw-surface > svg { max-height:245px; }
.mask-plasticity-lesson { display:grid; gap:9px; padding:10px; border:1px solid rgba(119,103,137,.18); border-radius:15px; background:linear-gradient(145deg,#f6f1f7,#eef4ef); }
.mask-plasticity-lesson > header { display:grid; gap:3px; }
.mask-plasticity-lesson > header small { color:#876e9e; font-size:8px; font-weight:850; letter-spacing:.08em; }
.mask-plasticity-lesson > header b { color:#40574d; font-size:13px; }
.mask-plasticity-lesson > header p { margin:0; color:#74827b; font-size:9px; line-height:1.5; }
.mask-plasticity-depth-map { display:grid; grid-template-columns:115px 1fr; gap:8px; }
.mask-plasticity-reference { position:relative; height:116px; overflow:hidden; border-radius:12px; background:#ddd; }
.mask-plasticity-reference img { width:100%; height:100%; object-fit:cover; object-position:50% 44%; filter:grayscale(.74) contrast(1.04); transform:scale(1.7); }
.lesson-eyes .mask-plasticity-reference img { object-position:30% 35%; transform:scale(2.25); }
.lesson-nose .mask-plasticity-reference img { object-position:50% 52%; transform:scale(2.15); }
.lesson-mouth-cheek .mask-plasticity-reference img { object-position:50% 70%; transform:scale(2.05); }
.mask-plasticity-reference i { position:absolute; display:grid; place-items:center; padding:3px 5px; border-radius:8px; color:#fff; font-size:8px; font-style:normal; font-weight:900; }
.mask-plasticity-reference i.raised { top:14px; left:14px; background:#c38a3c; }
.mask-plasticity-reference i.recessed { top:47px; right:16px; background:#567ca4; }
.mask-plasticity-reference i.support { right:8px; bottom:8px; background:#648273; }
.mask-depth-legend { display:grid; gap:5px; }
.mask-depth-legend span { display:grid; gap:2px; padding:5px 7px; border-radius:9px; color:#728078; background:rgba(255,255,255,.7); font-size:8px; line-height:1.35; }
.mask-depth-legend span b { font-size:9px; }
.mask-depth-legend [data-depth="raised"] b { color:#a76d22; }
.mask-depth-legend [data-depth="recessed"] b { color:#416f99; }
.mask-depth-legend [data-depth="support"] b { color:#537467; }
.mask-manual-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; }
.mask-manual-actions article { display:grid; grid-template-columns:26px 1fr; gap:6px; align-items:center; padding:5px; border-radius:9px; background:rgba(255,255,255,.72); }
.mask-manual-actions article i { display:grid; place-items:center; width:26px; height:26px; border-radius:50%; color:#fff; background:linear-gradient(145deg,#8e77a6,#6f8b7d); font-style:normal; font-weight:900; }
.mask-manual-actions article div { display:grid; gap:1px; }
.mask-manual-actions article b { color:#4a5d54; font-size:8px; }
.mask-manual-actions article small { color:#849089; font-size:7px; line-height:1.3; }
.mask-plasticity-boundary { margin:0; color:#8a7a6b; font-size:8px; line-height:1.45; }

@media(max-width:1100px) {
  body.interface-mode-starter .foldflow-mask-stage[data-mask-layer="VISUAL_VIEWING"] .foldflow-mask-branches { width:330px; max-width:43%; }
  .sanxingdui-viewing-stage.is-topology-deferred { padding-right:350px; }
}
@media(max-width:760px) {
  body.interface-mode-starter .foldflow-mask-stage[data-mask-layer="VISUAL_VIEWING"] { height:auto; min-height:850px; grid-template-rows:560px auto auto; grid-template-areas:"mask-visual" "mask-life" "mask-foot"; overflow:visible; }
  body.interface-mode-starter .foldflow-mask-stage[data-mask-layer="VISUAL_VIEWING"] .foldflow-mask-branches { top:78px; right:12px; width:calc(100% - 24px); max-width:none; max-height:250px; }
  body.interface-mode-starter .foldflow-mask-stage[data-mask-layer="VISUAL_VIEWING"] .mask-viewing-choice > i { height:76px; }
  .sanxingdui-viewing-stage.is-topology-deferred { grid-template-columns:1fr; padding:280px 18px 24px; }
  .sanxingdui-viewing-hero figcaption { max-width:calc(100% - 44px); }
}

* { box-sizing: border-box; }
body {
  margin: 0;
  min-width: 320px;
  background-color: var(--bg);
  background-image: radial-gradient(circle, rgba(143,151,164,.3) 1px, transparent 1px);
  background-size: 20px 20px;
  font-size: 14px;
}
button, textarea, select { font: inherit; }
button { color: inherit; }

.page-shell {
  max-width: 1540px;
  margin: 0 auto;
  padding: 28px 24px 42px;
}

.hero {
  display: flex;
  justify-content: space-between;
  gap: 28px;
  align-items: flex-end;
  margin-bottom: 24px;
}
.eyebrow {
  display: flex;
  align-items: center;
  gap: 9px;
  color: var(--purple);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.eyebrow > i { width: 26px; height: 2px; background: var(--purple); }
.eyebrow > strong,.eyebrow > span,.eyebrow > small { font:inherit; color:inherit; letter-spacing:inherit; }
.eyebrow > strong { font-weight:900; }
.eyebrow > span { margin-left:-4px; }
h1 { margin: 0; font-size: clamp(2rem, 4vw, 3.15rem); line-height: 1.08; letter-spacing: -.04em; font-weight: 650; }
h1 em { color: var(--purple); font-style: italic; font-weight: 600; }
.hero-copy { max-width: 760px; margin: 14px 0 0; color: var(--muted); line-height: 1.8; }
.hero-status { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.status-pill { border: 1px solid var(--rule); padding: 6px 10px; background: var(--paper); color: var(--muted); font-size: 10px; white-space: nowrap; }
.status-pill.on { border-color: var(--purple); color: var(--purple); background: var(--purple-soft); }

.workspace {
  display: grid;
  grid-template-columns: 300px minmax(520px, 1fr) 300px;
  gap: 18px;
  align-items: start;
}
.left-panel, .right-panel { min-width: 0; }
.center-panel { min-width: 0; display: grid; gap: 14px; }
.panel-section { margin-top: 18px; }
.panel-section.first { margin-top: 0; }
.section-heading {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-bottom: 7px;
  border-bottom: 1px solid var(--rule-soft);
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  margin-bottom: 9px;
}
.section-heading > span { color: var(--purple); }

.panel-card, .canvas-card {
  background: var(--paper);
  border: 1px solid var(--rule);
  border-radius: 10px;
}
.panel-card { padding: 15px; }
.seed-card label, .compact-card label { display: block; color: var(--muted); font-size: 11px; margin-bottom: 8px; }
textarea {
  width: 100%;
  min-height: 148px;
  resize: vertical;
  border: 1.5px solid var(--rule);
  border-radius: 9px;
  padding: 12px 13px;
  line-height: 1.7;
  color: var(--ink);
  background: var(--paper-soft);
  outline: none;
}
textarea:focus, select:focus { border-color: var(--purple); box-shadow: 0 0 0 3px var(--purple-soft); }
textarea::placeholder { color: var(--muted-faint); }
.seed-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.seed-chips button {
  border: 1px solid var(--rule);
  background: var(--paper);
  border-radius: 5px;
  padding: 5px 8px;
  color: var(--ink-soft);
  font-size: 11px;
  cursor: pointer;
}
.seed-chips button:hover { border-color: var(--purple); color: var(--purple); background: var(--purple-soft); }
.button-row { display: grid; grid-template-columns: 1fr auto; gap: 8px; margin-top: 13px; }
.primary-button, .secondary-button {
  border-radius: 6px;
  padding: 9px 12px;
  cursor: pointer;
  font-weight: 600;
  border: 1px solid transparent;
}
.primary-button { background: var(--purple); color: white; }
.primary-button:hover { background: var(--purple-dark); }
.secondary-button { background: var(--paper); border-color: var(--rule); color: var(--ink-soft); }
.secondary-button:hover { border-color: var(--purple); color: var(--purple); background: var(--purple-soft); }
.secondary-button.full { width: 100%; }
.shortcut-note { margin: 8px 0 0; text-align: center; color: var(--muted-faint); font-size: 10px; }
select { width: 100%; padding: 9px 10px; border: 1px solid var(--rule); border-radius: 7px; background: var(--paper-soft); color: var(--ink); }
.button-stack { display: grid; gap: 7px; margin-top: 11px; }
.save-state { display: flex; align-items: center; gap: 7px; color: var(--muted); font-size: 11px; margin: 12px 0 0; }
.save-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--success); }
.milestone-card { padding: 14px; border-left: 3px solid var(--cyan); background: rgba(255,255,255,.72); }
.milestone-card p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.65; }

.branch-tabs { display: flex; gap: 7px; overflow-x: auto; padding-bottom: 2px; }
.branch-tab {
  flex: 0 0 auto;
  border: 1px solid var(--rule);
  border-radius: 6px;
  background: var(--paper);
  padding: 7px 11px;
  font-size: 11px;
  color: var(--muted);
  cursor: pointer;
}
.branch-tab.active { border-color: var(--purple); color: var(--purple); background: var(--purple-soft); font-weight: 700; }

.canvas-card { overflow: hidden; }
.canvas-head { display: flex; justify-content: space-between; align-items: center; gap: 14px; padding: 13px 15px 10px; border-bottom: 1px solid var(--rule-soft); }
.canvas-kicker { display: block; font-size: 9px; color: var(--purple); letter-spacing: .08em; font-weight: 750; }
.canvas-head h2 { margin: 2px 0 0; font-size: 16px; font-weight: 650; }
.tool-strip { display: flex; align-items: center; gap: 5px; flex-wrap: wrap; justify-content: flex-end; }
.tool-button, .icon-button {
  border: 1px solid var(--rule);
  border-radius: 5px;
  background: var(--paper-soft);
  padding: 6px 8px;
  color: var(--muted);
  cursor: pointer;
  font-size: 11px;
}
.tool-button b { color: var(--purple); margin-right: 3px; }
.tool-button.active { border-color: var(--purple); background: var(--purple); color: #fff; }
.tool-button.active b { color: #fff; }
.icon-button { font-size: 16px; width: 31px; padding: 3px; }
.icon-button:disabled { opacity: .35; cursor: default; }
.board-canvas-wrap { width: 100%; aspect-ratio: 1.3 / 1; min-height: 480px; background: #fff; }
#boardCanvas, #artCanvas { display: block; width: 100%; height: 100%; }
.canvas-foot { display: flex; justify-content: space-between; gap: 12px; padding: 8px 13px; color: var(--muted); background: var(--paper-soft); font-size: 10px; border-top: 1px solid var(--rule-soft); }
.art-canvas-wrap { width: 100%; aspect-ratio: 1.75 / 1; min-height: 290px; }
.art-note { margin: 0; padding: 8px 13px; border-top: 1px solid var(--rule-soft); color: var(--muted); font-size: 10px; background: var(--paper-soft); }
.live-badge { display: inline-flex; align-items: center; gap: 6px; color: var(--cyan); font-size: 10px; font-weight: 800; }
.live-badge i { width: 7px; height: 7px; background: var(--cyan); border-radius: 50%; animation: pulse 1.6s infinite; }
@keyframes pulse { 50% { opacity: .35; transform: scale(.75); } }
.status-bar { border: 1px solid var(--rule); background: var(--paper); padding: 9px 12px; border-radius: 7px; color: var(--muted); font-size: 11px; }
.status-bar[data-kind="ok"] { border-color: rgba(37,138,92,.35); color: var(--success); background: rgba(37,138,92,.06); }
.status-bar[data-kind="warn"] { border-color: rgba(217,119,6,.35); color: var(--orange); background: rgba(217,119,6,.06); }
.status-bar[data-kind="error"] { border-color: rgba(184,61,73,.35); color: var(--danger); background: rgba(184,61,73,.06); }

.proposal-list { display: grid; gap: 7px; }
.proposal-empty { border: 1px dashed var(--rule); background: rgba(255,255,255,.72); padding: 18px 14px; border-radius: 8px; color: var(--muted); font-size: 12px; line-height: 1.65; }
.proposal-card { text-align: left; width: 100%; border: 1px solid var(--rule); border-left: 3px solid transparent; background: var(--paper); border-radius: 8px; padding: 11px; cursor: pointer; }
.proposal-card strong { display: block; color: var(--ink); font-size: 12px; margin-bottom: 5px; }
.proposal-card span { display: block; color: var(--muted); font-size: 11px; line-height: 1.5; }
.proposal-card:hover, .proposal-card.active { border-color: var(--purple); border-left-color: var(--purple); background: var(--purple-soft); }
.active-branch-card h3 { margin: 0 0 7px; color: var(--purple); font-size: 16px; }
.active-branch-card > p { margin: 0; color: var(--ink-soft); line-height: 1.65; font-size: 12px; }
.sub-label { margin: 14px 0 6px; padding-top: 10px; border-top: 1px solid var(--rule-soft); color: var(--muted); font-size: 10px; text-transform: uppercase; font-weight: 700; letter-spacing: .05em; }
.operator-list { display: flex; flex-wrap: wrap; gap: 5px; }
.operator-chip { border: 1px solid rgba(107,92,231,.28); color: var(--purple); background: var(--purple-soft); border-radius: 4px; padding: 3px 6px; font-size: 9px; }
.muted { color: var(--muted); font-size: 11px; }
.question-list { margin: 0 0 13px; padding-left: 17px; color: var(--ink-soft); font-size: 11px; line-height: 1.65; }
.question-list li + li { margin-top: 4px; }
.stats-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 7px; }
.stat { background: var(--paper); border: 1px solid var(--rule); border-radius: 7px; padding: 10px; }
.stat span { display: block; color: var(--muted); font-size: 10px; }
.stat strong { display: block; margin-top: 3px; color: var(--purple); font-size: 20px; font-weight: 650; }
.harness-heading { justify-content: space-between; }
.harness-score { margin-left: auto; border-radius: 4px; padding: 2px 6px; background: var(--paper); border: 1px solid var(--rule); font-size: 10px; }
.harness-score.ok { color: var(--success); border-color: rgba(37,138,92,.3); }
.harness-score.warn { color: var(--orange); border-color: rgba(217,119,6,.3); }
.harness-list { display: grid; gap: 5px; }
.harness-row { display: flex; align-items: flex-start; gap: 7px; border: 1px solid var(--rule); background: var(--paper); border-radius: 6px; padding: 7px 8px; }
.harness-row > span { font-weight: 800; line-height: 1.4; }
.harness-row p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.45; }
.harness-row.ok > span { color: var(--success); }
.harness-row.fail > span { color: var(--orange); }
.production-gate { background: #24222b; color: #fff; border-radius: 9px; padding: 14px; }
.gate-label { color: #b4a8ff; font-size: 9px; letter-spacing: .1em; font-weight: 800; }
.production-gate h3 { margin: 6px 0; font-size: 14px; }
.production-gate p { margin: 0; color: rgba(255,255,255,.62); font-size: 11px; line-height: 1.55; }
.production-gate button { margin-top: 11px; width: 100%; border: 1px solid rgba(255,255,255,.2); color: rgba(255,255,255,.68); background: transparent; border-radius: 5px; padding: 7px; cursor: pointer; }

footer { display: flex; justify-content: space-between; gap: 14px; margin-top: 22px; border-top: 1px solid var(--rule); padding-top: 15px; color: var(--muted); font-size: 10px; }

@media (max-width: 1220px) {
  .workspace { grid-template-columns: 270px minmax(480px, 1fr); }
  .right-panel { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
  .right-panel .panel-section { margin-top: 0; }
  .production-gate { align-self: start; }
}
@media (max-width: 860px) {
  .page-shell { padding: 18px 12px 30px; }
  .hero { align-items: flex-start; flex-direction: column; }
  .hero-status { justify-content: flex-start; }
  .workspace { grid-template-columns: 1fr; }
  .left-panel, .right-panel { display: block; grid-column: auto; }
  .right-panel .panel-section { margin-top: 18px; }
  .right-panel .panel-section.first { margin-top: 0; }
  .board-canvas-wrap { min-height: 420px; }
  .canvas-head { align-items: flex-start; flex-direction: column; }
  .tool-strip { justify-content: flex-start; }
  footer { flex-direction: column; }
}
@media (max-width: 520px) {
  .button-row { grid-template-columns: 1fr; }
  .canvas-foot { flex-direction: column; }
  .board-canvas-wrap { min-height: 360px; }
  .art-canvas-wrap { min-height: 250px; }
}

.boot-error { min-height: 480px; display: grid; place-content: center; gap: 10px; padding: 32px; text-align: center; color: var(--danger); background: #fff7f7; border: 1px dashed rgba(181,58,58,.45); }
.boot-error strong { font-size: 18px; }
.boot-error p { margin: 0; color: var(--ink-soft); overflow-wrap: anywhere; }


/* v0.1.2 classic-bundle startup fallback */
.board-canvas-wrap { position: relative; overflow: hidden; }
.board-static-fallback, #boardCanvas { position: absolute; inset: 0; width: 100%; height: 100%; }
.board-static-fallback { z-index: 1; background: #fff; color: rgba(55,65,81,.42); }
.board-static-fallback .fallback-roi { fill: rgba(107,92,231,.018); stroke: var(--rule); stroke-width: .8; }
.board-static-fallback .fallback-points { fill: currentColor; }
.board-static-fallback text { fill: var(--muted); font: 5px system-ui, sans-serif; }
#boardCanvas { z-index: 2; }


/* ===== v0.1.3 CREATIVE CONFIDENCE LAYER ===== */
.creative-momentum {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  border: 1px solid rgba(107, 92, 231, .24);
  border-left: 4px solid var(--purple);
  border-radius: 10px;
  padding: 14px 16px;
  background: linear-gradient(120deg, rgba(107,92,231,.08), rgba(255,255,255,.92));
}
.momentum-topline { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.momentum-stage { color: var(--purple); font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.momentum-toggle { border: 0; background: transparent; color: var(--muted); font-size: 10px; cursor: pointer; padding: 3px 0; }
.momentum-toggle:hover { color: var(--purple); }
.momentum-body h2 { margin: 7px 0 4px; font-size: 16px; color: var(--ink); }
.momentum-body > p { margin: 0; color: var(--ink-soft); font-size: 11px; line-height: 1.65; }
.momentum-next { display: flex; gap: 8px; align-items: baseline; margin-top: 8px !important; }
.momentum-next span { flex: 0 0 auto; color: var(--purple); font-size: 9px; font-weight: 800; letter-spacing: .04em; }
.momentum-next strong { color: var(--ink); font-size: 11px; font-weight: 650; }
.momentum-steps { display: flex; align-items: center; gap: 5px; }
.momentum-steps span { position: relative; border: 1px solid var(--rule); border-radius: 999px; background: var(--paper); color: var(--muted); padding: 5px 8px; font-size: 9px; white-space: nowrap; }
.momentum-steps span.done { border-color: rgba(37,138,92,.28); color: var(--success); background: rgba(37,138,92,.06); }
.momentum-steps span.active { border-color: var(--purple); color: var(--purple); background: var(--purple-soft); font-weight: 800; }
.creative-momentum.is-collapsed { grid-template-columns: 1fr; padding-block: 9px; }
.creative-momentum.is-collapsed .momentum-body,
.creative-momentum.is-collapsed .momentum-steps { display: none; }
.branch-reassurance { margin-top: 10px; border-left: 3px solid var(--cyan); background: rgba(26,158,142,.07); color: var(--ink-soft); padding: 8px 9px; font-size: 10px; line-height: 1.55; }
.proposal-card small { display: inline-block; margin-bottom: 5px; color: var(--purple); font-size: 8px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.art-confidence-strip { display: flex; align-items: center; justify-content: space-between; gap: 10px; border-top: 1px solid var(--rule-soft); padding: 8px 13px; background: #fff; color: var(--muted); font-size: 9px; }
.art-draft-badge { border: 1px solid rgba(107,92,231,.28); border-radius: 999px; background: var(--purple-soft); color: var(--purple); padding: 3px 7px; font-weight: 800; white-space: nowrap; }
@media (max-width: 860px) {
  .creative-momentum { grid-template-columns: 1fr; }
  .momentum-steps { flex-wrap: wrap; }
  .art-confidence-strip { align-items: flex-start; flex-direction: column; }
}

/* ===== v0.1.4 VISIBLE INTERACTION GUIDANCE ===== */
.history-button {
  border: 1px solid var(--rule);
  border-radius: 5px;
  background: var(--paper-soft);
  padding: 6px 9px;
  color: var(--muted);
  cursor: pointer;
  font-size: 11px;
  white-space: nowrap;
}
.history-button:hover:not(:disabled) { border-color: var(--purple); color: var(--purple); background: var(--purple-soft); }
.history-button:disabled,
.context-action:disabled {
  opacity: .48;
  cursor: not-allowed;
  filter: grayscale(.2);
}

.interaction-guide {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, 220px);
  gap: 14px;
  padding: 13px 15px;
  border-bottom: 1px solid var(--rule-soft);
  background: linear-gradient(105deg, rgba(107,92,231,.07), rgba(255,255,255,.96));
}
.interaction-guide-copy { min-width: 0; }
.interaction-guide-topline { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.interaction-tool-badge {
  display: inline-flex;
  align-items: center;
  min-height: 23px;
  border: 1px solid rgba(107,92,231,.28);
  border-radius: 999px;
  padding: 3px 8px;
  background: var(--purple-soft);
  color: var(--purple);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .04em;
}
.interaction-shortcut {
  color: var(--muted);
  font-size: 9px;
  border: 1px solid var(--rule);
  border-radius: 4px;
  background: var(--paper);
  padding: 3px 6px;
}
.interaction-guide h3 { margin: 8px 0 4px; color: var(--ink); font-size: 14px; line-height: 1.45; }
.interaction-guide p { margin: 0; color: var(--ink-soft); font-size: 10px; line-height: 1.6; }
.interaction-step-list { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 9px; }
.interaction-step-list span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border: 1px solid var(--rule);
  border-radius: 5px;
  background: var(--paper);
  color: var(--ink-soft);
  padding: 4px 7px;
  font-size: 9px;
}
.interaction-step-list b {
  display: inline-grid;
  place-items: center;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background: var(--purple-soft);
  color: var(--purple);
  font-size: 9px;
}
.interaction-progress {
  margin-top: 9px;
  border-left: 3px solid var(--cyan);
  padding: 6px 8px;
  background: var(--cyan-soft);
  color: var(--ink-soft);
  font-size: 10px;
  line-height: 1.5;
}
.interaction-selection {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 8px;
}
.interaction-selection[hidden] { display: none; }
.interaction-selection strong { color: var(--muted); font-size: 9px; margin-right: 2px; }
.interaction-selection span {
  border: 1px solid rgba(107,92,231,.26);
  border-radius: 4px;
  background: var(--paper);
  color: var(--purple);
  padding: 2px 5px;
  font-size: 9px;
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
}
.interaction-actions { display: grid; align-content: center; gap: 7px; }
.context-action { width: 100%; min-height: 35px; font-size: 10px; }

.operation-cheatsheet {
  padding: 12px 13px 14px;
  border-top: 1px solid var(--rule-soft);
  background: var(--paper-soft);
}
.operation-cheatsheet-head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-bottom: 9px; }
.operation-cheatsheet-head strong { color: var(--ink); font-size: 11px; }
.operation-cheatsheet-head span { color: var(--muted); font-size: 9px; text-align: right; }
.operation-cheatsheet-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
.operation-cheatsheet article {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 7px;
  align-items: start;
  min-width: 0;
  border: 1px solid var(--rule);
  border-radius: 7px;
  padding: 8px;
  background: var(--paper);
}
.cheat-number, .cheat-symbol {
  display: inline-grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 6px;
  background: var(--purple-soft);
  color: var(--purple);
  font-size: 10px;
  font-weight: 800;
}
.operation-cheatsheet b { color: var(--ink); font-size: 10px; }
.operation-cheatsheet p { margin: 2px 0 0; color: var(--muted); font-size: 9px; line-height: 1.45; }
.operation-cheatsheet kbd {
  border: 1px solid var(--rule);
  border-bottom-width: 2px;
  border-radius: 4px;
  padding: 2px 5px;
  background: var(--paper-soft);
  color: var(--muted);
  font: 8px ui-monospace, SFMono-Regular, Consolas, monospace;
  white-space: nowrap;
}

@media (max-width: 1080px) {
  .interaction-guide { grid-template-columns: 1fr; }
  .interaction-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .operation-cheatsheet-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .tool-strip { width: 100%; }
  .tool-button, .history-button { flex: 1 1 auto; text-align: center; }
  .interaction-actions { grid-template-columns: 1fr; }
  .operation-cheatsheet-head { align-items: flex-start; flex-direction: column; }
  .operation-cheatsheet-head span { text-align: left; }
  .operation-cheatsheet-grid { grid-template-columns: 1fr; }
}

/* ===== v0.1.5 INDUSTRIAL PROGRESS + VISUAL EPIGRAPH ===== */
.industrial-progress-panel {
  margin: 0 0 16px;
  padding: 14px 16px;
  border: 1px solid var(--rule);
  border-radius: 10px;
  background: rgba(255,255,255,.8);
}
.industrial-progress-head { display: flex; justify-content: space-between; align-items: end; gap: 16px; }
.industrial-progress-head > div:first-child { display: grid; gap: 2px; }
.industrial-progress-kicker { color: var(--purple); font-size: 8px; font-weight: 800; letter-spacing: .08em; }
.industrial-progress-head strong { color: var(--ink); font-size: 13px; }
.industrial-progress-value { color: var(--purple); font-size: 22px; font-weight: 800; line-height: 1; }
.industrial-progress-track { height: 10px; margin-top: 10px; border-radius: 999px; overflow: hidden; background: var(--rule-soft); border: 1px solid var(--rule); }
.industrial-progress-fill { height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--purple), var(--cyan)); transition: width .45s ease; }
.industrial-phase-row { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 5px; margin-top: 9px; }
.industrial-phase-row span { border: 1px solid var(--rule); border-radius: 5px; padding: 4px 5px; text-align: center; color: var(--muted); background: var(--paper-soft); font-size: 8px; line-height: 1.3; }
.industrial-phase-row span.done { border-color: rgba(37,138,92,.25); color: var(--success); background: rgba(37,138,92,.06); }
.industrial-phase-row span.active { border-color: rgba(107,92,231,.35); color: var(--purple); background: var(--purple-soft); font-weight: 800; }
.industrial-progress-panel > p { margin: 8px 0 0; color: var(--muted); font-size: 9px; line-height: 1.55; }

.epigraph-editor textarea { width: 100%; resize: vertical; min-height: 56px; border: 1px solid var(--rule); border-radius: 6px; padding: 8px; background: var(--paper-soft); color: var(--ink); font: inherit; font-size: 10px; line-height: 1.55; }
.epigraph-editor textarea:focus { outline: 2px solid rgba(107,92,231,.16); border-color: var(--purple); }
.epigraph-visible-row { display: flex !important; align-items: center; gap: 7px; color: var(--ink-soft) !important; font-size: 10px !important; cursor: pointer; }
.epigraph-visible-row input { accent-color: var(--purple); }
.epigraph-note { margin: 8px 0 0; color: var(--muted); font-size: 9px; line-height: 1.55; }
.art-head-badges { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
.epigraph-live-badge { border: 1px solid rgba(107,92,231,.28); border-radius: 999px; padding: 4px 7px; background: var(--purple-soft); color: var(--purple); font-size: 8px; font-weight: 800; }
.epigraph-live-badge.off { border-color: var(--rule); background: var(--paper-soft); color: var(--muted); }

@media (max-width: 860px) {
  .industrial-phase-row { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
  .industrial-progress-head { align-items: flex-start; }
  .industrial-phase-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* v0.1.6 · Local Creative Operator Router */
.refine-card textarea {
  min-height: 104px;
}
.refine-mode-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
  padding: 8px 10px;
  border: 1px solid rgba(107, 92, 231, .22);
  border-radius: 10px;
  background: rgba(107, 92, 231, .07);
}
.refine-mode-row span {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
  color: #6b5ce7;
}
.refine-mode-row b {
  font-size: 11px;
  color: #3b3453;
}
.refine-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 9px 0 12px;
}
.refine-chips button {
  border: 1px solid rgba(61, 52, 83, .16);
  border-radius: 999px;
  padding: 6px 9px;
  background: #fff;
  color: #4b435b;
  font-size: 11px;
  cursor: pointer;
}
.refine-chips button:hover {
  border-color: rgba(107, 92, 231, .55);
  color: #5848cf;
}
.refinement-preview {
  margin-top: 14px;
  padding: 13px;
  border: 1px solid rgba(21, 154, 140, .25);
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(240, 251, 248, .96), rgba(248, 247, 252, .96));
}
.refinement-preview[hidden] {
  display: none;
}
.refinement-preview-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
}
.refinement-preview-head strong {
  color: #253f3c;
}
.refinement-preview-head span {
  font-size: 11px;
  color: #68706f;
}
.refinement-preview > p {
  margin: 0 0 12px;
  padding: 9px 10px;
  border-radius: 8px;
  background: rgba(255, 255, 255, .82);
  color: #3e3a48;
  font-size: 12px;
  line-height: 1.55;
}
.refinement-list,
.refinement-warning-list {
  margin: 6px 0 12px;
  padding-left: 18px;
  color: #4d4857;
  font-size: 11px;
  line-height: 1.6;
}
.refinement-warning-list {
  color: #755f36;
}
.routed-operators .operator-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.routed-operators .operator-chip b {
  font-size: 10px;
}
.routed-operators .operator-chip small {
  opacity: .68;
  font-size: 9px;
}
.preservation-list {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 6px 0 12px;
}
.preservation-list > span:not(.muted) {
  display: inline-flex;
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(21, 154, 140, .12);
  color: #17796f;
  font-size: 10px;
  font-weight: 700;
}
.refine-note {
  margin: 12px 0 0;
  color: #77717e;
  font-size: 10px;
  line-height: 1.55;
}
.branch-diff-panel {
  margin: 13px 0;
  padding: 11px;
  border: 1px solid rgba(107, 92, 231, .18);
  border-radius: 10px;
  background: rgba(107, 92, 231, .055);
}
.branch-diff-panel[hidden] {
  display: none;
}
.branch-diff-panel strong {
  display: block;
  margin: 4px 0 7px;
  color: #453b68;
  font-size: 11px;
}
.branch-diff-panel ul {
  margin: 0;
  padding-left: 17px;
  color: #615a70;
  font-size: 11px;
  line-height: 1.55;
}

/* v0.1.7 · layout fidelity and branch breeding */
.breeding-card {
  display: grid;
  gap: 8px;
}
.breeding-card label {
  margin-top: 2px;
}
.breeding-intro {
  margin: 0 0 4px;
  color: #686273;
  font-size: 10px;
  line-height: 1.55;
}
.breeding-card select {
  width: 100%;
  border: 1px solid var(--rule);
  border-radius: 7px;
  padding: 8px;
  background: var(--paper-soft);
  color: var(--ink);
  font: inherit;
  font-size: 11px;
}
.breeding-preview {
  border-color: rgba(107, 92, 231, .24);
  background: linear-gradient(180deg, rgba(246, 244, 255, .96), rgba(241, 251, 249, .96));
}
.breeding-trait-list {
  display: grid;
  gap: 6px;
  margin: 6px 0 10px;
  padding: 0;
  list-style: none;
}
.breeding-trait-list li {
  display: grid;
  grid-template-columns: 78px 1fr;
  gap: 8px;
  align-items: start;
  padding: 7px 8px;
  border: 1px solid rgba(107, 92, 231, .12);
  border-radius: 8px;
  background: rgba(255,255,255,.72);
  color: #544d62;
  font-size: 10px;
  line-height: 1.45;
}
.breeding-trait-list b {
  color: var(--purple-dark);
}
.breeding-counts {
  margin: 0 0 10px !important;
  padding: 7px 8px !important;
  background: rgba(107,92,231,.065) !important;
  color: #5b536b !important;
  font-size: 10px !important;
}

/* v0.1.8 · branch lifecycle, CreativePlan gate and local-only model boundary */
.plan-gate-badge {
  margin: 8px 0 10px;
  padding: 7px 9px;
  border: 1px solid rgba(107,92,231,.18);
  border-radius: 7px;
  background: rgba(107,92,231,.06);
  color: #5c507f;
  font: 700 9px/1.35 var(--mono);
  letter-spacing: .06em;
}
.plan-gate-badge[data-kind="ok"] {
  border-color: rgba(15,157,132,.24);
  background: rgba(15,157,132,.08);
  color: #087563;
}
.plan-gate-badge[data-kind="error"] {
  border-color: rgba(202,76,76,.25);
  background: rgba(202,76,76,.07);
  color: #a73f3f;
}
.hook-check-list {
  display: grid;
  gap: 5px;
  margin: 6px 0 10px;
  padding: 0;
  list-style: none;
}
.hook-check-list li {
  padding: 5px 7px;
  border-radius: 6px;
  background: rgba(255,255,255,.75);
  color: #5d5867;
  font-size: 10px;
  line-height: 1.4;
}
.hook-check-list li.ok { color: #087563; }
.hook-check-list li.blocked { color: #a73f3f; background: rgba(202,76,76,.06); }
.branch-action-stack { margin-top: 11px; }
.branch-lifecycle-panel {
  margin-top: 10px;
  padding: 10px;
  border: 1px solid rgba(207,137,45,.25);
  border-radius: 9px;
  background: rgba(255,248,235,.82);
}
.branch-lifecycle-panel[hidden], .archived-branch-wrap[hidden] { display: none; }
.branch-lifecycle-panel > p {
  margin: 5px 0 8px;
  color: #61594d;
  font-size: 10px;
  line-height: 1.55;
}
.danger-button {
  border: 1px solid rgba(190,58,58,.28);
  border-radius: 7px;
  padding: 8px 10px;
  background: rgba(190,58,58,.08);
  color: #a23838;
  font: 600 11px/1.2 inherit;
  cursor: pointer;
}
.danger-button:disabled { opacity: .42; cursor: not-allowed; }
.archived-branch-wrap {
  display: grid;
  gap: 7px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid var(--rule);
}
.archived-branch-wrap label { font-size: 10px; color: var(--muted); }
.archived-branch-wrap select {
  width: 100%;
  padding: 7px;
  border: 1px solid var(--rule);
  border-radius: 7px;
  background: var(--paper-soft);
  color: var(--ink);
  font: inherit;
  font-size: 10px;
}
.model-data-gate {
  display: inline-flex;
  margin-top: 7px;
  padding: 4px 6px;
  border: 1px solid rgba(95,226,188,.25);
  border-radius: 5px;
  color: #8ee4cb;
  font: 700 8px/1 var(--mono);
  letter-spacing: .06em;
}

/* v0.1.9 · provider-neutral model adapter and offline replay lab */
.model-lab-card { display: grid; gap: .7rem; }
.model-lab-intro { margin: 0; color: var(--muted, #667085); font-size: .82rem; line-height: 1.65; }
.model-policy-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .45rem; }
.model-policy-grid span { border: 1px solid #e6e8f0; border-radius: 7px; padding: .45rem .55rem; font-size: .73rem; color: #697386; background: #fafbff; }
.model-policy-grid b { color: #087563; float: right; }
.model-json-preview { margin: 0; max-height: 220px; overflow: auto; white-space: pre-wrap; word-break: break-word; background: #17171d; color: #e8e7ff; border-radius: 8px; padding: .75rem; font-size: .68rem; line-height: 1.55; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.model-lab-card textarea { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .72rem; line-height: 1.5; }
.model-lab-actions { grid-template-columns: 1fr 1fr; }
.model-trace-row { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #eceef4; padding-top: .65rem; color: #737b8c; font-size: .75rem; }
.model-trace-row b { color: #6457dc; }
.model-trace-row b.ok { color: #087563; }
.model-trace-row b.blocked { color: #a73f3f; }
@media (max-width: 768px) {
  .model-policy-grid, .model-lab-actions { grid-template-columns: 1fr; }
}

/* ===== v0.1.10 DOCKED WORKSPACE & VISIBLE SIDE SCROLL ===== */
.side-panel-scroll-hint {
  display: none;
  align-items: center;
  grid-template-columns: auto 1fr;
  gap: 2px 8px;
  position: sticky;
  top: 0;
  z-index: 12;
  margin-bottom: 10px;
  padding: 8px 10px;
  border: 1px solid rgba(107, 92, 231, .22);
  border-radius: 8px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 5px 16px rgba(32,38,51,.07);
  color: var(--purple);
  backdrop-filter: blur(8px);
}
.side-panel-scroll-hint > span { grid-row: 1 / 3; font-size: 16px; font-weight: 800; }
.side-panel-scroll-hint b { font-size: 10px; line-height: 1.2; }
.side-panel-scroll-hint small { color: var(--muted); font-size: 9px; line-height: 1.25; }

@media (min-width: 1221px) {
  .left-panel, .right-panel {
    position: sticky;
    top: 12px;
    max-height: calc(100vh - 24px);
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    scrollbar-width: auto;
    scrollbar-color: rgba(107,92,231,.55) rgba(226,229,234,.7);
    padding-right: 7px;
  }
  .left-panel::-webkit-scrollbar, .right-panel::-webkit-scrollbar { width: 10px; }
  .left-panel::-webkit-scrollbar-track, .right-panel::-webkit-scrollbar-track {
    background: rgba(226,229,234,.72);
    border-radius: 999px;
  }
  .left-panel::-webkit-scrollbar-thumb, .right-panel::-webkit-scrollbar-thumb {
    background: rgba(107,92,231,.52);
    border: 2px solid rgba(226,229,234,.72);
    border-radius: 999px;
  }
  .left-panel::-webkit-scrollbar-thumb:hover, .right-panel::-webkit-scrollbar-thumb:hover {
    background: rgba(86,72,207,.75);
  }
  .side-panel-scroll-hint { display: grid; }
}

/* ===== v0.1.11 CREATIVE LANDSCAPE & ORIGAMI EXPRESSION STORYBOARD ===== */
.creative-landscape-panel,
.expression-storyboard {
  border: 1px solid var(--rule);
  border-radius: 13px;
  background: rgba(255,255,255,.94);
  overflow: hidden;
}
.landscape-head,
.expression-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 17px 18px 14px;
  border-bottom: 1px solid var(--rule-soft);
}
.landscape-head h2,
.expression-head h2 { margin: 4px 0 5px; font-size: 18px; line-height: 1.25; }
.landscape-head p,
.expression-head p { margin: 0; max-width: 760px; color: var(--muted); font-size: 11px; line-height: 1.65; }
.creative-landscape-panel.is-collapsed .landscape-body,
.expression-storyboard.is-collapsed .expression-body { display: none; }
.landscape-body,
.expression-body { padding: 15px 18px 17px; }
.landscape-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 8px;
  margin-bottom: 12px;
}
.landscape-metrics article {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid var(--rule-soft);
  border-radius: 9px;
  background: var(--paper-soft);
}
.landscape-metrics span { color: var(--muted); font-size: 9px; text-transform: uppercase; letter-spacing: .04em; }
.landscape-metrics strong { color: var(--ink); font-size: 15px; line-height: 1.2; overflow-wrap: anywhere; }
.landscape-metrics small { color: var(--muted); font-size: 9px; line-height: 1.35; }
.landscape-layout {
  display: grid;
  grid-template-columns: minmax(0,1.55fr) minmax(210px,.8fr);
  gap: 14px;
  align-items: stretch;
}
.landscape-map-column { min-width: 0; }
.creative-landscape-map {
  position: relative;
  min-height: 310px;
  border: 1px solid var(--rule);
  border-radius: 11px;
  overflow: hidden;
  background:
    linear-gradient(to right, transparent calc(50% - .5px), rgba(80,88,105,.13) 50%, transparent calc(50% + .5px)),
    linear-gradient(to bottom, transparent calc(50% - .5px), rgba(80,88,105,.13) 50%, transparent calc(50% + .5px));
}
.landscape-quadrant { position: absolute; width: 50%; height: 50%; pointer-events: none; }
.landscape-quadrant span {
  position: absolute;
  padding: 4px 6px;
  color: rgba(54,62,78,.47);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .05em;
}
.q-open { left: 0; top: 50%; background: rgba(121,128,143,.035); }
.q-recognition { left: 50%; top: 50%; background: rgba(107,92,231,.045); }
.q-narrative { left: 0; top: 0; background: rgba(21,154,140,.045); }
.q-articulated { left: 50%; top: 0; background: rgba(217,119,6,.045); }
.q-open span { left: 8px; bottom: 22px; }
.q-recognition span { right: 8px; bottom: 22px; }
.q-narrative span { left: 8px; top: 8px; }
.q-articulated span { right: 8px; top: 8px; }
.landscape-edges,
.landscape-nodes { position: absolute; inset: 0; width: 100%; height: 100%; }
.landscape-edges { pointer-events: none; overflow: visible; }
.landscape-edges line { vector-effect: non-scaling-stroke; stroke: rgba(82,89,105,.38); stroke-width: 1.25; stroke-dasharray: 3 3; }
.landscape-node {
  --node-size: 30px;
  position: absolute;
  z-index: 3;
  display: grid;
  place-items: center;
  width: var(--node-size);
  height: var(--node-size);
  transform: translate(-50%,-50%);
  padding: 0;
  border: 2px solid rgba(107,92,231,.55);
  border-radius: 50%;
  background: rgba(255,255,255,.95);
  color: var(--purple-dark);
  box-shadow: 0 3px 10px rgba(34,39,50,.12);
  cursor: pointer;
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.landscape-node:hover,
.landscape-node:focus-visible { transform: translate(-50%,-50%) scale(1.1); border-color: var(--purple-dark); box-shadow: 0 5px 14px rgba(58,48,170,.2); }
.landscape-node.active { border: 3px solid var(--cyan); background: #f7fffd; box-shadow: 0 0 0 5px rgba(21,154,140,.13), 0 5px 14px rgba(21,110,98,.18); }
.landscape-node > span { font-size: 10px; font-weight: 800; line-height: 1; }
.landscape-node > small {
  position: absolute;
  top: calc(100% + 4px);
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
  max-width: 90px;
  padding: 2px 4px;
  border-radius: 4px;
  background: rgba(255,255,255,.9);
  color: var(--muted);
  font-size: 7px;
  line-height: 1.2;
  pointer-events: none;
}
.landscape-node.active > small { color: #087563; font-weight: 700; }
.landscape-axis { position: absolute; z-index: 2; color: var(--muted-faint); font-size: 8px; font-weight: 700; pointer-events: none; }
.axis-x-left { left: 8px; bottom: 6px; }
.axis-x-right { right: 8px; bottom: 6px; }
.axis-y-top { left: 51%; top: 6px; transform: translateX(-50%); }
.axis-y-bottom { left: 51%; bottom: 6px; transform: translateX(-50%); }
.landscape-legend { margin: 7px 2px 0; color: var(--muted); font-size: 8px; line-height: 1.4; }
.landscape-legend > span { display: inline-block; width: 9px; height: 9px; margin-right: 3px; vertical-align: -1px; }
.legend-active { border: 2px solid var(--cyan); border-radius: 50%; }
.legend-node { border: 2px solid var(--purple); border-radius: 50%; }
.legend-edge { width: 13px !important; height: 0 !important; border-top: 1px dashed var(--muted); }
.landscape-direction-panel { display: grid; align-content: start; gap: 10px; min-width: 0; }
.landscape-trend-card {
  padding: 11px;
  border-left: 3px solid var(--cyan);
  border-radius: 0 9px 9px 0;
  background: var(--cyan-soft);
}
.landscape-trend-card > span { display: block; color: var(--muted); font-size: 8px; text-transform: uppercase; letter-spacing: .05em; }
.landscape-trend-card strong { display: block; margin: 4px 0; color: #087563; font-size: 13px; }
.landscape-trend-card p { margin: 0; color: var(--ink-soft); font-size: 9px; line-height: 1.5; }
.direction-heading { display: grid; gap: 2px; }
.direction-heading span { color: var(--ink); font-size: 11px; font-weight: 700; }
.direction-heading small { color: var(--muted); font-size: 8px; }
.landscape-direction-list { display: grid; gap: 8px; }
.landscape-direction-card {
  display: grid;
  gap: 6px;
  padding: 9px;
  border: 1px solid var(--rule-soft);
  border-radius: 9px;
  background: var(--paper-soft);
}
.landscape-direction-card > div:first-child { display: grid; gap: 2px; }
.landscape-direction-card > div:first-child span { color: var(--purple); font-size: 8px; font-weight: 700; text-transform: uppercase; }
.landscape-direction-card strong { font-size: 11px; line-height: 1.35; }
.landscape-direction-card p { margin: 0; color: var(--muted); font-size: 9px; line-height: 1.5; }
.direction-operators { display: flex; flex-wrap: wrap; gap: 4px; }
.direction-operators b { padding: 3px 5px; border-radius: 999px; background: var(--purple-soft); color: var(--purple); font: 700 7px/1 var(--mono); }
.landscape-direction-card button { padding: 6px 8px; font-size: 9px; }
.landscape-policy { margin: 11px 0 0; padding-top: 9px; border-top: 1px solid var(--rule-soft); color: var(--muted); font-size: 9px; line-height: 1.5; }
.input-attention { animation: inputAttention .9s ease; }
@keyframes inputAttention {
  0%,100% { box-shadow: none; }
  35% { box-shadow: 0 0 0 4px rgba(107,92,231,.2); border-color: var(--purple); }
}

.expression-head-actions { display: flex; align-items: center; gap: 10px; white-space: nowrap; }
.expression-head-actions > strong { color: var(--purple); font: 700 22px/1 var(--mono); }
.expression-progress-track { height: 10px; border-radius: 999px; background: #e9ebef; overflow: hidden; }
.expression-progress-track > span { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--purple), var(--cyan)); transition: width .3s ease; }
.expression-current-row { display: flex; align-items: baseline; gap: 8px; margin: 9px 0 11px; }
.expression-current-row > span { color: var(--muted); font-size: 9px; }
.expression-current-row strong { color: var(--purple); font-size: 12px; }
.expression-current-row small { margin-left: auto; color: var(--muted); font-size: 8px; text-align: right; }
.expression-stage-list { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 8px; }
.expression-stage {
  position: relative;
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 8px 7px;
  border: 1px solid var(--rule);
  border-radius: 9px;
  background: var(--paper-soft);
  color: var(--muted);
  text-align: left;
  cursor: pointer;
}
.expression-stage:hover,
.expression-stage:focus-visible,
.expression-stage.inspected { border-color: rgba(107,92,231,.55); background: rgba(107,92,231,.04); }
.expression-stage.current { border-color: var(--cyan); box-shadow: inset 0 0 0 1px rgba(21,154,140,.2); color: #087563; }
.expression-stage.done { color: var(--purple-dark); }
.expression-stage.locked { opacity: .66; background: repeating-linear-gradient(135deg,#fafafa,#fafafa 6px,#f1f2f5 6px,#f1f2f5 12px); }
.expression-stage-number { position: absolute; top: 5px; left: 6px; width: 17px; height: 17px; display: grid; place-items: center; border-radius: 50%; background: var(--paper); border: 1px solid var(--rule); font-size: 8px; font-weight: 700; }
.expression-stage-visual { display: grid; place-items: center; height: 82px; color: currentColor; }
.expression-stage-visual svg { width: 100%; height: 100%; overflow: visible; }
.expression-stage-visual .point { fill: currentColor; opacity: .72; }
.expression-stage-visual .anchor { fill: var(--orange); stroke: #fff; stroke-width: 1.2; }
.expression-stage-visual .edge { fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; opacity: .78; }
.expression-stage-visual .face { fill: currentColor; stroke: currentColor; stroke-width: 1.1; opacity: .16; }
.expression-stage-visual .fold { fill: none; stroke: currentColor; stroke-width: 1.35; stroke-linejoin: round; stroke-dasharray: 4 3; opacity: .7; }
.expression-stage-visual .fold.ready { stroke: var(--success); opacity: 1; }
.expression-stage-visual .lock-label { fill: currentColor; font: 700 5px/1 var(--mono); letter-spacing: .06em; }
.expression-stage > strong { color: currentColor; font-size: 10px; text-align: center; line-height: 1.25; }
.expression-stage > span { color: var(--muted); font-size: 8px; text-align: center; }
.expression-inspector { display: grid; grid-template-columns: auto 1fr; align-items: baseline; gap: 8px; margin-top: 10px; padding: 9px 10px; border-left: 3px solid var(--purple); background: var(--purple-soft); }
.expression-inspector b { color: var(--purple-dark); font-size: 10px; }
.expression-inspector p { margin: 0; color: var(--ink-soft); font-size: 9px; line-height: 1.5; }

@media (max-width: 1100px) {
  .landscape-layout { grid-template-columns: 1fr; }
  .landscape-direction-list { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .creative-landscape-map { min-height: 290px; }
}
@media (max-width: 760px) {
  .landscape-head, .expression-head { flex-direction: column; }
  .landscape-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .landscape-direction-list { grid-template-columns: 1fr; }
  .expression-stage-list { grid-template-columns: 1fr 1fr; }
  .expression-stage:last-child { grid-column: 1 / -1; }
  .expression-current-row { display: grid; grid-template-columns: auto 1fr; }
  .expression-current-row small { grid-column: 1 / -1; margin-left: 0; text-align: left; }
}

/* v0.1.12 · FoldSkill registry and community sandbox */
.fold-skill-card { display: grid; gap: 12px; }
.fold-skill-intro,
.fold-skill-description { margin: 0; color: var(--muted, #667085); font-size: .88rem; line-height: 1.65; }
.fold-skill-badges { display: flex; gap: 7px; flex-wrap: wrap; }
.fold-skill-badges span { border-radius: 999px; padding: 4px 8px; font-size: .72rem; font-weight: 700; border: 1px solid rgba(107,92,231,.2); background: rgba(107,92,231,.08); color: #5145cd; }
.fold-skill-badges span[data-kind="ok"] { color: #13795b; background: rgba(19,121,91,.08); border-color: rgba(19,121,91,.18); }
.fold-skill-badges span[data-kind="warn"] { color: #9a6700; background: rgba(245,158,11,.09); border-color: rgba(245,158,11,.2); }
.fold-skill-effects { display: flex; gap: 6px; flex-wrap: wrap; }
.fold-skill-effects span { padding: 4px 8px; border-radius: 999px; background: #f5f3ff; color: #5b4ad5; font-size: .74rem; }
.fold-skill-transform-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.fold-skill-transform-grid label { display: grid; gap: 5px; font-size: .78rem; color: var(--muted, #667085); }
.fold-skill-transform-grid input,
.fold-skill-transform-grid select { width: 100%; min-width: 0; border: 1px solid #ddd8f8; border-radius: 9px; padding: 8px 9px; background: #fff; color: #26213f; }
.fold-skill-transform-grid .fold-skill-mirror { display: flex; align-items: center; gap: 8px; align-self: end; min-height: 38px; padding: 8px 9px; border: 1px solid #e5e1f6; border-radius: 9px; background: #faf9ff; }
.fold-skill-transform-grid .fold-skill-mirror input { width: auto; }
.fold-skill-preview { border: 1px solid #ddd8f8; background: #fbfaff; border-radius: 14px; padding: 12px; display: grid; gap: 10px; }
.fold-skill-preview[hidden] { display: none; }
.fold-skill-preview-svg { min-height: 190px; border-radius: 12px; background: #171625; overflow: hidden; }
.fold-skill-preview-svg svg { width: 100%; height: 210px; display: block; }
.fold-skill-preview-svg .skill-roi { fill: none; stroke: rgba(255,255,255,.16); stroke-width: 1.2; }
.fold-skill-preview-svg polygon { fill: rgba(139,122,255,.16); stroke: rgba(184,174,255,.65); stroke-width: 1.4; }
.fold-skill-preview-svg .skill-lines line { stroke: #c9c0ff; stroke-width: 2.1; stroke-linecap: round; }
.fold-skill-preview-svg .skill-nodes circle { fill: #fff; stroke: #8b7aff; stroke-width: 1.5; }
.fold-skill-preview p { margin: 0; font-size: .8rem; color: #59536d; line-height: 1.55; }
.fold-skill-community { display: grid; gap: 10px; border-top: 1px solid #ece9f7; padding-top: 12px; }
.fold-skill-community > div:first-child { display: grid; gap: 3px; }
.fold-skill-community small { color: var(--muted, #667085); font-size: .72rem; }
@media (max-width: 520px) {
  .fold-skill-transform-grid { grid-template-columns: 1fr; }
}

/* ===== v0.1.13 FEATURE COMMAND PALETTE + FOLDSKILL COMPOSER ===== */
.command-open-button {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.command-open-button b { color: var(--purple); font-size: 9px; }
.command-open-button:hover { border-color: var(--purple); background: var(--purple-soft); color: var(--purple); }
.feature-quickbar {
  position: sticky;
  top: 8px;
  z-index: 30;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: 12px 0 16px;
  padding: 9px 10px;
  border: 1px solid rgba(107,92,231,.25);
  border-radius: 10px;
  background: rgba(255,255,255,.94);
  backdrop-filter: blur(12px);
  box-shadow: 0 8px 22px rgba(33,38,51,.08);
}
.feature-quickbar-copy { display: grid; gap: 1px; min-width: 152px; }
.feature-quickbar-copy strong { color: var(--purple); font-size: 11px; }
.feature-quickbar-copy span { color: var(--muted); font-size: 9px; }
.feature-quickbar-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 5px; }
.feature-quickbar-actions button {
  border: 1px solid var(--rule);
  border-radius: 6px;
  background: var(--paper);
  color: var(--ink-soft);
  padding: 6px 8px;
  font-size: 10px;
  cursor: pointer;
}
.feature-quickbar-actions button:hover { border-color: var(--purple); color: var(--purple); background: var(--purple-soft); }
.feature-quickbar-actions .feature-quickbar-all { border-color: var(--purple); color: var(--purple); font-weight: 750; }
.feature-quickbar kbd { margin-left: 5px; border: 1px solid rgba(107,92,231,.25); border-radius: 4px; padding: 1px 4px; background: var(--purple-soft); font-size: 8px; }
.feature-command-palette[hidden] { display: none; }
.feature-command-palette { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: start center; padding: min(12vh, 90px) 16px 20px; }
.feature-command-backdrop { position: absolute; inset: 0; border: 0; background: rgba(28,32,42,.55); cursor: default; }
.feature-command-dialog {
  position: relative;
  width: min(680px, 100%);
  max-height: min(74vh, 680px);
  display: grid;
  grid-template-rows: auto auto auto minmax(120px, 1fr) auto;
  overflow: hidden;
  border: 1px solid rgba(107,92,231,.32);
  border-radius: 14px;
  background: var(--paper);
  box-shadow: 0 30px 90px rgba(20,24,34,.32);
}
.feature-command-head { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 16px 17px 11px; }
.feature-command-head span { color: var(--purple); font-size: 9px; font-weight: 800; letter-spacing: .08em; }
.feature-command-head h2 { margin: 3px 0 0; font-size: 18px; }
.feature-command-head button { border: 1px solid var(--rule); border-radius: 5px; background: var(--paper-soft); color: var(--muted); padding: 5px 8px; cursor: pointer; font-size: 10px; }
.feature-command-search { margin: 0 16px; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 9px; border: 1.5px solid var(--purple); border-radius: 9px; padding: 8px 10px; background: var(--paper-soft); }
.feature-command-search > span { color: var(--purple); font-size: 20px; }
.feature-command-search input { min-width: 0; border: 0; outline: 0; background: transparent; color: var(--ink); font-size: 14px; }
.feature-command-search kbd { border: 1px solid var(--rule); border-radius: 4px; background: var(--paper); color: var(--muted); padding: 3px 5px; font-size: 8px; }
.feature-command-meta { display: flex; justify-content: space-between; gap: 10px; padding: 8px 17px; color: var(--muted); font-size: 9px; border-bottom: 1px solid var(--rule-soft); }
.feature-command-results { overflow-y: auto; padding: 7px; }
.feature-command-category { padding: 7px 9px 4px; color: var(--muted); font-size: 8px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.feature-command-item { width: 100%; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 12px; align-items: center; border: 1px solid transparent; border-radius: 8px; background: transparent; padding: 9px 10px; text-align: left; cursor: pointer; }
.feature-command-item:hover, .feature-command-item.active { border-color: rgba(107,92,231,.3); background: var(--purple-soft); }
.feature-command-item strong { display: block; color: var(--ink); font-size: 12px; }
.feature-command-item p { margin: 2px 0 0; color: var(--muted); font-size: 10px; line-height: 1.45; }
.feature-command-item span { color: var(--purple); font-size: 9px; white-space: nowrap; }
.feature-command-empty { margin: 18px; border: 1px dashed var(--rule); border-radius: 9px; padding: 20px; text-align: center; color: var(--muted); }
.feature-command-policy { margin: 0; padding: 9px 17px 11px; border-top: 1px solid var(--rule-soft); color: var(--muted); background: var(--paper-soft); font-size: 9px; line-height: 1.5; }
body.command-palette-open { overflow: hidden; }
.command-target-flash { animation: commandTargetFlash 1.35s ease; }
@keyframes commandTargetFlash {
  0%, 100% { outline: 0 solid transparent; }
  18% { outline: 4px solid rgba(107,92,231,.28); outline-offset: 4px; }
}
.fold-skill-composer { margin-top: 14px; border-top: 1px solid var(--rule); padding-top: 13px; }
.fold-skill-composer-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; }
.fold-skill-composer-head > div { display: grid; gap: 3px; }
.fold-skill-composer-head strong { color: var(--ink); font-size: 12px; }
.fold-skill-composer-head small { color: var(--muted); font-size: 9px; line-height: 1.45; }
.fold-skill-composer-head > span { flex: 0 0 auto; border: 1px solid rgba(217,119,6,.28); border-radius: 999px; padding: 3px 6px; color: var(--orange); background: rgba(217,119,6,.06); font-size: 8px; font-weight: 800; }
.fold-skill-composer-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 11px; }
.fold-skill-composer-grid label { display: grid; gap: 4px; color: var(--muted); font-size: 9px; }
.fold-skill-composer-grid input, .fold-skill-composer-grid select { width: 100%; min-width: 0; border: 1px solid var(--rule); border-radius: 6px; padding: 7px 8px; background: var(--paper-soft); color: var(--ink); }
.fold-skill-composer-grid .fold-skill-rights { grid-column: 1 / -1; display: flex; align-items: flex-start; gap: 7px; color: var(--ink-soft); line-height: 1.45; }
.fold-skill-composer-grid .fold-skill-rights input { width: auto; margin-top: 2px; }
.fold-skill-composer-actions { grid-template-columns: 1fr auto; }
.fold-skill-composer-preview { margin-top: 10px; border: 1px solid rgba(107,92,231,.25); border-radius: 8px; padding: 10px; background: var(--purple-soft); }
.fold-skill-composer-preview > p { margin: 8px 0 0; color: var(--ink-soft); font-size: 10px; line-height: 1.55; }
.fold-skill-composer-preview .model-json-preview { max-height: 220px; overflow: auto; background: #252735; color: #e9e9f5; }
@media (max-width: 980px) {
  .feature-quickbar { position: static; align-items: flex-start; flex-direction: column; }
  .feature-quickbar-actions { justify-content: flex-start; }
}
@media (max-width: 520px) {
  .feature-quickbar-copy { min-width: 0; }
  .feature-quickbar-actions button:not(.feature-quickbar-all) { display: none; }
  .feature-command-palette { padding-top: 18px; }
  .feature-command-dialog { max-height: 90vh; }
  .fold-skill-composer-grid { grid-template-columns: 1fr; }
  .fold-skill-composer-grid .fold-skill-rights { grid-column: auto; }
}

/* ===== v0.1.14 PHYSICAL Y-POINT FIDELITY + VISIBLE AUTHORING FEEDBACK ===== */
.point-glyph-control { margin-left: auto; display: grid; gap: 3px; color: var(--muted); font-size: 9px; white-space: nowrap; }
.point-glyph-control select { border: 1px solid var(--rule); border-radius: 6px; background: var(--paper-soft); color: var(--ink); padding: 5px 7px; font-size: 10px; }
.board-static-fallback .fallback-points { fill: none; stroke: currentColor; stroke-width: .85; stroke-linecap: round; opacity: .42; }
.fold-skill-composer-feedback { margin-top: 9px; display: grid; grid-template-columns: auto minmax(0,1fr); gap: 7px 9px; align-items: start; border: 1px solid var(--rule); border-radius: 8px; padding: 8px 9px; background: var(--paper-soft); color: var(--ink-soft); font-size: 9px; line-height: 1.5; }
.fold-skill-composer-feedback strong { color: var(--ink); white-space: nowrap; }
.fold-skill-composer-feedback[data-state="ready"] { border-color: rgba(21,154,140,.35); background: rgba(21,154,140,.06); }
.fold-skill-composer-feedback[data-state="warn"] { border-color: rgba(217,119,6,.38); background: rgba(217,119,6,.065); }
.fold-skill-composer-feedback[data-state="error"] { border-color: rgba(190,24,93,.42); background: rgba(190,24,93,.065); color: #9f1239; }
.fold-skill-composer-feedback[data-state="success"] { border-color: rgba(107,92,231,.38); background: var(--purple-soft); }
.fold-skill-rights.is-gate-error { outline: 3px solid rgba(190,24,93,.17); outline-offset: 3px; border-radius: 6px; animation: rightsGatePulse .55s ease 2; }
@keyframes rightsGatePulse { 50% { transform: translateX(2px); } }
.fold-skill-composer-mini-preview { min-height: 150px; margin-top: 9px; border: 1px solid rgba(107,92,231,.2); border-radius: 8px; background: rgba(255,255,255,.72); display: grid; place-items: center; overflow: hidden; }
.fold-skill-composer-mini-preview svg { width: 100%; height: 170px; }
.fold-skill-composer-mini-preview .author-face { fill: rgba(107,92,231,.12); stroke: rgba(107,92,231,.6); stroke-width: 1.2; }
.fold-skill-composer-mini-preview .author-edge { stroke: var(--purple); stroke-width: 2.2; stroke-linecap: round; }
.fold-skill-composer-mini-preview .author-node { fill: #fff; stroke: var(--purple); stroke-width: 1.5; }
.fold-skill-composer-mini-preview .author-anchor { fill: rgba(217,119,6,.16); stroke: var(--orange); stroke-width: 2.2; }
.fold-skill-composer-mini-preview .author-port { fill: rgba(21,154,140,.13); stroke: var(--cyan); stroke-width: 2; }
.fold-skill-composer-mini-preview text { fill: var(--ink-soft); font: 7px system-ui; }
.fold-skill-json-details { margin-top: 8px; }
.fold-skill-json-details summary { cursor: pointer; color: var(--purple); font-size: 9px; font-weight: 700; }
.fold-skill-authoring-legend { position: absolute; z-index: 4; left: 12px; top: 12px; max-width: min(360px, calc(100% - 24px)); display: grid; gap: 2px; border: 1px solid rgba(217,119,6,.38); border-radius: 8px; padding: 8px 10px; background: rgba(255,252,245,.95); color: var(--ink-soft); box-shadow: 0 5px 18px rgba(31,41,55,.08); pointer-events: none; }
.fold-skill-authoring-legend[hidden] { display: none; }
.fold-skill-authoring-legend strong { color: var(--orange); font-size: 10px; }
.fold-skill-authoring-legend span { font-size: 9px; line-height: 1.45; }
.fold-skill-preview-flash { animation: foldSkillPreviewFlash 1.15s ease; }
@keyframes foldSkillPreviewFlash { 25% { box-shadow: 0 0 0 5px rgba(217,119,6,.2); } }
@media (max-width: 980px) {
  .point-glyph-control { margin-left: 0; }
}

/* ===== v0.1.15 LOCAL AUTHORING + PORT COMPOSER + SURFACEPACK ===== */
.point-glyph-control small {
  display: block;
  margin-top: 3px;
  font-size: 10px;
  font-weight: 700;
  color: var(--muted);
  white-space: nowrap;
}
.point-glyph-control small[data-mode="dot"] { color: var(--cyan); }
.point-glyph-control small[data-mode="y"] { color: var(--purple); }

.fold-skill-port-composer,
.surface-pack-section {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--rule);
}
.fold-skill-composition-preview {
  margin-top: 12px;
  padding: 12px;
  border: 1px solid rgba(107,92,231,.24);
  border-radius: 12px;
  background: rgba(107,92,231,.035);
}
.fold-skill-composition-preview .pass-item {
  color: var(--cyan);
  font-weight: 700;
}
.surface-pack-section input[type="range"] {
  width: calc(100% - 52px);
  vertical-align: middle;
}
.surface-pack-section label > span {
  display: inline-block;
  min-width: 46px;
  text-align: right;
  color: var(--purple);
  font-weight: 700;
}

/* ===== v0.1.16 Form-to-Fold Lab ===== */
.form-to-fold-card { display: grid; gap: 12px; }
.form-to-fold-origin { margin: 0; padding: 10px 12px; border-left: 3px solid var(--purple); background: rgba(109, 91, 208, 0.07); border-radius: 0 8px 8px 0; color: var(--muted); font-size: 0.82rem; }
.form-to-fold-controls { display: grid; gap: 10px; }
.form-to-fold-controls label { display: grid; gap: 5px; }
.form-to-fold-controls input[type="range"] { width: 100%; }
.form-to-fold-guidance { display: grid; gap: 4px; padding: 10px 12px; border-radius: 10px; background: rgba(32, 134, 197, 0.08); border: 1px solid rgba(32, 134, 197, 0.22); }
.form-to-fold-guidance[data-kind="error"] { background: rgba(196, 74, 74, 0.09); border-color: rgba(196, 74, 74, 0.35); color: #8c2929; }
.form-to-fold-guidance[data-kind="ok"] { background: rgba(22, 139, 105, 0.09); border-color: rgba(22, 139, 105, 0.3); color: #11644e; }
.form-to-fold-guidance strong { font-size: 0.86rem; }
.form-to-fold-guidance span { font-size: 0.82rem; line-height: 1.55; }
.form-to-fold-report { display: grid; gap: 9px; padding: 12px; border-radius: 12px; border: 1px solid var(--line); background: rgba(255,255,255,0.7); }
.form-to-fold-view-card { position: relative; }
.form-to-fold-canvas-wrap { position: relative; height: clamp(300px, 38vw, 480px); overflow: hidden; border-radius: 16px; border: 1px solid rgba(104, 93, 170, 0.2); background: radial-gradient(circle at 50% 45%, rgba(119, 106, 211, 0.18), rgba(19, 22, 38, 0.96) 70%); }
#formToFoldCanvas { width: 100%; height: 100%; display: block; cursor: grab; touch-action: none; }
#formToFoldCanvas:active { cursor: grabbing; }
.form-to-fold-empty { position: absolute; inset: 0; display: grid; place-content: center; gap: 8px; text-align: center; padding: 24px; color: rgba(255,255,255,0.88); pointer-events: none; }
.form-to-fold-empty strong { font-size: 1.05rem; }
.form-to-fold-empty span { max-width: 430px; color: rgba(255,255,255,0.62); font-size: 0.88rem; }
.form-to-fold-view-meta { display: flex; flex-wrap: wrap; gap: 8px 16px; justify-content: space-between; padding-top: 10px; color: var(--muted); font-size: 0.82rem; }
.secondary-button.compact { width: auto; min-height: 32px; padding: 6px 10px; font-size: 0.78rem; }
#formToFoldLiveBadge[data-state="ready"] { border-color: rgba(22,139,105,0.3); background: rgba(22,139,105,0.08); }
#formToFoldLiveBadge[data-state="preview"] { border-color: rgba(113,91,208,0.35); background: rgba(113,91,208,0.1); }
@media (max-width: 760px) {
  .form-to-fold-canvas-wrap { height: 320px; }
  .form-to-fold-view-meta { display: grid; }
}
.form-to-fold-empty[hidden] { display: none; }

/* v0.1.17 · Industrial delivery cockpit */
.delivery-cockpit {
  border: 1px solid rgba(103, 92, 190, 0.2);
  border-radius: 22px;
  padding: 22px;
  background: linear-gradient(145deg, rgba(248, 247, 255, 0.98), rgba(239, 246, 248, 0.96));
  box-shadow: 0 18px 48px rgba(47, 39, 91, 0.08);
}
.delivery-cockpit-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}
.delivery-cockpit-head h2 { margin: 4px 0 7px; }
.delivery-cockpit-head p { margin: 0; max-width: 760px; color: var(--muted); }
.delivery-score-badge {
  min-width: 118px;
  border-radius: 18px;
  padding: 13px 14px;
  text-align: center;
  color: #fff;
  background: #322c64;
}
.delivery-score-badge span { display: block; font-size: 30px; line-height: 1; font-weight: 800; }
.delivery-score-badge small { display: block; margin-top: 6px; opacity: .78; }
.delivery-cockpit-grid {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.18fr);
  gap: 18px;
}
.delivery-readiness-column,
.demo-journey-column {
  border: 1px solid rgba(53, 47, 102, .12);
  border-radius: 18px;
  padding: 16px;
  background: rgba(255,255,255,.76);
}
.delivery-readiness-column > label,
.demo-journey-column label { display: block; font-weight: 700; margin-bottom: 7px; }
.delivery-readiness-column select,
.demo-journey-column select { width: 100%; }
.delivery-description,
.demo-journey-promise { color: var(--muted); margin: 10px 0 14px; }
.delivery-gate-list { display: grid; gap: 10px; }
.delivery-gate-row > div:first-child { display: flex; justify-content: space-between; gap: 12px; font-size: 13px; }
.delivery-gate-row strong { color: #3e367b; }
.delivery-gate-track { height: 9px; margin-top: 5px; border-radius: 99px; overflow: hidden; background: rgba(51,43,102,.09); }
.delivery-gate-track i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #6f63df, #1a9a8b); }
.delivery-blockers { margin-top: 16px; padding-top: 13px; border-top: 1px dashed rgba(60,52,111,.2); }
.delivery-blockers ul { margin: 8px 0 0; padding: 0; list-style: none; display: grid; gap: 7px; }
.delivery-blockers li { display: flex; justify-content: space-between; gap: 12px; padding: 8px 10px; border-radius: 10px; background: rgba(199,84,65,.08); font-size: 13px; }
.delivery-blockers li span { color: #b24e3c; font-weight: 800; }
.demo-journey-head { display: flex; align-items: end; justify-content: space-between; gap: 14px; }
.demo-journey-head strong { font-size: 24px; color: #3e367b; }
.demo-journey-stage-list { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 8px; }
.demo-stage { min-height: 77px; display: grid; grid-template-columns: 24px 1fr; align-items: start; gap: 7px; padding: 10px; border-radius: 13px; border: 1px solid rgba(54,47,106,.12); background: rgba(247,247,252,.9); }
.demo-stage > span { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; font-size: 11px; font-weight: 800; background: rgba(62,54,123,.1); color: #3e367b; }
.demo-stage b { font-size: 13px; }
.demo-stage small { grid-column: 2; color: var(--muted); }
.demo-stage.done { border-color: rgba(31,147,126,.28); background: rgba(31,147,126,.08); }
.demo-stage.partial { border-color: rgba(111,99,223,.3); background: rgba(111,99,223,.08); }
.demo-stage.research { border-color: rgba(202,140,32,.34); background: rgba(202,140,32,.08); }
.demo-stage.blocked { border-color: rgba(190,74,60,.28); background: rgba(190,74,60,.07); }
.demo-journey-details { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 14px; }
.demo-journey-details > div { border-radius: 13px; padding: 11px; background: rgba(49,43,95,.045); }
.demo-journey-details ul { margin: 7px 0 0 17px; padding: 0; }
.demo-journey-details li { margin-bottom: 5px; color: var(--muted); }
.demo-next p { margin: 7px 0 0; color: #3e367b; font-weight: 650; }
.model-role-decision { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 10px; margin-top: 16px; }
.model-role-decision > div { border-radius: 14px; padding: 12px; background: rgba(46,42,91,.06); }
.model-role-decision span,
.model-role-decision b,
.model-role-decision small { display: block; }
.model-role-decision span { font-size: 11px; letter-spacing: .08em; color: #716b8f; }
.model-role-decision b { margin: 6px 0; font-size: 13px; }
.model-role-decision small { color: var(--muted); line-height: 1.5; }
.delivery-policy { margin: 13px 0 0; color: var(--muted); font-size: 12px; }
@media (max-width: 1000px) {
  .delivery-cockpit-grid, .model-role-decision { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .delivery-cockpit { padding: 15px; }
  .delivery-cockpit-head { display: grid; }
  .delivery-score-badge { width: 100%; }
  .demo-journey-stage-list { grid-template-columns: 1fr 1fr; }
  .demo-journey-details { grid-template-columns: 1fr; }
}

/* =========================================================
   v0.1.18 · Atelier semantic design system
   Color is functional: creative / structure / surface / method / quality / delivery
   ========================================================= */
:root {
  --bg: #e9e5dc;
  --paper: #fbfaf6;
  --paper-soft: #f3f0e9;
  --ink: #1b1c22;
  --ink-soft: #3f414a;
  --muted: #6e6d70;
  --muted-faint: #a19d96;
  --rule: #d7d1c6;
  --rule-soft: #e9e4da;
  --line: var(--rule);
  --purple: #6654c9;
  --purple-dark: #4f3fb3;
  --purple-soft: rgba(102,84,201,.10);
  --cyan: #247d79;
  --cyan-soft: rgba(36,125,121,.10);
  --orange: #b77823;
  --danger: #ad3f4b;
  --success: #2e7967;
  --tone-creative: #6b57c8;
  --tone-creative-soft: rgba(107,87,200,.11);
  --tone-structure: #315f93;
  --tone-structure-soft: rgba(49,95,147,.11);
  --tone-surface: #ad5b3f;
  --tone-surface-soft: rgba(173,91,63,.11);
  --tone-method: #b17b27;
  --tone-method-soft: rgba(177,123,39,.12);
  --tone-quality: #2f7967;
  --tone-quality-soft: rgba(47,121,103,.11);
  --tone-delivery: #34333b;
  --tone-delivery-soft: rgba(52,51,59,.09);
  --shadow-card: 0 10px 28px rgba(47,42,32,.075), 0 1px 0 rgba(255,255,255,.85) inset;
  --shadow-float: 0 20px 52px rgba(31,29,26,.14);
}

body {
  background-color: var(--bg);
  background-image:
    linear-gradient(rgba(58,55,48,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(58,55,48,.035) 1px, transparent 1px),
    radial-gradient(circle at 14% 8%, rgba(107,87,200,.08), transparent 28%),
    radial-gradient(circle at 88% 18%, rgba(177,123,39,.07), transparent 30%);
  background-size: 24px 24px, 24px 24px, auto, auto;
}

.page-shell { max-width: 1660px; padding: 24px 26px 48px; }

.hero {
  position: relative;
  overflow: hidden;
  align-items: center;
  padding: 28px 30px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 20px;
  background:
    linear-gradient(115deg, rgba(255,255,255,.05), transparent 34%),
    linear-gradient(135deg, #191a21 0%, #24232d 56%, #2c2934 100%);
  color: #f6f2e9;
  box-shadow: var(--shadow-float);
  margin-bottom: 12px;
}
.hero::before,
.hero::after {
  content: "";
  position: absolute;
  pointer-events: none;
}
.hero::before {
  width: 360px;
  height: 360px;
  right: -115px;
  top: -190px;
  border: 1px solid rgba(255,255,255,.10);
  transform: rotate(28deg);
  background: linear-gradient(135deg, rgba(177,123,39,.16), transparent 58%);
}
.hero::after {
  left: 46%;
  bottom: -90px;
  width: 280px;
  height: 180px;
  border-left: 1px solid rgba(255,255,255,.08);
  border-top: 1px solid rgba(255,255,255,.08);
  transform: rotate(-18deg) skewX(-14deg);
}
.hero > * { position: relative; z-index: 1; }
.eyebrow { color: #d5c9ff; }
.eyebrow > i { background: #d5c9ff; }
h1,
.canvas-head h2,
.landscape-head h2,
.expression-head h2,
.delivery-cockpit-head h2,
.business-plan-head h2 {
  font-family: "Iowan Old Style", "Noto Serif SC", "Source Han Serif SC", "Songti SC", Georgia, serif;
}
h1 { max-width: 920px; font-weight: 600; letter-spacing: -.035em; }
h1 em { color: #e6b96f; font-style: normal; }
.hero-copy { color: rgba(246,242,233,.72); max-width: 900px; }
.hero-status { max-width: 420px; }
.hero .status-pill {
  border-color: rgba(255,255,255,.14);
  background: rgba(255,255,255,.055);
  color: rgba(255,255,255,.72);
  backdrop-filter: blur(6px);
}
.hero .status-pill.on { border-color: rgba(230,185,111,.55); color: #f3d39c; background: rgba(177,123,39,.16); }
.hero .command-open-button:hover { border-color: #d5c9ff; color: #fff; background: rgba(107,87,200,.28); }
.hero .command-open-button b { color: #d5c9ff; }

.semantic-color-legend {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 1px;
  margin: 0 8px 14px;
  overflow: hidden;
  border: 1px solid var(--rule);
  border-radius: 0 0 13px 13px;
  background: var(--rule);
  box-shadow: 0 8px 18px rgba(45,40,31,.045);
}
.semantic-color-legend > div {
  display: grid;
  grid-template-columns: 9px auto;
  grid-template-rows: auto auto;
  column-gap: 8px;
  align-items: center;
  padding: 9px 11px;
  background: rgba(251,250,246,.92);
}
.semantic-color-legend span { grid-row: 1 / 3; width: 5px; height: 28px; border-radius: 99px; }
.semantic-color-legend span[data-tone="creative"] { background: var(--tone-creative); }
.semantic-color-legend span[data-tone="structure"] { background: var(--tone-structure); }
.semantic-color-legend span[data-tone="surface"] { background: var(--tone-surface); }
.semantic-color-legend span[data-tone="method"] { background: var(--tone-method); }
.semantic-color-legend span[data-tone="quality"] { background: var(--tone-quality); }
.semantic-color-legend span[data-tone="delivery"] { background: var(--tone-delivery); }
.semantic-color-legend b { font-size: 10px; color: var(--ink); }
.semantic-color-legend small { font-size: 8px; color: var(--muted); line-height: 1.3; }

.industrial-progress-panel,
.feature-quickbar,
.creative-momentum,
.creative-landscape-panel,
.expression-storyboard,
.delivery-cockpit,
.business-plan-panel,
.panel-card,
.canvas-card,
.status-bar {
  box-shadow: var(--shadow-card);
}

.workspace { grid-template-columns: 320px minmax(560px, 1fr) 320px; gap: 22px; }
.panel-card, .canvas-card { border-color: var(--rule); border-radius: 13px; }
.panel-card { position: relative; overflow: hidden; }
.panel-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: var(--section-tone, var(--tone-creative));
  opacity: .88;
}
.panel-section { --section-tone: var(--tone-creative); --section-soft: var(--tone-creative-soft); }
#feature-seed, #feature-epigraph, #feature-refine, #feature-model, #feature-breeding,
#feature-proposals, #feature-current-branch { --section-tone: var(--tone-creative); --section-soft: var(--tone-creative-soft); }
#feature-art, #feature-surfacepacks { --section-tone: var(--tone-surface); --section-soft: var(--tone-surface-soft); }
#feature-foldskills, #feature-foldskill-port-composer, #feature-foldskill-composer,
#feature-stats, #boardWorkspace { --section-tone: var(--tone-structure); --section-soft: var(--tone-structure-soft); }
#feature-form-to-fold, #formToFold3DPanel { --section-tone: var(--tone-method); --section-soft: var(--tone-method-soft); }
#feature-harness { --section-tone: var(--tone-quality); --section-soft: var(--tone-quality-soft); }
#feature-session, #feature-production { --section-tone: var(--tone-delivery); --section-soft: var(--tone-delivery-soft); }

.section-heading {
  min-height: 31px;
  padding: 6px 8px 7px;
  border-bottom: 0;
  border-radius: 7px;
  background: linear-gradient(90deg, var(--section-soft), transparent 88%);
  color: var(--ink-soft);
  letter-spacing: .055em;
}
.section-heading > span {
  display: inline-grid;
  place-items: center;
  min-width: 25px;
  height: 20px;
  padding: 0 5px;
  border-radius: 4px;
  background: var(--section-tone);
  color: white;
  font-size: 8px;
}
.panel-section .primary-button { background: var(--section-tone); }
.panel-section .primary-button:hover { filter: brightness(.88); }
.panel-section .secondary-button:hover,
.panel-section textarea:focus,
.panel-section select:focus { border-color: var(--section-tone); box-shadow: 0 0 0 3px var(--section-soft); color: var(--section-tone); }

.canvas-card { border-top: 3px solid var(--section-tone, var(--tone-structure)); }
.canvas-head {
  padding: 15px 17px 12px;
  background: linear-gradient(90deg, var(--section-soft, var(--tone-structure-soft)), rgba(251,250,246,.92) 42%, rgba(251,250,246,.98));
}
.canvas-kicker { color: var(--section-tone, var(--tone-structure)); }
.board-card { --section-tone: var(--tone-structure); --section-soft: var(--tone-structure-soft); }
.art-card { --section-tone: var(--tone-surface); --section-soft: var(--tone-surface-soft); }
.form-to-fold-view-card { --section-tone: var(--tone-method); --section-soft: var(--tone-method-soft); }
.creative-landscape-panel { border-top: 3px solid var(--tone-creative); }
.expression-storyboard { border-top: 3px solid var(--tone-surface); }
.delivery-cockpit { border-top: 3px solid var(--tone-delivery); }

.feature-quickbar {
  border-radius: 12px;
  border-color: rgba(52,51,59,.15);
  background: rgba(251,250,246,.92);
}
.feature-quickbar-actions button { border-radius: 999px; }
.feature-quickbar-actions button:nth-child(1),
.feature-quickbar-actions button:nth-child(3),
.feature-quickbar-actions button:nth-child(7) { border-color: rgba(107,87,200,.26); color: var(--tone-creative); background: var(--tone-creative-soft); }
.feature-quickbar-actions button:nth-child(2),
.feature-quickbar-actions button:nth-child(4) { border-color: rgba(49,95,147,.26); color: var(--tone-structure); background: var(--tone-structure-soft); }
.feature-quickbar-actions button:nth-child(5) { border-color: rgba(177,123,39,.3); color: #8b5e18; background: var(--tone-method-soft); }
.feature-quickbar-actions button:nth-child(6),
.feature-quickbar-actions button:nth-child(7) { }
.feature-quickbar-actions button[data-feature-command="goto.delivery"],
.feature-quickbar-actions button[data-feature-command="goto.business"] { border-color: rgba(52,51,59,.24); color: var(--tone-delivery); background: var(--tone-delivery-soft); }
.feature-quickbar-actions button[data-feature-command="goto.harness"] { border-color: rgba(47,121,103,.28); color: var(--tone-quality); background: var(--tone-quality-soft); }

/* Fold method Skills */
.fold-method-skill-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 8px;
}
.fold-method-skill-card {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0,1fr);
  grid-template-rows: auto auto auto;
  gap: 2px 9px;
  min-height: 82px;
  padding: 10px 10px 9px;
  border: 1px solid var(--rule);
  border-radius: 10px;
  background: var(--paper-soft);
  color: var(--ink);
  text-align: left;
  cursor: pointer;
  overflow: hidden;
}
.fold-method-skill-card::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 3px;
  background: var(--tone-method);
  opacity: .26;
}
.fold-method-skill-card > span {
  grid-row: 1 / 4;
  display: grid;
  place-items: center;
  width: 25px;
  height: 25px;
  border: 1px solid rgba(177,123,39,.28);
  border-radius: 50%;
  color: #8b5e18;
  font-size: 8px;
  font-weight: 800;
}
.fold-method-skill-card strong { font-size: 11px; }
.fold-method-skill-card small { color: var(--muted); font-size: 8px; }
.fold-method-skill-card em { color: #8b5e18; font-size: 8px; font-style: normal; }
.fold-method-skill-card.executable small { color: var(--tone-quality); }
.fold-method-skill-card.research { opacity: .72; }
.fold-method-skill-card:hover { border-color: rgba(177,123,39,.55); background: var(--tone-method-soft); }
.fold-method-skill-card.active {
  border-color: var(--tone-method);
  background: linear-gradient(135deg, rgba(177,123,39,.16), rgba(251,250,246,.95));
  box-shadow: 0 0 0 3px var(--tone-method-soft);
}
.fold-method-skill-card.active::after { opacity: 1; }

.form-to-fold-card::before { background: var(--tone-method); }
.form-to-fold-origin { border-left-color: var(--tone-method); background: var(--tone-method-soft); }
.form-to-fold-canvas-wrap {
  border-color: rgba(177,123,39,.28);
  background:
    radial-gradient(circle at 48% 42%, rgba(220,170,84,.18), transparent 28%),
    linear-gradient(145deg, #171821, #25232a 66%, #30291f);
}

/* Business plan */
.business-plan-panel {
  border: 1px solid rgba(52,51,59,.18);
  border-top: 3px solid var(--tone-delivery);
  border-radius: 14px;
  padding: 18px;
  background:
    linear-gradient(120deg, rgba(52,51,59,.06), transparent 34%),
    rgba(251,250,246,.95);
}
.business-plan-head { display: flex; justify-content: space-between; gap: 18px; align-items: start; }
.business-plan-head h2 { margin: 3px 0 7px; }
.business-plan-head p { margin: 0; color: var(--muted); max-width: 850px; line-height: 1.65; }
.business-plan-head a {
  flex: 0 0 auto;
  border: 1px solid rgba(52,51,59,.25);
  border-radius: 999px;
  padding: 8px 11px;
  color: var(--tone-delivery);
  background: var(--paper);
  text-decoration: none;
  font-size: 10px;
  font-weight: 700;
}
.business-plan-head a:hover { background: var(--tone-delivery); color: white; }
.business-model-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 9px; margin-top: 15px; }
.business-model-grid article {
  position: relative;
  min-height: 132px;
  padding: 13px;
  border: 1px solid var(--rule);
  border-radius: 11px;
  background: var(--paper);
}
.business-model-grid article::before { content: ""; position: absolute; inset: 0 0 auto; height: 3px; border-radius: 11px 11px 0 0; background: var(--tone-delivery); }
.business-model-grid article[data-model="studio"]::before { background: var(--tone-creative); }
.business-model-grid article[data-model="b2b"]::before { background: var(--tone-delivery); }
.business-model-grid article[data-model="market"]::before { background: var(--tone-structure); }
.business-model-grid article[data-model="hardware"]::before { background: var(--tone-method); }
.business-model-grid article > span { color: var(--muted-faint); font: 700 9px/1 system-ui; }
.business-model-grid article b { display: block; margin-top: 11px; font-size: 12px; }
.business-model-grid article p { margin: 7px 0 0; color: var(--muted); font-size: 10px; line-height: 1.6; }
.business-stage-row { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 1px; margin-top: 12px; overflow: hidden; border: 1px solid var(--rule); border-radius: 10px; background: var(--rule); }
.business-stage-row > div { padding: 10px 12px; background: var(--paper-soft); }
.business-stage-row b { display: block; color: var(--tone-delivery); font-size: 10px; }
.business-stage-row span { display: block; margin-top: 4px; color: var(--muted); font-size: 9px; line-height: 1.45; }

/* Stronger visual hierarchy on canvases and controls */
.board-canvas-wrap { background: #fdfcf8; }
.tool-button.active { border-color: var(--tone-structure); background: var(--tone-structure); }
.primary-button { border-radius: 8px; }
.secondary-button { border-radius: 8px; }
textarea, select { background: #f8f6f1; }
.branch-tab.active { border-color: var(--tone-creative); color: var(--tone-creative); background: var(--tone-creative-soft); }
.status-bar { border-left: 4px solid var(--tone-structure); }

/* Scrollbar semantics */
.left-panel, .right-panel, .feature-command-results {
  scrollbar-width: thin;
  scrollbar-color: rgba(49,95,147,.56) transparent;
}
.left-panel::-webkit-scrollbar, .right-panel::-webkit-scrollbar, .feature-command-results::-webkit-scrollbar { width: 9px; }
.left-panel::-webkit-scrollbar-thumb, .right-panel::-webkit-scrollbar-thumb, .feature-command-results::-webkit-scrollbar-thumb { background: rgba(49,95,147,.48); border: 2px solid transparent; background-clip: padding-box; border-radius: 99px; }

@media (max-width: 1280px) {
  .semantic-color-legend { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .workspace { grid-template-columns: 292px minmax(500px,1fr) 292px; gap: 16px; }
  .business-model-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 980px) {
  .hero { padding: 22px; }
  .semantic-color-legend { margin-left: 0; margin-right: 0; }
  .business-plan-head { display: grid; }
  .business-plan-head a { justify-self: start; }
}
@media (max-width: 680px) {
  .semantic-color-legend { grid-template-columns: repeat(2, minmax(0,1fr)); border-radius: 10px; }
  .fold-method-skill-grid, .business-model-grid, .business-stage-row { grid-template-columns: 1fr; }
}

/* ===== v0.1.19 Starter / Expert dual studio ===== */
body:not(.interface-mode-ready) .starter-studio { display: none; }
body.interface-mode-starter .expert-studio { display: none; }
body.interface-mode-expert .starter-studio { display: none; }

.interface-mode-switch {
  display: grid;
  grid-template-columns: repeat(2, minmax(96px, 1fr));
  border: 1px solid rgba(255,255,255,.2);
  background: rgba(255,255,255,.07);
  padding: 3px;
  border-radius: 12px;
  gap: 3px;
}
.interface-mode-switch button {
  border: 0;
  background: transparent;
  color: rgba(255,255,255,.64);
  border-radius: 8px;
  padding: 7px 10px;
  cursor: pointer;
  text-align: left;
}
.interface-mode-switch button span,
.interface-mode-switch button small { display: block; }
.interface-mode-switch button span { font-weight: 780; font-size: 12px; }
.interface-mode-switch button small { margin-top: 2px; font-size: 9px; opacity: .75; }
.interface-mode-switch button[aria-pressed="true"] {
  background: #f5eddb;
  color: #2d2a2b;
  box-shadow: 0 3px 14px rgba(0,0,0,.18);
}
.mode-status-pill { border-color: rgba(131,211,193,.42) !important; color: #bceee2 !important; }

body.interface-mode-starter {
  --starter-ink: #24342f;
  --starter-green: #2d7964;
  --starter-green-soft: #e7f3ee;
  --starter-yellow: #f2b84b;
  --starter-blue: #4c78a8;
  --starter-coral: #d77458;
  background-color: #edf3ef;
  background-image:
    radial-gradient(circle at 15% 10%, rgba(242,184,75,.16), transparent 28%),
    radial-gradient(circle at 88% 16%, rgba(76,120,168,.12), transparent 24%),
    linear-gradient(135deg, rgba(255,255,255,.55), transparent 55%);
}
body.interface-mode-starter .hero {
  background: linear-gradient(125deg, #26463d 0%, #2f6655 57%, #376d5d 100%);
}
body.interface-mode-starter .hero::before { background: radial-gradient(circle, rgba(242,184,75,.28), transparent 68%); }
body.interface-mode-starter .eyebrow { color: #f4d89b; }
body.interface-mode-starter .eyebrow > i { background: #f4d89b; }
body.interface-mode-starter h1 em { color: #f5ca72; }

.starter-studio { display: grid; gap: 16px; }
.starter-welcome {
  display: grid;
  grid-template-columns: 1fr minmax(260px, 360px);
  gap: 22px;
  align-items: center;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(45,121,100,.18);
  border-radius: 18px;
  padding: 22px 24px;
  box-shadow: 0 16px 44px rgba(31,65,55,.08);
}
.starter-welcome > div > span {
  color: var(--starter-green);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .12em;
}
.starter-welcome h2 { margin: 7px 0 8px; color: var(--starter-ink); font-family: Georgia, "Noto Serif SC", serif; font-size: clamp(25px,3vw,38px); }
.starter-welcome p { margin: 0; max-width: 760px; color: #60716b; line-height: 1.8; }
.starter-safety-note { border-left: 4px solid var(--starter-yellow); background: #fff8e9; border-radius: 10px; padding: 14px 16px; }
.starter-safety-note b, .starter-safety-note small { display: block; }
.starter-safety-note b { color: #725313; margin-bottom: 5px; }
.starter-safety-note small { color: #836f47; line-height: 1.55; }

.starter-stepper {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  background: rgba(255,255,255,.84);
  border: 1px solid rgba(45,121,100,.16);
  border-radius: 14px;
  padding: 8px;
  gap: 6px;
}
.starter-stepper button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 46px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #7b8883;
  cursor: pointer;
}
.starter-stepper button span {
  display: grid;
  place-items: center;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #edf1ef;
  font-size: 11px;
  font-weight: 800;
}
.starter-stepper button b { font-size: 12px; }
.starter-stepper button.is-done { color: var(--starter-green); }
.starter-stepper button.is-done span { background: var(--starter-green-soft); }
.starter-stepper button.is-active { color: white; background: var(--starter-green); box-shadow: 0 8px 18px rgba(45,121,100,.2); }
.starter-stepper button.is-active span { background: white; color: var(--starter-green); }

.starter-workspace {
  display: grid;
  grid-template-columns: minmax(390px, .78fr) minmax(610px, 1.22fr);
  gap: 18px;
  align-items: start;
}
.starter-wizard-card,
.starter-preview-stage {
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(45,121,100,.16);
  border-radius: 18px;
  box-shadow: 0 18px 50px rgba(31,65,55,.09);
}
.starter-wizard-card { padding: 22px; min-height: 680px; }
.starter-step-panel[hidden] { display: none; }
.starter-step-title { display: flex; gap: 13px; align-items: flex-start; margin-bottom: 18px; }
.starter-step-title > span {
  display: grid;
  place-items: center;
  width: 38px; height: 38px;
  border-radius: 11px;
  background: var(--starter-green-soft);
  color: var(--starter-green);
  font-weight: 900;
}
.starter-step-title h3 { margin: 0; color: var(--starter-ink); font-size: 23px; }
.starter-step-title p { margin: 5px 0 0; color: #75827d; line-height: 1.55; }
.starter-wizard-card textarea { min-height: 118px; background: #fbfdfc; border-color: rgba(45,121,100,.2); font-size: 15px; }
.starter-wizard-card textarea:focus { border-color: var(--starter-green); box-shadow: 0 0 0 4px var(--starter-green-soft); }

.starter-choice-grid { display: grid; gap: 10px; margin: 15px 0; }
.starter-story-grid { grid-template-columns: repeat(3, 1fr); }
.starter-choice-grid button {
  position: relative;
  border: 1px solid #dfe8e4;
  border-radius: 13px;
  background: #fbfdfc;
  padding: 15px;
  text-align: left;
  cursor: pointer;
  min-height: 92px;
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.starter-choice-grid button:hover { transform: translateY(-2px); border-color: rgba(45,121,100,.55); box-shadow: 0 10px 24px rgba(45,121,100,.10); }
.starter-choice-grid button.is-selected { border: 2px solid var(--starter-green); background: var(--starter-green-soft); box-shadow: 0 10px 24px rgba(45,121,100,.12); }
.starter-choice-grid button span,
.starter-choice-grid button strong,
.starter-choice-grid button small { display: block; }
.starter-choice-grid button span,
.starter-choice-grid button strong { color: var(--starter-ink); font-size: 14px; font-weight: 800; }
.starter-choice-grid button small { margin-top: 6px; color: #73817c; line-height: 1.45; }
.starter-proposal-grid,
.starter-experience-grid,
.starter-fold-grid { grid-template-columns: repeat(3, 1fr); }
.starter-proposal-grid button { min-height: 150px; }
.starter-proposal-grid button i { display: inline-block; font-style: normal; font-size: 9px; letter-spacing: .08em; color: var(--starter-green); margin-bottom: 9px; }
.starter-experience-grid button { min-height: 126px; }
.starter-experience-grid button .starter-card-icon { font-size: 24px; margin-bottom: 9px; color: var(--starter-coral); }
.starter-fold-grid button { min-height: 176px; }
.starter-fold-grid button .starter-card-icon { font-size: 27px; color: var(--starter-blue); }
.starter-fold-grid .difficulty { margin-top: 11px; color: #98701e; font-size: 10px; }

.starter-primary,
.starter-secondary {
  border-radius: 10px;
  min-height: 43px;
  padding: 10px 15px;
  font-weight: 800;
  cursor: pointer;
}
.starter-primary { border: 1px solid var(--starter-green); background: var(--starter-green); color: white; box-shadow: 0 8px 18px rgba(45,121,100,.16); }
.starter-primary:hover { background: #246b58; }
.starter-primary:disabled { opacity: .42; cursor: default; box-shadow: none; }
.starter-secondary { border: 1px solid #dce6e2; background: #fff; color: #52635d; }
.starter-secondary:hover { border-color: var(--starter-green); color: var(--starter-green); }
#starterGenerateIdeasBtn { width: 100%; margin-top: 6px; }
.starter-nav-row { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 10px; margin-top: 20px; }
.starter-topology-actions { position:relative; z-index:6; grid-template-columns:auto minmax(220px,1fr) minmax(190px,1fr); }
.starter-topology-actions button { position:relative; z-index:1; pointer-events:auto; }
.starter-topology-commit-probe { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; margin-top:9px; }
.starter-topology-commit-probe span { display:flex; align-items:center; justify-content:center; gap:5px; min-height:31px; padding:6px 7px; border:1px solid #dbe6e1; border-radius:9px; background:#f7faf8; color:#6d7e77; font-size:9px; font-weight:800; text-align:center; }
.starter-topology-commit-probe span i { display:grid; place-items:center; width:16px; height:16px; border-radius:50%; background:#e4ece8; font-style:normal; }
.starter-topology-commit-probe span[data-state="done"] { border-color:#9fcdbd; background:#e9f7f1; color:#236650; }
.starter-topology-commit-probe span[data-state="done"] i { background:#2d866d; color:#fff; }
.starter-topology-commit-probe span[data-state="blocked"] { border-color:#e2b7a6; background:#fff3ed; color:#9a432d; }
.starter-topology-commit-probe span[data-state="blocked"] i { background:#bc5c43; color:#fff; }
.starter-topology-apply-status { margin:14px 0 -6px; padding:11px 13px; border:1px solid #cfe1d9; border-radius:12px; background:#eff7f3; color:#315e52; font-size:10px; line-height:1.5; }
.starter-topology-apply-status[data-phase="WORKING"] { border-color:#d6b477; background:#fff7e7; color:#7b5a21; }
.starter-topology-apply-status[data-phase="ERROR"] { border-color:#e5b5ad; background:#fff0ed; color:#933e38; }
.starter-topology-apply-status[data-phase="DONE"] { border-color:#8fc9b3; background:#e8f7f0; color:#1d6a53; }
.starter-guide-voice { display: grid; grid-template-columns: 160px 1fr; align-items: center; gap: 12px; margin-top: 18px; padding: 13px; border-radius: 11px; background: #f6f9f7; }
.starter-guide-audio { grid-column: 1 / -1; display: flex; align-items: center; gap: 10px; padding-top: 4px; }
.starter-guide-audio button { border: 1px solid var(--starter-green); background: #fff; color: var(--starter-green); border-radius: 8px; padding: 8px 12px; font-weight: 800; cursor: pointer; }
.starter-guide-audio button:disabled { opacity: .45; cursor: default; }
.starter-guide-audio span { color: #6e7d77; font-size: 11px; line-height: 1.45; }
.starter-guide-voice label { font-weight: 750; color: var(--starter-ink); }
.starter-guide-voice select { border-color: #dce6e2; background: #fff; }

.starter-silhouette-peek {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
  margin-top: 18px;
  padding: 13px 14px;
  border: 1px dashed #d5c6b0;
  border-radius: 11px;
  background: #faf7f1;
}
.starter-silhouette-peek b,
.starter-silhouette-peek small { display: block; }
.starter-silhouette-peek small { color: #817568; margin-top: 3px; }
.starter-silhouette-peek button { border: 1px solid #c7a77b; background: white; color: #8c6738; border-radius: 8px; padding: 8px 11px; cursor: pointer; white-space: nowrap; }

.starter-preview-stage { overflow: hidden; }
.starter-preview-head { display: flex; justify-content: space-between; gap: 14px; align-items: center; padding: 17px 18px; background: #263e37; color: white; }
.starter-preview-head span { font-size: 9px; letter-spacing: .1em; color: #a8d9cb; }
.starter-preview-head h3 { margin: 4px 0 0; font-size: 18px; }
.starter-preview-head > b { border: 1px solid rgba(255,255,255,.2); border-radius: 999px; padding: 6px 10px; font-size: 10px; color: #f4d89b; }
.starter-canvas-card { border-bottom: 1px solid #e5ece9; background: white; }
.starter-canvas-card canvas { display: block; width: 100%; height: 350px; }
.starter-canvas-card.art canvas { height: 430px; }
.starter-canvas-label { display: flex; justify-content: space-between; gap: 12px; padding: 10px 14px; border-bottom: 1px solid #edf1ef; background: #f8faf9; }
.starter-canvas-label b { color: var(--starter-ink); }
.starter-canvas-label span { color: #7c8984; font-size: 10px; }
.starter-status { margin: 12px 14px 0; border-radius: 9px; padding: 10px 12px; background: #f4f8f6; color: #60716b; font-size: 12px; line-height: 1.55; }
.starter-status[data-kind="ok"] { background: #e8f5ee; color: #276d59; }
.starter-status[data-kind="warn"] { background: #fff4df; color: #815d16; }
.starter-status[data-kind="error"] { background: #fbe9e8; color: #963e39; }
.starter-session-actions { display: flex; gap: 8px; padding: 12px 14px 16px; }
.starter-session-actions button { border: 1px solid #dce6e2; background: white; color: #53645e; border-radius: 8px; padding: 8px 11px; cursor: pointer; }

.starter-fold-steps { display: grid; gap: 8px; margin: 13px 0; }
.starter-fold-steps article { display: grid; grid-template-columns: 30px 1fr; gap: 10px; align-items: start; padding: 11px; background: #f7faf8; border-radius: 9px; color: #53645e; }
.starter-fold-steps article span { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: var(--starter-green); color: white; font-weight: 800; }
.starter-plan-preview { min-height: 150px; border: 1px solid #e0e8e4; border-radius: 11px; background: white; overflow: hidden; }
.starter-plan-preview svg { display: block; width: 100%; height: 220px; }
.starter-plan-preview .skill-roi { fill: none; stroke: rgba(45,121,100,.24); stroke-width: 1.3; }
.starter-plan-preview polygon { fill: rgba(45,121,100,.13); stroke: rgba(45,121,100,.72); stroke-width: 1.6; }
.starter-plan-preview .skill-lines line { stroke: #2d7964; stroke-width: 2.35; stroke-linecap: round; }
.starter-plan-preview .skill-nodes circle { fill: #fff; stroke: #2d7964; stroke-width: 1.7; }
.starter-result-actions { display: grid; grid-template-columns: auto 1fr auto; gap: 8px; margin-top: 14px; }
.starter-production-note { margin: 12px 0 0; padding: 10px; border-left: 3px solid var(--starter-yellow); background: #fff9ed; color: #75633f; font-size: 11px; line-height: 1.55; }

@media (max-width: 1100px) {
  .starter-workspace { grid-template-columns: 1fr; }
  .starter-wizard-card { min-height: auto; }
  .starter-preview-stage { position: static; }
}
@media (max-width: 760px) {
  .starter-welcome { grid-template-columns: 1fr; padding: 18px; }
  .starter-stepper { grid-template-columns: repeat(6, minmax(60px, 1fr)); overflow-x: auto; }
  .starter-stepper button { flex-direction: column; gap: 3px; min-width: 58px; }
  .starter-stepper button b { font-size: 10px; }
  .starter-story-grid,
  .starter-proposal-grid,
  .starter-experience-grid,
  .starter-fold-grid { grid-template-columns: 1fr; }
  .starter-guide-voice { grid-template-columns: 1fr; }
  .starter-result-actions { grid-template-columns: 1fr; }
  .starter-nav-row { grid-template-columns: 1fr; }
  .starter-canvas-card canvas { height: 300px; }
  .starter-canvas-card.art canvas { height: 340px; }
}

/* ===== v0.1.20-rc1 · Primitive Review / Starter Player / CutFold Portal ===== */
.starter-side-experiment-actions { display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-end; }
.starter-side-experiment-actions button:last-child { border-color:#a76d2f; color:#7b4a16; background:#fff8ed; }
.starter-experimental-badge { align-self:flex-start; padding:3px 7px; border-radius:999px; background:#fff4cf; color:#805719; font-size:10px; font-style:normal; font-weight:700; letter-spacing:.04em; }

.starter-action-player { margin:14px 0; padding:16px; border:1px solid rgba(166,109,47,.32); border-radius:18px; background:linear-gradient(145deg,#fffaf0,#fffdf8); box-shadow:0 10px 28px rgba(82,58,27,.08); }
.starter-action-head { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; }
.starter-action-head span { display:block; font-size:10px; letter-spacing:.16em; color:#9a6b2d; }
.starter-action-head b { display:block; margin-top:3px; color:#3d3022; }
.starter-action-head strong { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; color:#745124; }
.starter-action-track { height:7px; background:#eadfca; border-radius:99px; overflow:hidden; margin:12px 0; }
.starter-action-track i { display:block; height:100%; width:0; background:linear-gradient(90deg,#b57b32,#e1b86d); border-radius:inherit; transition:width .25s ease; }
.starter-action-player p { margin:8px 0 13px; color:#574b3c; line-height:1.65; }
.starter-action-controls { display:grid; grid-template-columns:1fr 1fr 1fr; gap:8px; }
.starter-action-controls button { min-height:38px; border-radius:11px; border:1px solid #d8c8aa; background:#fff; color:#594329; cursor:pointer; }
.starter-action-controls button:disabled { opacity:.4; cursor:not-allowed; }
.primitive-sequence-start { display:grid; place-items:center; min-height:150px; text-align:center; padding:24px; border:1px dashed #cab58e; border-radius:16px; background:#fffdf8; }
.primitive-sequence-start b { display:block; font-size:20px; color:#4a3925; }
.primitive-sequence-start span { display:block; margin-top:8px; max-width:360px; color:#75644f; line-height:1.6; }

.cutfold-portal { margin:28px 0 8px; padding:24px; border:1px solid rgba(166,109,47,.32); border-radius:28px; background:radial-gradient(circle at 100% 0,#fff3dc 0,transparent 32%),linear-gradient(145deg,#fffdf8,#f8f2e7); box-shadow:0 20px 70px rgba(76,54,27,.13); }
.cutfold-portal[hidden] { display:none!important; }
.cutfold-portal-head { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; }
.cutfold-portal-head span { font-size:10px; letter-spacing:.16em; color:#956327; }
.cutfold-portal-head h2 { margin:5px 0; font-family:Georgia,"Noto Serif SC",serif; font-size:30px; color:#33291d; }
.cutfold-portal-head p { margin:0; max-width:700px; color:#6b5b48; line-height:1.65; }
.cutfold-portal-head button { border:1px solid #b98a50; background:#fff; color:#745124; border-radius:999px; padding:10px 15px; cursor:pointer; }
.cutfold-warning { display:flex; gap:12px; align-items:center; margin:18px 0; padding:12px 14px; border-radius:14px; background:#fff3e7; border-left:4px solid #b46336; color:#6c4229; }
.cutfold-warning span { line-height:1.55; }
.cutfold-layout { display:grid; grid-template-columns:minmax(240px,.8fr) minmax(360px,1.2fr); gap:18px; }
.cutfold-card-list { display:grid; gap:10px; }
.cutfold-card-list button { display:grid; grid-template-columns:40px 1fr; text-align:left; gap:5px 10px; padding:15px; border:1px solid #d9c8ab; border-radius:17px; background:#fff; cursor:pointer; color:#463723; }
.cutfold-card-list button span { grid-row:1/4; display:grid; place-items:center; width:38px; height:38px; border-radius:12px; background:#f5e6cd; font-size:22px; }
.cutfold-card-list button strong,.cutfold-card-list button small,.cutfold-card-list button i { grid-column:2; }
.cutfold-card-list button small { color:#776752; line-height:1.45; }
.cutfold-card-list button i { font-size:10px; color:#a45a2e; font-style:normal; }
.cutfold-card-list button.is-selected { border-color:#9d6428; box-shadow:0 0 0 3px rgba(157,100,40,.12); }
.cutfold-preview { min-height:320px; padding:16px; border-radius:19px; background:#fff; border:1px solid #e0d6c5; }
.cutfold-preview-svg { min-height:220px; display:grid; place-items:center; }
.cutfold-preview-svg svg { max-width:260px; width:100%; height:auto; }
.cutfold-preview-svg p { color:#8a7c68; }
.cutfold-report { display:flex; flex-wrap:wrap; gap:7px; margin:10px 0; }
.cutfold-report b,.cutfold-report span,.cutfold-report small { padding:6px 9px; border-radius:9px; background:#f7f3eb; color:#61533f; font-size:11px; }
.cutfold-actions { display:flex; gap:8px; flex-wrap:wrap; }
.cutfold-actions button { border:0; border-radius:11px; padding:10px 14px; background:#8a5e2b; color:#fff; cursor:pointer; }
.cutfold-actions button:last-child { background:#35302a; }
.cutfold-actions button:disabled { opacity:.4; cursor:not-allowed; }

.primitive-lab { margin:18px 0 24px; padding:22px; border-radius:24px; border:1px solid rgba(47,111,85,.24); background:linear-gradient(145deg,#f8fcf9,#f3f8f5); box-shadow:0 16px 55px rgba(27,69,53,.09); }
.primitive-lab-head { display:flex; justify-content:space-between; gap:20px; align-items:flex-start; }
.primitive-lab-head span { font-size:10px; letter-spacing:.15em; color:#39755d; }
.primitive-lab-head h2 { margin:5px 0; font-family:Georgia,"Noto Serif SC",serif; font-size:28px; color:#243c32; }
.primitive-lab-head p { margin:0; max-width:760px; color:#5d7168; line-height:1.6; }
.primitive-integrity { padding:10px 12px; border-radius:12px; background:#e2f2e8; color:#256044; font:700 11px ui-monospace,SFMono-Regular,Consolas,monospace; white-space:nowrap; }
.primitive-integrity[data-ok="false"] { background:#ffe8e4; color:#9f3f35; }
.primitive-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin:18px 0; }
.primitive-stats span { padding:12px; border-radius:14px; background:rgba(255,255,255,.74); border:1px solid #dce9e1; color:#597066; font-size:11px; }
.primitive-stats b { display:block; margin-bottom:3px; font-size:20px; color:#285c47; }
.primitive-toolbar { display:grid; grid-template-columns:170px 180px 1fr; gap:10px; margin-bottom:14px; }
.primitive-toolbar label { display:grid; gap:5px; font-size:10px; color:#60766c; }
.primitive-toolbar select,.primitive-toolbar input { min-height:39px; border:1px solid #cfded5; border-radius:10px; background:#fff; padding:8px 10px; color:#304c40; }
.primitive-lab-grid { display:grid; grid-template-columns:minmax(260px,.82fr) minmax(440px,1.18fr); gap:14px; }
.primitive-list { max-height:620px; overflow:auto; display:grid; gap:6px; padding-right:5px; }
.primitive-list button { display:grid; grid-template-columns:34px 1fr auto; gap:9px; align-items:center; padding:10px; border:1px solid #d8e5dd; border-radius:13px; background:rgba(255,255,255,.82); text-align:left; cursor:pointer; color:#314b40; }
.primitive-list button>span { display:grid; place-items:center; width:31px; height:31px; border-radius:9px; background:#e4f0e9; font-weight:800; }
.primitive-list button div { min-width:0; }
.primitive-list button strong,.primitive-list button small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.primitive-list button small { color:#7a8c84; font-size:10px; }
.primitive-list button i { font-size:9px; font-style:normal; color:#70877d; }
.primitive-list button.is-selected { border-color:#3b8062; box-shadow:0 0 0 3px rgba(59,128,98,.12); background:#fff; }
.primitive-detail { padding:16px; border:1px solid #d7e5dc; border-radius:18px; background:#fff; min-width:0; }
.primitive-detail-header { display:flex; justify-content:space-between; gap:12px; }
.primitive-detail-header span { color:#4b826b; font-size:10px; letter-spacing:.08em; }
.primitive-detail-header h3 { margin:4px 0; color:#283d34; font-size:21px; }
.primitive-detail-header p { margin:0; color:#72847c; }
.primitive-detail-header>b { align-self:flex-start; padding:6px 8px; border-radius:8px; background:#eef6f1; color:#3f715b; font-size:10px; }
.primitive-evidence-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:7px; margin:14px 0; }
.primitive-evidence-grid div { min-width:0; padding:9px; border-radius:10px; background:#f5f8f6; }
.primitive-evidence-grid small,.primitive-evidence-grid strong { display:block; overflow-wrap:anywhere; }
.primitive-evidence-grid small { color:#839189; font-size:9px; }
.primitive-evidence-grid strong { margin-top:2px; color:#445b50; font-size:11px; }
.primitive-preview-svg { min-height:240px; display:grid; place-items:center; border:1px dashed #cddbd2; border-radius:15px; background:#fbfdfc; overflow:hidden; }
.primitive-preview-svg svg { width:min(100%,280px); height:auto; }
.primitive-preview-svg p { color:#7c8c84; }
.primitive-report { display:flex; flex-wrap:wrap; gap:6px; margin:12px 0; }
.primitive-report>* { padding:6px 9px; background:#f2f7f4; border-radius:8px; color:#52695e; font-size:10px; }
.primitive-actions { display:flex; flex-wrap:wrap; gap:7px; }
.primitive-actions button { min-height:37px; border-radius:10px; border:1px solid #b9d1c3; background:#fff; color:#355a49; padding:8px 11px; cursor:pointer; }
.primitive-actions button:nth-child(2) { background:#315f4c; color:#fff; border-color:#315f4c; }
.primitive-actions button:last-child { border-color:#e1b9b3; color:#9c443b; }
.primitive-actions button:disabled { opacity:.4; cursor:not-allowed; }
.primitive-review-note { margin:10px 0 0; color:#7a8c84; font-size:10px; }

@media (max-width: 980px) {
  .cutfold-layout,.primitive-lab-grid { grid-template-columns:1fr; }
  .primitive-toolbar { grid-template-columns:1fr 1fr; }
  .primitive-toolbar label:last-child { grid-column:1/-1; }
  .primitive-stats { grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 640px) {
  .cutfold-portal-head,.primitive-lab-head { flex-direction:column; }
  .starter-action-controls { grid-template-columns:1fr; }
  .primitive-toolbar,.primitive-stats,.primitive-evidence-grid { grid-template-columns:1fr; }
  .cutfold-portal,.primitive-lab { padding:15px; border-radius:18px; }
}


/* v0.1.21 · FoldSkill Learning Bridge */
.starter-fold-guidance,
.form-to-fold-tradeoff {
  margin: 14px 0;
  padding: 14px;
  border: 1px solid rgba(45,121,100,.20);
  border-radius: 13px;
  background: linear-gradient(145deg, rgba(244,249,247,.98), rgba(255,252,245,.98));
}
.form-to-fold-tradeoff { border-color: rgba(177,123,39,.24); }
.method-guidance-empty { display: grid; gap: 4px; color: #6e7d77; }
.method-guidance-empty b { color: var(--starter-ink); }
.starter-recommendation-reason { margin-bottom: 12px; padding: 11px; border-radius: 10px; background: #fff; border-left: 4px solid var(--starter-green); }
.starter-recommendation-reason b,
.starter-recommendation-reason small { display: block; }
.starter-recommendation-reason ul { margin: 7px 0; padding-left: 18px; color: #53645e; line-height: 1.55; }
.starter-recommendation-reason small { color: #8a7651; }
.method-tradeoff-head { display: grid; gap: 4px; margin-bottom: 10px; }
.method-tradeoff-head span { font-size: 9px; letter-spacing: .12em; color: #98701e; }
.method-tradeoff-head strong { color: var(--starter-ink); line-height: 1.45; }
.method-tradeoff-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
.method-tradeoff-grid section { padding: 10px; border-radius: 9px; background: rgba(255,255,255,.82); }
.method-tradeoff-grid b { display: block; margin-bottom: 6px; color: #40544d; }
.method-tradeoff-grid ul { margin: 0; padding-left: 17px; color: #63736d; line-height: 1.5; }
.method-tag-row { display: flex; flex-wrap: wrap; gap: 5px; }
.method-tag-row span { border-radius: 999px; padding: 4px 7px; background: #eef6f2; color: #39715f; font-size: 9px; }
.method-bias-warning,
.method-anti-paradigm { display: grid; grid-template-columns: 92px 1fr; gap: 9px; margin-top: 10px; padding: 10px; border-radius: 9px; line-height: 1.5; }
.method-bias-warning { background: #fff1dc; color: #79571f; }
.method-anti-paradigm { background: #eef2ff; color: #4d5687; }
.method-example-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 8px; margin-top: 11px; }
.method-example-card { min-height: 116px; padding: 10px; border: 1px solid #dfe8e4; border-radius: 9px; background: #fff; }
.method-example-card > span { display: block; margin-bottom: 6px; color: #73817c; font-size: 8px; letter-spacing: .06em; }
.method-example-card strong { display: block; color: #40544d; font-size: 11px; }
.method-example-card p { margin: 6px 0 0; color: #6d7a75; font-size: 9px; line-height: 1.45; }
.method-example-card.frontier { border-color: #c6b4de; background: #f8f4ff; }
.method-example-card.frontier > span { color: #76569b; }
.method-alternative-row { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin-top: 11px; }
.method-alternative-row b { color: #53645e; }
.method-alternative-row button { border: 1px solid #cfded8; border-radius: 999px; padding: 6px 9px; background: #fff; color: #39715f; cursor: pointer; }
.method-alternative-row button:hover { border-color: var(--starter-green); }
@media (max-width: 900px) {
  .method-example-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 620px) {
  .method-tradeoff-grid, .method-example-grid { grid-template-columns: 1fr; }
  .method-bias-warning, .method-anti-paradigm { grid-template-columns: 1fr; }
}

/* ===== v0.1.20-rc2.3 · Silhouette → Surface → Fold bridge ===== */
.starter-silhouette-confirm {
  display:grid;
  grid-template-columns:52px 1fr auto;
  align-items:center;
  gap:14px;
  padding:18px;
  border:1px solid rgba(166,109,47,.28);
  border-radius:16px;
  background:linear-gradient(145deg,#fffaf0,#fffdf8);
}
.starter-silhouette-confirm>.starter-card-icon { display:grid; place-items:center; width:48px; height:48px; border-radius:50%; background:#2d3e39; color:#f5d7a0; font-size:25px; }
.starter-silhouette-confirm b,.starter-silhouette-confirm small { display:block; }
.starter-silhouette-confirm b { color:#3c3327; }
.starter-silhouette-confirm small { margin-top:5px; color:#756957; line-height:1.55; }
.starter-derived-boundary { display:grid; gap:3px; margin-top:12px; padding:11px 13px; border-left:3px solid var(--starter-yellow); background:#fff9ed; color:#75633f; font-size:11px; }

.starter-surface-template-grid { grid-template-columns:repeat(3,1fr); }
.starter-surface-template-grid button { min-height:145px; }
.starter-surface-template-grid .starter-card-icon { font-size:27px; color:#9a6b2d; }
.starter-surface-controls { display:grid; grid-template-columns:1fr 1fr auto; gap:10px; align-items:end; margin:14px 0; padding:13px; border-radius:13px; background:#f6f9f7; }
.starter-surface-controls label { display:grid; grid-template-columns:1fr auto; gap:6px 10px; color:#53645e; font-size:11px; }
.starter-surface-controls input { grid-column:1/-1; width:100%; accent-color:var(--starter-green); }
.starter-surface-controls output { color:var(--starter-green); font-weight:800; }
.starter-surface-controls button { min-height:42px; white-space:nowrap; }
.starter-surface-inline-preview,#starterSurfaceLivePreview { min-height:250px; display:grid; place-items:center; overflow:hidden; border:1px solid #dce7e2; border-radius:16px; background:#fbfdfc; }
.starter-surface-inline-preview svg,#starterSurfaceLivePreview svg { display:block; width:100%; height:auto; }
.starter-surface-inline-preview p,#starterSurfaceLivePreview p { color:#7b8883; padding:20px; text-align:center; }
.starter-surface-report { display:flex; flex-wrap:wrap; gap:7px; margin-top:10px; }
.starter-surface-report>* { padding:6px 9px; border-radius:9px; background:#f1f6f3; color:#52675e; font-size:10px; }
.starter-surface-report [data-hint="green"] { background:#e5f4eb; color:#276d59; }
.starter-surface-report [data-hint="amber"] { background:#fff3dc; color:#805d1c; }
.starter-surface-report [data-hint="red"] { background:#fbe8e5; color:#963e39; }
.starter-pattern-route { margin:12px 0 4px; padding:14px; border:1px solid #d7e4de; border-radius:16px; background:linear-gradient(135deg,#fbfaf5,#eef6f2); }
.starter-pattern-route>p { margin:0; color:#63736e; font-size:10px; line-height:1.6; }
.starter-pattern-route>header { display:grid; gap:3px; margin-bottom:11px; }
.starter-pattern-route>header small { color:#a06b2e; font-size:9px; font-weight:900; letter-spacing:.12em; }
.starter-pattern-route>header b { color:#1e473d; font-size:13px; }
.starter-pattern-route>div { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr); gap:7px; align-items:center; }
.starter-pattern-route>div>span { min-height:74px; padding:10px; border-radius:12px; background:#fff; box-shadow:0 5px 18px rgba(28,69,59,.06); }
.starter-pattern-route>div>span i { display:grid; place-items:center; float:left; width:21px; height:21px; margin-right:7px; border-radius:50%; background:#255f51; color:#f4d79a; font-size:9px; font-style:normal; font-weight:900; }
.starter-pattern-route>div>span b,.starter-pattern-route>div>span small { display:block; }
.starter-pattern-route>div>span b { color:#254a41; font-size:10px; }
.starter-pattern-route>div>span small { clear:both; padding-top:7px; color:#687772; font-size:9px; line-height:1.45; }
.starter-pattern-route>div>em { color:#b27b3d; font-size:15px; font-style:normal; }
.starter-pattern-route>p b { color:#315e52; }
.starter-pattern-route.is-result { border-color:#c9ded5; }
.starter-surface-live-card { border-bottom:1px solid #e5ece9; background:#fff; }
.starter-surface-live-card[hidden] { display:none!important; }
.starter-surface-live-card #starterSurfaceLivePreview { min-height:300px; margin:12px; }

@media (max-width: 760px) {
  .starter-silhouette-confirm { grid-template-columns:46px 1fr; }
  .starter-silhouette-confirm button { grid-column:1/-1; }
  .starter-surface-template-grid,.starter-surface-controls { grid-template-columns:1fr; }
}

/* ===== v0.1.20-rc2.5 · real Low Poly production line ===== */
.starter-surface-template-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.starter-surface-template-grid button { min-height:210px; }

/* rc2.11.6 · frozen-flow AI comparison and Expert cleanup */
[hidden],
.expert-retired-section { display:none!important; }
.semantic-color-legend { grid-template-columns:repeat(4,minmax(0,1fr)); }

.starter-co-creation-entry {
  margin:14px 0 12px;
  padding:15px;
  border:1px solid #d8e4df;
  border-radius:14px;
  background:
    radial-gradient(circle at 92% 0%,rgba(126,105,210,.12),transparent 36%),
    linear-gradient(145deg,#fbfdfc,#f4f8f6 62%,#f7f3fc);
  box-shadow:0 12px 30px rgba(41,79,67,.07);
}
.starter-co-creation-copy { display:grid; gap:4px; }
.starter-co-creation-copy small { color:#6d55bb; font-size:9px; font-weight:850; letter-spacing:.08em; }
.starter-co-creation-copy b { color:var(--starter-ink); font-size:14px; line-height:1.45; }
.starter-co-creation-copy span { color:#718079; font-size:10px; line-height:1.55; }
.starter-co-creation-controls { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-top:12px; }
.starter-local-lane,
#starterRemoteAiToggle {
  display:flex;
  align-items:center;
  gap:10px;
  min-height:62px;
  padding:11px 12px;
  border:1px solid #d6e3de;
  border-radius:12px;
  background:rgba(255,255,255,.88);
  color:#40544d;
  text-align:left;
}
.starter-local-lane>i,
#starterRemoteAiToggle>i {
  width:11px;
  height:11px;
  flex:0 0 auto;
  border-radius:50%;
  background:#3b8a70;
  box-shadow:0 0 0 5px rgba(59,138,112,.11);
}
.starter-local-lane span,
#starterRemoteAiToggle span { display:grid; gap:2px; }
.starter-local-lane b,
#starterRemoteAiToggle b { color:#2f4740; font-size:11px; }
.starter-local-lane small,
#starterRemoteAiToggle small { color:#7a8984; font-size:9px; }
#starterRemoteAiToggle {
  cursor:pointer;
  font:inherit;
  transition:border-color .18s ease,background .18s ease,transform .18s ease;
}
#starterRemoteAiToggle>i { background:#9e95b7; box-shadow:0 0 0 5px rgba(126,105,210,.10); }
#starterRemoteAiToggle:hover { transform:translateY(-1px); border-color:rgba(109,85,187,.48); }
#starterRemoteAiToggle[aria-pressed="true"] { border-color:rgba(109,85,187,.55); background:#f6f2ff; }
#starterRemoteAiToggle[aria-pressed="true"]>i { background:#7256c5; box-shadow:0 0 0 5px rgba(114,86,197,.14); }
.starter-ai-gateway-state {
  margin-top:9px;
  padding:8px 10px;
  border-radius:9px;
  background:#edf5f1;
  color:#557168;
  font-size:9px;
  line-height:1.45;
}
.starter-ai-gateway-state[data-state="ONLINE"] { background:#f0edfb; color:#604aa7; }
.starter-ai-gateway-state[data-state="WAITING"] { background:#fff7e8; color:#806026; }
.starter-ai-gateway-state[data-state="FALLBACK"] { background:#fff1ed; color:#8e4b3d; }
.starter-local-question-row {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:10px;
  color:#6d7c77;
  font-size:10px;
}
.starter-local-question-row button {
  border:1px solid #cbdcd5;
  border-radius:999px;
  padding:7px 10px;
  background:#fff;
  color:#39725f;
  font-weight:800;
  cursor:pointer;
  white-space:nowrap;
}
.starter-proposal-compare { display:grid; grid-template-columns:1fr 1fr; gap:13px; }
.starter-proposal-lane {
  min-width:0;
  padding:12px;
  border:1px solid #dfe8e4;
  border-radius:14px;
  background:#fbfdfc;
}
.starter-proposal-lane.ai { border-color:#e1dbf0; background:linear-gradient(160deg,#fcfbff,#f5f2fb); }
.starter-proposal-lane>header { display:grid; gap:2px; min-height:58px; margin-bottom:9px; }
.starter-proposal-lane>header span { color:#4c806e; font-size:9px; font-weight:850; letter-spacing:.08em; }
.starter-proposal-lane.ai>header span { color:#7256b6; }
.starter-proposal-lane>header b { color:var(--starter-ink); font-size:13px; }
.starter-proposal-lane>header small { color:#7b8783; font-size:9px; line-height:1.4; }
.starter-proposal-lane .starter-proposal-grid { grid-template-columns:1fr; }
.starter-proposal-lane .starter-proposal-grid button { min-height:112px; }
.starter-ai-proposal-grid { display:grid; gap:9px; }
.starter-ai-proposal-card {
  display:grid;
  gap:5px;
  width:100%;
  min-height:112px;
  padding:12px;
  border:1px solid #ddd5ed;
  border-radius:11px;
  background:rgba(255,255,255,.94);
  color:#544767;
  text-align:left;
  cursor:pointer;
}
.starter-ai-proposal-card:hover { border-color:#8c73c8; box-shadow:0 8px 20px rgba(93,70,145,.10); }
.starter-ai-proposal-card.is-selected { border-color:#7256b6; background:#f4efff; box-shadow:0 0 0 2px rgba(114,86,182,.13); }
.starter-ai-proposal-card i { color:#7658b7; font-size:9px; font-style:normal; font-weight:850; letter-spacing:.07em; }
.starter-ai-proposal-card strong { color:#3e334f; font-size:13px; }
.starter-ai-proposal-card span { color:#61576d; font-size:10px; line-height:1.5; }
.starter-ai-proposal-card small { color:#897f92; font-size:9px; line-height:1.45; }
.starter-ai-proposal-card em { margin-top:3px; color:#7256b6; font-size:9px; font-style:normal; font-weight:850; }
.starter-ai-education {
  margin-top:12px;
  padding:11px 13px;
  border:1px dashed #d7caec;
  border-radius:11px;
  background:#faf7ff;
  color:#655a70;
  font-size:10px;
  line-height:1.55;
}
.starter-ai-education b { color:#4e3d77; }

.center-panel>.status-bar { order:80; }
.center-panel>.protocol-planning-card { order:85; }
.center-panel>.expression-storyboard { order:90; }
.center-panel>.creative-landscape-panel { order:91; }
.protocol-planning-card {
  overflow:hidden;
  border:1px solid var(--rule);
  border-radius:13px;
  background:rgba(251,250,246,.94);
  box-shadow:var(--shadow-card);
}
.protocol-planning-card summary {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:13px 15px;
  color:var(--ink);
  cursor:pointer;
  list-style:none;
}
.protocol-planning-card summary::-webkit-details-marker { display:none; }
.protocol-planning-card summary span { font-weight:800; }
.protocol-planning-card summary b {
  border:1px solid #d8cfae;
  border-radius:999px;
  padding:4px 8px;
  background:#fff9e8;
  color:#7b6425;
  font-size:9px;
}
.protocol-planning-body { padding:0 15px 15px; border-top:1px solid var(--rule-soft); }
.protocol-planning-body p,
.protocol-planning-body>small { color:var(--muted); font-size:10px; line-height:1.6; }
.protocol-planning-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; margin:10px 0; }
.protocol-planning-grid div {
  display:grid;
  gap:4px;
  padding:9px;
  border:1px solid var(--rule);
  border-radius:9px;
  background:var(--paper);
}
.protocol-planning-grid span { color:var(--muted); font-size:8px; }
.protocol-planning-grid b { color:var(--ink-soft); font-size:9px; }
@media(max-width:860px){
  .starter-proposal-compare,.starter-co-creation-controls{grid-template-columns:1fr}
  .protocol-planning-grid{grid-template-columns:1fr 1fr}
}
.starter-narration { margin:14px 0; padding:18px 20px; border-radius:18px; background:linear-gradient(135deg,#172e2a,#28453f); color:#f8f3e8; box-shadow:0 16px 38px rgba(20,47,42,.16); }
.starter-narration small { color:#dbb979; letter-spacing:.16em; font-weight:800; }
.starter-narration p { margin:8px 0 0; font-family:ui-serif,"Songti SC",serif; font-size:15px; line-height:1.75; }
.starter-delivery-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:14px 0 24px; }
.starter-delivery-actions button { min-height:46px; border:1px solid #d9e3df; border-radius:13px; background:#fff; color:#183b34; font-weight:800; cursor:pointer; }
.starter-delivery-actions button:hover { border-color:#2d7964; background:#eef7f2; }
.starter-journey-head { display:flex; justify-content:space-between; align-items:end; gap:18px; margin:26px 0 12px; padding-top:24px; border-top:1px solid #e4e9e6; }
.starter-journey-head small { color:#9a6b2d; letter-spacing:.18em; font-weight:800; }
.starter-journey-head h4 { margin:5px 0 0; font-size:24px; letter-spacing:-.03em; color:#1a332e; }
.starter-journey-deck { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; }
.journey-slide-card { aspect-ratio:4/5; position:relative; display:grid; grid-template-rows:minmax(0,1.25fr) minmax(0,.75fr); overflow:hidden; margin:0; padding:0; border:1px solid #dde5e1; border-radius:17px; background:radial-gradient(circle at 85% 12%,#fff 0,#f4f1e9 42%,#e8efea 100%); box-shadow:0 10px 25px rgba(24,56,50,.06); }
.journey-slide-card::before { content:""; position:absolute; width:80px; height:80px; right:-26px; top:-30px; border-radius:50%; background:linear-gradient(135deg,rgba(216,164,91,.26),rgba(43,119,100,.13)); }
.journey-slide-card>span { position:absolute; z-index:3; top:10px; right:11px; display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:rgba(249,247,241,.9); color:#52635e; font-size:9px; letter-spacing:.08em; box-shadow:0 4px 14px rgba(15,40,34,.12); }
.journey-card-visual { min-height:0; overflow:hidden; background:#e8eee9; }
.journey-card-visual svg { width:100%; height:100%; display:block; object-fit:cover; }
.journey-card-copy { position:relative; z-index:2; display:flex; flex-direction:column; justify-content:center; min-height:0; padding:13px 14px 15px; background:rgba(250,249,245,.96); }
.journey-slide-card small { color:#9a6b2d; font-size:8px; letter-spacing:.14em; font-weight:800; }
.journey-slide-card b { margin-top:7px; color:#19352f; font-size:13px; line-height:1.25; }
.journey-slide-card p { margin:6px 0 0; color:#65736e; font-size:9px; line-height:1.45; }
.journey-card-copy button { align-self:flex-start; margin-top:8px; padding:7px 10px; border:1px solid #cddbd4; border-radius:999px; background:#f2f8f4; color:#286651; font-size:10px; font-weight:800; cursor:pointer; }
.journey-card-copy button:hover { border-color:#2d7964; background:#e8f4ed; }
@media (max-width:900px){.starter-delivery-actions,.starter-journey-deck{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.starter-surface-template-grid,.starter-delivery-actions{grid-template-columns:1fr}.starter-journey-deck{grid-template-columns:repeat(2,minmax(0,1fr))}.starter-journey-head{align-items:stretch;flex-direction:column}}

/* ===== v0.1.20-rc2.7 · custom topology art reveal ===== */
.starter-topology-source-heading { display:flex; align-items:baseline; gap:10px; margin:4px 0 10px; color:#193a32; }
.starter-topology-source-heading small { color:#9a6b2d; font-size:9px; font-weight:900; letter-spacing:.15em; }
.starter-topology-source-heading b { font-size:14px; }
.starter-topology-source-heading span { margin-left:auto; color:#74827c; font-size:10px; }
.starter-topology-source-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-bottom:16px; }
.starter-topology-source-grid>button { display:grid; grid-template-columns:72px 1fr; align-items:center; gap:12px; min-height:98px; padding:12px; border:1px solid rgba(45,121,100,.2); border-radius:18px; background:#fff; color:#24473d; text-align:left; cursor:pointer; transition:.18s ease; }
.starter-topology-source-grid>button:hover,.starter-topology-source-grid>button.is-selected { transform:translateY(-2px); border-color:#2d7964; box-shadow:0 12px 26px rgba(26,70,60,.1); }
.starter-topology-source-grid>button.is-selected { background:linear-gradient(145deg,#edf7f2,#fff9ee); }
.starter-topology-source-grid>button img { width:72px; height:72px; border-radius:14px; object-fit:cover; }
.starter-topology-source-grid>button b,.starter-topology-source-grid>button small { display:block; }
.starter-topology-source-grid>button small { margin-top:5px; color:#71817a; font-size:10px; }
.starter-topology-upload {
  display:grid;
  grid-template-columns:68px 1fr auto;
  align-items:center;
  gap:15px;
  margin:0;
  padding:14px;
  border:1px solid rgba(45,121,100,.24);
  border-radius:18px;
  background:linear-gradient(135deg,#fbf8ef,#edf6f1);
  cursor:pointer;
}
.starter-topology-source-grid .starter-topology-upload { grid-template-columns:54px 1fr; min-height:98px; padding:12px; }
.starter-topology-source-grid .starter-topology-upload>span:first-of-type { width:54px; height:54px; border-radius:13px; }
.starter-topology-source-grid .starter-topology-upload button { grid-column:1/-1; min-height:32px; }
.starter-topology-source-actions { display:flex; align-items:center; gap:12px; margin:-6px 0 16px; padding:10px 12px; border-radius:14px; background:#f4f7f4; color:#687972; }
.starter-topology-source-actions button { flex:0 0 auto; min-height:34px; padding:7px 12px; }
.starter-topology-source-actions span { font-size:11px; line-height:1.5; }
.starter-topology-source-actions span.is-ready { color:#246a57; font-weight:800; }
.physical-work-studio.is-just-updated,.mask-photo-fusion-studio.is-just-updated { animation:a47-result-arrived 1.6s ease both; }
@keyframes a47-result-arrived { 0%{box-shadow:0 0 0 0 rgba(49,139,111,.5)} 55%{box-shadow:0 0 0 9px rgba(49,139,111,.16)} 100%{box-shadow:0 0 0 0 rgba(49,139,111,0)} }
.starter-topology-upload>span:first-of-type { display:grid; place-items:center; width:68px; height:68px; overflow:hidden; border-radius:15px; background:#17332d; color:#f3ce85; font-size:30px; }
.starter-topology-upload>span:first-of-type img { width:100%; height:100%; object-fit:cover; }
.starter-topology-upload b,.starter-topology-upload small { display:block; }
.starter-topology-upload b { color:#183832; font-size:14px; }
.starter-topology-upload small { margin-top:5px; color:#68766f; line-height:1.5; }
.starter-topology-upload button { min-height:40px; border:1px solid #bfcfc8; border-radius:999px; padding:0 15px; background:#fff; color:#245c4d; font-weight:800; cursor:pointer; }
.starter-topology-mode-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.starter-topology-mode-grid button { position:relative; min-height:310px; padding:10px; border:1px solid #d9e4df; border-radius:16px; background:#fff; color:#42544d; text-align:left; cursor:pointer; transition:.2s ease; }
.starter-topology-mode-grid button:hover,.starter-topology-mode-grid button.is-selected { transform:translateY(-2px); border-color:#2d7964; box-shadow:0 14px 28px rgba(26,70,60,.11); }
.starter-topology-mode-grid button.is-selected { background:linear-gradient(145deg,#f0f8f4,#fffaf0); }
.topology-mode-illustration { display:block; width:100%; height:auto; border-radius:12px; box-shadow:inset 0 0 0 1px rgba(255,255,255,.16); }
.topology-mode-title { display:flex; align-items:center; gap:8px; margin-top:9px; }
.starter-topology-mode-grid .topology-mode-title i { color:#bb7a38; font:normal 24px ui-serif,serif; }
.starter-topology-mode-grid strong,.starter-topology-mode-grid small { display:block; }
.starter-topology-mode-grid strong { color:#1b3a33; }
.starter-topology-mode-grid small { margin-top:5px; line-height:1.45; }
.topology-mode-fit,.topology-mode-avoid { display:block; margin-top:8px; padding:7px 8px; border-radius:9px; font-size:10px; line-height:1.45; }
.topology-mode-fit { background:#edf7f1; color:#315c4e; }
.topology-mode-avoid { background:#fbf1e8; color:#74553d; }
.topology-mode-fit b,.topology-mode-avoid b { display:block; margin-bottom:2px; font-size:9px; letter-spacing:.08em; }
.starter-topology-mode-guide { display:grid; grid-template-columns:170px 1fr; align-items:center; gap:16px; margin:12px 0 14px; padding:14px; border-radius:17px; background:linear-gradient(135deg,#142f29,#294b42); color:#f4f0e7; }
.starter-topology-mode-guide>span svg { width:100%; }
.starter-topology-mode-guide small,.starter-topology-mode-guide b { display:block; }
.starter-topology-mode-guide small { color:#e9bf72; font-size:9px; font-weight:900; letter-spacing:.14em; }
.starter-topology-mode-guide b { margin-top:6px; font-size:15px; }
.starter-topology-mode-guide p { margin:6px 0 0; color:#c9d8d2; font-size:11px; line-height:1.6; }
.starter-experience-outcome { display:block; margin-top:9px; padding:7px 9px; border-radius:10px; background:#edf6f2; color:#245c4d; font-size:10px; font-weight:800; line-height:1.45; }
.starter-corridor-preset-choices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin:12px 0 15px; }
.starter-corridor-preset-choices[hidden] { display:none; }
.starter-corridor-preset-choices button { min-height:105px; padding:13px; border:1px solid #d8e4df; border-radius:15px; background:#fff; color:#315a4f; text-align:left; cursor:pointer; }
.starter-corridor-preset-choices button:hover,.starter-corridor-preset-choices button.is-selected { border-color:#c58a47; transform:translateY(-2px); box-shadow:0 12px 28px rgba(35,57,50,.1); }
.starter-corridor-preset-choices button.is-selected { background:linear-gradient(145deg,#fff7e8,#edf7f2); }
.starter-corridor-preset-choices span,.starter-corridor-preset-choices b,.starter-corridor-preset-choices small { display:block; }
.starter-corridor-preset-choices span { color:#b77a3e; font:26px ui-serif,serif; }
.starter-corridor-preset-choices b { margin-top:4px; color:#183a33; }
.starter-corridor-preset-choices small { margin-top:5px; line-height:1.45; color:#6c7c76; }
.starter-topology-controls { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:9px; margin:14px 0; padding:13px; border-radius:15px; background:#152c27; }
.starter-topology-controls label { display:grid; grid-template-columns:1fr auto; gap:6px 8px; color:#e9f1ed; font-size:10px; font-weight:700; }
.starter-topology-controls output { color:#f2cd83; }
.starter-topology-controls input { grid-column:1/-1; width:100%; accent-color:#d7a45b; }
.starter-topology-triptych { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.starter-topology-triptych figure { overflow:hidden; margin:0; border:1px solid #d8e2de; border-radius:17px; background:#0b1c19; box-shadow:0 13px 30px rgba(9,35,30,.1); }
.starter-topology-triptych canvas { display:block; width:100%; height:330px; touch-action:none; }
.starter-topology-triptych figcaption { display:grid; gap:3px; min-height:58px; padding:11px 13px; background:#fff; }
.starter-topology-triptych figcaption b { color:#183832; }
.starter-topology-triptych figcaption small { color:#71817a; }
.starter-topology-triptych .folded { border-color:rgba(190,128,55,.48); }
.starter-topology-proof { display:flex; flex-wrap:wrap; gap:7px; margin:12px 0; }
.starter-topology-proof span { padding:7px 10px; border-radius:999px; background:#e9f5ee; color:#2b6756; font-size:10px; }
.starter-topology-proof b { color:#174b3e; }
.starter-topology-proof [data-proof="pattern"] { background:#fff0cc; color:#76521e; box-shadow:inset 0 0 0 1px rgba(184,124,50,.22); }
.starter-topology-proof [data-proof="pattern"] b { color:#81591f; }
.starter-a47-coordinate-role { margin:16px 0; padding:16px; border:1px solid rgba(53,111,92,.18); border-radius:18px; background:linear-gradient(135deg,#f7faf7,#f5f0f8); color:#36554b; }
.starter-a47-coordinate-role header small,.starter-a47-coordinate-role header b { display:block; }
.starter-a47-coordinate-role header small { color:#98703a; font-size:9px; font-weight:850; letter-spacing:.13em; }
.starter-a47-coordinate-role header b { margin-top:4px; font-size:15px; }
.starter-a47-coordinate-role>div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin-top:12px; }
.starter-a47-coordinate-role>div span { position:relative; min-height:78px; padding:12px 12px 10px 39px; border-radius:13px; background:rgba(255,255,255,.76); }
.starter-a47-coordinate-role i { position:absolute; left:12px; top:12px; display:grid; place-items:center; width:20px; height:20px; border-radius:50%; background:#dcebe4; color:#2b6b57; font-style:normal; font-size:10px; font-weight:850; }
.starter-a47-coordinate-role b,.starter-a47-coordinate-role small { display:block; }
.starter-a47-coordinate-role small { margin-top:4px; color:#708079; font-size:10px; line-height:1.45; }
.starter-a47-coordinate-role>p { margin:11px 0 0; color:#63756e; font-size:10px; }
@media (max-width:1100px){.starter-topology-triptych{grid-template-columns:1fr}.starter-topology-triptych canvas{height:420px}.starter-topology-controls{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.starter-topology-source-grid{grid-template-columns:1fr 1fr}.starter-topology-source-grid .starter-topology-upload{grid-column:1/-1}.starter-topology-source-heading{align-items:flex-start;flex-direction:column}.starter-topology-source-heading span{margin-left:0}}
@media (max-width:680px){.starter-topology-source-grid{grid-template-columns:1fr}.starter-topology-source-grid .starter-topology-upload{grid-column:auto}.starter-topology-upload{grid-template-columns:56px 1fr}.starter-topology-upload>span:first-of-type{width:56px;height:56px}.starter-topology-upload button{grid-column:1/-1}.starter-topology-mode-grid,.starter-topology-controls,.starter-corridor-preset-choices{grid-template-columns:1fr}.starter-topology-mode-guide{grid-template-columns:1fr}.starter-topology-mode-guide>span{display:none}.starter-topology-triptych canvas{height:340px}}
@media (max-width:680px){.starter-topology-source-actions{align-items:flex-start;flex-direction:column}.starter-a47-coordinate-role>div{grid-template-columns:1fr}}
@media (max-width:760px){.starter-topology-actions{grid-template-columns:1fr}}
@media (max-width:760px){.starter-topology-commit-probe{grid-template-columns:1fr 1fr}}

/* ===== v0.1.20-rc2.4 · Atmosphere silhouette → executable Low Poly ===== */
.starter-atmosphere-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.starter-atmosphere-grid button { min-height:148px; overflow:hidden; }
.starter-atmosphere-grid button::after {
  content:"";
  position:absolute;
  width:72px;
  height:72px;
  right:-24px;
  bottom:-30px;
  border:1px dashed rgba(45,121,100,.34);
  border-radius:62% 38% 61% 39%;
  transform:rotate(28deg);
  background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(45,121,100,.12));
}
.starter-atmosphere-grid .starter-card-icon { font-size:26px; color:#9a6b2d; margin-bottom:8px; }
.starter-atmosphere-grid .atmosphere-source { margin-top:9px; color:#2d7964; font-size:9px; letter-spacing:.04em; }
.starter-surface-template-grid button { min-height:188px; background:linear-gradient(155deg,#fbfdfc,#f5f1e9); }
.starter-surface-template-grid button::before {
  content:"";
  display:block;
  height:42px;
  margin:-15px -15px 13px;
  background:var(--work-palette,linear-gradient(110deg,#17483f,#f6c96b));
  box-shadow:inset 0 -1px rgba(255,255,255,.34);
}
.starter-surface-template-grid .starter-card-icon { position:absolute; top:8px; left:13px; color:#fff; text-shadow:0 2px 8px rgba(0,0,0,.35); }
.starter-surface-template-grid .work-proof { margin-top:10px; color:#866525; font-size:9px; font-weight:800; letter-spacing:.03em; }
.starter-generate-work { width:100%; margin:2px 0 14px; min-height:48px; }
.starter-lowpoly-hero { min-height:420px; overflow:hidden; border-radius:20px; background:#0c2421; box-shadow:0 24px 60px rgba(8,31,29,.22); }
.starter-lowpoly-hero svg { display:block; width:100%; height:auto; }
.starter-lowpoly-hero>p { display:grid; place-items:center; min-height:420px; margin:0; color:#d8e7df; }
.starter-work-proof { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:12px; }
.starter-work-proof span { padding:10px; border-radius:10px; background:#edf5f1; color:#49635a; font-size:10px; line-height:1.45; }
.starter-work-proof b { display:block; margin-bottom:3px; color:#285f50; }
.starter-result-actions { grid-template-columns:auto 1fr; }
.expert-cutfold-entry { display:flex; justify-content:space-between; align-items:center; gap:24px; margin:20px 0; padding:22px 24px; border:1px solid rgba(166,109,47,.27); border-radius:20px; background:linear-gradient(135deg,#fffaf0,#f3f8f5); }
.expert-cutfold-entry span { font-size:9px; letter-spacing:.14em; color:#956327; }
.expert-cutfold-entry h2 { margin:5px 0; color:#3e3528; font-family:Georgia,"Noto Serif SC",serif; }
.expert-cutfold-entry p { margin:0; max-width:760px; color:#6e6558; line-height:1.6; }
.expert-cutfold-entry button { flex:0 0 auto; border:1px solid #9c713e; border-radius:999px; background:#8b6233; color:#fff; padding:11px 16px; font-weight:800; cursor:pointer; }

@media (max-width:760px) {
  .starter-atmosphere-grid,.starter-work-proof { grid-template-columns:1fr; }
  .starter-lowpoly-hero,.starter-lowpoly-hero>p { min-height:280px; }
  .expert-cutfold-entry { align-items:flex-start; flex-direction:column; }
}

/* ===== Starter co-creation: silhouette → pattern → color → object ===== */
.starter-ai-entry { display:flex; align-items:center; justify-content:space-between; gap:18px; margin:12px 0; padding:14px 16px; border:1px solid #dce6e2; border-radius:16px; background:linear-gradient(135deg,#f8fbfa,#f5f0e7); }
.starter-ai-entry div { display:grid; gap:3px; }
.starter-ai-entry small { color:#8d6a35; font-size:9px; letter-spacing:.1em; font-weight:800; }
.starter-ai-entry b { color:#29453f; font-size:12px; }
.starter-ai-entry span { color:#73807c; font-size:10px; }
.starter-ai-entry button,.starter-ai-companion button { border:1px solid #3e7467; border-radius:999px; padding:8px 12px; background:#fff; color:#2f6558; font-weight:800; cursor:pointer; }
.starter-ai-companion { display:grid; gap:8px; margin:10px 0 16px; padding:18px; border-radius:18px; background:#193b35; color:#fff; box-shadow:0 18px 45px rgba(18,52,46,.16); }
.starter-ai-companion[hidden] { display:none; }
.starter-ai-companion small { color:#dbbd82; font-size:9px; letter-spacing:.12em; }
.starter-ai-companion b { font-family:ui-serif,"Songti SC",serif; font-size:16px; line-height:1.55; }
.starter-ai-companion div { display:flex; flex-wrap:wrap; gap:7px; }
.starter-ai-companion button { border-color:rgba(255,255,255,.3); background:rgba(255,255,255,.09); color:#fff; }
.starter-pattern-stage { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; margin:14px 0; }
.starter-pattern-stage[hidden] { display:none; }
.starter-pattern-stage button { min-height:190px; position:relative; display:flex; flex-direction:column; align-items:flex-start; padding:14px; overflow:hidden; border:1px solid #dfe7e3; border-radius:17px; background:#fff; color:#275c50; text-align:left; cursor:pointer; }
.starter-pattern-stage button.is-selected { border-color:#2d7964; box-shadow:0 0 0 2px rgba(45,121,100,.14); background:#f1f8f4; }
.starter-pattern-stage strong { color:#29413b; font-size:14px; }
.starter-pattern-stage small { margin-top:5px; color:#6e7b77; font-size:10px; line-height:1.5; }
.starter-pattern-swatch { width:100%; height:105px; margin-bottom:8px; border-radius:12px; background:linear-gradient(135deg,#eef4ef,#f6ead6); color:#2f7565; }
.starter-pattern-meaning { margin-top:4px; color:#ad7339; font-size:10px; font-weight:900; letter-spacing:.08em; }
.starter-pattern-proof { margin-top:auto; padding-top:8px; color:#2e6b5a; font-size:9px; font-weight:800; }
.starter-pattern-triptych { margin:16px 0 20px; padding:17px; border:1px solid rgba(45,121,100,.22); border-radius:20px; background:linear-gradient(145deg,#f8f5ed,#edf6f1); box-shadow:0 18px 42px rgba(24,61,53,.08); }
.starter-pattern-triptych[hidden] { display:none; }
.starter-pattern-triptych>header { display:grid; gap:4px; margin-bottom:12px; }
.starter-pattern-triptych>header small { color:#a06c32; font-size:9px; font-weight:900; letter-spacing:.15em; }
.starter-pattern-triptych>header b { color:#183832; font-size:15px; }
.starter-pattern-triptych>div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.starter-pattern-triptych figure { overflow:hidden; margin:0; border:1px solid #d8e3de; border-radius:16px; background:#fff; }
.starter-pattern-triptych figure>svg { display:block; width:100%; height:190px; border-radius:0; object-fit:cover; }
.starter-pattern-triptych figcaption { display:grid; grid-template-columns:25px 1fr; gap:8px; align-items:start; min-height:76px; padding:11px; }
.starter-pattern-triptych figcaption i { display:grid; place-items:center; width:25px; height:25px; border-radius:50%; background:#1d5448; color:#f5d994; font-size:11px; font-style:normal; font-weight:900; }
.starter-pattern-triptych figcaption b,.starter-pattern-triptych figcaption small { display:block; }
.starter-pattern-triptych figcaption b { color:#1d4038; font-size:11px; }
.starter-pattern-triptych figcaption small { margin-top:4px; color:#6d7b76; font-size:9px; line-height:1.5; }
.starter-pattern-triptych>p { margin:12px 0 0; color:#536a62; font-size:10px; }
.starter-pattern-triptych>p b { color:#9a682c; }
.starter-skeleton-diagram { background:#17332e; }
.starter-color-title { display:grid; gap:3px; margin:18px 0 10px; }
.starter-color-title small { color:#8d6a35; font-size:9px; letter-spacing:.1em; }
.starter-color-title b { color:#29443e; font-size:14px; }
.starter-color-choices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin-bottom:16px; }
.starter-color-choices button { min-height:112px; display:flex; flex-direction:column; align-items:stretch; padding:10px; border:1px solid #dfe6e2; border-radius:15px; background:#fff; text-align:left; cursor:pointer; }
.starter-color-choices button.is-selected { border-color:#2d7964; box-shadow:0 0 0 2px rgba(45,121,100,.14); }
.starter-color-strip { display:grid; grid-template-columns:repeat(4,1fr); height:42px; margin-bottom:9px; overflow:hidden; border-radius:10px; }
.starter-color-strip i { display:block; }
.starter-color-choices strong { color:#2e433e; }
.starter-color-choices small { margin-top:3px; color:#77827f; font-size:9px; }
.starter-surface-template-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.learning-model-badge { position:absolute; z-index:2; right:8px; top:9px; padding:4px 7px; border-radius:999px; background:#fff3cf; color:#72521b; font-size:8px; font-style:normal; font-weight:900; }
.starter-delivery-actions { grid-template-columns:repeat(3,minmax(0,1fr)); }
.starter-delivery-actions button { display:grid; gap:4px; align-content:center; text-align:left; padding:13px 15px; }
.starter-delivery-actions button b { font-size:13px; }
.starter-delivery-actions button small { color:#73807b; font-size:9px; font-weight:500; }
.starter-professional-files { margin:12px 0 20px; border:1px solid #e0e6e3; border-radius:14px; background:#fafcfb; color:#61706b; }
.starter-professional-files summary { padding:12px 14px; color:#53645e; font-size:10px; font-weight:800; cursor:pointer; }
.starter-professional-files>p,.starter-professional-files>div,.starter-professional-files>section { margin:0; padding:0 14px 12px; }
.starter-professional-files>div { display:flex; flex-wrap:wrap; gap:7px; }
.starter-professional-files button { border:1px solid #d9e1dd; border-radius:9px; padding:7px 9px; background:#fff; color:#50645d; font-size:9px; cursor:pointer; }
.starter-professional-files section { display:grid; gap:3px; font-size:9px; }
@media(max-width:800px){.starter-pattern-stage,.starter-pattern-triptych>div,.starter-color-choices,.starter-surface-template-grid{grid-template-columns:1fr}.starter-ai-entry{align-items:stretch;flex-direction:column}.starter-delivery-actions{grid-template-columns:1fr}.starter-pattern-triptych figure>svg{height:240px}}
@media(max-width:800px){.starter-pattern-route>div{grid-template-columns:1fr}.starter-pattern-route>div>em{transform:rotate(90deg);text-align:center}.starter-pattern-route>div>span{min-height:0}}
.starter-surface-template-grid button { min-height:210px; }

/* ===== rc2.11.12: restore the rc2.11.5 flow, retain the approved semantic type scale ===== */
:root {
  --starter-type-caption: clamp(11px, .61vw, 12.5px);
  --starter-type-small: clamp(12px, .67vw, 13.5px);
  --starter-type-body: clamp(13px, .73vw, 15px);
  --starter-type-label: clamp(14px, .78vw, 16px);
  --starter-type-heading: clamp(18px, 1vw, 22px);
}

body.interface-mode-starter { font-size:var(--starter-type-body); line-height:1.6; }
body.interface-mode-starter :where(p,textarea) { font-size:var(--starter-type-body); line-height:1.6; }
body.interface-mode-starter :where(small,figcaption) { font-size:var(--starter-type-caption); line-height:1.45; }
body.interface-mode-starter :where(button,label,select,input,output) { font-size:var(--starter-type-small); }
body.interface-mode-starter :where(.starter-step-title h3,.starter-preview-head h3,.starter-qwen-report h4,.fold-reveal-lab h4) { font-size:var(--starter-type-heading); line-height:1.35; }
body.interface-mode-starter :where(.starter-wizard-card b,.starter-preview-stage b) { font-size:var(--starter-type-label); }

.starter-qwen-entry {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px 18px;
  align-items:center;
  margin:12px 0 16px;
  padding:15px 16px;
  border:1px solid #ddd6ee;
  border-radius:16px;
  background:linear-gradient(135deg,#fbf9ff,#f3f8f5);
}
.starter-qwen-entry>div { display:grid; gap:3px; }
.starter-qwen-entry>div small { color:#7356b5; font-weight:800; }
.starter-qwen-entry>div b { color:#354c43; }
.starter-qwen-entry>div span { color:#6e7a75; }
.starter-qwen-entry>button { display:grid; gap:2px; min-width:160px; padding:10px 13px; border:1px solid #a99acb; border-radius:12px; background:#fff; color:#5d4791; text-align:left; cursor:pointer; }
.starter-qwen-entry>button[aria-pressed="true"] { border-color:#7256b6; background:#f1ecfb; box-shadow:0 0 0 2px rgba(114,86,182,.12); }
.starter-qwen-entry>button small { color:#7f748d; }
.starter-qwen-entry .starter-ai-gateway-state { grid-column:1/-1; margin:0; }

.starter-qwen-possibilities { margin:14px 0; border:1px solid #ded8eb; border-radius:15px; background:#fbfaff; }
.starter-qwen-possibilities>summary { display:flex; justify-content:space-between; gap:12px; padding:13px 15px; color:#55466f; cursor:pointer; }
.starter-qwen-possibilities>summary span { color:#83798e; }
.starter-qwen-possibilities>.starter-ai-proposal-grid,.starter-qwen-possibilities>.starter-ai-visual-preview,.starter-qwen-possibilities>.starter-ai-education { margin:0 13px 13px; }
.starter-ai-adopted-summary { display:grid; gap:3px; padding:10px 12px; border:1px solid #b8d4c2; border-radius:11px; background:#eef8f1; color:#3d5f4b; }
.starter-ai-adopted-summary small { color:#6f7c75; }
.starter-ai-adopted-summary span { font-size:12px; }
.starter-ai-visual-preview { padding:15px; border:1px solid #ddd4ee; border-radius:14px; background:linear-gradient(145deg,#fcfaff,#f3f8f4); }
.starter-ai-visual-preview>header { display:grid; grid-template-columns:auto 1fr; gap:12px; }
.starter-ai-visual-preview>header>span { display:grid; place-items:center; align-self:start; min-width:72px; min-height:32px; border-radius:999px; background:#eee7fa; color:#6549a1; font-weight:800; }
.starter-ai-visual-preview h4 { margin:4px 0; color:#344b42; }
.starter-ai-visual-preview p { margin:0; color:#6b7772; }
.starter-ai-mother-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin-top:13px; }
.starter-ai-mother-tabs button { display:grid; gap:2px; min-width:0; padding:8px 7px; border:1px solid #ddd7e8; border-radius:10px; background:#fff; color:#6a6174; text-align:left; cursor:pointer; }
.starter-ai-mother-tabs button small { color:#8a7ca3; font-size:10px; }
.starter-ai-mother-tabs button b { overflow:hidden; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.starter-ai-mother-tabs button.is-active { border-color:#7655b8; background:#f0eafb; color:#574079; box-shadow:0 0 0 2px rgba(118,85,184,.1); }
.starter-ai-mother-preview-grid { display:grid; grid-template-columns:1fr; gap:10px; margin-top:9px; }
.starter-ai-mother-preview-grid figure { margin:0; overflow:hidden; border:1px solid #e0e5e2; border-radius:12px; background:#fff; }
.starter-ai-mother-preview-grid svg { display:block; width:100%; max-height:230px; height:auto; }
.starter-ai-mother-preview-grid figcaption { display:grid; gap:3px; padding:9px; }
.starter-ai-handoff { display:grid; gap:4px; margin-top:10px; padding:11px 12px; border:1px solid #9fc6ad; border-radius:11px; background:#edf8f1; color:#3d5e4a; }
.starter-ai-handoff span { font-size:13px; line-height:1.55; }
.starter-ai-handoff small { color:#6c7a72; }
.starter-ai-preview-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }

.starter-qwen-journey-guide { margin:10px 0; padding:12px; border:1px solid rgba(112,83,167,.22); border-radius:14px; background:linear-gradient(145deg,#fbf8ff,#f2f8f4); color:#41544b; }
.starter-qwen-journey-guide>header { display:flex; justify-content:space-between; gap:8px; align-items:center; }
.starter-qwen-journey-guide>header small { color:#684d9a; font-weight:800; }
.starter-qwen-journey-guide>header span { padding:3px 7px; border-radius:999px; background:#e9f5ed; color:#36725a; font-size:10px; font-weight:800; }
.starter-qwen-journey-guide>nav { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; margin:9px 0; }
.starter-qwen-journey-guide>nav>span { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:4px; min-width:0; padding:6px; border:1px solid #e1dde8; border-radius:9px; background:#fff; color:#82798b; }
.starter-qwen-journey-guide>nav i { display:grid; place-items:center; width:17px; height:17px; border-radius:50%; background:#eeeaf2; font-size:9px; font-style:normal; }
.starter-qwen-journey-guide>nav b { font-size:11px; }
.starter-qwen-journey-guide>nav small { grid-column:2; font-size:9px; }
.starter-qwen-journey-guide>nav>span.is-current { border-color:#8869bd; color:#5e438d; }
.starter-qwen-journey-guide>nav>span.is-current i { background:#7956b2; color:#fff; }
.starter-qwen-journey-guide>nav>span.is-done { border-color:#a9c9b4; color:#42715b; }
.starter-qwen-journey-guide>nav>span.is-done i { background:#5c9174; color:#fff; }
.starter-qwen-journey-guide>div { display:grid; gap:4px; padding:9px 10px; border-radius:10px; background:#fff; }
.starter-qwen-journey-guide>div p { margin:0; color:#67746e; font-size:12px; line-height:1.55; }
.starter-qwen-journey-guide>div button { justify-self:start; margin-top:3px; padding:7px 10px; border:0; border-radius:9px; background:#7252aa; color:#fff; font-weight:800; cursor:pointer; }
.starter-qwen-journey-guide>footer { margin-top:8px; color:#7b817e; font-size:10px; line-height:1.5; }

.starter-ai-step-coach { margin:12px 0; padding:14px 16px; border:1px solid rgba(125,96,181,.22); border-radius:15px; background:linear-gradient(120deg,#f7f3ff,#f3f8f4); }
.starter-ai-step-coach>header { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.starter-ai-step-coach>header small { color:#7256b6; font-weight:800; }
.starter-ai-step-coach>header button { padding:7px 10px; border:1px solid #cfc3e5; border-radius:999px; background:#fff; color:#6549a1; cursor:pointer; }
.starter-ai-step-coach>p { margin:7px 0 10px; color:#69766f; }
.starter-ai-step-coach>.starter-ai-suggestions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.starter-ai-step-coach>.starter-ai-suggestions>button { display:grid; gap:4px; padding:10px 12px; border:1px solid #d9e2de; border-radius:12px; background:#fff; color:#40574b; text-align:left; cursor:pointer; }
.starter-ai-step-coach>.starter-ai-suggestions>button.is-accepted { border-color:#85aa93; background:#edf7f0; }
.starter-ai-step-coach>.starter-ai-suggestions>button em { justify-self:start; margin-top:3px; padding:3px 7px; border-radius:999px; background:#5e8d72; color:#fff; font-size:10px; font-style:normal; font-weight:800; }
.starter-qwen-coach-handoff { display:grid; gap:8px; margin-top:12px; padding:12px; border:1px solid #9bc5aa; border-radius:12px; background:linear-gradient(145deg,#edf8f1,#fffdf7); color:#3d5849; }
.starter-qwen-coach-handoff>header { display:flex; align-items:center; gap:9px; }
.starter-qwen-coach-handoff>header i { display:grid; place-items:center; width:28px; height:28px; flex:0 0 auto; border-radius:50%; background:#568a6c; color:#fff; font-style:normal; font-weight:900; }
.starter-qwen-coach-handoff>header div { display:grid; gap:2px; }
.starter-qwen-coach-handoff>header small { color:#5f7d6c; font-weight:800; }
.starter-qwen-coach-handoff>p { margin:0; padding:7px 9px; border-radius:9px; background:rgba(255,255,255,.75); font-size:12px; line-height:1.6; }
.starter-qwen-coach-handoff>footer { display:grid; gap:7px; }
.starter-qwen-coach-handoff>footer span { color:#6e7872; font-size:11px; }
.starter-qwen-coach-handoff>footer button { justify-self:stretch; padding:9px 11px; border:0; border-radius:9px; background:#6f4faf; color:#fff; font-weight:800; cursor:pointer; }
.starter-qwen-linked-badge { display:block; margin-top:7px; padding:7px 9px; border-radius:9px; background:#e6f5eb; color:#397057; font-size:11px; font-weight:800; }

.fold-reveal-lab,.starter-creative-evaluation,.starter-qwen-report { margin:18px 0; padding:18px; border:1px solid #dbe4df; border-radius:18px; background:linear-gradient(145deg,#f7faf8,#faf7fd); }
.fold-reveal-grid { display:grid; grid-template-columns:1fr 1fr minmax(210px,.8fr); gap:10px; margin-top:13px; }
.fold-reveal-grid figure { margin:0; overflow:hidden; border:1px solid #dfe5e2; border-radius:12px; background:#fff; }
.fold-reveal-grid canvas { display:block; width:100%; min-height:190px; }
.fold-reveal-grid figcaption,.fold-reveal-observation { padding:11px; }
.fold-reveal-observation { border-radius:12px; background:#fff; }
.fold-reveal-observation dl { margin:10px 0 0; }
.fold-reveal-observation dl div { display:flex; justify-content:space-between; gap:10px; padding:5px 0; border-top:1px solid #edf0ee; }
.fold-reveal-controls { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:12px; }
.fold-reveal-controls label { display:grid; gap:6px; }
.fold-reveal-unavailable { margin:14px 0; padding:13px; border:1px solid #ead5aa; border-radius:12px; background:#fff8e9; color:#735e3e; }

.starter-creative-evaluation>header h4 { margin:5px 0 12px; color:#344b42; }
.starter-creative-evaluation>div,.starter-qwen-report-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.starter-creative-evaluation article,.starter-qwen-report-grid article { padding:12px; border:1px solid #e1e7e4; border-radius:12px; background:#fff; }
.starter-qwen-report>header { display:flex; justify-content:space-between; gap:18px; align-items:center; }
.starter-qwen-report>header h4 { margin:4px 0; color:#344b42; }
.starter-qwen-report>header p { margin:0; color:#6b7772; }
.starter-qwen-report-actions { display:flex; flex:0 0 auto; gap:8px; }
.starter-qwen-report-source { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:13px 0 9px; color:#65736b; }
.starter-qwen-report-source b { padding:4px 8px; border-radius:999px; background:#eee7fa; color:#6549a1; }
.starter-qwen-report-source small { margin-left:auto; }
.starter-qwen-report-grid article h5 { margin:5px 0; color:#344b42; }
.starter-qwen-report-grid article p { margin:0 0 7px; color:#617068; }
.starter-qwen-report-grid article em { color:#7b8781; font-style:normal; }

@media(max-width:980px){.starter-ai-mother-preview-grid,.starter-creative-evaluation>div,.starter-qwen-report-grid,.fold-reveal-grid{grid-template-columns:1fr}.starter-qwen-entry{grid-template-columns:1fr}.starter-qwen-entry .starter-ai-gateway-state{grid-column:1}.starter-qwen-report>header{align-items:flex-start;flex-direction:column}.fold-reveal-controls{grid-template-columns:1fr}}
@media(max-width:680px){.starter-ai-step-coach>.starter-ai-suggestions{grid-template-columns:1fr}.starter-qwen-possibilities>summary{align-items:flex-start;flex-direction:column}.starter-ai-preview-actions,.starter-qwen-report-actions{width:100%;flex-direction:column}}

/* ===== rc2.11.13 · approved FoldFlow atmosphere ===== */
body.interface-mode-starter {
  --foldflow-paper:#fbfaf6;
  --foldflow-sage:#789487;
  --foldflow-sage-soft:#dfe9e2;
  --foldflow-lilac:#a58fc1;
  --foldflow-lilac-soft:#eee8f5;
  --foldflow-amber:#c99856;
  --foldflow-ink:#34463f;
  background:
    radial-gradient(circle at 14% 8%,rgba(230,205,175,.32),transparent 27%),
    radial-gradient(circle at 88% 14%,rgba(173,196,188,.28),transparent 24%),
    linear-gradient(135deg,#f3f0e9 0%,#eef3ee 54%,#f4eff4 100%);
}
body.interface-mode-starter > .page-shell { max-width:none; padding:12px; gap:12px; }
body.interface-mode-starter > .page-shell > .hero { display:none; }
.foldflow-toolbar {
  display:grid; grid-template-columns:minmax(230px,.7fr) auto minmax(280px,1fr); align-items:center; gap:18px;
  min-height:68px; padding:10px 18px; border:1px solid rgba(83,106,96,.13); border-radius:22px;
  background:rgba(251,250,246,.9); box-shadow:0 14px 40px rgba(72,79,74,.08),inset 0 1px 0 rgba(255,255,255,.9); backdrop-filter:blur(16px);
}
.foldflow-brand { display:flex; align-items:center; gap:11px; color:var(--foldflow-ink); }
.foldflow-mark { display:grid; place-items:center; width:38px; height:38px; border-radius:13px; background:linear-gradient(145deg,#edf4ee,#d7e4db); color:#688579; font-size:24px; transform:rotate(12deg); }
.foldflow-brand>div { display:grid; grid-template-columns:auto auto; column-gap:10px; align-items:baseline; }
.foldflow-brand b { font-family:Georgia,"Noto Serif SC",serif; font-size:22px; }
.foldflow-brand strong { color:#73827c; font-size:12px; font-weight:650; }
.foldflow-view-switch { display:flex; padding:4px; border:1px solid #deded7; border-radius:999px; background:rgba(255,255,255,.74); box-shadow:0 6px 16px rgba(72,79,74,.06); }
.foldflow-view-switch button { min-width:88px; min-height:38px; border:0; border-radius:999px; background:transparent; color:#6b756f; cursor:pointer; font-weight:750; }
.foldflow-view-switch button[aria-pressed="true"] { background:linear-gradient(145deg,#dce8df,#cbd9ce); color:#49675b; box-shadow:0 6px 14px rgba(75,103,90,.14); }
.foldflow-toolbar-copy { justify-self:end; display:grid; text-align:right; color:#596a63; }
.foldflow-toolbar-copy span { font-weight:800; }
.foldflow-toolbar-copy small { color:#89948f; }
.starter-studio { gap:12px; }
.starter-welcome { grid-template-columns:1fr minmax(250px,320px); padding:17px 22px; border-radius:20px; box-shadow:0 12px 32px rgba(72,79,74,.06); }
.starter-welcome h2 { margin:4px 0; font-size:clamp(22px,1.75vw,31px); }
.starter-welcome p { line-height:1.55; }
.starter-safety-note { padding:11px 14px; border-left:0; border-top:3px solid #d4a967; background:linear-gradient(135deg,#fff9ec,#f7f1e7); }
.foldflow-route-dock {
  display:grid; grid-template-columns:minmax(250px,.85fr) repeat(2,minmax(260px,1fr)); gap:9px; align-items:stretch;
  padding:9px; border:1px solid rgba(83,106,96,.14); border-radius:18px; background:rgba(251,250,246,.76); box-shadow:0 10px 28px rgba(72,79,74,.055);
}
.foldflow-route-dock>div { display:grid; align-content:center; padding:6px 12px; color:var(--foldflow-ink); }
.foldflow-route-dock>div small { color:#8a9690; }
.foldflow-route-dock>button { display:grid; grid-template-columns:auto 1fr; gap:2px 10px; align-items:center; padding:10px 13px; border:1px solid #dedfd9; border-radius:14px; background:#fff; color:#56675f; text-align:left; cursor:pointer; }
.foldflow-route-dock>button span { grid-row:1/3; align-self:stretch; display:grid; place-items:center; min-width:66px; padding:4px 6px; border-radius:9px; background:#eef3ef; color:#668075; font-size:10px; }
.foldflow-route-dock>button b { color:#3e5149; }
.foldflow-route-dock>button small { color:#89938f; }
.foldflow-route-dock>button.is-selected { border-color:#9db6a9; background:linear-gradient(135deg,#f8fbf8,#edf4ef); box-shadow:0 7px 18px rgba(81,113,97,.12); }
.foldflow-route-dock>button[data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"].is-selected { border-color:#b8a8cc; background:linear-gradient(135deg,#fcfaff,#f0ebf6); }
.foldflow-route-dock>p { grid-column:1/-1; margin:0; padding:4px 12px 2px; color:#7a8580; font-size:var(--starter-type-caption); }
.starter-workspace { grid-template-columns:minmax(620px,1.62fr) minmax(340px,.72fr); gap:12px; }
.starter-preview-stage { order:1; position:sticky; top:10px; border-radius:22px; background:rgba(251,250,246,.94); }
.starter-wizard-card { order:2; min-height:660px; max-height:calc(100vh - 98px); overflow:auto; padding:19px; border-radius:22px; }
.starter-preview-head { background:linear-gradient(120deg,#e8eee9,#f3edf4); color:var(--foldflow-ink); }
.starter-preview-head span { color:#71887e; }
.starter-preview-head>b { border-color:rgba(75,94,85,.16); color:#6e7c76; background:rgba(255,255,255,.5); }
.starter-canvas-card canvas { height:270px; }
.starter-canvas-card.art canvas { height:340px; }
.starter-stepper { order:20; grid-template-columns:repeat(9,minmax(118px,1fr)); gap:0; padding:10px 16px; border-radius:20px; overflow-x:auto; background:rgba(251,250,246,.88); }
.starter-stepper button { position:relative; flex-direction:column; gap:1px; min-width:118px; min-height:66px; border-radius:14px; }
.starter-stepper button:not(:last-child)::after { content:""; position:absolute; right:-8px; top:31px; width:16px; height:1px; background:#c9d2cd; }
.starter-stepper button b { font-size:var(--starter-type-small); }
.starter-stepper button small { color:inherit; opacity:.58; font-size:10px; }
.starter-stepper button.is-active { color:#52675e; background:linear-gradient(145deg,#f2f6f2,#e3ece5); box-shadow:0 8px 20px rgba(75,103,90,.12); }
.starter-stepper button.is-active span { background:#789487; color:#fff; }
.starter-stepper button:nth-child(2).is-active { background:linear-gradient(145deg,#f7f3fb,#ece5f4); color:#69567e; }
.starter-stepper button:nth-child(2).is-active span { background:#9a83b5; }
.foldflow-mask-stage { min-height:620px; display:grid; grid-template-rows:auto 1fr auto; background:radial-gradient(circle at 50% 44%,#faf8f1 0%,#ece9e0 64%,#e3e7e2 100%); }
.foldflow-mask-stage[hidden] { display:none; }
.foldflow-mask-stage>header,.foldflow-mask-stage>footer { display:flex; justify-content:space-between; gap:18px; align-items:center; padding:17px 20px; color:#4d5f57; }
.foldflow-mask-stage>header h3 { margin:3px 0 0; }
.foldflow-mask-stage>header span { padding:6px 10px; border-radius:999px; background:#f1eaf6; color:#77638c; font-size:11px; }
.foldflow-mask-stage>footer { align-items:flex-start; border-top:1px solid rgba(83,106,96,.12); background:rgba(255,255,255,.56); }
.foldflow-mask-stage>footer p { max-width:58%; margin:0; color:#7b8781; }
.foldflow-mask-visual { display:grid; place-items:center; padding:12px 4vw; }
.foldflow-mask-visual svg { width:min(720px,92%); max-height:500px; filter:drop-shadow(0 24px 30px rgba(67,73,69,.14)); }
.mask-outline { fill:url(#maskPaper); stroke:#294f4c; stroke-width:1.15; filter:drop-shadow(0 3px 4px rgba(35,58,55,.22)); }
.mask-ear { fill:url(#maskPaper); stroke:#294f4c; stroke-width:1.15; }
.mask-ear-ridge,.mask-engraving { fill:none; stroke:#b2c9b7; stroke-width:.8; opacity:.7; }
.mask-faces polygon { fill:url(#maskPaper); fill-opacity:calc(.26 + var(--face-index) * .032); stroke:rgba(233,231,198,.7); stroke-width:.45; }
.mask-creases line { stroke:#7a6b8e; stroke-width:.58; stroke-dasharray:2 1.2; }
.mask-creases .action-axis_fold,.mask-creases .action-pleat_pair { stroke:#6b8e82; stroke-width:.8; stroke-dasharray:none; }
.mask-brow { fill:#315e5a; stroke:#d0c28e; stroke-width:.55; }
.mask-eye-housing { fill:url(#maskEyeBronze); stroke:#244a49; stroke-width:1.1; filter:url(#maskReliefShadow); }
.mask-eye { fill:#d2d6b7; stroke:#345e59; stroke-width:.8; }
.mask-protruding-eye { fill:#568b82; stroke:#263f42; stroke-width:.65; }
.mask-pupil { fill:#172e32; stroke:#d4c789; stroke-width:.55; filter:url(#maskReliefShadow); }
.mask-nose { fill:#588f83; stroke:#294b49; stroke-width:1; filter:url(#maskReliefShadow); }
.mask-nostril,.mask-lip,.mask-jaw { fill:none; stroke:#243f40; stroke-width:.8; }
.mask-mouth { fill:#426f69; stroke:#243f40; stroke-width:1; filter:url(#maskReliefShadow); }
.mask-relief-depth path { fill:#183c3d; opacity:.72; }
.mask-symbol { fill:#b5935e; }
.mask-topology-silhouette { fill:#eef1ea; stroke:#5e786d; stroke-width:1.1; }
.mask-topology-feature { fill:none; stroke:#8a73a2; stroke-width:1.25; }
.mask-topology-edges line { stroke:#96a69f; stroke-width:.8; }
.mask-topology-nodes circle { fill:#fff; stroke:#846da0; stroke-width:.7; }
.mask-topology-nodes text { fill:#62736b; font-size:2.4px; }
.starter-preview-stage[data-stage-mode="MASK"]>.starter-canvas-card,
.starter-preview-stage[data-stage-mode="MASK"]>.starter-surface-live-card { display:none; }
.starter-preview-stage[data-stage-mode="SUBJECT"]>.starter-canvas-card:not(.art) { display:block; }
.starter-preview-stage[data-stage-mode="SUBJECT"]>.starter-canvas-card.art { display:none; }
.starter-preview-stage[data-stage-mode="ART"]>.starter-canvas-card:not(.art) { display:none; }
.starter-preview-stage[data-stage-mode="ART"]>.starter-canvas-card.art { display:block; }
.starter-growth-tabs { display:flex; gap:6px; margin:12px 0; }
.starter-creative-evaluation>header { position:relative; padding-right:130px; }
.starter-creative-evaluation>header>[data-export-growth] { position:absolute; right:0; top:0; min-height:34px; padding:6px 10px; }
.starter-growth-tabs button { border:1px solid #d9e1dc; border-radius:999px; padding:7px 12px; background:#fff; color:#64746d; cursor:pointer; }
.starter-growth-tabs button.is-active { border-color:#93aa9e; background:#e8f0ea; color:#4d675b; }
.starter-growth-panel { padding:15px; border-radius:15px; background:linear-gradient(135deg,#fff,#f4f0f7); }
.starter-growth-panel h5 { margin:0 0 7px; color:#3f534a; font-size:var(--starter-type-label); }
.starter-growth-panel p { margin:5px 0; color:#65746e; }
.starter-growth-panel ul { margin:8px 0 0; padding-left:20px; color:#65746e; }
.starter-growth-evidence { margin-top:10px; border-top:1px solid #e2e6e3; padding-top:8px; }
.starter-growth-evidence summary { color:#7b8681; cursor:pointer; font-size:var(--starter-type-caption); }

/* ===== rc2.11.32.7 · child-parent-teacher feedback loop ===== */
.starter-growth-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.starter-growth-tabs button { display:grid; gap:2px; text-align:left; border-radius:13px; padding:10px 12px; }
.starter-growth-tabs button b { font-size:13px; }
.starter-growth-tabs button small { color:#829089; font-size:10px; font-weight:600; }
.starter-growth-tabs button.is-active small { color:#62776c; }
.starter-growth-panel { min-height:250px; border:1px solid #e1e7e3; }
.feedback-view-head { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:4px 10px; margin-bottom:13px; }
.feedback-view-head>span { grid-row:1/3; align-self:stretch; display:grid; place-items:center; padding:8px 10px; border-radius:12px; background:#e9f0eb; color:#527061; font-size:11px; font-weight:850; writing-mode:vertical-rl; letter-spacing:.08em; }
.feedback-view-head h5,.feedback-view-head p { margin:0; }
.feedback-view-head p { color:#718079; }
.feedback-child-reflection { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.feedback-child-reflection p { margin:0; padding:10px 12px; border:1px solid #e5e9e6; border-radius:11px; background:#fff; }
.feedback-journey-timeline { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin:13px 0 0; padding:0; list-style:none; }
.feedback-journey-timeline li { display:grid; grid-template-columns:auto 1fr; gap:8px; padding:9px; border-radius:11px; background:#f7f5fa; }
.feedback-journey-timeline li>span { display:grid; place-items:center; align-self:start; width:27px; height:27px; border-radius:9px; background:#e9e2f3; color:#69538b; font-size:10px; font-weight:850; }
.feedback-journey-timeline li div { display:grid; gap:3px; min-width:0; }
.feedback-journey-timeline li b { font-size:11px; color:#42564d; }
.feedback-journey-timeline li small { color:#7b8781; font-size:9px; line-height:1.45; }
.feedback-parent-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:10px; }
.feedback-parent-grid section { padding:14px; border-radius:13px; background:#fff; }
.feedback-parent-grid ul { margin:8px 0 0; }
.feedback-parent-grid small { display:block; margin-top:12px; padding-top:9px; border-top:1px dashed #dce4df; color:#7d8983; }
.feedback-teacher-context,.feedback-teacher-decisions,.feedback-learning-evidence { margin-top:12px; }
.feedback-teacher-context>div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin-top:7px; }
.feedback-teacher-context span { display:grid; gap:2px; padding:9px; border:1px solid #e2e7e4; border-radius:10px; background:#fff; }
.feedback-teacher-context small { color:#84918a; font-size:9px; }
.feedback-teacher-context strong { color:#455a50; font-size:11px; font-weight:750; }
.feedback-teacher-decisions ol { margin:7px 0 0; padding:0; list-style:none; }
.feedback-teacher-decisions li { display:grid; gap:3px; padding:10px 12px; border-left:3px solid #9a85b5; background:#fff; }
.feedback-teacher-decisions li+li { margin-top:6px; }
.feedback-teacher-decisions li>span { color:#765e96; font-size:9px; font-weight:800; }
.feedback-teacher-decisions li p { margin:0; }
.feedback-teacher-decisions li small { color:#839089; }
.feedback-learning-evidence>div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:7px; }
.feedback-learning-evidence article { position:relative; padding:12px; border:1px solid #e1e7e3; border-radius:11px; background:#fff; }
.feedback-learning-evidence article>span { float:right; padding:2px 6px; border-radius:999px; background:#eef1ef; color:#728078; font-size:8px; font-weight:800; }
.feedback-learning-evidence article[data-status="EVIDENCED"]>span { background:#e1f0e7; color:#3f765b; }
.feedback-learning-evidence h6 { margin:0 0 6px; color:#40544b; font-size:11px; }
.feedback-learning-evidence p { margin:0; color:#75827b; font-size:10px; }
.feedback-ai-status { display:grid; grid-template-columns:1fr auto; gap:3px 10px; align-items:center; margin-top:12px; padding:12px; border-radius:12px; background:#eee8f5; }
.feedback-ai-status p { margin:0; }
.feedback-ai-status button { grid-column:2; grid-row:1/3; }
.feedback-loop-footer { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:7px; margin-top:11px; color:#708078; font-size:10px; font-weight:750; }
.feedback-loop-footer i { color:#b28b52; font-style:normal; }
.paper-three-audience-feedback { margin-top:13px; padding:14px; border:1px solid #d8e1dc; border-radius:16px; background:linear-gradient(145deg,#f7faf7,#f4eff8); }
.paper-three-audience-feedback>header { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.paper-three-audience-feedback>header b,.paper-three-audience-feedback>header p { display:block; margin:3px 0 0; }
.paper-three-audience-feedback>header p { color:#728078; }
.paper-three-audience-feedback>header>button { flex:0 0 auto; padding:8px 10px; border:1px solid #a6b7ae; border-radius:10px; background:#fff; color:#4f6d5e; cursor:pointer; }
@media(max-width:760px){.starter-growth-tabs,.feedback-journey-timeline,.feedback-teacher-context>div{grid-template-columns:1fr}.feedback-child-reflection,.feedback-parent-grid,.feedback-learning-evidence>div{grid-template-columns:1fr}.feedback-view-head>span{writing-mode:horizontal-tb}.paper-three-audience-feedback>header{align-items:flex-start;flex-direction:column}.feedback-ai-status{grid-template-columns:1fr}.feedback-ai-status button{grid-column:1;grid-row:auto}}
@media(max-width:1180px){
  .foldflow-toolbar { grid-template-columns:1fr auto; }.foldflow-toolbar-copy{display:none}
  .foldflow-route-dock{grid-template-columns:1fr 1fr}.foldflow-route-dock>div{grid-column:1/-1}
  .starter-workspace{grid-template-columns:1fr}.starter-preview-stage{position:static}.starter-wizard-card{max-height:none}
}
@media(max-width:720px){
  .foldflow-toolbar{grid-template-columns:1fr}.foldflow-view-switch{justify-self:stretch}.foldflow-view-switch button{min-width:0;flex:1}
  .foldflow-route-dock{grid-template-columns:1fr}.foldflow-route-dock>div{grid-column:auto}
  .starter-welcome{grid-template-columns:1fr}.starter-stepper{grid-template-columns:repeat(9,104px)}
  .foldflow-mask-stage>footer{display:block}.foldflow-mask-stage>footer p{max-width:none;margin-top:6px}
  .starter-creative-evaluation>header{padding-right:0}.starter-creative-evaluation>header>[data-export-growth]{position:static;margin-top:8px}
}

/* ===== rc2.11.15 · Day 2 visual and interaction closure ===== */
.starter-wizard-card {
  height: auto;
  max-height: none;
  overflow: visible;
}

.starter-preview-stage.is-surface-stage-active > .starter-canvas-card {
  display: none;
}

.creative-plan-state-summary {
  display:grid;
  gap:4px;
  margin-top:12px;
  padding:12px 13px;
  border:1px solid #dce5e0;
  border-radius:14px;
  background:linear-gradient(135deg,#fbfcfa,#f0f4f1);
}
.creative-plan-state-summary small { color:#798b82; font-size:10px; letter-spacing:.06em; }
.creative-plan-state-summary b { color:#42594f; font-size:13px; }
.creative-plan-state-summary span { color:#7a8781; font-size:10px; line-height:1.5; }
.creative-plan-state-summary[data-status="APPROVAL_REQUIRED"] { border-color:#d8c593; background:linear-gradient(135deg,#fffaf0,#f5efe0); }
.creative-plan-state-summary[data-status="APPROVAL_REQUIRED"] b { color:#785b1d; }
.starter-stepper button[data-plan-status="APPROVAL_REQUIRED"] span { background:#d5a64b; color:#fff; }
.starter-stepper button[data-plan-status="BLOCKED"] { opacity:.52; }
.starter-stepper button[data-plan-status="BLOCKED"] span { background:#e8d8d4; color:#9b5a4d; }

.starter-a47-bridge-approval {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:16px;
  margin:16px 0;
  padding:16px 17px;
  border:1px solid #d9c898;
  border-radius:17px;
  background:linear-gradient(135deg,#fffaf0,#f3f6f2);
}
.starter-a47-bridge-approval[hidden] { display:none; }
.starter-a47-bridge-approval small,.starter-a47-bridge-approval b { display:block; }
.starter-a47-bridge-approval small { color:#8f6b24; font-size:10px; letter-spacing:.05em; }
.starter-a47-bridge-approval b { margin-top:4px; color:#42584f; }
.starter-a47-bridge-approval p { margin:6px 0 0; color:#74817b; font-size:11px; line-height:1.55; }
.starter-a47-bridge-approval[data-status="APPROVED"] { border-color:#9dc8b6; background:linear-gradient(135deg,#edf8f2,#f8faf6); }
.starter-a47-bridge-approval[data-status="APPROVED"] small { color:#2d745d; }

.starter-journey-stage-preview { width:100%; height:100%; display:block; }

.starter-surface-live-card {
  min-height: clamp(560px, calc(100vh - 260px), 760px);
  overflow: hidden;
  border: 1px solid rgba(83, 106, 96, .13);
  border-radius: 18px;
  background: radial-gradient(circle at 50% 45%, rgba(255,255,255,.96), rgba(239,238,231,.88));
}

.starter-surface-live-card #starterSurfaceLivePreview {
  position: relative;
  min-height: 0;
  height: clamp(510px, calc(100vh - 312px), 708px);
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.starter-surface-main-stage > canvas,
.starter-surface-empty-preview,
.starter-surface-empty-preview svg {
  width: 100%;
  height: 100%;
  display: block;
}

.starter-surface-main-stage > canvas {
  min-height: 510px;
  touch-action: none;
  cursor: grab;
}

.starter-surface-main-stage > canvas:active { cursor: grabbing; }
.starter-surface-main-stage > canvas[hidden],
.starter-surface-empty-preview[hidden] { display: none !important; }

.starter-surface-view-hint {
  position: absolute;
  left: 50%;
  bottom: 18px;
  transform: translateX(-50%);
  z-index: 4;
  max-width: calc(100% - 40px);
  padding: 8px 14px;
  border: 1px solid rgba(91, 109, 100, .13);
  border-radius: 999px;
  color: #65756e;
  background: rgba(251,249,244,.82);
  box-shadow: 0 8px 24px rgba(55,68,61,.08);
  backdrop-filter: blur(12px);
  font-size: var(--starter-type-caption);
  text-align: center;
  pointer-events: none;
}

.starter-kresling-welcome.is-flat .kresling-demo-facets { transform: translate(180px,62px) scaleY(.55); transform-origin: center; }
.starter-kresling-welcome.is-topology .kresling-demo-facets path:nth-child(odd) { fill-opacity: .16; }
.starter-kresling-welcome.is-topology .kresling-demo-facets path { stroke: #896da5; stroke-width: 1.8; }

.starter-ai-step-coach .starter-ai-choice-rule {
  margin: -2px 0 10px;
  color: #7f6c99;
  font-size: var(--starter-type-caption);
}

.starter-ai-step-coach > .starter-ai-suggestions > button.is-accepted {
  border-color: #8b73b4;
  background: linear-gradient(135deg,#f1ebfa,#edf5ef);
  box-shadow: inset 0 0 0 1px rgba(139,115,180,.12);
}

.starter-guide-voice {
  display: block;
  margin-top: 18px;
  padding: 0;
  border: 1px solid #e0e7e3;
  border-radius: 13px;
  background: #f8faf8;
}

.starter-guide-voice > summary {
  display: grid;
  grid-template-columns: auto auto 1fr;
  align-items: center;
  gap: 8px;
  padding: 12px 14px;
  color: #50645b;
  cursor: pointer;
  list-style: none;
}

.starter-guide-voice > summary::-webkit-details-marker { display: none; }
.starter-guide-voice > summary small { justify-self: end; color: #87928d; font-size: var(--starter-type-caption); }
.starter-guide-voice-controls { display: grid; grid-template-columns: 150px 1fr; align-items: center; gap: 10px; padding: 0 14px 14px; }
.starter-guide-voice-controls label { color: #52655d; font-weight: 750; }

.starter-journey-head > span {
  color: #7c8983;
  font-size: var(--starter-type-caption);
}

.starter-journey-deck {
  display: flex;
  grid-template-columns: none;
  gap: 14px;
  padding: 4px 2px 14px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
  scrollbar-color: #b9c6bf transparent;
}

.journey-slide-card {
  flex: 0 0 min(100%, 620px);
  aspect-ratio: 16 / 10;
  grid-template-rows: minmax(0,1.55fr) minmax(112px,.45fr);
  scroll-snap-align: start;
  border-radius: 20px;
}

.journey-card-copy {
  padding: 15px 18px 17px;
  background: rgba(252,251,247,.95);
}

.journey-slide-card small { font-size: 10px; }
.journey-slide-card b { margin-top: 4px; font-size: clamp(15px,1.1vw,19px); }
.journey-slide-card p { margin-top: 4px; font-size: 12px; line-height: 1.45; }

.mask-outline {
  fill: url(#maskPaper);
  stroke: #52736d;
  stroke-width: .9;
}

.mask-brow { fill: none; stroke: #d8c68f; stroke-width: 1.25; stroke-linecap: round; }
.mask-eye { fill: url(#maskEyeGlow); stroke: #385b57; stroke-width: 1.8; }
.mask-pupil { fill: #233b3a; stroke: #d8c68f; stroke-width: .65; }
.mask-nose { fill: rgba(125,165,157,.48); stroke: #466b65; stroke-width: 1; }
.mask-mouth { fill: rgba(51,76,73,.42); stroke: #e2d29c; stroke-width: 1.05; }
.mask-jaw { fill: none; stroke: rgba(226,210,156,.72); stroke-width: .9; }
.mask-ear { fill: rgba(122,159,151,.32); stroke: #52736d; stroke-width: .8; }

@media(max-width:1180px) {
  .starter-preview-stage { position: static; }
  .starter-surface-live-card { min-height: 520px; }
  .starter-surface-live-card #starterSurfaceLivePreview { height: 470px; }
  .starter-surface-main-stage > canvas { min-height: 470px; }
}

@media(max-width:720px) {
  .starter-guide-voice > summary { grid-template-columns: auto 1fr; }
  .starter-guide-voice > summary small { grid-column: 2; justify-self: start; }
  .starter-guide-voice-controls { grid-template-columns: 1fr; }
  .starter-surface-live-card { min-height: 450px; }
  .starter-surface-live-card #starterSurfaceLivePreview { height: 400px; }
  .starter-surface-main-stage > canvas { min-height: 400px; }
  .journey-slide-card { flex-basis: 92%; aspect-ratio: 4 / 5; grid-template-rows: minmax(0,1.25fr) minmax(120px,.75fr); }
}

/* ===== rc2.11.20 · Kresling dataflow and mask feature branches ===== */
.kresling-expert-workbench {
  position: relative;
  overflow: hidden;
  margin: 20px 0;
  padding: 24px;
  border: 1px solid rgba(92,116,105,.2);
  border-radius: 28px;
  background:
    radial-gradient(circle at 78% 8%, rgba(213,199,233,.28), transparent 30%),
    radial-gradient(circle at 9% 94%, rgba(203,225,214,.34), transparent 31%),
    linear-gradient(145deg,rgba(255,254,250,.98),rgba(244,247,243,.97));
  box-shadow: 0 24px 70px rgba(58,72,64,.1);
}

.kresling-expert-head { display:flex; justify-content:space-between; align-items:flex-start; gap:24px; }
.kresling-expert-head span { color:#6a7e75; font-size:10px; font-weight:800; letter-spacing:.16em; }
.kresling-expert-head h2 { margin:7px 0 5px; color:#304c41; font-family:Georgia,"Noto Serif SC",serif; font-size:clamp(22px,2vw,32px); }
.kresling-expert-head p { max-width:800px; margin:0; color:#6e7b75; line-height:1.65; }
.kresling-expert-boundary { display:grid; gap:4px; min-width:220px; padding:12px 15px; border:1px solid rgba(125,103,164,.18); border-radius:16px; background:rgba(250,247,254,.8); }
.kresling-expert-boundary b { color:#725e91; }
.kresling-expert-boundary span { color:#8b8195; font-size:11px; letter-spacing:0; }

.kresling-dataflow-line { display:flex; align-items:center; gap:8px; margin:20px 0; padding:11px 14px; overflow-x:auto; border:1px solid rgba(91,115,104,.14); border-radius:17px; background:rgba(255,255,255,.72); white-space:nowrap; }
.kresling-dataflow-line span { padding:7px 10px; border-radius:999px; color:#526b61; background:#edf3ee; font-size:11px; font-weight:750; }
.kresling-dataflow-line span:nth-of-type(5),.kresling-dataflow-line span:nth-of-type(6) { background:#f0eaf7; color:#755f91; }
.kresling-dataflow-line i { color:#b0bbb5; font-style:normal; }

.kresling-expert-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,330px); gap:18px; }
.kresling-expert-stage,.kresling-expert-controls { border:1px solid rgba(87,108,98,.15); border-radius:22px; background:rgba(255,255,255,.76); box-shadow:0 12px 36px rgba(62,75,68,.06); }
.kresling-expert-stage { overflow:hidden; padding:12px; }
.kresling-expert-view-tabs { display:flex; justify-content:center; gap:4px; padding:4px; width:max-content; max-width:100%; margin:0 auto 10px; border:1px solid rgba(87,108,98,.13); border-radius:999px; background:#f4f3ee; }
.kresling-expert-view-tabs button { min-width:108px; padding:9px 14px; border:0; border-radius:999px; color:#697a72; background:transparent; cursor:pointer; }
.kresling-expert-view-tabs button[aria-pressed="true"] { color:#355a4b; background:#dce8df; box-shadow:0 5px 14px rgba(67,92,80,.12); font-weight:800; }
.kresling-expert-visual { min-height:480px; display:grid; place-items:center; border-radius:18px; background:#f8f5ef; }
.kresling-expert-visual svg { width:100%; height:auto; max-height:540px; }
.kresling-expert-evidence { display:flex; flex-wrap:wrap; gap:7px; padding:11px 4px 0; }
.kresling-expert-evidence span { padding:7px 10px; border-radius:999px; color:#687770; background:#eef2ef; font-size:11px; }
.kresling-expert-evidence span b { color:#3d5f51; }
.kresling-expert-evidence span[data-status="approved"] { color:#3c735d; background:#e2f1e8; font-weight:800; }
.kresling-expert-evidence span[data-status="candidate"] { color:#7b6792; background:#f0eaf6; }

.kresling-expert-controls { display:flex; flex-direction:column; gap:14px; padding:18px; }
.kresling-control-heading { display:grid; gap:4px; padding-bottom:12px; border-bottom:1px solid rgba(87,108,98,.12); }
.kresling-control-heading small { color:#8b9691; }
.kresling-control-heading b { color:#36574a; font-size:18px; }
.kresling-control-heading span { color:#7d8883; font-size:11px; line-height:1.5; }
.kresling-expert-controls label { display:grid; gap:7px; color:#52665d; font-weight:750; }
.kresling-expert-controls label>span { display:flex; justify-content:space-between; }
.kresling-expert-controls output { color:#7c6494; }
.kresling-expert-controls select { width:100%; padding:10px 12px; border:1px solid #d9e2dd; border-radius:12px; color:#435b50; background:#fff; }
.kresling-expert-controls input[type="range"] { width:100%; accent-color:#7a9f8d; }
.kresling-expert-controls details { padding:11px 13px; border-radius:14px; background:#f7f4fa; color:#746985; }
.kresling-expert-controls summary { cursor:pointer; font-weight:750; }
.kresling-expert-controls details p { margin:8px 0 0; color:#81788b; font-size:12px; line-height:1.55; }
.kresling-expert-actions { display:grid; grid-template-columns:1fr 1.25fr; gap:8px; margin-top:auto; }
.kresling-expert-actions button { padding:11px 10px; border:1px solid #d7e0db; border-radius:13px; color:#52675e; background:#fff; cursor:pointer; font-weight:750; }
.kresling-expert-actions button:last-child { border-color:#719480; color:#fff; background:#698d79; }
.kresling-expert-actions button:disabled { opacity:.65; cursor:default; }
.kresling-expert-error { color:#a55454; }

.foldflow-mask-branches { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; padding:0 20px 10px; }
.foldflow-mask-branches button { display:grid; grid-template-columns:auto 1fr; gap:9px; align-items:start; padding:11px; border:1px solid rgba(89,109,99,.14); border-radius:16px; color:#66766f; background:rgba(255,255,255,.64); text-align:left; cursor:pointer; }
.foldflow-mask-branches button i { display:grid; place-items:center; width:25px; height:25px; border-radius:50%; color:#6f857a; background:#e5eee8; font-size:10px; font-style:normal; }
.foldflow-mask-branches button span { display:grid; gap:4px; }
.foldflow-mask-branches button b { color:#405b50; }
.foldflow-mask-branches button small { color:#87928d; line-height:1.35; }
.foldflow-mask-branches button.is-selected { border-color:#9b86b6; background:linear-gradient(135deg,#f4eef9,#eff6f1); box-shadow:0 8px 22px rgba(92,74,120,.1); }
.foldflow-mask-stage>footer>div { display:grid; gap:5px; }
.foldflow-mask-stage>footer small { max-width:650px; color:#829089; line-height:1.5; }
.sanxingdui-mask .is-muted { opacity:.14; }
.sanxingdui-mask .is-active { opacity:1; }
.sanxingdui-mask .mask-branch-caption { fill:#5d7168; font-size:4px; font-weight:800; letter-spacing:.3px; }
.sanxingdui-mask .mask-creases .is-active,.sanxingdui-mask .mask-topology-edges .is-active { stroke-width:1.2; filter:drop-shadow(0 0 1px rgba(255,236,164,.7)); }
.sanxingdui-mask .mask-creases .is-muted,.sanxingdui-mask .mask-topology-edges .is-muted { opacity:.12; }
.mask-faces polygon.is-muted { opacity:.12; }

/* Finished 3D and topology canvases stay clean; the A47 point field belongs to the 2D editing viewport only. */
.starter-preview-stage[data-stage-mode="SURFACE"] .starter-surface-main-stage { background:#f8f5ef; }

@media(max-width:980px) {
  .kresling-expert-head { flex-direction:column; }
  .kresling-expert-boundary { min-width:0; }
  .kresling-expert-layout { grid-template-columns:1fr; }
  .foldflow-mask-branches { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media(max-width:620px) {
  .kresling-expert-workbench { padding:15px; border-radius:22px; }
  .kresling-expert-view-tabs { width:100%; }
  .kresling-expert-view-tabs button { min-width:0; flex:1; }
  .kresling-expert-visual { min-height:340px; }
  .foldflow-mask-branches { grid-template-columns:1fr; }
}

/* ===== rc2.11.21 · A47 physical board, Sanxingdui hero and paper-light visual polish ===== */
body.interface-mode-starter {
  --lz-paper: rgba(255,253,248,.92);
  --lz-paper-solid: #fffdf8;
  --lz-sage: #819b8d;
  --lz-lavender: #9782b6;
  --lz-gold: #d5ad68;
  background:
    radial-gradient(ellipse at 13% -3%, rgba(250,225,191,.42), transparent 30%),
    radial-gradient(ellipse at 88% 4%, rgba(214,227,219,.46), transparent 34%),
    linear-gradient(145deg,#eff2ee 0%,#f4f1e9 48%,#eef2ef 100%);
}

body.interface-mode-starter .foldflow-toolbar,
body.interface-mode-starter .foldflow-route-dock,
body.interface-mode-starter .starter-flow-sidebar,
body.interface-mode-starter .starter-wizard-card,
body.interface-mode-starter .starter-preview-stage {
  border-color: rgba(87,105,96,.13);
  background:
    linear-gradient(115deg,rgba(255,255,255,.38),transparent 22%),
    var(--lz-paper);
  box-shadow: 0 18px 54px rgba(61,72,66,.08), inset 0 1px rgba(255,255,255,.8);
  backdrop-filter: blur(16px) saturate(1.04);
}

body.interface-mode-starter .foldflow-route-dock > button {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: rgba(91,108,100,.13);
  background: linear-gradient(138deg,rgba(255,255,255,.92),rgba(246,244,238,.74));
  box-shadow: 0 7px 18px rgba(65,76,70,.045), inset 0 1px #fff;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
body.interface-mode-starter .foldflow-route-dock > button::after {
  content:"";
  position:absolute;
  top:-22px;
  right:-25px;
  z-index:-1;
  width:72px;
  height:72px;
  border:1px solid rgba(129,155,141,.18);
  background:rgba(231,238,232,.58);
  transform:rotate(24deg);
}
body.interface-mode-starter .foldflow-route-dock > button:hover { transform:translateY(-1px); box-shadow:0 12px 28px rgba(65,76,70,.09),inset 0 1px #fff; }
body.interface-mode-starter .foldflow-route-dock > button.is-selected { border-color:rgba(110,146,128,.48); box-shadow:0 13px 30px rgba(75,105,89,.13),inset 0 1px #fff; }
body.interface-mode-starter .foldflow-route-dock > button[data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"]::after {
  background-image:linear-gradient(rgba(239,234,245,.7),rgba(239,234,245,.7)),url("./assets/sanxingdui/sanxingdui-paper-mask-hero-v1.png");
  background-size:cover;
  background-position:center;
  opacity:.72;
}

.starter-journey-stage-preview.is-a47-physical-board .a47-stage-registration-tag {
  filter: drop-shadow(0 3px 4px rgba(32,42,37,.12));
}
.starter-journey-stage-preview.is-empty-topology { filter:none; }

.foldflow-mask-stage {
  min-height: 660px;
  background:
    radial-gradient(circle at 52% 35%,rgba(255,255,255,.98),transparent 39%),
    radial-gradient(circle at 8% 86%,rgba(222,232,226,.7),transparent 30%),
    linear-gradient(145deg,#faf8f2,#eeeee9 68%,#e7ece8);
}
.foldflow-mask-stage > header { border-bottom:1px solid rgba(82,104,94,.09); }
.foldflow-mask-stage > footer { backdrop-filter:blur(12px); }
.foldflow-mask-branches { padding-top:10px; }
.foldflow-mask-branches button {
  position:relative;
  overflow:hidden;
  min-height:76px;
  border-radius:14px;
  background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(246,245,239,.67));
  box-shadow:inset 0 1px rgba(255,255,255,.82);
}
.foldflow-mask-branches button::after {
  content:"";
  position:absolute;
  right:-17px;
  bottom:-22px;
  width:58px;
  height:58px;
  border:1px solid rgba(133,156,144,.13);
  transform:rotate(38deg);
}
.foldflow-mask-branches button.is-selected {
  border-color:rgba(143,119,174,.48);
  background:linear-gradient(135deg,rgba(247,241,251,.96),rgba(239,246,241,.91));
  box-shadow:0 12px 27px rgba(82,68,105,.11),inset 0 1px #fff;
}
.foldflow-mask-visual { min-height:460px; padding:12px 18px 20px; }
.foldflow-mask-visual svg { width:100%; max-height:none; filter:none; }

.sanxingdui-feature-stage {
  position:relative;
  width:min(980px,100%);
  margin:auto;
  overflow:hidden;
  border:1px solid rgba(95,111,103,.12);
  border-radius:24px;
  background:rgba(255,253,248,.82);
  box-shadow:0 24px 65px rgba(56,67,61,.12),inset 0 1px rgba(255,255,255,.9);
}
.sanxingdui-feature-stage.is-hero { min-height:445px; }
.sanxingdui-hero-figure { position:absolute; inset:0; margin:0; overflow:hidden; background:#f6f2e9; }
.sanxingdui-hero-figure::after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(244,242,235,.08),transparent 60%),linear-gradient(0deg,rgba(35,50,43,.22),transparent 37%);
}
.sanxingdui-hero-figure > img { width:100%; height:100%; object-fit:cover; object-position:center 47%; filter:saturate(.78) contrast(.96) brightness(1.02); user-select:none; }
.sanxingdui-hero-figure figcaption {
  position:absolute;
  left:24px;
  bottom:22px;
  z-index:3;
  display:grid;
  gap:3px;
  max-width:430px;
  padding:13px 16px;
  border:1px solid rgba(255,255,255,.55);
  border-radius:15px;
  color:#43584f;
  background:rgba(255,253,247,.78);
  box-shadow:0 10px 28px rgba(48,59,53,.12);
  backdrop-filter:blur(15px);
}
.sanxingdui-hero-figure figcaption small { color:#8a958f; font-size:10px; letter-spacing:.11em; }
.sanxingdui-hero-figure figcaption b { font-size:17px; }
.sanxingdui-hero-figure figcaption span { color:#718079; font-size:11px; line-height:1.45; }
.sanxingdui-technical-inset {
  position:absolute;
  right:20px;
  bottom:20px;
  z-index:3;
  width:172px;
  height:172px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.72);
  border-radius:18px;
  background:rgba(248,247,242,.75);
  box-shadow:0 13px 35px rgba(50,61,55,.16);
  backdrop-filter:blur(14px);
}
.sanxingdui-technical-inset > svg { width:100%; height:100%; padding:8px; }
.sanxingdui-technical-inset > span {
  position:absolute;
  right:9px;
  bottom:8px;
  padding:4px 7px;
  border-radius:999px;
  color:#6c7d75;
  background:rgba(255,255,255,.82);
  font-size:9px;
}
.sanxingdui-feature-focus {
  position:absolute;
  z-index:2;
  border:1px solid rgba(255,239,180,.92);
  border-radius:50%;
  box-shadow:0 0 0 8px rgba(255,247,214,.12),0 0 40px rgba(255,225,145,.48),inset 0 0 23px rgba(255,247,206,.18);
  pointer-events:none;
}
.sanxingdui-feature-stage.branch-eyes .sanxingdui-feature-focus { left:26%; top:25%; width:48%; height:26%; border-radius:48%; }
.sanxingdui-feature-stage.branch-nose .sanxingdui-feature-focus { left:41%; top:26%; width:18%; height:43%; }
.sanxingdui-feature-stage.branch-mouth-cheek .sanxingdui-feature-focus { left:27%; top:60%; width:46%; height:25%; }
.sanxingdui-feature-stage.branch-full-mask .sanxingdui-feature-focus { left:20%; top:10%; width:60%; height:78%; border-radius:24%; }

.sanxingdui-feature-stage.is-study {
  display:grid;
  grid-template-columns:minmax(220px,.68fr) minmax(0,1.32fr);
  min-height:430px;
  padding:18px;
  gap:16px;
}
.sanxingdui-reference-figure,.sanxingdui-technical-sheet { position:relative; overflow:hidden; margin:0; border-radius:18px; }
.sanxingdui-reference-figure { background:#f3eee4; }
.sanxingdui-reference-figure img { width:100%; height:100%; object-fit:cover; object-position:center; filter:saturate(.72) brightness(1.03); }
.sanxingdui-reference-figure::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(30,43,37,.25),transparent 43%); }
.sanxingdui-reference-figure figcaption { position:absolute; z-index:2; left:15px; bottom:14px; display:grid; gap:3px; color:white; text-shadow:0 2px 8px rgba(0,0,0,.2); }
.sanxingdui-reference-figure figcaption small { font-size:9px; letter-spacing:.1em; }
.sanxingdui-reference-figure figcaption b { font-size:15px; }
.sanxingdui-technical-sheet { display:grid; place-items:center; padding:15px; border:1px solid rgba(94,113,103,.11); background:radial-gradient(circle at 50% 45%,#fff,#f1f2ed); }
.sanxingdui-technical-sheet > svg { width:min(470px,95%); height:auto; max-height:390px; }
.sanxingdui-technical-sheet > span { position:absolute; right:13px; bottom:11px; padding:5px 9px; border-radius:999px; color:#667b71; background:rgba(255,255,255,.82); font-size:9px; letter-spacing:.07em; }

@media(max-width:760px) {
  .sanxingdui-feature-stage.is-study { grid-template-columns:1fr; }
  .sanxingdui-reference-figure { min-height:180px; }
  .sanxingdui-technical-sheet { min-height:330px; }
  .sanxingdui-technical-inset { width:120px; height:120px; }
  .sanxingdui-hero-figure figcaption { right:18px; left:18px; bottom:16px; }
}

/* ===== rc2.11.15.1 · OpenWorker-inspired session shell preview =====
   Borrowed principle: persistent task context, one central outcome stage, one current-action rail.
   LeZheLun keeps its own light paper language and its deterministic seven-step FoldFlow. */
body.interface-mode-starter {
  --session-paper: #f1f3f0;
  --session-panel: rgba(252, 251, 247, .96);
  --session-panel-strong: #fffefa;
  --session-line: rgba(66, 84, 76, .14);
  --session-line-strong: rgba(83, 110, 98, .25);
  --session-muted: #7b8882;
  --session-lavender: #f0ebf6;
  --session-sage: #e6eee8;
  --session-shadow: 0 14px 38px rgba(56, 68, 61, .075);
  background:
    radial-gradient(circle at 7% 4%, rgba(231, 210, 174, .27), transparent 24%),
    radial-gradient(circle at 92% 10%, rgba(197, 214, 205, .25), transparent 27%),
    var(--session-paper);
}

body.interface-mode-starter > .page-shell {
  max-width: 1920px;
  margin: 0 auto;
  padding: 10px;
  gap: 10px;
}

.foldflow-toolbar {
  position: sticky;
  top: 8px;
  z-index: 40;
  min-height: 60px;
  padding: 8px 14px;
  border-color: var(--session-line);
  border-radius: 18px;
  background: rgba(252, 251, 247, .91);
  box-shadow: 0 10px 28px rgba(58, 67, 62, .08);
}

.foldflow-mark {
  width: 34px;
  height: 34px;
  border-radius: 11px;
  background: linear-gradient(145deg, #eef3ee, #dae5dc);
  font-size: 21px;
}

.foldflow-brand b { font-size: 20px; }
.foldflow-brand strong { font-size: 11px; }
.foldflow-view-switch button { min-width: 82px; min-height: 34px; }
.foldflow-toolbar-copy span { font-size: 12px; }
.foldflow-toolbar-copy small { font-size: 10px; }

.starter-studio { gap: 9px; }

.starter-welcome {
  display: block;
  padding: 0;
  border-color: var(--session-line);
  border-radius: 15px;
  background: rgba(252, 251, 247, .82);
  box-shadow: none;
  overflow: hidden;
}

.starter-welcome > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 48px;
  padding: 9px 14px;
  list-style: none;
  cursor: pointer;
}

.starter-welcome > summary::-webkit-details-marker { display: none; }
.starter-welcome > summary > div { display: grid; grid-template-columns: auto auto 1fr; align-items: baseline; gap: 4px 12px; }
.starter-welcome > summary span { color: #6d877b; font-size: 9px; font-weight: 850; letter-spacing: .1em; }
.starter-welcome > summary b { color: #40534a; font-size: 14px; }
.starter-welcome > summary small { color: var(--session-muted); font-size: 10px; }
.starter-welcome > summary i {
  display: grid;
  place-items: center;
  width: 25px;
  height: 25px;
  border-radius: 8px;
  background: var(--session-sage);
  color: #617c70;
  font-style: normal;
  transition: transform .18s ease;
}
.starter-welcome[open] > summary i { transform: rotate(45deg); }
.starter-welcome-detail {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 360px);
  align-items: center;
  gap: 16px;
  padding: 0 14px 13px;
  border-top: 1px solid rgba(75, 95, 86, .08);
}
.starter-welcome-detail > p { margin: 12px 0 0; color: #68766f; line-height: 1.6; }
.starter-welcome-detail .starter-safety-note { margin-top: 12px; padding: 9px 12px; }

.foldflow-route-dock {
  grid-template-columns: minmax(210px, .72fr) repeat(2, minmax(240px, 1fr));
  gap: 7px;
  padding: 7px;
  border-color: var(--session-line);
  border-radius: 15px;
  background: rgba(252, 251, 247, .78);
  box-shadow: none;
}
.foldflow-route-dock > div { padding: 4px 10px; }
.foldflow-route-dock > button { min-height: 56px; padding: 8px 10px; border-radius: 11px; }
.foldflow-route-dock > button span { min-width: 58px; }
.foldflow-route-dock > p { padding-top: 2px; }

.starter-flow-shell {
  display: grid;
  grid-template-columns: 218px minmax(0, 1fr);
  gap: 11px;
  align-items: start;
}

.starter-flow-sidebar {
  position: sticky;
  top: 79px;
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid var(--session-line);
  border-radius: 18px;
  background: var(--session-panel);
  box-shadow: var(--session-shadow);
}

.starter-flow-sidebar > header {
  display: grid;
  gap: 2px;
  padding: 3px 5px 10px;
  border-bottom: 1px solid rgba(71, 92, 82, .10);
}
.starter-flow-sidebar > header small { color: #789083; font-size: 9px; font-weight: 800; letter-spacing: .1em; }
.starter-flow-sidebar > header b { color: #3d5148; font-size: 15px; }
.starter-flow-sidebar > header span { color: #8b9691; font-size: 10px; }

.starter-flow-sidebar .starter-stepper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3px;
  order: initial;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  overflow: visible;
}

.starter-flow-sidebar .starter-stepper button {
  display: grid;
  grid-template-columns: 29px minmax(0, 1fr) auto;
  align-items: center;
  justify-content: initial;
  gap: 8px;
  min-width: 0;
  min-height: 43px;
  padding: 6px 8px;
  border-radius: 10px;
  color: #708078;
  text-align: left;
}
.starter-flow-sidebar .starter-stepper button span { width: 27px; height: 27px; }
.starter-flow-sidebar .starter-stepper button b { font-size: 12px; }
.starter-flow-sidebar .starter-stepper button small { justify-self: end; font-size: 9px; }
.starter-flow-sidebar .starter-stepper button:not(:last-child)::after { display: none; }
.starter-flow-sidebar .starter-stepper button.is-active {
  color: #445e53;
  background: linear-gradient(135deg, #edf3ee, #f7f5ef);
  box-shadow: inset 0 0 0 1px rgba(89, 116, 103, .12);
}
.starter-flow-sidebar .starter-stepper button:nth-child(2).is-active {
  color: #68557d;
  background: linear-gradient(135deg, #f2edf7, #faf8f3);
}

.starter-flow-note { margin-top: 3px; border-top: 1px solid rgba(71, 92, 82, .10); padding: 10px 5px 2px; }
.starter-flow-note summary { color: #687a71; font-size: 10px; font-weight: 750; cursor: pointer; }
.starter-flow-note p { margin: 7px 0 0; color: #87928d; font-size: 10px; line-height: 1.55; }

.starter-workspace {
  grid-template-columns: minmax(590px, 1.42fr) minmax(350px, .78fr);
  gap: 11px;
  min-width: 0;
}
.starter-preview-stage,
.starter-wizard-card {
  border-color: var(--session-line);
  border-radius: 18px;
  background: var(--session-panel);
  box-shadow: var(--session-shadow);
}
.starter-preview-stage { top: 79px; }
.starter-wizard-card { padding: 17px; min-width: 0; }
.starter-preview-head { padding: 13px 15px; }
.starter-preview-head h3 { font-size: 17px; }
.starter-step-title { margin-bottom: 14px; }
.starter-step-title > span { width: 34px; height: 34px; border-radius: 10px; font-size: 12px; }
.starter-step-title h3 { font-size: 20px; line-height: 1.28; }
.starter-step-title p { font-size: 12px; }
.starter-wizard-card textarea { min-height: 102px; }
.starter-choice-grid { gap: 8px; margin: 12px 0; }
.starter-choice-grid button { padding: 12px; border-radius: 11px; }
.starter-story-grid,
.starter-proposal-grid,
.starter-experience-grid,
.starter-fold-grid { grid-template-columns: 1fr; }
.starter-proposal-grid button,
.starter-experience-grid button { min-height: 92px; }

.starter-ai-entry,
.starter-qwen-entry,
.starter-qwen-possibilities,
.starter-guide-voice,
.starter-growth-evidence {
  border-radius: 11px;
}

.starter-nav-row {
  position: sticky;
  bottom: 8px;
  z-index: 12;
  padding: 8px;
  margin: 16px -5px -5px;
  border: 1px solid rgba(72, 94, 84, .12);
  border-radius: 13px;
  background: rgba(252, 251, 247, .90);
  box-shadow: 0 10px 28px rgba(55, 66, 60, .09);
  backdrop-filter: blur(12px);
}

@media (max-width: 1260px) {
  .starter-flow-shell { grid-template-columns: 1fr; }
  .starter-flow-sidebar { position: static; padding: 9px; }
  .starter-flow-sidebar > header { display: none; }
  .starter-flow-sidebar .starter-stepper { grid-template-columns: repeat(9, minmax(106px, 1fr)); overflow-x: auto; }
  #starterStudio[data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"] .starter-flow-sidebar .starter-stepper { grid-template-columns: repeat(7, minmax(106px, 1fr)); }
  .starter-flow-sidebar .starter-stepper button { grid-template-columns: 27px minmax(70px, 1fr); min-width: 106px; }
  .starter-flow-sidebar .starter-stepper button small { display: none; }
  .starter-flow-note { display: none; }
  .starter-preview-stage { top: 79px; }
}

@media (max-width: 980px) {
  .starter-workspace { grid-template-columns: 1fr; }
  .starter-preview-stage { position: static; }
  .starter-wizard-card { order: 1; }
  .starter-preview-stage { order: 2; }
  .starter-welcome > summary > div { grid-template-columns: 1fr; }
  .starter-welcome-detail { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
  body.interface-mode-starter > .page-shell { padding: 6px; }
  .foldflow-toolbar { position: static; border-radius: 15px; }
  .foldflow-toolbar-copy { display: none; }
  .foldflow-route-dock { grid-template-columns: 1fr; }
  .starter-flow-sidebar .starter-stepper { grid-template-columns: repeat(9, 96px); }
  #starterStudio[data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"] .starter-flow-sidebar .starter-stepper { grid-template-columns: repeat(7, 96px); }
  .starter-flow-sidebar .starter-stepper button { min-width: 96px; }
  .starter-welcome > summary small { display: none; }
  .starter-nav-row { position: static; grid-template-columns: 1fr; }
}

/* ===== rc2.11.23 · one stable viewport for 2D / 3D / topology ===== */
body.interface-mode-starter {
  --starter-stage-viewport-height: clamp(510px, calc(100vh - 312px), 708px);
}

body.interface-mode-starter .starter-canvas-card,
body.interface-mode-starter .starter-surface-live-card {
  min-height: calc(var(--starter-stage-viewport-height) + 41px);
}

body.interface-mode-starter .starter-canvas-card canvas,
body.interface-mode-starter .starter-canvas-card.art canvas,
body.interface-mode-starter .starter-surface-live-card #starterSurfaceLivePreview {
  width: 100%;
  height: var(--starter-stage-viewport-height);
  min-height: var(--starter-stage-viewport-height);
}

@media (max-width: 980px) {
  body.interface-mode-starter { --starter-stage-viewport-height: 470px; }
}

@media (max-width: 680px) {
  body.interface-mode-starter { --starter-stage-viewport-height: 400px; }
}

/* ===== rc2.11.23 · Sanxingdui route-specific creative stage ===== */
body.interface-mode-starter .foldflow-mask-stage {
  grid-template-columns: minmax(0, 1fr) minmax(218px, 268px);
  grid-template-rows: auto minmax(0, 1fr) auto;
  grid-template-areas:
    "mask-head mask-head"
    "mask-visual mask-branches"
    "mask-foot mask-foot";
  width: 100%;
  height: calc(var(--starter-stage-viewport-height) + 41px);
  min-height: 0;
  overflow: hidden;
}

body.interface-mode-starter .foldflow-mask-stage > header { grid-area: mask-head; }
body.interface-mode-starter .foldflow-mask-stage > footer { grid-area: mask-foot; }
body.interface-mode-starter .foldflow-mask-visual {
  grid-area: mask-visual;
  min-width: 0;
  min-height: 0;
  height: 100%;
  padding: 13px 9px 13px 14px;
}
body.interface-mode-starter .foldflow-mask-branches {
  grid-area: mask-branches;
  display: grid;
  grid-template-columns: 1fr;
  align-content: center;
  gap: 9px;
  min-height: 0;
  padding: 13px 14px 13px 9px;
  border-left: 1px solid rgba(82,104,94,.09);
  background: linear-gradient(160deg,rgba(255,255,255,.38),rgba(244,241,235,.62));
}
body.interface-mode-starter .foldflow-mask-branches::before {
  content: "局部共创 · 最终融合";
  color: #6e7f77;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
}
body.interface-mode-starter .foldflow-mask-branches button { min-height: 66px; }
body.interface-mode-starter .foldflow-mask-branches button:disabled {
  opacity: .48;
  cursor: default;
  box-shadow: none;
}
body.interface-mode-starter .foldflow-mask-branches button[data-mask-feature-branch="FULL_MASK"] {
  border-color: rgba(198,158,88,.28);
  background: linear-gradient(135deg,rgba(255,249,236,.95),rgba(242,240,231,.86));
}
body.interface-mode-starter .foldflow-mask-branches button[data-mask-feature-branch="FULL_MASK"].is-selected {
  border-color: rgba(188,145,69,.58);
  box-shadow: 0 12px 27px rgba(136,101,45,.11), inset 0 1px #fff;
}

body.interface-mode-starter .sanxingdui-feature-stage {
  width: 100%;
  height: 100%;
  min-height: 0;
  border-radius: 20px;
}
body.interface-mode-starter .sanxingdui-feature-stage.is-hero { min-height: 0; }
body.interface-mode-starter .sanxingdui-hero-figure > img { transition: opacity .35s ease, filter .35s ease, transform .6s ease; }
body.interface-mode-starter .sanxingdui-feature-stage.phase-step-1 .sanxingdui-hero-figure > img {
  opacity: .50;
  filter: saturate(.30) contrast(.88) brightness(1.10);
  transform: scale(1.035);
}
body.interface-mode-starter .sanxingdui-feature-stage.phase-step-2 .sanxingdui-hero-figure > img {
  opacity: .66;
  filter: saturate(.50) contrast(.92) brightness(1.07);
}
body.interface-mode-starter .sanxingdui-feature-stage.phase-step-3 .sanxingdui-hero-figure > img {
  opacity: .82;
  filter: saturate(.68) contrast(.95) brightness(1.04);
}
body.interface-mode-starter .sanxingdui-feature-stage.view-2d .sanxingdui-hero-figure > img {
  opacity: .62;
  filter: grayscale(.82) sepia(.16) contrast(1.18) brightness(1.08);
  mix-blend-mode: multiply;
}
body.interface-mode-starter .sanxingdui-feature-stage.phase-step-1 .sanxingdui-feature-focus,
body.interface-mode-starter .sanxingdui-feature-stage.phase-step-2 .sanxingdui-feature-focus,
body.interface-mode-starter .sanxingdui-feature-stage.phase-step-3 .sanxingdui-feature-focus { opacity: 0; }

.sanxingdui-atmosphere-lines { position:absolute; inset:0; z-index:1; overflow:hidden; pointer-events:none; }
.sanxingdui-atmosphere-lines i {
  position:absolute;
  width:54%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(221,188,118,.72),rgba(168,208,195,.6),transparent);
  filter:drop-shadow(0 0 8px rgba(228,205,154,.45));
  transform-origin:center;
}
.sanxingdui-atmosphere-lines i:nth-child(1) { left:-10%; top:25%; transform:rotate(13deg); }
.sanxingdui-atmosphere-lines i:nth-child(2) { right:-8%; top:33%; transform:rotate(-16deg); }
.sanxingdui-atmosphere-lines i:nth-child(3) { left:2%; bottom:24%; transform:rotate(-8deg); }
.sanxingdui-atmosphere-lines i:nth-child(4) { right:0; bottom:19%; transform:rotate(11deg); }
.phase-step-1 .sanxingdui-atmosphere-lines { opacity:.24; }
.phase-step-2 .sanxingdui-atmosphere-lines { opacity:.48; }
.phase-step-3 .sanxingdui-atmosphere-lines { opacity:.82; }

.sanxingdui-feature-stage.is-empty-topology {
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,#faf8f2,#eef0eb);
}
.sanxingdui-empty-topology-paper {
  position:relative;
  display:grid;
  justify-items:center;
  gap:9px;
  width:min(520px,78%);
  padding:42px 30px;
  color:#829089;
  text-align:center;
}
.sanxingdui-empty-topology-paper span { color:#72847a; font-size:10px; font-weight:800; letter-spacing:.12em; }
.sanxingdui-empty-topology-paper b { color:#60746a; font-size:17px; }
.sanxingdui-empty-topology-paper p { max-width:420px; margin:0; font-size:11px; line-height:1.6; }
.sanxingdui-empty-topology-paper i {
  width:80px;
  height:80px;
  margin-top:8px;
  border:1px dashed rgba(116,143,129,.38);
  border-radius:50%;
  box-shadow:0 0 0 20px rgba(133,155,144,.04),0 0 0 40px rgba(133,155,144,.025);
}

@media (max-width: 800px) {
  body.interface-mode-starter .foldflow-mask-stage {
    grid-template-columns: minmax(0,1fr) 190px;
  }
  body.interface-mode-starter .foldflow-mask-branches button { min-height: 58px; padding: 8px; }
body.interface-mode-starter .foldflow-mask-stage > footer { display:none; }
}

/* rc2.11.30 · physical work evidence and Sanxingdui photo fusion */
.physical-work-studio,.mask-photo-fusion-studio{position:relative;overflow:hidden;margin:18px 0;padding:18px;border:1px solid rgba(89,118,106,.2);border-radius:24px;background:radial-gradient(circle at 88% 10%,rgba(217,194,238,.28),transparent 34%),linear-gradient(135deg,rgba(255,253,247,.98),rgba(239,246,241,.94));box-shadow:0 16px 42px rgba(44,67,58,.08)}
.physical-work-studio[hidden]{display:none}
.physical-work-studio>header,.mask-photo-fusion-studio>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}
.physical-work-studio>header small,.mask-photo-fusion-studio>header small{display:block;color:#88683b;font-size:11px;font-weight:850;letter-spacing:.12em}
.physical-work-studio>header h4,.mask-photo-fusion-studio>header b{display:block;margin:5px 0 3px;color:#28463d;font-size:19px;font-family:Georgia,"Noto Serif SC",serif}
.physical-work-studio>header p,.mask-photo-fusion-studio>header span{margin:0;color:#76837d;font-size:12px;line-height:1.6}
.physical-work-studio>header>span,.mask-photo-fusion-studio>header>em{flex:0 0 auto;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.7);color:#698176;font-size:10px;font-style:normal;font-weight:800;box-shadow:inset 0 0 0 1px rgba(93,119,107,.14)}
.physical-work-upload{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:22px;border:1.5px dashed rgba(79,127,110,.42);border-radius:20px;background:rgba(255,255,255,.66);color:#35584c;cursor:pointer;text-align:center;transition:.22s ease}
.physical-work-upload:hover,.physical-work-upload:focus-within{transform:translateY(-2px);border-color:#3d816c;box-shadow:0 10px 28px rgba(46,91,76,.12)}
.physical-work-upload input,.physical-work-actions input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}
.physical-work-upload i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(145deg,#9ec6b7,#d8c9ea);color:#fff;font-size:25px;font-style:normal;box-shadow:0 8px 20px rgba(78,116,103,.2)}
.physical-work-upload b{font-size:15px}.physical-work-upload small{color:#7b8882;font-size:11px}.physical-work-upload.is-pending i{animation:physicalWorkPulse 1.3s ease-in-out infinite}
.physical-work-preview{display:grid;grid-template-columns:minmax(220px,.82fr) minmax(260px,1.18fr);gap:16px}
.physical-work-preview figure,.mask-fusion-compare figure{margin:0;overflow:hidden;border-radius:18px;background:#eef1ed;box-shadow:inset 0 0 0 1px rgba(68,96,85,.12)}
.physical-work-preview figure img{display:block;width:100%;height:250px;object-fit:cover}
.physical-work-preview figcaption,.mask-fusion-compare figcaption{display:flex;flex-direction:column;gap:2px;padding:10px 12px;color:#4f655c;background:rgba(255,255,255,.88);font-size:11px}
.physical-work-preview article{padding:16px;border-radius:18px;background:rgba(255,255,255,.72)}
.physical-work-preview article>small,.mask-fusion-observation small{color:#87704c;font-size:10px;font-weight:850;letter-spacing:.1em}
.physical-work-preview h5{margin:7px 0;color:#294b40;font-size:17px}.physical-work-preview p{color:#64756e;font-size:12px;line-height:1.65}
.physical-work-preview aside,.mask-fusion-observation p{padding:10px 12px;border-left:3px solid #d4a454;border-radius:0 12px 12px 0;background:#fbf4e5;color:#766950;font-size:11px;line-height:1.55}
.physical-work-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}
.physical-work-actions button,.physical-work-actions label,.mask-fusion-feature-grid button,.mask-fusion-controls button{position:relative;border:1px solid rgba(69,105,92,.2);border-radius:12px;padding:9px 12px;background:rgba(255,255,255,.82);color:#3c6154;font:700 11px/1.2 inherit;cursor:pointer}
.physical-work-actions button:hover,.physical-work-actions label:hover,.mask-fusion-feature-grid button:hover,.mask-fusion-controls button:hover{border-color:#4b8c75;background:#f2faf6}.physical-work-actions button:disabled{cursor:wait;opacity:.56}
.physical-work-consent{margin-top:10px!important;color:#83908a!important;font-size:10px!important}
.mask-photo-fusion-studio{margin-top:18px;background:linear-gradient(145deg,#fbf8f0,#eef4ef 56%,#f1ecf6)}
.mask-fusion-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:10px 0 14px}
.mask-fusion-feature-grid button.is-selected,.mask-fusion-controls button.is-selected{border-color:#7e69ad;box-shadow:inset 0 0 0 2px rgba(126,105,173,.2),0 6px 18px rgba(96,77,139,.1);color:#66518f;background:linear-gradient(135deg,#fbf8ff,#edf5f0)}
.mask-fusion-compare{display:grid;grid-template-columns:1fr 1.55fr;gap:10px}.mask-fusion-compare figure{position:relative}
.mask-fusion-compare img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.mask-fusion-compare figure:first-child img{aspect-ratio:1/1}
.mask-fusion-compare figure.is-fused:after{content:"融合预览";position:absolute;top:10px;right:10px;padding:5px 8px;border-radius:999px;background:rgba(31,59,50,.72);color:#fff;font-size:9px;letter-spacing:.1em}
.mask-fusion-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin:12px 0;padding:13px;border-radius:15px;background:rgba(255,255,255,.65)}
.mask-fusion-controls label{display:grid;grid-template-columns:1fr auto;gap:6px;color:#47665b;font-size:11px;font-weight:750}.mask-fusion-controls input{grid-column:1/-1;width:100%;accent-color:#5d927f}.mask-fusion-controls>div{display:flex;gap:6px}
.mask-fusion-observation{padding:13px;border-radius:15px;background:rgba(255,255,255,.72)}.mask-fusion-observation b{display:block;margin-top:5px;color:#33564a;font-size:13px}
.mask-fusion-page-nine{margin-top:14px;overflow:hidden;border-radius:18px;background:#fff;box-shadow:0 16px 38px rgba(40,67,57,.14)}.mask-fusion-page-nine svg{display:block;width:100%;height:auto}
@keyframes physicalWorkPulse{0%,100%{transform:scale(1);opacity:.72}50%{transform:scale(1.12);opacity:1}}
@media(max-width:760px){.physical-work-preview,.mask-fusion-compare,.mask-fusion-controls{grid-template-columns:1fr}.mask-fusion-feature-grid{grid-template-columns:1fr 1fr}.physical-work-studio>header,.mask-photo-fusion-studio>header{flex-direction:column}.mask-fusion-controls>div{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.physical-work-upload.is-pending i{animation:none}}

/* ===== rc2.11.29 · Kid Chi warm companion layer ===== */
.kid-chi-companion {
  position:relative;
  display:grid;
  grid-template-columns:126px minmax(0,1fr);
  gap:16px;
  align-items:start;
  margin:0 0 18px;
  padding:17px 18px 16px;
  overflow:hidden;
  border:1px solid rgba(100,157,174,.25);
  border-radius:24px;
  background:
    radial-gradient(circle at 5% 18%,rgba(116,196,218,.20),transparent 24%),
    radial-gradient(circle at 92% 0,rgba(205,190,230,.22),transparent 29%),
    linear-gradient(135deg,rgba(251,253,252,.96),rgba(244,249,247,.97) 58%,rgba(250,247,252,.97));
  box-shadow:0 18px 48px rgba(72,104,98,.10),inset 0 1px 0 rgba(255,255,255,.88);
}
.kid-chi-companion::before {
  content:"";
  position:absolute;
  inset:auto -12% -65% 18%;
  height:170px;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(94,176,197,.12),transparent 68%);
  pointer-events:none;
}
.kid-chi-avatar-wrap { position:relative; display:grid; place-items:center; min-height:132px; }
.kid-chi-aura { position:absolute; width:112px; height:112px; border-radius:50%; background:radial-gradient(circle,rgba(255,255,255,.95),rgba(158,218,230,.30) 48%,rgba(109,173,198,.02) 72%); filter:blur(.2px); }
.kid-chi-avatar { position:relative; z-index:2; display:block; width:112px; height:128px; object-fit:contain; transform-origin:50% 72%; filter:drop-shadow(0 10px 10px rgba(24,102,145,.16)); animation:kidChiFloat 5.6s ease-in-out infinite; }
.kid-chi-listen-ring { position:absolute; z-index:1; width:94px; height:94px; border:1px solid rgba(58,152,184,.16); border-radius:50%; opacity:0; }
.kid-chi-dialogue { position:relative; z-index:3; min-width:0; }
.kid-chi-dialogue>header { display:flex; justify-content:space-between; gap:14px; align-items:flex-start; }
.kid-chi-dialogue>header div { display:grid; gap:2px; }
.kid-chi-dialogue>header small { color:#3583a1; font-weight:850; letter-spacing:.05em; }
.kid-chi-dialogue>header h3 { margin:0; color:#31524b; font-family:Georgia,"Noto Serif SC",serif; font-size:21px; }
.kid-chi-dialogue>header>span { flex:0 0 auto; padding:5px 9px; border:1px solid rgba(98,154,139,.24); border-radius:999px; background:rgba(255,255,255,.72); color:#617b72; font-size:10px; font-weight:750; }
.kid-chi-bubble { position:relative; margin:10px 0; padding:12px 14px; border:1px solid rgba(111,158,145,.22); border-radius:9px 17px 17px 17px; background:rgba(255,255,255,.82); box-shadow:0 7px 20px rgba(63,102,91,.06); }
.kid-chi-bubble::before { content:""; position:absolute; left:-9px; top:0; width:16px; height:16px; border-left:1px solid rgba(111,158,145,.22); background:rgba(255,255,255,.82); clip-path:polygon(100% 0,100% 100%,0 0); }
.kid-chi-bubble p { margin:0; color:#405a52; font-size:13px; line-height:1.7; }
.kid-chi-turns { display:grid; gap:6px; max-height:118px; overflow:auto; padding-right:4px; }
.kid-chi-turns article { display:grid; gap:4px; padding:8px 10px; border-left:2px solid rgba(95,167,186,.22); background:rgba(255,255,255,.45); }
.kid-chi-turns p { display:grid; grid-template-columns:52px minmax(0,1fr); gap:7px; margin:0; color:#66766f; font-size:10px; line-height:1.5; }
.kid-chi-turns p b { color:#4187a1; }
.kid-chi-turns .is-user b { color:#836e9f; }
.kid-chi-suggestions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:10px 0; }
.kid-chi-suggestions button { display:grid; gap:4px; padding:10px 11px; border:1px solid rgba(104,157,143,.25); border-radius:13px; background:rgba(255,255,255,.86); color:#40584f; text-align:left; cursor:pointer; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.kid-chi-suggestions button:hover,.kid-chi-suggestions button:focus-visible { transform:translateY(-2px); border-color:rgba(54,143,166,.58); box-shadow:0 8px 18px rgba(61,119,112,.10); outline:0; }
.kid-chi-suggestions button b { color:#37645a; }
.kid-chi-suggestions button span { font-size:11px; line-height:1.55; }
.kid-chi-suggestions button small { color:#73817b; }
.kid-chi-input-row { display:grid; gap:6px; margin-top:10px; }
.kid-chi-input-row>label { color:#687a72; font-size:10px; }
.kid-chi-input-row>div { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; }
.kid-chi-input-row input { min-width:0; padding:10px 12px; border:1px solid rgba(106,151,138,.34); border-radius:12px; background:rgba(255,255,255,.86); color:#344b43; outline:0; }
.kid-chi-input-row input:focus { border-color:#579bb0; box-shadow:0 0 0 3px rgba(87,155,176,.12); }
.kid-chi-input-row button { padding:10px 14px; border:0; border-radius:12px; background:linear-gradient(135deg,#5e9f9b,#477e9e); color:white; font-weight:800; cursor:pointer; box-shadow:0 8px 18px rgba(58,122,137,.17); }
.kid-chi-boundary { margin:8px 0 0; color:#718079; font-size:9px; }
.kid-chi-boundary b { color:#4d746a; }
.kid-chi-focus { outline:4px solid rgba(53,164,190,.72)!important; outline-offset:5px; box-shadow:0 0 0 9px rgba(71,178,194,.13),0 18px 44px rgba(55,127,145,.18)!important; animation:kidChiFocusPulse .82s ease-in-out 3; }

.kid-chi-companion[data-state="LISTENING"] .kid-chi-avatar { animation:kidChiListen 1.1s ease-in-out infinite alternate; }
.kid-chi-companion[data-state="LISTENING"] .kid-chi-listen-ring { opacity:1; animation:kidChiRing 1.3s ease-out infinite; }
.kid-chi-companion[data-state="THINKING"] .kid-chi-avatar { animation:kidChiThink 1.4s ease-in-out infinite; }
.kid-chi-companion[data-state="THINKING"] .kid-chi-aura { animation:kidChiAura 1.5s ease-in-out infinite; }
.kid-chi-companion[data-state="SPEAKING"] .kid-chi-avatar { animation:kidChiSpeak .72s ease-in-out infinite alternate; }
.kid-chi-companion[data-state="POINTING"] .kid-chi-avatar { animation:kidChiPoint .9s ease-in-out 2 alternate; }
.kid-chi-companion[data-state="CAUTION"] .kid-chi-avatar { animation:kidChiCaution 1.2s ease-in-out 2; }
.kid-chi-companion[data-state="CELEBRATE"] .kid-chi-avatar { animation:kidChiCelebrate .72s ease-in-out 2; }
.kid-chi-companion[data-state="MEMORY_RECALL"] .kid-chi-avatar { animation:kidChiRemember 2.8s ease-in-out infinite; }

@keyframes kidChiFloat { 0%,100%{transform:translateY(0) rotate(-1deg)} 50%{transform:translateY(-5px) rotate(1.2deg)} }
@keyframes kidChiListen { from{transform:translate(-2px,0) rotate(-4deg)} to{transform:translate(3px,-3px) rotate(3deg)} }
@keyframes kidChiRing { 0%{transform:scale(.72);opacity:.72} 100%{transform:scale(1.35);opacity:0} }
@keyframes kidChiThink { 0%,100%{transform:translateY(0) rotate(-2deg) scale(1)} 50%{transform:translateY(-4px) rotate(3deg) scale(.985)} }
@keyframes kidChiAura { 0%,100%{transform:scale(.9);opacity:.58} 50%{transform:scale(1.08);opacity:1} }
@keyframes kidChiSpeak { from{transform:translateY(0) rotate(-1deg) scaleY(1)} to{transform:translateY(-2px) rotate(1deg) scaleY(1.018)} }
@keyframes kidChiPoint { from{transform:translateX(0) rotate(-2deg)} to{transform:translateX(8px) rotate(5deg)} }
@keyframes kidChiCaution { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-3px) scale(1.025)} }
@keyframes kidChiCelebrate { 0%{transform:translateY(0) scale(1)} 55%{transform:translateY(-12px) scale(1.04)} 100%{transform:translateY(0) scale(1)} }
@keyframes kidChiRemember { 0%,100%{transform:rotate(0) translateY(0)} 45%{transform:rotate(-3deg) translateY(-3px)} 65%{transform:rotate(2deg) translateY(-2px)} }
@keyframes kidChiFocusPulse { 0%,100%{outline-color:rgba(53,164,190,.72)} 50%{outline-color:rgba(190,142,75,.86)} }

@media(max-width:760px) {
  .kid-chi-companion { grid-template-columns:82px minmax(0,1fr); gap:10px; padding:13px; border-radius:19px; }
  .kid-chi-avatar-wrap { min-height:92px; }
  .kid-chi-aura { width:76px; height:76px; }
  .kid-chi-avatar { width:78px; height:92px; }
  .kid-chi-dialogue>header { display:grid; }
  .kid-chi-dialogue>header>span { justify-self:start; }
  .kid-chi-suggestions { grid-template-columns:1fr; }
  .kid-chi-input-row>div { grid-template-columns:1fr; }
  .kid-chi-input-row button { width:100%; }
}
@media(prefers-reduced-motion:reduce) {
  .kid-chi-avatar,.kid-chi-listen-ring,.kid-chi-aura,.kid-chi-focus { animation:none!important; transition:none!important; }
}

/* ===== rc2.11.26 · curved-fold teaching, completion and explicit selection ===== */
.starter-topology-source-grid > button.is-selected,
.starter-topology-source-grid > button[aria-pressed="true"] {
  border:3px solid #2d7964;
  outline:3px solid rgba(45,121,100,.18);
  outline-offset:2px;
  box-shadow:0 0 0 2px #fff,0 15px 34px rgba(26,70,60,.18);
}
.starter-topology-source-grid > button.is-selected::after {
  content:"已选择 · 再次点击撤销";
  grid-column:1/-1;
  color:#276c59;
  font-size:10px;
  font-weight:850;
  text-align:center;
}

.mask-curvature-full-relief {
  display:grid;
  grid-template-columns:minmax(0,1fr) 260px;
  align-items:stretch;
  min-height:100%;
  background:linear-gradient(145deg,#f8f4eb,#e8eeea);
}
.mask-curvature-relief-main { display:grid; min-width:0; padding:68px 22px 22px; }
.mask-curvature-relief-main > svg { width:100%; height:100%; min-height:390px; }
.mask-curvature-full-relief > aside {
  display:grid;
  align-content:end;
  gap:9px;
  padding:84px 22px 32px;
  color:#4e6259;
  background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(244,239,232,.92));
}
.mask-curvature-full-relief > aside small { color:#8b789c; font-weight:850; letter-spacing:.08em; }
.mask-curvature-full-relief > aside b { font-size:17px; line-height:1.45; }
.mask-curvature-full-relief > aside span { color:#77847e; font-size:11px; line-height:1.6; }
.mask-curved-fold-topology { display:grid; place-items:center; height:100%; padding:66px 18px 16px; }
.mask-curved-fold-topology > svg { width:100%; height:100%; }

.foldflow-mask-visual.is-route-shape-active,
.mask-curvature-draw-surface.is-route-shape-active {
  outline:4px solid rgba(211,174,83,.88);
  outline-offset:-5px;
  box-shadow:inset 0 0 0 8px rgba(255,244,192,.23),0 0 28px rgba(211,174,83,.34);
}
.is-route-shape-active [data-mask-user-curve],
.is-route-shape-active [data-active-relief-crease] {
  stroke-width:10 !important;
  filter:drop-shadow(0 0 7px rgba(255,207,86,.95));
}
.mask-curvature-draw-surface,
.foldflow-mask-visual { transition:outline-color .16s ease,box-shadow .16s ease; }

.mask-ai-reference-card { display:grid; gap:8px; padding:11px; border:1px solid rgba(139,111,174,.23); border-radius:13px; background:linear-gradient(145deg,#f7f2fa,#f0f5f1); }
.mask-ai-reference-card header { display:grid; gap:3px; }
.mask-ai-reference-card header small { color:#8b6dab; font-size:9px; font-weight:850; letter-spacing:.08em; }
.mask-ai-reference-card header b { color:#5d5268; font-size:11px; }
.mask-ai-reference-card > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
.mask-ai-reference-card button { min-height:34px; padding:7px; border:1px solid rgba(121,103,142,.2); border-radius:9px; color:#675b72; background:#fff; font-size:9px; cursor:pointer; }
.mask-ai-reference-card button.is-selected { border-color:#8d6ead; background:#eee4f4; box-shadow:0 0 0 2px rgba(141,110,173,.14); }
.mask-ai-reference-card p { margin:0; color:#81798a; font-size:9px; line-height:1.5; }
.mask-open-merge-copy { display:grid; gap:5px; padding:11px; border-left:3px solid #8ca394; border-radius:11px; background:#eef4ef; }
.mask-open-merge-copy b { color:#4e6459; font-size:11px; }
.mask-open-merge-copy span { color:#75837c; font-size:9px; line-height:1.55; }
.mask-route-output-actions,.bottle-output-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }

.bottle-render-style-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.bottle-render-style-grid button { display:grid; grid-template-columns:34px 1fr; gap:3px 8px; align-items:center; padding:9px; border:1px solid #dce3de; border-radius:12px; color:#52675d; background:#fff; text-align:left; cursor:pointer; }
.bottle-render-style-grid button i { grid-row:1/3; width:34px; height:34px; border-radius:10px; background:linear-gradient(145deg,#f4e7cf,#d9e8df,#dcd1e9); }
.bottle-render-style-grid button i[data-style="JADE_DAWN"] { background:linear-gradient(145deg,#f4ebd5,#b9d4c6,#d7e5de); }
.bottle-render-style-grid button i[data-style="NIGHT_GOLD"] { background:linear-gradient(145deg,#172a25,#b88642,#6c5475); }
.bottle-render-style-grid button b,.bottle-render-style-grid button small { display:block; }
.bottle-render-style-grid button small { color:#87928c; font-size:8px; }
.bottle-render-style-grid button.is-selected { border:2px solid #708f80; background:#eef5f0; box-shadow:0 0 0 3px rgba(112,143,128,.12); }

body.interface-mode-starter .sanxingdui-feature-stage.phase-step-4 .sanxingdui-technical-inset,
body.interface-mode-starter .sanxingdui-feature-stage.phase-step-5 .sanxingdui-technical-inset,
body.interface-mode-starter .sanxingdui-feature-stage.phase-step-6 .sanxingdui-technical-inset {
  width:260px;
  height:190px;
}

@media(max-width:760px) {
  .mask-curvature-full-relief { grid-template-columns:1fr; }
  .mask-curvature-full-relief > aside { padding:18px; }
  .mask-curvature-relief-main { padding:70px 10px 10px; }
  .mask-route-output-actions,.bottle-output-actions,.bottle-render-style-grid { grid-template-columns:1fr; }
  .mask-ai-reference-card > div { grid-template-columns:1fr; }
}

/* ===== rc2.11.25 · independent route shape workbenches ===== */
.starter-preview-stage[data-stage-mode="ROUTE_SHAPE"] > .starter-canvas-card,
.starter-preview-stage[data-stage-mode="ROUTE_SHAPE"] > .starter-surface-live-card { display:none; }

body.interface-mode-starter .foldflow-shape-stage {
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  height:calc(var(--starter-stage-viewport-height) + 41px);
  min-height:0;
  overflow:hidden;
  border:1px solid rgba(91,111,101,.15);
  border-radius:22px;
  background:
    radial-gradient(circle at 76% 24%,rgba(218,231,224,.56),transparent 31%),
    linear-gradient(145deg,#fbfaf6,#eeeae1);
  box-shadow:0 24px 60px rgba(58,69,63,.10);
}
body.interface-mode-starter .foldflow-shape-stage[hidden] { display:none; }
.foldflow-shape-stage > header,
.foldflow-shape-stage > footer {
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:16px 20px;
  color:#4a6056;
  background:rgba(252,250,246,.78);
  backdrop-filter:blur(14px);
}
.foldflow-shape-stage > header { border-bottom:1px solid rgba(84,105,95,.1); }
.foldflow-shape-stage > header small { color:#8c789c; font-size:9px; font-weight:850; letter-spacing:.09em; }
.foldflow-shape-stage > header h3 { margin:3px 0 0; font-size:18px; }
.foldflow-shape-stage > header > span {
  padding:6px 10px;
  border:1px solid rgba(146,124,171,.18);
  border-radius:999px;
  color:#79678c;
  background:#f2edf5;
  font-size:10px;
}
.foldflow-shape-stage > footer { align-items:flex-start; border-top:1px solid rgba(84,105,95,.1); }
.foldflow-shape-stage > footer b { max-width:58%; font-size:12px; }
.foldflow-shape-stage > footer small { max-width:38%; color:#829089; text-align:right; line-height:1.5; }
.foldflow-shape-visual { min-height:0; padding:14px; overflow:hidden; }
.foldflow-shape-visual > svg { display:block; width:100%; height:100%; }

.mask-curvature-learning-stage { position:relative; background:linear-gradient(145deg,#f8f5ee,#e9efeb); }
.mask-curvature-central-board { position:absolute; inset:72px 300px 64px 20px; display:grid; place-items:center; }
.mask-curvature-central-board > svg { display:block; width:min(100%,620px); height:100%; filter:drop-shadow(0 20px 25px rgba(54,66,60,.12)); }
body.interface-mode-starter .mask-curvature-relief-inset {
  top:auto;
  bottom:22px;
  left:22px;
  width:225px;
  height:150px;
  padding:5px;
  overflow:hidden;
}
.mask-curvature-relief-inset > svg { display:block; width:100%; height:100%; border-radius:12px; }
.mask-curvature-relief-inset > span { position:absolute; right:9px; bottom:8px; padding:3px 6px; border-radius:999px; background:rgba(255,255,255,.78); }
.sanxingdui-stage-a47-mini { display:grid; gap:5px; min-height:160px; }
.sanxingdui-stage-a47-mini > svg { display:block; width:100%; max-height:210px; }

.mask-curvature-workbench { display:grid; gap:12px; }
.mask-curvature-draw-surface {
  display:grid;
  gap:6px;
  padding:9px;
  border:1px solid rgba(91,113,102,.16);
  border-radius:17px;
  background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(245,242,235,.9));
  box-shadow:inset 0 1px rgba(255,255,255,.7);
}
.mask-curvature-draw-surface > svg { display:block; width:100%; max-height:330px; touch-action:none; cursor:crosshair; user-select:none; }
.mask-curvature-draw-surface > small { color:#79867f; font-size:9px; line-height:1.45; text-align:center; }
.mask-curvature-control-stack { display:grid; gap:9px; }
.mask-curvature-toggle-grid,
.mask-feature-shape-choices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
.mask-feature-shape-choices { grid-template-columns:repeat(3,minmax(0,1fr)); }
.mask-curvature-toggle-grid button,
.mask-feature-shape-choices button {
  min-height:34px;
  padding:7px 8px;
  border:1px solid rgba(91,113,102,.18);
  border-radius:10px;
  color:#5f7068;
  background:#fbfaf6;
  font-size:10px;
  cursor:pointer;
}
.mask-curvature-toggle-grid button.is-selected,
.mask-feature-shape-choices button.is-selected {
  border-color:rgba(145,116,173,.46);
  color:#665376;
  background:linear-gradient(145deg,#f2eaf6,#eaf2ed);
  box-shadow:0 7px 16px rgba(87,70,105,.09);
}
.route-shape-slider,
.route-shape-control-grid > label {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:5px 10px;
  align-items:center;
  color:#53675d;
  font-size:10px;
  font-weight:750;
}
.route-shape-slider output,
.route-shape-control-grid output { color:#806d91; font-variant-numeric:tabular-nums; }
.route-shape-slider input,
.route-shape-control-grid input,
.route-shape-control-grid select { grid-column:1/-1; width:100%; accent-color:#829b8e; }
.route-shape-control-grid select { padding:8px; border:1px solid #dce3df; border-radius:9px; color:#596c63; background:#fff; }
.route-shape-hint { margin:0; color:#7e8984; font-size:9px; line-height:1.55; }
.route-shape-principle { display:grid; gap:5px; padding:11px; border-left:3px solid #829d8e; border-radius:10px; background:#eef4ef; }
.route-shape-principle b { color:#52695d; font-size:11px; }
.route-shape-principle span { color:#77847d; font-size:9px; line-height:1.55; }

.route-shape-inline-preview {
  min-height:190px;
  padding:7px;
  overflow:hidden;
  border:1px solid rgba(92,111,102,.13);
  border-radius:16px;
  background:linear-gradient(145deg,#fbfaf6,#eeeae2);
}
.route-shape-inline-preview > svg { display:block; width:100%; height:100%; max-height:320px; }
.route-shape-control-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px 13px; }
.route-shape-material-ids { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
.route-shape-material-ids span { padding:7px; border-radius:8px; color:#65786f; background:#edf3ef; font-size:8px; text-align:center; }
.route-shape-proof { display:grid; gap:4px; padding:11px 12px; border-left:3px solid #c4a45f; border-radius:10px; background:#faf5e9; }
.route-shape-proof b { color:#63583f; font-size:11px; }
.route-shape-proof span { color:#7e7768; font-size:9px; line-height:1.5; }
.jar-segmentation-workbench { display:grid; gap:13px; }
.jar-segmentation-workbench .route-shape-inline-preview { min-height:260px; }
.route-shape-inline-preview svg .mountain,
.foldflow-shape-visual svg .mountain { stroke:#c16b65; stroke-dasharray:8 5; }
.route-shape-inline-preview svg .valley,
.foldflow-shape-visual svg .valley { stroke:#4c82a8; stroke-dasharray:3 5; }

@media(max-width:900px) {
  .mask-curvature-central-board { inset:72px 220px 64px 10px; }
  body.interface-mode-starter .mask-curvature-relief-inset { width:175px; height:118px; }
  .mask-feature-shape-choices { grid-template-columns:1fr; }
}
@media(max-width:760px) {
  body.interface-mode-starter .foldflow-shape-stage { height:auto; min-height:620px; }
  .foldflow-shape-stage > footer { display:grid; }
  .foldflow-shape-stage > footer b,
  .foldflow-shape-stage > footer small { max-width:none; text-align:left; }
  .mask-curvature-central-board { inset:76px 12px 80px; }
  body.interface-mode-starter .mask-curvature-relief-inset { display:none; }
  .route-shape-control-grid { grid-template-columns:1fr; }
}

.sanxingdui-route-panel { display:grid; gap:15px; }
.sanxingdui-route-panel[hidden] { display:none; }
.sanxingdui-route-heading { display:grid; grid-template-columns:36px minmax(0,1fr); gap:12px; align-items:start; }
.sanxingdui-route-heading > span {
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border-radius:11px;
  color:#6e5a86;
  background:linear-gradient(145deg,#f0e8f6,#e6efe9);
  font-size:11px;
  font-weight:900;
}
.sanxingdui-route-heading small { color:#8a789c; font-size:10px; font-weight:800; letter-spacing:.08em; }
.sanxingdui-route-heading h3 { margin:3px 0 5px; color:#40574d; font-size:20px; line-height:1.3; }
.sanxingdui-route-heading p { margin:0; color:#78857f; font-size:12px; line-height:1.58; }
.sanxingdui-route-feature-grid { display:grid; gap:9px; }
.sanxingdui-route-feature-grid button {
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  gap:4px 10px;
  padding:12px;
  border:1px solid rgba(92,111,102,.14);
  border-radius:14px;
  color:#53665d;
  background:linear-gradient(140deg,rgba(255,255,255,.94),rgba(246,244,238,.82));
  text-align:left;
  cursor:pointer;
}
.sanxingdui-route-feature-grid button i { grid-row:1/3; display:grid; place-items:center; width:28px; height:28px; border-radius:50%; color:#6f8378; background:#e5eee8; font-size:10px; font-style:normal; }
.sanxingdui-route-feature-grid button b { color:#40574d; }
.sanxingdui-route-feature-grid button small { color:#849089; line-height:1.45; }
.sanxingdui-route-feature-grid button.is-selected { border-color:rgba(145,121,174,.5); background:linear-gradient(135deg,#f5eef9,#eff5f0); box-shadow:0 11px 25px rgba(83,68,105,.1); }
.sanxingdui-truth-note { display:grid; gap:4px; padding:12px 13px; border-left:3px solid #d3ad68; border-radius:11px; color:#746d5e; background:#faf5e9; }
.sanxingdui-truth-note b { color:#665a42; font-size:12px; }
.sanxingdui-truth-note span { font-size:11px; line-height:1.55; }
.sanxingdui-route-next { width:100%; }
.sanxingdui-route-actions { display:grid; grid-template-columns:auto minmax(0,1fr); gap:9px; }
.sanxingdui-action-list { display:grid; gap:8px; }
.sanxingdui-action-list article { display:grid; grid-template-columns:34px minmax(0,1fr); gap:10px; align-items:center; padding:11px 12px; border:1px solid #dfe6e1; border-radius:13px; background:#f8faf7; }
.sanxingdui-action-list article i { display:grid; place-items:center; width:31px; height:31px; border-radius:50%; color:#587468; background:#e4eee8; font-style:normal; font-weight:900; }
.sanxingdui-action-list article b,.sanxingdui-action-list article small { display:block; }
.sanxingdui-action-list article b { color:#455c52; }
.sanxingdui-action-list article small { margin-top:3px; color:#849089; line-height:1.45; }
.sanxingdui-action-list article[data-boundary="manual"] i { color:#8a6b30; background:#f4ead2; }
.sanxingdui-shaping-sequence { display:grid; gap:8px; margin:0; padding:0; list-style:none; }
.sanxingdui-shaping-sequence li { display:grid; grid-template-columns:28px 1fr; gap:10px; align-items:center; padding:10px 12px; border-radius:12px; background:#f6f8f5; color:#50645b; }
.sanxingdui-shaping-sequence span { display:grid; place-items:center; width:27px; height:27px; border-radius:50%; color:#fff; background:#819b8d; font-size:10px; font-weight:900; }
.sanxingdui-photo-input { display:grid; gap:5px; padding:13px; border:1px dashed #b9c8c0; border-radius:13px; color:#52675d; background:#fbfcf9; cursor:pointer; }
.sanxingdui-photo-input small { color:#849089; line-height:1.5; }
.sanxingdui-photo-input input { margin-top:4px; color:#708078; font-size:11px; }
.sanxingdui-evidence-cards { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.sanxingdui-evidence-cards article { display:grid; gap:6px; min-height:92px; padding:13px; border:1px solid #dfe6e1; border-radius:14px; background:linear-gradient(145deg,#fff,#f3f6f2); }
.sanxingdui-evidence-cards small { color:#8b9691; }
.sanxingdui-evidence-cards b { color:#455c52; line-height:1.45; }
.sanxingdui-evidence-cards article[data-evidence="pending"] { border-color:#ddc994; background:#fff9ed; }
.sanxingdui-evidence-cards article[data-evidence="photo"] { border-color:#a9cdbc; background:#eef8f2; }

@media(max-width:620px) {
  .sanxingdui-evidence-cards { grid-template-columns:1fr; }
  .sanxingdui-route-actions { grid-template-columns:1fr; }
}

/* ===== rc2.11.24 · neutral opening, four mothers and isolated mask stage ===== */
body.interface-mode-starter .foldflow-route-dock {
  grid-template-columns:minmax(190px,.78fr) repeat(4,minmax(168px,1fr));
  align-items:stretch;
}
body.interface-mode-starter .foldflow-route-dock > div b { line-height:1.35; }
body.interface-mode-starter .foldflow-route-dock > button { min-width:0; }
body.interface-mode-starter .foldflow-route-dock > button[data-foldflow-route="VESSEL_BOTTLE"]::after,
body.interface-mode-starter .foldflow-route-dock > button[data-foldflow-route="VESSEL_JAR"]::after {
  border-radius:46% 46% 32% 32%;
  background:linear-gradient(145deg,rgba(227,236,230,.72),rgba(238,226,210,.62));
}
body.interface-mode-starter .foldflow-route-dock > button[data-foldflow-route="KRESLING_UV_REVEAL"]::after {
  background:linear-gradient(145deg,rgba(231,222,244,.7),rgba(207,231,222,.62));
}
body.interface-mode-starter .foldflow-route-dock > button[data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"]::after {
  background-image:linear-gradient(rgba(244,239,248,.36),rgba(244,239,248,.36)),url("./assets/sanxingdui/sanxingdui-paper-mask-hero-v1.png");
}

.starter-opening-stage .opening-mother-card { transition:opacity .22s ease,transform .22s ease; }
.starter-opening-stage .opening-mother-card.is-muted { opacity:.42; }
.starter-opening-stage .opening-mother-card.is-selected { filter:drop-shadow(0 15px 22px rgba(100,80,127,.16)); }
.starter-opening-stage.is-topology-waiting { background:#f7f5ef; }

body.interface-mode-starter .foldflow-mask-stage {
  position:relative;
  isolation:isolate;
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:auto minmax(0,1fr) auto auto;
  grid-template-areas:
    "mask-head"
    "mask-visual"
    "mask-life"
    "mask-foot";
  height:calc(var(--starter-stage-viewport-height) + 41px);
  min-height:0;
  overflow:hidden;
  border:1px solid rgba(101,115,108,.14);
  border-radius:22px;
  background:#f4f1e9;
  box-shadow:0 24px 60px rgba(58,69,63,.10);
}
body.interface-mode-starter .foldflow-mask-stage > header {
  position:absolute;
  top:0;
  right:0;
  left:0;
  z-index:7;
  min-height:70px;
  border:0;
  background:linear-gradient(180deg,rgba(250,248,243,.94),rgba(250,248,243,.58),transparent);
}
body.interface-mode-starter .foldflow-mask-stage > header > span {
  border:1px solid rgba(255,255,255,.62);
  background:rgba(246,240,249,.74);
  backdrop-filter:blur(12px);
}
body.interface-mode-starter .foldflow-mask-visual {
  grid-area:mask-visual;
  width:100%;
  height:100%;
  min-height:0;
  padding:0;
  overflow:hidden;
}
body.interface-mode-starter .sanxingdui-feature-stage,
body.interface-mode-starter .sanxingdui-feature-stage.is-hero {
  width:100%;
  height:100%;
  min-height:0;
  margin:0;
  border:0;
  border-radius:0;
  box-shadow:none;
}
body.interface-mode-starter .sanxingdui-hero-figure > img {
  object-position:center 48%;
  filter:saturate(.74) contrast(.97) brightness(1.025);
}
body.interface-mode-starter .sanxingdui-feature-stage.phase-step-1 .sanxingdui-hero-figure > img {
  opacity:.80;
  filter:saturate(.58) contrast(.94) brightness(1.055);
  transform:scale(1.018);
}
body.interface-mode-starter .sanxingdui-feature-stage.phase-step-2 .sanxingdui-hero-figure > img {
  opacity:.90;
  filter:saturate(.67) contrast(.96) brightness(1.04);
}
body.interface-mode-starter .sanxingdui-feature-stage.phase-step-3 .sanxingdui-hero-figure > img {
  opacity:.97;
  filter:saturate(.74) contrast(.97) brightness(1.025);
}
body.interface-mode-starter .sanxingdui-hero-figure::after {
  background:
    linear-gradient(90deg,rgba(251,248,241,.2),transparent 55%,rgba(246,241,235,.06)),
    linear-gradient(0deg,rgba(40,52,46,.28),transparent 34%),
    linear-gradient(180deg,rgba(250,248,243,.38),transparent 28%);
}
body.interface-mode-starter .sanxingdui-hero-figure figcaption {
  right:auto;
  bottom:20px;
  left:22px;
  max-width:390px;
  padding:11px 14px;
  border-color:rgba(255,255,255,.65);
  background:rgba(255,253,248,.74);
}
body.interface-mode-starter .sanxingdui-technical-inset {
  top:82px;
  right:auto;
  bottom:auto;
  left:20px;
  width:148px;
  height:148px;
}
body.interface-mode-starter .sanxingdui-feature-stage.phase-step-1 .sanxingdui-feature-focus { opacity:.28; }
body.interface-mode-starter .sanxingdui-feature-stage.phase-step-2 .sanxingdui-feature-focus { opacity:.46; }
body.interface-mode-starter .sanxingdui-feature-stage.phase-step-3 .sanxingdui-feature-focus { opacity:.68; }

body.interface-mode-starter .foldflow-mask-branches {
  position:absolute;
  top:82px;
  right:20px;
  z-index:9;
  display:grid;
  align-content:start;
  gap:11px;
  width:min(300px,35%);
  max-height:calc(100% - 188px);
  padding:16px;
  overflow:auto;
  border:1px solid rgba(255,255,255,.72);
  border-radius:21px;
  background:rgba(250,248,244,.78);
  box-shadow:0 20px 50px rgba(51,61,56,.16),inset 0 1px rgba(255,255,255,.82);
  backdrop-filter:blur(18px) saturate(1.08);
}
body.interface-mode-starter .foldflow-mask-branches::before { content:none; }
body.interface-mode-starter .foldflow-mask-branches > header {
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  gap:9px;
  align-items:center;
}
body.interface-mode-starter .foldflow-mask-branches > header > span {
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:10px;
  color:#8b71a8;
  background:linear-gradient(145deg,#eee4f5,#edf3ed);
}
body.interface-mode-starter .foldflow-mask-branches > header div { display:grid; gap:2px; }
body.interface-mode-starter .foldflow-mask-branches > header small { color:#8c7b9d; font-size:9px; font-weight:800; letter-spacing:.08em; }
body.interface-mode-starter .foldflow-mask-branches > header b { color:#44584f; font-size:15px; }
body.interface-mode-starter .sanxingdui-focus-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
body.interface-mode-starter .sanxingdui-focus-grid > button {
  display:grid;
  grid-template-columns:1fr;
  gap:6px;
  min-height:0;
  padding:6px;
  border-radius:13px;
  text-align:center;
}
body.interface-mode-starter .sanxingdui-focus-grid > button > i {
  width:100%;
  height:68px;
  border:0;
  border-radius:9px;
  background-image:url("./assets/sanxingdui/sanxingdui-paper-mask-hero-v1.png");
  background-repeat:no-repeat;
  background-size:360% auto;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.58);
}
body.interface-mode-starter .sanxingdui-focus-grid > button:nth-child(1) > i { background-position:31% 36%; }
body.interface-mode-starter .sanxingdui-focus-grid > button:nth-child(2) > i { background-position:50% 49%; }
body.interface-mode-starter .sanxingdui-focus-grid > button:nth-child(3) > i { background-position:69% 66%; }
body.interface-mode-starter .sanxingdui-focus-grid > button span { gap:2px; }
body.interface-mode-starter .sanxingdui-focus-grid > button b { font-size:10px; white-space:nowrap; }
body.interface-mode-starter .sanxingdui-focus-grid > button small { font-size:8px; }
body.interface-mode-starter .foldflow-mask-branches .sanxingdui-full-mask-choice {
  min-height:52px;
  border-color:rgba(200,165,101,.28);
  background:linear-gradient(135deg,rgba(255,249,236,.94),rgba(241,241,232,.85));
}
body.interface-mode-starter .foldflow-mask-branches > p {
  margin:0;
  color:#86908b;
  font-size:9px;
  line-height:1.45;
}

.sanxingdui-mask-lifeline {
  grid-area:mask-life;
  position:relative;
  z-index:8;
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:5px;
  padding:8px 12px;
  border-top:1px solid rgba(255,255,255,.56);
  background:rgba(250,248,243,.84);
  backdrop-filter:blur(14px);
}
.sanxingdui-mask-lifeline button {
  position:relative;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:7px;
  align-items:center;
  min-width:0;
  padding:6px 7px;
  border:1px solid transparent;
  border-radius:11px;
  color:#6d7b74;
  background:rgba(255,255,255,.44);
  text-align:left;
  cursor:pointer;
}
.sanxingdui-mask-lifeline button:not(:last-child)::after {
  content:"";
  position:absolute;
  top:50%;
  right:-6px;
  width:7px;
  height:1px;
  background:#c7d0cb;
}
.sanxingdui-mask-lifeline button > i {
  width:34px;
  height:34px;
  border-radius:9px;
  background-image:linear-gradient(rgba(245,241,247,.14),rgba(245,241,247,.14)),url("./assets/sanxingdui/sanxingdui-paper-mask-hero-v1.png");
  background-position:var(--mask-crop);
  background-size:310% auto;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.54);
}
.sanxingdui-mask-lifeline button > span { display:grid; gap:1px; min-width:0; }
.sanxingdui-mask-lifeline button small { color:#9aa39e; font-size:8px; }
.sanxingdui-mask-lifeline button b { overflow:hidden; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.sanxingdui-mask-lifeline button.is-active {
  border-color:rgba(149,126,174,.5);
  color:#635374;
  background:linear-gradient(135deg,#f4edf8,#edf4ef);
  box-shadow:0 8px 18px rgba(85,70,105,.1);
}
.sanxingdui-mask-lifeline button.is-done { color:#567064; }
.sanxingdui-mask-lifeline button:disabled { opacity:.43; cursor:default; }
body.interface-mode-starter .foldflow-mask-stage > footer {
  grid-area:mask-foot;
  position:relative;
  z-index:8;
  min-height:47px;
  padding:9px 15px;
  border-top:1px solid rgba(86,105,96,.08);
  background:rgba(251,249,245,.94);
}
body.interface-mode-starter .foldflow-mask-stage > footer p { font-size:9px; }

@media(max-width:1280px) {
  body.interface-mode-starter .foldflow-route-dock { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.interface-mode-starter .foldflow-route-dock > div,
  body.interface-mode-starter .foldflow-route-dock > p { grid-column:1/-1; }
  body.interface-mode-starter .foldflow-mask-branches { width:320px; max-width:40%; }
  .sanxingdui-mask-lifeline button { grid-template-columns:1fr; justify-items:center; text-align:center; }
}

/* ===== rc2.11.32.2 · rc31 function truth + rc32 presentation adapter ===== */
#starterStudio[data-ui-baseline="rc2.11.32"]:not([data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"]) .kid-chi-companion {
  grid-template-columns:64px minmax(0,1fr);
  gap:9px;
  min-height:0;
  padding:10px 12px;
  border-radius:16px;
}
#starterStudio[data-ui-baseline="rc2.11.32"]:not([data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"]) .kid-chi-avatar-wrap { min-height:70px; }
#starterStudio[data-ui-baseline="rc2.11.32"]:not([data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"]) .kid-chi-avatar { width:58px; height:68px; }
#starterStudio[data-ui-baseline="rc2.11.32"]:not([data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"]) .kid-chi-aura { width:58px; height:58px; }
#starterStudio[data-ui-baseline="rc2.11.32"]:not([data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"]) .kid-chi-dialogue>header h3 { font-size:15px; }
#starterStudio[data-ui-baseline="rc2.11.32"]:not([data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"]) .kid-chi-dialogue>header small,
#starterStudio[data-ui-baseline="rc2.11.32"]:not([data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"]) .kid-chi-turns,
#starterStudio[data-ui-baseline="rc2.11.32"]:not([data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"]) .kid-chi-suggestions,
#starterStudio[data-ui-baseline="rc2.11.32"]:not([data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"]) .kid-chi-boundary { display:none!important; }
#starterStudio[data-ui-baseline="rc2.11.32"]:not([data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"]) .kid-chi-bubble { margin:5px 0; padding:8px 10px; }
#starterStudio[data-ui-baseline="rc2.11.32"]:not([data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"]) .kid-chi-bubble p { font-size:11px; line-height:1.5; }
#starterStudio[data-ui-baseline="rc2.11.32"]:not([data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"]) .kid-chi-input-row { margin-top:5px; }
#starterStudio[data-ui-baseline="rc2.11.32"]:not([data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"]) .kid-chi-input-row>label { display:none; }
#starterStudio[data-ui-baseline="rc2.11.32"]:not([data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"]) .kid-chi-input-row input,
#starterStudio[data-ui-baseline="rc2.11.32"]:not([data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"]) .kid-chi-input-row button { padding:7px 9px; font-size:10px; }

#starterStudio[data-ui-baseline="rc2.11.32"] .foldflow-route-dock>button.is-selected {
  transform:translateY(-1px);
  box-shadow:0 13px 30px rgba(75,105,89,.13),inset 0 1px #fff;
}
#starterStudio[data-ui-baseline="rc2.11.32"] .starter-preview-stage,
#starterStudio[data-ui-baseline="rc2.11.32"] .foldflow-mask-stage,
#starterStudio[data-ui-baseline="rc2.11.32"] .foldflow-shape-stage { min-height:620px; }

.mountain-bottle-stage { position:relative; width:100%; }
.mountain-bottle-stage>svg { display:block; width:100%; }
.mountain-bottle-stage.is-fold-reveal { overflow:hidden; border-radius:24px; box-shadow:inset 0 0 0 2px rgba(211,172,90,.28); }
.mountain-bottle-motion-trace { position:absolute; inset:10% 8%; border:3px solid #d4af59; border-left-color:transparent; border-radius:50%; opacity:.62; animation:mountainBottleReveal 2.4s ease-in-out infinite; pointer-events:none; }

/* The rc32 game-stage atmosphere is mapped onto rc31's frozen story markup. */
#starterStudio[data-ui-baseline="rc2.11.32"][data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"] .sanxingdui-story-stage.is-relief {
  --game-ink:#213c35;
  isolation:isolate;
  min-height:610px;
  background:radial-gradient(circle at 52% 38%,#fff9e7 0 13%,transparent 34%),linear-gradient(155deg,#dfece4 0%,#f7ead8 48%,#e6dff0 100%);
  color:var(--game-ink);
}
#starterStudio[data-ui-baseline="rc2.11.32"][data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"] .sanxingdui-story-stage.is-relief::before {
  inset:-30%;
  background:conic-gradient(from 20deg at 50% 45%,transparent,#fff9 8%,transparent 18%,#cce7dd66 32%,transparent 45%,#ead8f866 61%,transparent 78%);
  animation:maskGameAurora 18s linear infinite;
}
#starterStudio[data-ui-baseline="rc2.11.32"][data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"] .mask-story-paper-sky i {
  background:#fffbe8;
  filter:drop-shadow(0 0 8px #fff4b8);
}
#starterStudio[data-ui-baseline="rc2.11.32"][data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"] .mask-story-mask img {
  filter:saturate(.82) brightness(1.07) drop-shadow(0 28px 32px rgba(49,68,58,.18));
}
#starterStudio[data-ui-baseline="rc2.11.32"][data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"] .mask-story-caption {
  border:1px solid #fff;
  background:linear-gradient(135deg,#fffdf5ee,#f4f0e8e8);
  box-shadow:0 16px 38px rgba(43,61,51,.16);
  backdrop-filter:blur(10px);
}

@keyframes maskGameAurora { to { transform:rotate(360deg); } }
@keyframes mountainBottleReveal { 0%,100% { transform:scale(.92) rotate(-5deg); opacity:.24; } 50% { transform:scale(1.04) rotate(8deg); opacity:.72; } }

@media(prefers-reduced-motion:reduce) {
  #starterStudio[data-ui-baseline="rc2.11.32"] .sanxingdui-story-stage.is-relief::before,
  .mountain-bottle-motion-trace { animation:none!important; }
}
@media(max-width:760px) {
  body.interface-mode-starter .foldflow-route-dock { grid-template-columns:1fr; }
  body.interface-mode-starter .foldflow-route-dock > div,
  body.interface-mode-starter .foldflow-route-dock > p { grid-column:auto; }
  body.interface-mode-starter .foldflow-mask-stage { height:auto; min-height:720px; grid-template-rows:500px auto auto; grid-template-areas:"mask-visual" "mask-life" "mask-foot"; overflow:visible; }
  body.interface-mode-starter .foldflow-mask-stage > header { min-height:64px; }
  body.interface-mode-starter .foldflow-mask-branches { top:76px; right:12px; width:calc(100% - 24px); max-width:none; max-height:none; }
  body.interface-mode-starter .sanxingdui-focus-grid > button > i { height:58px; }
  .sanxingdui-mask-lifeline { grid-template-columns:repeat(7,82px); overflow-x:auto; }
  .sanxingdui-mask-lifeline button { grid-template-columns:1fr; justify-items:center; text-align:center; }
  body.interface-mode-starter .foldflow-mask-stage > footer { display:none; }
}

/* ===== rc2.11.31 · Sanxingdui paper-memory story quest ===== */
.sanxingdui-story-stage {
  position:relative;
  width:100%;
  height:100%;
  min-height:0;
  overflow:hidden;
  color:#405850;
  background:
    radial-gradient(circle at 18% 18%,rgba(255,244,204,.78),transparent 26%),
    radial-gradient(circle at 82% 28%,rgba(200,226,220,.68),transparent 30%),
    linear-gradient(145deg,#fbf7ed,#e8efe9 55%,#eee7f4);
}
.sanxingdui-story-stage.is-relief { display:grid; place-items:center; }
.sanxingdui-story-stage.is-relief::before {
  content:"";
  position:absolute;
  inset:0;
  opacity:.62;
  background:
    linear-gradient(125deg,transparent 12%,rgba(255,255,255,.78) 12.4%,transparent 13%),
    linear-gradient(35deg,transparent 66%,rgba(204,175,111,.28) 66.4%,transparent 67%);
  pointer-events:none;
}
.mask-story-paper-sky { position:absolute; inset:0; pointer-events:none; }
.mask-story-paper-sky i {
  position:absolute;
  width:44px;
  aspect-ratio:1;
  opacity:.62;
  background:linear-gradient(145deg,#fffdf6,#d6e7df 52%,#e6d9ee);
  clip-path:polygon(50% 0,64% 37%,100% 50%,64% 63%,50% 100%,36% 63%,0 50%,36% 37%);
  filter:drop-shadow(0 7px 10px rgba(74,94,84,.12));
  animation:maskStoryPaperDrift 8s ease-in-out infinite;
}
.mask-story-paper-sky i:nth-child(1) { left:7%; top:19%; transform:scale(.72) rotate(14deg); }
.mask-story-paper-sky i:nth-child(2) { right:9%; top:24%; animation-delay:-2s; transform:scale(.46) rotate(-20deg); }
.mask-story-paper-sky i:nth-child(3) { left:18%; bottom:15%; animation-delay:-4s; transform:scale(.38) rotate(34deg); }
.mask-story-paper-sky i:nth-child(4) { right:20%; bottom:19%; animation-delay:-6s; transform:scale(.56) rotate(-12deg); }
.mask-story-paper-sky i:nth-child(5) { left:48%; top:8%; animation-delay:-3s; transform:scale(.28); }
.mask-story-mask {
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  width:min(72%,760px);
  height:88%;
  margin-left:-8%;
}
.mask-story-mask::after {
  content:"";
  position:absolute;
  left:18%;
  right:18%;
  bottom:4%;
  height:7%;
  border-radius:50%;
  background:#496056;
  opacity:.13;
  filter:blur(14px);
}
.mask-story-mask img {
  position:relative;
  z-index:2;
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  filter:saturate(.7) contrast(.96) brightness(1.07) drop-shadow(0 24px 30px rgba(52,67,60,.16));
  transition:filter .55s ease,transform .55s ease,opacity .45s ease;
}
.mask-story-missing-layer {
  position:absolute;
  z-index:3;
  inset:7% 9% 7%;
  border-radius:45% 45% 42% 42%;
  pointer-events:none;
  background:radial-gradient(ellipse at 50% 48%,rgba(248,245,237,.18),rgba(245,241,232,.66) 70%,rgba(238,233,224,.12));
  mix-blend-mode:screen;
  transition:opacity .5s ease;
}
.mask-story-feature-glow {
  position:absolute;
  z-index:4;
  width:23%;
  height:15%;
  border:3px solid rgba(235,196,111,.86);
  border-radius:50%;
  box-shadow:0 0 0 9px rgba(255,238,184,.16),0 0 34px rgba(247,210,128,.72);
  animation:maskStoryFeaturePulse 2.5s ease-in-out infinite;
  pointer-events:none;
}
.sanxingdui-story-stage.feature-brow .mask-story-feature-glow { top:26%; left:38%; width:28%; height:9%; }
.sanxingdui-story-stage.feature-eyes .mask-story-feature-glow { top:34%; left:22%; width:56%; height:15%; }
.sanxingdui-story-stage.feature-ears .mask-story-feature-glow { top:35%; left:6%; width:88%; height:25%; border-radius:38%; }
.sanxingdui-story-stage.feature-nose .mask-story-feature-glow { top:35%; left:43%; width:16%; height:31%; }
.sanxingdui-story-stage.feature-mouth-cheek .mask-story-feature-glow { top:61%; left:28%; width:45%; height:18%; }
.sanxingdui-story-stage.feature-full-mask .mask-story-feature-glow { top:16%; left:13%; width:74%; height:67%; border-radius:44%; }
.sanxingdui-story-stage.feature-heart .mask-story-feature-glow { top:72%; left:43%; width:16%; height:15%; transform:rotate(45deg); border-radius:42% 52% 42% 52%; }
.sanxingdui-story-stage[data-story-act="BROW_POINT_REALM"] .mask-story-mask img { opacity:.72; }
.sanxingdui-story-stage[data-story-act="EYES_LINE_REALM"] .mask-story-mask img { opacity:.78; }
.sanxingdui-story-stage[data-story-act="EARS_SURFACE_REALM"] .mask-story-mask img { opacity:.84; }
.sanxingdui-story-stage[data-story-act="NOSE_STRUCTURE_REALM"] .mask-story-mask img { opacity:.9; }
.sanxingdui-story-stage[data-story-act="MOUTH_MECHANISM_REALM"] .mask-story-mask img { opacity:.95; }
.sanxingdui-story-stage[data-story-act="FACE_RESONANCE"] .mask-story-mask img,
.sanxingdui-story-stage[data-story-act="HEART_AND_RETURN"] .mask-story-mask img { opacity:1; filter:saturate(.9) contrast(.98) brightness(1.08) drop-shadow(0 24px 32px rgba(52,67,60,.17)); }

.mask-story-caption {
  position:absolute;
  z-index:8;
  left:22px;
  bottom:22px;
  display:grid;
  gap:5px;
  width:min(47%,520px);
  padding:16px 18px;
  border:1px solid rgba(255,255,255,.68);
  border-radius:18px;
  background:rgba(251,248,241,.82);
  box-shadow:0 18px 45px rgba(52,70,61,.12);
  backdrop-filter:blur(16px);
}
.mask-story-caption small { color:#88749a; font-weight:850; letter-spacing:.06em; }
.mask-story-caption h3 { margin:0; color:#3f594f; font:800 20px/1.2 Georgia,"Noto Serif SC",serif; }
.mask-story-caption blockquote { margin:2px 0; color:#725f83; font:700 13px/1.55 Georgia,"Noto Serif SC",serif; }
.mask-story-caption p { margin:0; color:#6d7c75; font-size:10px; line-height:1.6; }
.mask-story-caption strong { color:#54756a; font-size:10px; }
.mask-story-recovered {
  position:absolute;
  z-index:8;
  top:22px;
  left:22px;
  display:grid;
  gap:1px;
  min-width:112px;
  padding:10px 14px;
  border:1px solid rgba(205,173,103,.32);
  border-radius:16px;
  background:rgba(255,250,237,.8);
  box-shadow:0 10px 28px rgba(93,74,40,.08);
}
.mask-story-recovered span,.mask-story-recovered small { color:#9b8555; font-size:8px; }
.mask-story-recovered b { color:#6c5a31; font:850 18px/1.25 Georgia,"Noto Serif SC",serif; }

.kid-chi-hand-demo {
  position:absolute;
  z-index:10;
  top:20px;
  right:20px;
  display:grid;
  grid-template-columns:54px minmax(0,1fr);
  gap:8px;
  width:min(35%,310px);
  padding:10px 12px;
  border:1px solid rgba(76,151,174,.2);
  border-radius:18px;
  background:rgba(249,253,251,.84);
  box-shadow:0 14px 34px rgba(52,95,101,.1);
  backdrop-filter:blur(15px);
}
.kid-chi-hand-demo>img { grid-row:1; width:54px; height:60px; object-fit:contain; filter:drop-shadow(0 6px 7px rgba(42,123,158,.16)); }
.kid-chi-hand-demo>span { display:grid; gap:2px; min-width:0; }
.kid-chi-hand-demo small { color:#3e8ba4; font-weight:900; }
.kid-chi-hand-demo span b { overflow:hidden; color:#5e7169; font-size:8px; font-weight:750; text-overflow:ellipsis; white-space:nowrap; }
.kid-chi-hand-demo em { color:#846f92; font-size:8px; font-style:normal; line-height:1.4; }
.kid-chi-hand-demo>i {
  position:absolute;
  width:22px;
  height:14px;
  border:3px solid #5cb0cf;
  border-radius:60% 60% 45% 45%;
  background:#96d5e6;
  box-shadow:0 0 0 5px rgba(102,190,214,.12);
  animation:kidChiHandsPress 1.7s ease-in-out infinite alternate;
}
.kid-chi-hand-demo>i b { display:none; }
.kid-chi-hand-demo .hand-left { left:35%; bottom:-18px; transform:rotate(18deg); }
.kid-chi-hand-demo .hand-right { left:58%; bottom:-18px; transform:rotate(-18deg); animation-delay:-.8s; }

.sanxingdui-story-stage.is-a47 { display:grid; grid-template-columns:minmax(0,1fr) minmax(230px,34%); gap:16px; padding:72px 22px 58px; }
.mask-story-a47-board { display:grid; place-items:center; min-width:0; }
.mask-story-a47-board>svg { display:block; width:100%; height:100%; max-height:500px; filter:drop-shadow(0 20px 25px rgba(55,72,64,.12)); }
.mask-story-dialogue { align-self:center; display:grid; gap:10px; padding:20px; border-left:3px solid #d7b76f; border-radius:14px; background:rgba(255,252,244,.84); }
.mask-story-dialogue small { color:#8b789a; font-weight:850; }
.mask-story-dialogue b { color:#5d4f69; font:800 19px/1.5 Georgia,"Noto Serif SC",serif; }
.mask-story-dialogue p,.mask-story-dialogue span { margin:0; color:#6d7c75; font-size:11px; line-height:1.7; }

.sanxingdui-story-stage.is-topology { display:grid; grid-template-rows:auto minmax(0,1fr) auto; gap:14px; padding:78px 28px 58px; }
.sanxingdui-story-stage.is-topology>header { display:grid; gap:3px; }
.sanxingdui-story-stage.is-topology>header span { color:#8c789c; font-weight:850; }
.sanxingdui-story-stage.is-topology>header b { font-size:20px; }
.sanxingdui-story-stage.is-topology>header small { color:#7d8983; }
.mask-story-primitive-map { display:flex; align-items:center; justify-content:center; gap:16px; min-height:0; }
.mask-story-primitive-map>i { display:grid; place-items:center; width:76px; aspect-ratio:1; border-radius:50%; color:#fff; background:linear-gradient(145deg,#7b9d8d,#79678c); font-style:normal; font-weight:900; box-shadow:0 12px 25px rgba(74,84,79,.15); }
.mask-story-primitive-map article { position:relative; display:grid; gap:5px; width:min(27%,200px); padding:18px; border:1px solid rgba(104,129,116,.16); border-radius:18px; background:rgba(255,255,255,.74); }
.mask-story-primitive-map article::before { content:""; position:absolute; top:50%; left:-17px; width:16px; height:2px; background:#ceb06d; }
.mask-story-primitive-map article span { color:#997fa7; font-size:9px; }
.mask-story-primitive-map article b { color:#486257; font-size:11px; }
.mask-story-primitive-map article small { color:#7d8983; line-height:1.5; }
.sanxingdui-story-stage.is-topology>aside { display:flex; justify-content:space-between; gap:16px; padding:11px 14px; border-left:3px solid #caa85e; background:rgba(251,246,233,.9); }
.sanxingdui-story-stage.is-topology>aside span { color:#786f60; font-size:9px; }

.mask-story-choice-visual { position:relative; overflow:hidden; background:linear-gradient(145deg,#e7efe9,#f5e8f1)!important; }
.mask-story-choice-visual::before,.mask-story-choice-visual::after,.mask-story-choice-visual>span { content:""; position:absolute; display:block; background:#fffdf5; filter:drop-shadow(0 5px 6px rgba(70,88,79,.12)); }
.mask-story-choice-visual::before { left:18%; top:22%; width:28%; aspect-ratio:1; clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%); }
.mask-story-choice-visual::after { right:12%; bottom:14%; width:42%; height:38%; clip-path:polygon(0 100%,25% 24%,50% 82%,72% 0,100% 100%); background:#c8ddd3; }
.mask-story-choice-visual>span { left:36%; top:14%; width:3px; height:72%; border-radius:3px; transform:rotate(18deg); background:#d2ae61; }
.mask-story-choice-grid button:nth-child(2) .mask-story-choice-visual { background:linear-gradient(145deg,#f7edd9,#e1eef0)!important; }
.mask-story-choice-grid button:nth-child(3) .mask-story-choice-visual { background:linear-gradient(145deg,#e8e0f1,#edf1df)!important; }

.mask-story-objective,.mask-story-ai-card,.mask-story-explore-card,.mask-viewing-notebook,.mask-story-audio-controls {
  border:1px solid rgba(104,129,116,.16);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(246,243,235,.86));
  box-shadow:0 10px 26px rgba(58,75,67,.06);
}
.mask-story-objective { display:grid; gap:8px; padding:16px; }
.mask-story-objective>small { color:#8c789b; font-weight:900; letter-spacing:.06em; }
.mask-story-objective h3 { margin:0; color:#405a50; font:850 21px/1.2 Georgia,"Noto Serif SC",serif; }
.mask-story-objective blockquote { margin:0; color:#705c80; font:750 13px/1.5 Georgia,"Noto Serif SC",serif; }
.mask-story-objective p { margin:0; color:#6f7e77; font-size:10px; line-height:1.65; }
.mask-story-objective>div { display:flex; flex-wrap:wrap; gap:8px; }
.mask-story-objective>div span { padding:6px 9px; border-radius:999px; color:#6f7f77; background:#edf3ee; font-size:9px; }
.mask-story-objective>div b { color:#4e6a5e; }
.mask-story-audio-controls { display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:10px; }
.mask-story-audio-controls button { padding:9px; border:1px solid rgba(92,133,121,.22); border-radius:11px; color:#4e675d; background:#fff; font-weight:800; cursor:pointer; }
.mask-story-audio-controls button[aria-pressed="true"] { border-color:#6b9f90; background:#e9f3ed; box-shadow:inset 0 0 0 2px rgba(107,159,144,.11); }
.mask-story-audio-controls small { grid-column:1/-1; color:#8a918d; font-size:8px; line-height:1.45; }
.mask-viewing-notebook { overflow:hidden; }
.mask-viewing-notebook summary { display:grid; gap:3px; padding:12px 14px; cursor:pointer; }
.mask-viewing-notebook summary span { color:#8c789d; font-size:9px; font-weight:900; }
.mask-viewing-notebook summary b { color:#4b6459; }
.mask-viewing-notebook>nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; padding:0 12px 8px; }
.mask-viewing-notebook>nav button,.mask-viewing-mini-choices button { padding:7px; border:1px solid #dfe6e1; border-radius:9px; color:#64766d; background:#fff; font-size:9px; cursor:pointer; }
.mask-viewing-notebook>nav button.is-active,.mask-viewing-mini-choices button.is-selected { border-color:#ac96bd; color:#665375; background:#f4edf7; }
.mask-viewing-mini-choices { display:grid; gap:6px; padding:0 12px 10px; }
.mask-viewing-mini-choices button { display:grid; gap:3px; text-align:left; }
.mask-viewing-mini-choices small { color:#87928c; line-height:1.4; }
.mask-viewing-notebook>p { margin:0; padding:0 12px 12px; color:#89918d; font-size:8px; line-height:1.5; }
.mask-story-ai-card { display:grid; gap:9px; padding:13px; }
.mask-story-ai-card>header { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.mask-story-ai-card>header div { display:grid; gap:2px; }
.mask-story-ai-card small { color:#5c96a8; font-size:8px; font-weight:900; }
.mask-story-ai-card b { color:#496258; }
.mask-story-ai-card>header button { padding:8px 11px; border:0; border-radius:10px; color:#fff; background:linear-gradient(135deg,#67a5a3,#667fa4); font-weight:850; cursor:pointer; }
.mask-story-ai-card>div { display:grid; gap:6px; }
.mask-story-ai-card>div button { display:grid; gap:3px; padding:9px 10px; border:1px solid rgba(97,139,126,.2); border-radius:11px; color:#587067; background:#fff; text-align:left; cursor:pointer; }
.mask-story-ai-card>div small,.mask-story-ai-card>p span { display:block; margin-top:3px; color:#84908a; font-size:8px; line-height:1.45; }
.mask-story-ai-card>p { margin:0; color:#75827c; font-size:9px; line-height:1.55; }
.mask-story-explore-card>button { display:flex; justify-content:space-between; width:100%; padding:12px 14px; border:0; color:#655573; background:transparent; cursor:pointer; }
.mask-story-explore-card>div { display:grid; gap:6px; padding:0 12px 12px; }
.mask-story-explore-card article { display:grid; grid-template-columns:25px 1fr; gap:8px; align-items:center; padding:8px; border-radius:10px; background:#f6f4ee; }
.mask-story-explore-card article span { display:grid; place-items:center; width:23px; aspect-ratio:1; border-radius:50%; color:#fff; background:#88a397; font-size:8px; }
.mask-story-explore-card article p { margin:0; color:#64766e; font-size:9px; }
.mask-story-explore-card>div>small { color:#9b8b72; font-size:8px; line-height:1.5; }

@keyframes maskStoryPaperDrift { 0%,100% { translate:0 0; rotate:0deg; } 50% { translate:0 -12px; rotate:8deg; } }
@keyframes maskStoryFeaturePulse { 0%,100% { opacity:.62; scale:.96; } 50% { opacity:1; scale:1.04; } }
@keyframes kidChiHandsPress { from { translate:-3px 3px; } to { translate:4px -4px; } }

@media(max-width:900px) {
  .mask-story-caption { width:min(55%,470px); }
  .kid-chi-hand-demo { width:280px; }
  .sanxingdui-story-stage.is-a47 { grid-template-columns:1fr; padding-top:74px; }
  .mask-story-dialogue { position:absolute; right:14px; bottom:60px; width:38%; }
}
@media(max-width:760px) {
  .mask-story-mask { width:96%; height:74%; margin:68px 0 0; }
  .mask-story-caption { left:12px; right:12px; bottom:12px; width:auto; padding:12px; }
  .mask-story-caption p { display:none; }
  .kid-chi-hand-demo { top:82px; right:12px; width:215px; grid-template-columns:38px 1fr; }
  .kid-chi-hand-demo>img { width:38px; height:45px; }
  .mask-story-recovered { top:82px; left:12px; }
  .sanxingdui-story-stage.is-a47 { padding:150px 10px 80px; }
  .mask-story-dialogue { right:10px; bottom:70px; width:46%; padding:11px; }
  .mask-story-dialogue b { font-size:13px; }
  .mask-story-primitive-map { flex-wrap:wrap; }
  .mask-story-primitive-map article { width:38%; }
}

/* ===== rc2.11.32.3 · larger stage, teacher guide and Sanxingdui cleanup ===== */
body.interface-mode-starter {
  --starter-stage-viewport-height:clamp(640px,calc(100vh - 220px),900px);
  --starter-stage-content-zoom:1;
}

body.interface-mode-starter .starter-workspace {
  grid-template-columns:minmax(720px,1.82fr) minmax(350px,.68fr);
  gap:13px;
}
body.interface-mode-starter .starter-preview-stage,
body.interface-mode-starter .foldflow-mask-stage,
body.interface-mode-starter .foldflow-shape-stage { min-height:681px; }

.starter-preview-head { flex-wrap:wrap; }
.starter-preview-head>div:first-child { min-width:180px; }
.starter-stage-zoom {
  display:flex;
  align-items:center;
  gap:5px;
  margin-left:auto;
  padding:5px 6px;
  border:1px solid rgba(84,108,96,.13);
  border-radius:12px;
  background:rgba(255,255,255,.74);
  box-shadow:inset 0 1px rgba(255,255,255,.86);
}
.starter-stage-zoom button {
  min-width:30px;
  min-height:28px;
  padding:5px 8px;
  border:1px solid rgba(77,111,96,.18);
  border-radius:8px;
  color:#49665a;
  background:#fbfdfb;
  font-size:10px;
  font-weight:850;
  cursor:pointer;
}
.starter-stage-zoom button:first-child { font-size:18px; line-height:1; }
.starter-stage-zoom input { width:92px; accent-color:#568c79; cursor:ew-resize; }
.starter-stage-zoom output { min-width:38px; color:#6b7e75; font-size:9px; font-weight:850; text-align:center; }
.starter-stage-zoom button[aria-pressed="true"] { color:#fff; background:#406f60; }

.foldflow-shape-visual>.mountain-bottle-stage,
.foldflow-shape-visual>svg,
.foldflow-mask-visual>.sanxingdui-story-stage,
.starter-surface-empty-preview>svg {
  transform:scale(var(--starter-stage-content-zoom));
  transform-origin:center;
  transition:transform .22s ease;
}
.starter-preview-stage.is-expanded-stage {
  position:fixed!important;
  inset:12px!important;
  z-index:2000;
  width:auto!important;
  height:auto;
  max-height:calc(100vh - 24px);
  overflow:auto;
  border:1px solid rgba(72,104,90,.24);
  box-shadow:0 35px 90px rgba(21,42,34,.34);
}
body.starter-stage-expanded { overflow:hidden; }
body.starter-stage-expanded::after {
  content:"";
  position:fixed;
  inset:0;
  z-index:1999;
  background:rgba(21,38,32,.46);
  backdrop-filter:blur(5px);
}
.starter-preview-stage.is-expanded-stage .foldflow-mask-stage,
.starter-preview-stage.is-expanded-stage .foldflow-shape-stage,
.starter-preview-stage.is-expanded-stage .starter-surface-live-card,
.starter-preview-stage.is-expanded-stage .starter-canvas-card { min-height:calc(100vh - 130px); }
.starter-preview-stage.is-expanded-stage .starter-surface-main-stage,
.starter-preview-stage.is-expanded-stage .starter-canvas-card canvas { height:calc(100vh - 172px); }

.starter-silhouette-memory {
  position:absolute;
  top:72px;
  left:14px;
  z-index:18;
  display:grid;
  grid-template-columns:86px minmax(0,1fr);
  gap:9px;
  width:min(285px,44%);
  padding:7px;
  border:1px solid rgba(111,147,129,.24);
  border-radius:14px;
  background:rgba(255,253,248,.91);
  box-shadow:0 12px 32px rgba(44,67,56,.13);
  backdrop-filter:blur(10px);
}
.starter-silhouette-memory[hidden] { display:none!important; }
.starter-silhouette-memory img { width:86px; height:62px; object-fit:cover; border-radius:9px; background:#eef2ed; }
.starter-silhouette-memory>div { display:grid; align-content:center; gap:2px; min-width:0; }
.starter-silhouette-memory small { color:#7d9489; font-size:8px; }
.starter-silhouette-memory b { overflow:hidden; color:#405b50; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.starter-silhouette-memory button { justify-self:start; padding:3px 0; border:0; color:#765f8c; background:transparent; font-size:8px; font-weight:850; cursor:pointer; }

.teacher-help-entry {
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  width:100%;
  margin-top:8px;
  padding:9px;
  border:1px solid rgba(106,139,124,.2);
  border-radius:12px;
  color:#425e52;
  background:linear-gradient(135deg,#f5faf6,#f6f0fa);
  text-align:left;
  cursor:pointer;
}
.teacher-help-entry>span { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; background:#fff; font-size:18px; }
.teacher-help-entry>div { display:grid; gap:1px; }
.teacher-help-entry b { font-size:11px; }
.teacher-help-entry small { color:#84918b; font-size:8px; }
.teacher-help-entry>i { color:#8f75a5; font-style:normal; }

.teacher-help-dialog {
  width:min(1120px,calc(100vw - 32px));
  max-height:calc(100vh - 32px);
  padding:0;
  overflow:hidden auto;
  border:0;
  border-radius:28px;
  color:#385248;
  background:#faf8f1;
  box-shadow:0 45px 110px rgba(28,46,39,.36);
}
.teacher-help-dialog::backdrop { background:rgba(20,38,31,.54); backdrop-filter:blur(6px); }
.teacher-help-page { display:grid; gap:24px; padding:28px; background:radial-gradient(circle at 4% 2%,#e4f1ea,transparent 28%),radial-gradient(circle at 96% 8%,#eee5f4,transparent 30%),#faf8f1; }
.teacher-help-page>header { display:flex; justify-content:space-between; gap:24px; }
.teacher-help-page>header>div { max-width:790px; }
.teacher-help-page small { color:#7c6a93; font-size:9px; font-weight:900; letter-spacing:.1em; }
.teacher-help-page h2 { margin:5px 0 8px; color:#2f5145; font:900 30px/1.22 Georgia,"Noto Serif SC",serif; }
.teacher-help-page>header p { margin:0; color:#718079; line-height:1.65; }
.teacher-help-page>header button { flex:0 0 auto; width:40px; height:40px; border:0; border-radius:50%; color:#5b6f66; background:#fff; font-size:24px; cursor:pointer; }
.teacher-help-hero { display:grid; grid-template-columns:minmax(280px,.76fr) minmax(340px,1.24fr); overflow:hidden; border-radius:24px; background:linear-gradient(135deg,#e7f1eb,#f8f4e9 54%,#ece4f2); box-shadow:0 18px 42px rgba(49,69,60,.09); }
.teacher-help-hero figure { position:relative; min-height:270px; margin:0; background:linear-gradient(145deg,#dff0ec,#f3eaf5); }
.teacher-help-hero img { width:100%; height:100%; object-fit:contain; }
.teacher-help-hero figcaption { position:absolute; right:10px; bottom:10px; left:10px; padding:8px 10px; border-radius:10px; color:#536960; background:rgba(255,255,255,.82); font-size:9px; }
.teacher-help-hero>div { display:grid; align-content:center; gap:9px; padding:30px; }
.teacher-help-hero h3,.teacher-curriculum-path h3,.teacher-learning-goals h3,.teacher-visual-guide h3 { margin:2px 0 0; color:#315247; font:850 23px/1.3 Georgia,"Noto Serif SC",serif; }
.teacher-help-hero p { margin:0; color:#687a72; line-height:1.7; }
.teacher-help-hero>div>div { display:flex; flex-wrap:wrap; gap:7px; }
.teacher-help-hero span { padding:6px 9px; border-radius:999px; color:#577266; background:rgba(255,255,255,.76); font-size:9px; font-weight:850; }
.teacher-curriculum-path { display:grid; gap:14px; padding:18px; border-radius:20px; background:linear-gradient(135deg,#f4f0e7,#edf4f0 56%,#f1edf5); }
.teacher-curriculum-path>header { display:grid; gap:4px; }
.teacher-curriculum-path>header p { margin:0; color:#718079; font-size:10px; line-height:1.65; }
.teacher-curriculum-path>div { display:grid; grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr); align-items:stretch; gap:6px; }
.teacher-curriculum-path>div>i { display:grid; place-items:center; color:#b1864d; font-size:20px; font-style:normal; }
.teacher-curriculum-path article { display:grid; grid-template-columns:32px 1fr; gap:6px 8px; padding:13px; border:1px solid rgba(90,121,106,.12); border-radius:15px; background:rgba(255,255,255,.78); box-shadow:0 9px 24px rgba(52,72,63,.05); }
.teacher-curriculum-path article>span { grid-row:1/3; display:grid; place-items:center; width:32px; height:32px; border-radius:10px; color:#fff; background:linear-gradient(135deg,#527f70,#8a71a1); font-size:9px; font-weight:900; }
.teacher-curriculum-path article>small { color:#8b7657; font-size:8px; font-weight:850; }
.teacher-curriculum-path article>b { color:#315247; font-size:13px; }
.teacher-curriculum-path article>p,.teacher-curriculum-path article>em { grid-column:1/-1; margin:0; color:#718079; font-size:9px; line-height:1.55; font-style:normal; }
.teacher-curriculum-path article>em { padding-top:6px; border-top:1px solid #e3e8e4; color:#6b5a7e; font-weight:750; }
.teacher-curriculum-path>footer { display:flex; align-items:center; justify-content:center; gap:9px; padding:10px; border-radius:12px; color:#48665b; background:rgba(255,255,255,.7); font-size:10px; }
.teacher-curriculum-path>footer span { color:#8b6a37; font-weight:900; }
.teacher-learning-goals,.teacher-visual-guide { display:grid; gap:13px; }
.teacher-learning-goals>header,.teacher-visual-guide>header { display:grid; gap:3px; }
.teacher-learning-goals>div { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:9px; }
.teacher-learning-goals article { display:grid; gap:7px; padding:15px; border:1px solid rgba(95,124,110,.13); border-radius:16px; background:rgba(255,255,255,.73); }
.teacher-learning-goals i { display:grid; place-items:center; width:30px; height:30px; border-radius:9px; color:#fff; background:linear-gradient(135deg,#779c8c,#8d76a4); font-size:9px; font-style:normal; }
.teacher-learning-goals b { font-size:13px; }
.teacher-learning-goals p { margin:0; color:#77857f; font-size:10px; line-height:1.6; }
.teacher-visual-guide>div { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.teacher-visual-guide article { display:grid; grid-template-columns:34px 1fr; gap:7px 9px; padding:10px; border-radius:17px; background:#fff; box-shadow:0 9px 24px rgba(52,72,63,.06); }
.teacher-visual-guide figure { grid-column:1/-1; height:140px; margin:0; overflow:hidden; border-radius:12px; background:#edf1ec; }
.teacher-visual-guide figure img { width:100%; height:100%; object-fit:cover; }
.teacher-visual-guide article>span { display:grid; place-items:center; width:32px; height:32px; border-radius:9px; color:#fff; background:#769786; font-size:8px; font-weight:900; }
.teacher-visual-guide article>b { align-self:center; }
.teacher-visual-guide article>p,.teacher-visual-guide article>em { grid-column:1/-1; margin:0; color:#74827c; font-size:9px; line-height:1.55; font-style:normal; }
.teacher-visual-guide article>em { padding:8px; border-left:3px solid #d2ad66; background:#fbf5e8; color:#72634b; }
.teacher-form-illustration { position:relative; display:grid; place-items:center; background:radial-gradient(circle,#fff,transparent 60%),linear-gradient(145deg,#e8efe9,#eee5f3)!important; }
.teacher-form-illustration i { position:absolute; border:2px solid rgba(97,139,122,.56); border-radius:50%; }
.teacher-form-illustration i:nth-child(1) { width:44px; height:118px; }
.teacher-form-illustration i:nth-child(2) { width:96px; height:70px; bottom:16px; }
.teacher-form-illustration i:nth-child(3) { width:128px; height:1px; border-width:1px 0 0; border-radius:0; transform:rotate(-12deg); }
.teacher-truth-boundary { display:grid; grid-template-columns:1fr 1fr; gap:9px; padding:15px; border-radius:18px; background:linear-gradient(135deg,#eef4ef,#f4eef7); }
.teacher-truth-boundary>div { display:grid; gap:4px; padding:12px; border-radius:12px; background:rgba(255,255,255,.7); }
.teacher-truth-boundary p { grid-column:1/-1; margin:0; color:#6f7e77; font-size:10px; line-height:1.6; }
.teacher-help-page>footer { display:flex; justify-content:flex-end; }
.teacher-help-page>footer button { padding:11px 22px; border:0; border-radius:12px; color:#fff; background:#367765; font-weight:850; cursor:pointer; }

.stage-purpose-card {
  display:grid;
  grid-template-columns:98px minmax(0,1fr);
  gap:12px;
  margin:0 0 13px;
  padding:12px;
  border:1px solid rgba(91,121,107,.15);
  border-radius:14px;
  background:linear-gradient(135deg,#f2f6f2,#fbf8f1);
}
.stage-purpose-card>span { display:grid; place-items:center; min-height:50px; border-radius:10px; color:#fff; background:#688f7d; font-size:9px; font-weight:900; }
.stage-purpose-card.is-reveal>span { background:linear-gradient(135deg,#806b9c,#bd9452); }
.stage-purpose-card>div { display:grid; align-content:center; gap:5px; }
.stage-purpose-card b { color:#3d5c50; font-size:11px; }
.stage-purpose-card small { color:#7c8983; font-size:9px; line-height:1.5; }

.starter-journey-evidence-map { display:grid; gap:10px; margin:12px 0; padding:13px; border:1px solid rgba(89,126,109,.18); border-radius:16px; background:linear-gradient(135deg,#eff6f1,#f6f0f8); }
.starter-journey-evidence-map[hidden] { display:none!important; }
.starter-journey-evidence-map>header { display:flex; justify-content:space-between; gap:12px; }
.starter-journey-evidence-map>header>div { display:grid; gap:3px; }
.starter-journey-evidence-map small { color:#846d9b; font-size:8px; font-weight:900; }
.starter-journey-evidence-map>header b { color:#3c5c4f; font-size:11px; }
.starter-journey-evidence-map>header>span { align-self:start; padding:5px 8px; border-radius:999px; color:#39735f; background:#fff; font-size:8px; font-weight:900; }
.starter-journey-evidence-map>div { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; }
.starter-journey-evidence-map article { display:grid; gap:3px; min-width:0; padding:8px; border-radius:10px; background:rgba(255,255,255,.76); }
.starter-journey-evidence-map article b { overflow:hidden; color:#526a60; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }

.mountain-bottle-stage.is-form-study,
.mountain-bottle-stage.is-fold-reveal { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(220px,.55fr); gap:14px; height:100%; min-height:0; }
.mountain-bottle-form-canvas,.mountain-bottle-reveal-canvas { position:relative; display:grid; place-items:center; min-width:0; overflow:hidden; border-radius:20px; background:radial-gradient(circle,#fffdf7,#f0ede5); }
.mountain-bottle-form-canvas>svg,.mountain-bottle-reveal-canvas>svg { display:block; width:100%; height:100%; }
.mountain-bottle-form-map,.mountain-bottle-reveal-proof { display:grid; align-content:center; gap:10px; padding:18px; border-radius:18px; background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(239,244,240,.9)); }
.mountain-bottle-form-map>span,.mountain-bottle-reveal-proof>span { color:#816b95; font-size:9px; font-weight:900; letter-spacing:.09em; }
.mountain-bottle-form-map>b,.mountain-bottle-reveal-proof>b { color:#405c51; font-size:14px; line-height:1.55; }
.mountain-bottle-form-map>div { display:grid; grid-template-columns:1fr 1fr; gap:5px; }
.mountain-bottle-form-map i { padding:7px; border-radius:8px; color:#587064; background:#fff; font-size:9px; font-style:normal; text-align:center; }
.mountain-bottle-form-map small,.mountain-bottle-reveal-proof small { color:#7d8983; font-size:9px; line-height:1.5; }
.mountain-bottle-uv-thumb { overflow:hidden; min-height:110px; border-radius:12px; background:#e7eee9; }
.mountain-bottle-uv-thumb img { display:block; width:100%; height:110px; object-fit:cover; }
.bottle-style-explainer { display:grid; gap:8px; padding:12px; border-left:3px solid #7b9b8c; border-radius:0 12px 12px 0; background:#eef4f0; }
.bottle-style-explainer>small { color:#7b6791; font-size:9px; font-weight:900; }
.bottle-style-explainer>div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
.bottle-style-explainer span { display:grid; gap:3px; padding:8px; border-radius:9px; color:#718079; background:#fff; font-size:8px; line-height:1.45; }
.bottle-style-explainer b { color:#3f5d51; font-size:9px; }
.bottle-style-explainer p { margin:0; color:#66776f; font-size:9px; line-height:1.55; }

/* Kid Chi keeps the same compact companion form on all four routes. */
#starterStudio[data-ui-baseline="rc2.11.32"] .kid-chi-companion {
  grid-template-columns:64px minmax(0,1fr);
  gap:9px;
  min-height:0;
  padding:10px 12px;
  border-radius:16px;
}
#starterStudio[data-ui-baseline="rc2.11.32"] .kid-chi-avatar-wrap { min-height:70px; }
#starterStudio[data-ui-baseline="rc2.11.32"] .kid-chi-avatar { width:58px; height:68px; }
#starterStudio[data-ui-baseline="rc2.11.32"] .kid-chi-aura { width:58px; height:58px; }
#starterStudio[data-ui-baseline="rc2.11.32"] .kid-chi-dialogue>header h3 { font-size:15px; }
#starterStudio[data-ui-baseline="rc2.11.32"] .kid-chi-dialogue>header small,
#starterStudio[data-ui-baseline="rc2.11.32"] .kid-chi-turns,
#starterStudio[data-ui-baseline="rc2.11.32"] .kid-chi-suggestions,
#starterStudio[data-ui-baseline="rc2.11.32"] .kid-chi-boundary { display:none!important; }
#starterStudio[data-ui-baseline="rc2.11.32"] .kid-chi-bubble { margin:5px 0; padding:8px 10px; }
#starterStudio[data-ui-baseline="rc2.11.32"] .kid-chi-bubble p { font-size:11px; line-height:1.5; }
#starterStudio[data-ui-baseline="rc2.11.32"] .kid-chi-input-row { margin-top:5px; }
#starterStudio[data-ui-baseline="rc2.11.32"] .kid-chi-input-row>label { display:none; }
#starterStudio[data-ui-baseline="rc2.11.32"] .kid-chi-input-row input,
#starterStudio[data-ui-baseline="rc2.11.32"] .kid-chi-input-row button { padding:7px 9px; font-size:10px; }

body.interface-mode-starter .foldflow-mask-branches[hidden] { display:none!important; }
body.interface-mode-starter .foldflow-mask-stage { grid-template-columns:1fr; grid-template-areas:"mask-head" "mask-visual" "mask-foot"; }
body.interface-mode-starter .foldflow-mask-visual { padding:0; overflow:hidden; }
.mask-story-depth-cues { position:absolute; inset:17% 7% auto; z-index:7; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; pointer-events:none; }
.mask-story-depth-cues i { position:relative; display:grid; gap:3px; padding:10px 12px; border-radius:14px; color:#405d51; background:rgba(255,255,255,.76); box-shadow:0 10px 28px rgba(45,66,57,.10); backdrop-filter:blur(8px); font-style:normal; }
.mask-story-depth-cues i::after { content:""; position:absolute; left:50%; top:100%; width:2px; height:58px; background:linear-gradient(#c39e55,transparent); }
.mask-story-depth-cues i[data-depth="raised"] { border-top:4px solid #d9ad58; }
.mask-story-depth-cues i[data-depth="recessed"] { border-top:4px solid #7f6c9f; transform:translateY(42px); }
.mask-story-depth-cues i[data-depth="support"] { border-top:4px solid #6f9b89; transform:translateY(15px); }
.mask-story-depth-cues b { font-size:11px; }
.mask-story-depth-cues span { color:#718079; font-size:8px; line-height:1.45; }
.mask-story-scene-copy { position:absolute; right:5%; bottom:7%; z-index:8; display:grid; gap:4px; max-width:43%; padding:13px 15px; border-left:4px solid #c7a357; border-radius:0 14px 14px 0; background:linear-gradient(90deg,rgba(255,253,246,.93),rgba(255,253,246,.55)); }
.mask-story-scene-copy small { color:#826f95; font-size:8px; font-weight:900; }
.mask-story-scene-copy h3 { margin:0; color:#35584b; font:850 18px/1.3 Georgia,"Noto Serif SC",serif; }
.mask-story-scene-copy p { margin:0; color:#64776e; font-size:9px; line-height:1.55; }
.mask-story-scene-copy strong { color:#557667; font-size:9px; }
.kid-chi-hand-demo.is-scene-guide { top:auto; right:auto; bottom:9%; left:4%; width:285px; padding:8px; border:0; background:transparent; box-shadow:none; backdrop-filter:none; }
.kid-chi-hand-demo.is-scene-guide>div { padding:8px 10px; border-radius:11px; background:rgba(255,253,247,.8); box-shadow:0 8px 22px rgba(48,68,59,.08); }

.mask-story-direction-section { display:grid; gap:9px; }
.mask-story-direction-section .mask-viewing-choice-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
.mask-story-direction-section .mask-viewing-choice { display:grid; gap:6px; min-width:0; padding:7px; border:1px solid rgba(97,123,111,.17); border-radius:13px; color:#4a6258; background:#fff; text-align:left; cursor:pointer; }
.mask-story-direction-section .mask-viewing-choice.is-selected { border-color:#7b67a0; box-shadow:0 0 0 3px rgba(123,103,160,.13); background:#f8f3fa; }
.mask-story-direction-section .mask-story-choice-visual { position:relative; display:block; height:104px; overflow:hidden; border-radius:10px; }
.mask-story-direction-section .mask-story-choice-visual img { display:block; width:100%; height:100%; object-fit:cover; object-position:var(--choice-crop,center); filter:saturate(.72) brightness(1.06); }
.mask-story-direction-section .mask-story-choice-visual em { position:absolute; top:6px; left:6px; z-index:3; display:grid; place-items:center; width:24px; height:24px; border-radius:50%; color:#fff; background:rgba(46,66,57,.63); font-size:8px; font-style:normal; }
.mask-story-direction-section .mask-viewing-choice>span { display:grid; gap:2px; }
.mask-story-direction-section .mask-viewing-choice b { font-size:10px; }
.mask-story-direction-section .mask-viewing-choice small { color:#7d8983; font-size:8px; line-height:1.4; }
.mask-story-objective.is-compact { padding:11px; }
.mask-story-objective.is-compact h3 { font-size:17px; }
.mask-story-objective.is-compact blockquote { font-size:10px; }
.mask-plasticity-tool { padding:10px; }
.mask-plasticity-tool .mask-curvature-draw-surface { padding:10px; }
.mask-plasticity-tool .mask-curvature-draw-surface>svg { max-height:420px; }
.mask-crease-details { border:1px solid rgba(98,126,113,.15); border-radius:12px; background:#f8f7f2; }
.mask-crease-details summary { padding:10px; color:#687970; font-size:9px; font-weight:850; cursor:pointer; }
.mask-crease-details>.mask-curvature-control-stack { padding:0 10px 10px; }
.mask-story-primary-next { position:sticky; bottom:7px; z-index:20; width:100%; box-shadow:0 12px 28px rgba(42,104,83,.22); }
.mask-secondary-tools { border:1px solid rgba(96,122,111,.14); border-radius:13px; background:#f7f6f1; }
.mask-secondary-tools>summary { display:flex; justify-content:space-between; gap:9px; padding:11px; color:#677970; font-size:9px; cursor:pointer; }
.mask-secondary-tools>summary b { color:#8c789c; }
.mask-secondary-tools>div { display:grid; gap:8px; padding:0 9px 9px; }

@media(max-width:1440px) {
  body.interface-mode-starter .starter-workspace { grid-template-columns:minmax(620px,1.55fr) minmax(340px,.72fr); }
  body.interface-mode-starter { --starter-stage-viewport-height:clamp(590px,calc(100vh - 230px),780px); }
}
@media(max-width:1100px) {
  body.interface-mode-starter .starter-workspace { grid-template-columns:1fr; }
  body.interface-mode-starter .starter-preview-stage { position:static; }
  .teacher-learning-goals>div { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .teacher-visual-guide>div { grid-template-columns:1fr 1fr; }
  .teacher-curriculum-path>div { grid-template-columns:1fr 20px 1fr; }
  .teacher-curriculum-path>div>i:nth-of-type(2) { display:none; }
  .teacher-curriculum-path article[data-stage="3"] { grid-column:1; }
  .teacher-curriculum-path article[data-stage="4"] { grid-column:3; }
}
@media(max-width:760px) {
  body.interface-mode-starter { --starter-stage-viewport-height:470px; }
  .starter-stage-zoom { width:100%; order:3; }
  .starter-stage-zoom input { flex:1; }
  .starter-silhouette-memory { top:112px; width:calc(100% - 28px); }
  .teacher-help-page { padding:16px; }
  .teacher-help-hero,.teacher-truth-boundary { grid-template-columns:1fr; }
  .teacher-learning-goals>div,.teacher-visual-guide>div,.teacher-curriculum-path>div { grid-template-columns:1fr; }
  .teacher-curriculum-path>div>i { transform:rotate(90deg); }
  .teacher-curriculum-path>div>i:nth-of-type(2) { display:grid; }
  .teacher-curriculum-path article[data-stage="3"],.teacher-curriculum-path article[data-stage="4"] { grid-column:auto; }
  .teacher-curriculum-path>footer { align-items:flex-start; flex-direction:column; }
  .teacher-truth-boundary p { grid-column:auto; }
  .stage-purpose-card { grid-template-columns:1fr; }
  .starter-journey-evidence-map>div { grid-template-columns:1fr 1fr; }
  .mountain-bottle-stage.is-form-study,.mountain-bottle-stage.is-fold-reveal { grid-template-columns:1fr; overflow:auto; }
  .mountain-bottle-form-map,.mountain-bottle-reveal-proof { padding:12px; }
  .bottle-style-explainer>div { grid-template-columns:1fr; }
  .mask-story-depth-cues { inset:15% 4% auto; grid-template-columns:1fr; gap:5px; }
  .mask-story-depth-cues i { width:42%; padding:6px; }
  .mask-story-depth-cues i[data-depth="recessed"] { justify-self:end; transform:none; }
  .mask-story-depth-cues i[data-depth="support"] { justify-self:center; transform:none; }
  .mask-story-depth-cues i::after { display:none; }
  .mask-story-scene-copy { right:3%; bottom:4%; max-width:58%; }
  .kid-chi-hand-demo.is-scene-guide { bottom:3%; left:2%; width:42%; }
  .mask-story-direction-section .mask-viewing-choice-grid { grid-template-columns:1fr; }
  .mask-story-direction-section .mask-viewing-choice { grid-template-columns:90px 1fr; align-items:center; }
  .mask-story-direction-section .mask-story-choice-visual { height:70px; }
}

/* ===== rc2.11.32.4 · 纸忆幻想沉浸式纸塑与A47候选桥接 ===== */
#starterStudio[data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"] {
  --paper-night:#07110f;
  --paper-panel:#101c19;
  --paper-line:rgba(220,190,121,.22);
  --paper-gold:#d9ae56;
  color:#e7e4d9;
}
#starterStudio[data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"] .starter-workspace { grid-template-columns:minmax(720px,1.72fr) minmax(360px,.62fr); }
#starterStudio[data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"] .starter-preview-stage,
#starterStudio[data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"] .starter-wizard-card {
  border-color:rgba(201,169,102,.18);
  background:linear-gradient(145deg,rgba(9,20,17,.98),rgba(16,28,24,.97));
  box-shadow:0 28px 80px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.04);
}
#starterStudio[data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"] .starter-preview-head { color:#e8e3d4; background:linear-gradient(90deg,#0c1714,#151d1b 55%,#171424); }
#starterStudio[data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"] .starter-preview-head span { color:#77b69e; }
#starterStudio[data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"] .starter-stage-zoom { border-color:rgba(222,187,113,.18); background:rgba(255,255,255,.05); }
#starterStudio[data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"] .starter-stage-zoom button { border-color:rgba(222,187,113,.18); color:#ded6c4; background:#18231f; }
#starterStudio[data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"] .foldflow-mask-stage {
  display:block;
  height:auto;
  min-height:860px;
  overflow:visible;
  border:0;
  border-radius:0;
  background:#07100e;
}
#starterStudio[data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"] .foldflow-mask-stage>header,
#starterStudio[data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"] .foldflow-mask-stage>footer,
#starterStudio[data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"] .sanxingdui-mask-lifeline { display:none!important; }
#starterStudio[data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"] .foldflow-mask-visual { width:100%; height:auto; min-height:860px; padding:0; overflow:visible; }
#starterStudio[data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"] .foldflow-mask-visual>.paper-memory-stage-shell { transform:scale(var(--starter-stage-content-zoom)); transform-origin:top center; }

.paper-memory-stage-shell {
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-rows:auto minmax(470px,1fr) auto auto;
  min-height:860px;
  overflow:hidden;
  border-radius:0 0 22px 22px;
  color:#eee9dc;
  background:
    radial-gradient(circle at 50% 35%,rgba(103,155,128,.18),transparent 31%),
    radial-gradient(circle at 18% 22%,rgba(215,171,81,.10),transparent 27%),
    linear-gradient(155deg,#07100e,#0d1815 58%,#14111a);
}
.paper-memory-stage-shell[data-atmosphere="EXCAVATION_NIGHT"] { background:radial-gradient(circle at 48% 24%,rgba(194,147,69,.16),transparent 24%),radial-gradient(circle at 82% 62%,rgba(41,72,83,.22),transparent 32%),linear-gradient(150deg,#050807,#11110e 60%,#101922); }
.paper-memory-stage-shell[data-atmosphere="PAPER_STUDIO"] { background:radial-gradient(circle at 50% 30%,rgba(255,250,230,.20),transparent 30%),linear-gradient(150deg,#18231f,#29322d 55%,#171d1b); }
.paper-memory-stage-shell::before { content:""; position:absolute; inset:-30%; z-index:-1; opacity:.24; background:conic-gradient(from 40deg,transparent,#d3a94f33 10%,transparent 22%,#6bad9233 38%,transparent 52%,#8e6bab2c 72%,transparent); animation:paperMemoryAurora 26s linear infinite; }
.paper-memory-stage-shell>header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 18px; border-bottom:1px solid rgba(218,181,105,.12); background:rgba(4,10,8,.48); backdrop-filter:blur(12px); }
.paper-memory-stage-shell>header>div { display:grid; gap:2px; }
.paper-memory-stage-shell>header small { color:#65a98f; font-size:8px; font-weight:900; letter-spacing:.14em; }
.paper-memory-stage-shell>header b { color:#eee8d8; font:850 18px/1.25 Georgia,"Noto Serif SC",serif; }
.paper-memory-stage-shell>header>span { padding:6px 10px; border:1px solid rgba(210,174,101,.17); border-radius:999px; color:#cdbf9f; background:rgba(255,255,255,.04); font-size:9px; }
.paper-memory-main-view { position:relative; display:grid; place-items:center; min-height:470px; overflow:hidden; padding:8px 14px 0; }
.paper-memory-relief-svg { display:block; width:100%; height:100%; max-height:590px; touch-action:none; cursor:crosshair; user-select:none; filter:drop-shadow(0 28px 38px rgba(0,0,0,.48)); }
.paper-memory-stage-shell.is-2d .paper-memory-relief-svg { filter:saturate(.35) contrast(1.2); }
.paper-memory-stage-shell.is-2d .paper-memory-relief-svg .paper-pressure-mark { opacity:.9; }
.paper-memory-relief-svg .paper-pressure-mark text { fill:#fff7df; font-size:17px; font-weight:900; }
.paper-memory-relief-svg .paper-pressure-ai-preview { opacity:.9; animation:paperMemoryHint 1.35s ease-in-out infinite alternate; }
.paper-memory-relief-svg .paper-pressure-ai-preview>*:not(text) { stroke:#70d7ba; stroke-width:5; fill:#70d7ba; fill-opacity:.12; stroke-dasharray:12 8; }
.paper-memory-relief-svg .paper-pressure-ai-preview text { fill:#dffcf2; font-size:13px; font-weight:850; }
.paper-memory-relief-svg .paper-relief-caption { fill:#d2c7ac; font-size:13px; font-weight:800; letter-spacing:.04em; }
.paper-memory-kid-hand { position:absolute; left:var(--hand-x); top:var(--hand-y); z-index:8; display:grid; grid-template-columns:50px minmax(120px,190px); align-items:center; gap:7px; translate:-28px -45px; pointer-events:none; }
.paper-memory-kid-hand::before { content:""; position:absolute; left:21px; top:40px; width:20px; height:20px; border:2px solid #e0b154; border-radius:50%; box-shadow:0 0 0 8px rgba(224,177,84,.12),0 0 24px rgba(224,177,84,.4); }
.paper-memory-kid-hand.is-preview::before { border-color:#69d4b4; box-shadow:0 0 0 8px rgba(105,212,180,.12),0 0 24px rgba(105,212,180,.42); animation:paperMemoryHint .9s ease-in-out infinite alternate; }
.paper-memory-kid-hand img { width:50px; height:60px; object-fit:contain; filter:drop-shadow(0 8px 10px rgba(0,0,0,.28)); }
.paper-memory-kid-hand span { display:grid; gap:2px; padding:7px 9px; border:1px solid rgba(255,255,255,.12); border-radius:10px; background:rgba(8,18,15,.76); backdrop-filter:blur(9px); }
.paper-memory-kid-hand b { color:#f1ead8; font-size:9px; }
.paper-memory-kid-hand small { color:#9eb4aa; font-size:7px; }

.paper-memory-sculpt-dock { position:relative; z-index:12; display:grid; gap:9px; width:calc(100% - 28px); margin:0 14px 12px; padding:10px; border:1px solid rgba(214,181,111,.18); border-radius:20px; background:rgba(10,20,17,.87); box-shadow:0 18px 48px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.05); backdrop-filter:blur(18px); }
.paper-sculpt-tabs { display:flex; justify-content:center; gap:5px; }
.paper-sculpt-tabs button { min-width:82px; padding:7px 12px; border:1px solid transparent; border-radius:999px; color:#82988e; background:transparent; font-size:9px; font-weight:850; cursor:pointer; }
.paper-sculpt-tabs button.is-active { border-color:rgba(215,177,100,.25); color:#efe5d0; background:#26332e; box-shadow:inset 0 0 0 1px rgba(255,255,255,.03); }
.paper-sculpt-dock-body { min-height:98px; }
.paper-sculpt-tools { display:grid; grid-template-columns:repeat(4,minmax(105px,1fr)); gap:7px; }
.paper-sculpt-tools button { position:relative; display:grid; grid-template-columns:31px 1fr; gap:2px 8px; align-items:center; min-height:60px; padding:8px; overflow:hidden; border:1px solid rgba(255,255,255,.08); border-radius:13px; color:#cbd4cf; background:#15211d; text-align:left; cursor:pointer; }
.paper-sculpt-tools button::after { content:""; position:absolute; inset:auto 0 0; height:3px; background:var(--tool-color); opacity:.35; }
.paper-sculpt-tools button i { grid-row:1/3; width:29px; height:29px; border:2px solid var(--tool-color); border-radius:50%; box-shadow:0 0 0 6px color-mix(in srgb,var(--tool-color) 12%,transparent); }
.paper-sculpt-tools button:nth-child(2) i { height:4px; border:0; border-radius:4px; background:var(--tool-color); transform:rotate(-18deg); }
.paper-sculpt-tools button:nth-child(3) i { border-radius:8px; background:color-mix(in srgb,var(--tool-color) 22%,transparent); }
.paper-sculpt-tools button:nth-child(4) i { border-style:dashed; box-shadow:0 0 0 7px color-mix(in srgb,var(--tool-color) 9%,transparent),0 0 18px color-mix(in srgb,var(--tool-color) 32%,transparent); }
.paper-sculpt-tools button b { font-size:10px; }
.paper-sculpt-tools button small { color:#778980; font-size:7px; }
.paper-sculpt-tools button.is-active { border-color:var(--tool-color); color:#fff; background:color-mix(in srgb,var(--tool-color) 18%,#121d19); box-shadow:0 0 22px color-mix(in srgb,var(--tool-color) 20%,transparent); }
.paper-sculpt-tools button.is-active::after { height:4px; opacity:1; }
.paper-sculpt-force { display:grid; grid-template-columns:190px 1fr 1fr; gap:9px; align-items:center; margin-top:8px; }
.paper-sculpt-polarity { display:grid; grid-template-columns:1fr 1fr; gap:5px; }
.paper-sculpt-polarity button { display:grid; gap:1px; padding:7px; border:1px solid rgba(255,255,255,.08); border-radius:10px; color:#81928a; background:#111b17; cursor:pointer; }
.paper-sculpt-polarity button b { font-size:9px; }
.paper-sculpt-polarity button small { font-size:7px; }
.paper-sculpt-polarity button.is-active { border-color:#d5ad59; color:#f1e5ca; background:#2b2a20; }
.paper-sculpt-force label { display:grid; grid-template-columns:1fr auto; gap:5px; color:#a7b3ad; font-size:8px; }
.paper-sculpt-force output { color:#dbc17d; font-weight:900; }
.paper-sculpt-force input { grid-column:1/-1; width:100%; accent-color:#d3ad5c; }
.paper-sculpt-appearance-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
.paper-sculpt-appearance-grid button { display:grid; grid-template-columns:48px 1fr; gap:2px 8px; align-items:center; min-height:66px; padding:8px; border:1px solid rgba(255,255,255,.08); border-radius:13px; color:#b9c3be; background:#14201c; text-align:left; cursor:pointer; }
.paper-sculpt-appearance-grid button>i { grid-row:1/3; display:flex; width:48px; height:42px; overflow:hidden; border-radius:9px; }
.paper-sculpt-appearance-grid button>i span { flex:1; }
.paper-sculpt-appearance-grid button>i[data-atmosphere="SACRED_TREE"] { background:radial-gradient(circle,#d7b15e,#30584b 50%,#08120f); }
.paper-sculpt-appearance-grid button>i[data-atmosphere="EXCAVATION_NIGHT"] { background:radial-gradient(circle at 35% 25%,#bc8a42,#142126 48%,#050807); }
.paper-sculpt-appearance-grid button>i[data-atmosphere="PAPER_STUDIO"] { background:radial-gradient(circle,#f5ecd1,#667c72 48%,#1b2521); }
.paper-sculpt-appearance-grid b { font-size:10px; }
.paper-sculpt-appearance-grid small { color:#788980; font-size:7px; }
.paper-sculpt-appearance-grid button.is-active { border-color:#d3ad5d; color:#f1e7d3; box-shadow:0 0 0 2px rgba(211,173,93,.09); }
.paper-memory-sculpt-dock>footer { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-top:8px; border-top:1px solid rgba(255,255,255,.06); }
.paper-memory-sculpt-dock>footer>div { display:grid; gap:2px; }
.paper-memory-sculpt-dock>footer b { color:#e6ddca; font-size:9px; }
.paper-memory-sculpt-dock>footer span { color:#799087; font-size:7px; }
.paper-memory-sculpt-dock>footer nav { display:flex; gap:5px; }
.paper-memory-sculpt-dock>footer button { padding:6px 9px; border:1px solid rgba(218,181,106,.16); border-radius:8px; color:#cbbd9e; background:#17231f; font-size:8px; cursor:pointer; }
.paper-memory-sculpt-dock button:disabled { opacity:.34; cursor:not-allowed; }
.paper-memory-stage-shell>aside { padding:8px 16px 12px; color:#62776e; font-size:7px; line-height:1.55; text-align:center; }

.paper-a47-empty { display:grid; place-items:center; gap:8px; width:min(620px,90%); min-height:390px; padding:30px; border:1px dashed rgba(213,175,95,.28); border-radius:26px; color:#aab6b0; background:radial-gradient(circle,rgba(213,175,95,.08),transparent 55%); text-align:center; }
.paper-a47-empty span { color:#d2ad61; font-size:9px; font-weight:900; letter-spacing:.12em; }
.paper-a47-empty b { color:#e4dfd2; font:850 20px/1.4 Georgia,"Noto Serif SC",serif; }
.paper-a47-empty p { max-width:480px; margin:0; color:#758980; font-size:10px; line-height:1.7; }
.paper-a47-preview { display:grid; grid-template-rows:auto minmax(0,1fr) auto; width:min(680px,96%); height:100%; min-height:470px; padding:12px; border:1px solid rgba(213,175,95,.22); border-radius:24px; background:rgba(244,240,231,.96); box-shadow:0 22px 55px rgba(0,0,0,.28); }
.paper-a47-preview>header,.paper-a47-preview>footer { display:flex; justify-content:space-between; gap:12px; padding:7px 9px; color:#4a6258; }
.paper-a47-preview>header span { color:#76628b; font-size:9px; font-weight:900; }
.paper-a47-preview>header b { font-size:8px; }
.paper-a47-preview svg { display:block; width:100%; height:100%; min-height:360px; }
.paper-a47-preview>footer { color:#75817b; font-size:8px; }

.paper-memory-side-panel { display:grid; gap:10px; color:#e8e3d7; }
.paper-memory-side-panel>header { display:flex; justify-content:space-between; gap:14px; padding:12px; border:1px solid rgba(211,174,97,.16); border-radius:16px; background:linear-gradient(135deg,#14221d,#1d1922); }
.paper-memory-side-panel>header>div { display:grid; gap:3px; }
.paper-memory-side-panel>header small { color:#70af97; font-size:7px; font-weight:900; letter-spacing:.14em; }
.paper-memory-side-panel>header h3 { margin:0; color:#efe7d5; font:850 19px/1.25 Georgia,"Noto Serif SC",serif; }
.paper-memory-side-panel>header p { margin:0; color:#82948c; font-size:8px; line-height:1.55; }
.paper-memory-side-panel>header>span { display:grid; place-items:center; flex:0 0 auto; width:46px; height:46px; border:1px solid rgba(216,177,94,.3); border-radius:50%; color:#e0bd6b; background:#171c18; font-size:11px; font-weight:900; }
.paper-memory-dialogue,.paper-memory-kid-coach,.paper-memory-action-log,.paper-memory-story-book,.paper-memory-a47-handoff,.paper-memory-journey { border:1px solid rgba(207,174,106,.13); border-radius:16px; background:linear-gradient(145deg,rgba(22,34,29,.96),rgba(21,27,25,.96)); box-shadow:0 13px 30px rgba(0,0,0,.13); }
.paper-memory-dialogue { display:grid; gap:8px; padding:13px; border-left:3px solid #d0a756; }
.paper-memory-dialogue>div { display:grid; gap:2px; }
.paper-memory-dialogue small { color:#68a98f; font-size:7px; font-weight:900; }
.paper-memory-dialogue>div>b { color:#ded4bf; font-size:11px; }
.paper-memory-dialogue blockquote { margin:0; color:#f0e3c3; font:800 15px/1.6 Georgia,"Noto Serif SC",serif; text-shadow:0 0 18px rgba(213,173,87,.13); }
.paper-memory-dialogue>footer { display:flex; justify-content:space-between; gap:9px; align-items:center; }
.paper-memory-dialogue>footer span { color:#b69a61; font-size:8px; }
.paper-memory-dialogue button { padding:6px 9px; border:1px solid rgba(214,178,102,.22); border-radius:8px; color:#dbc688; background:#202b26; font-size:8px; cursor:pointer; }
.paper-memory-dialogue>p { margin:0; color:#667970; font-size:7px; line-height:1.45; }
.paper-memory-kid-coach { display:grid; gap:8px; padding:10px; }
.paper-memory-kid-coach>header { display:grid; grid-template-columns:42px 1fr; gap:8px; align-items:center; }
.paper-memory-kid-coach>header img { width:42px; height:50px; object-fit:contain; filter:drop-shadow(0 7px 7px rgba(0,0,0,.2)); }
.paper-memory-kid-coach>header div { display:grid; gap:2px; }
.paper-memory-kid-coach>header small { color:#60a5b8; font-size:7px; font-weight:900; }
.paper-memory-kid-coach>header b { color:#dbe4df; font-size:10px; }
.paper-memory-kid-coach>div { display:grid; gap:6px; }
.paper-memory-kid-coach>div button { display:grid; grid-template-columns:22px 1fr; gap:8px; align-items:center; padding:8px; border:1px solid rgba(255,255,255,.07); border-radius:11px; color:#b9c7c0; background:#101a17; text-align:left; cursor:pointer; }
.paper-memory-kid-coach>div button:hover { border-color:#5a9c86; background:#172720; }
.paper-memory-kid-coach>div i { width:20px; height:20px; border:2px solid var(--hint-color); border-radius:50%; box-shadow:0 0 0 5px color-mix(in srgb,var(--hint-color) 10%,transparent); }
.paper-memory-kid-coach>div span { display:grid; gap:2px; }
.paper-memory-kid-coach>div b { color:#dbe1dd; font-size:9px; }
.paper-memory-kid-coach>div small { color:#788a81; font-size:7px; line-height:1.45; }
.paper-memory-action-log { display:grid; gap:7px; padding:10px; }
.paper-memory-action-log>header { display:flex; justify-content:space-between; gap:8px; }
.paper-memory-action-log>header small { color:#72877e; font-size:7px; }
.paper-memory-action-log>header b { color:#c9b47e; font-size:8px; }
.paper-memory-action-log>div { display:grid; gap:5px; }
.paper-memory-action-log article { display:grid; grid-template-columns:10px 1fr; gap:7px; align-items:center; padding:6px; border-radius:8px; background:#111b18; }
.paper-memory-action-log article i { width:8px; height:24px; border-radius:5px; background:var(--action-color); }
.paper-memory-action-log article span { display:grid; gap:2px; }
.paper-memory-action-log article b { color:#cbd4cf; font-size:8px; }
.paper-memory-action-log article small,.paper-memory-action-log p { margin:0; color:#71847b; font-size:7px; }
.paper-memory-story-book { overflow:hidden; }
.paper-memory-story-book>summary { display:flex; justify-content:space-between; gap:8px; padding:11px; color:#d5c49e; font-size:9px; cursor:pointer; }
.paper-memory-story-book>summary b { color:#7eaf9a; font-size:7px; }
.paper-memory-story-rail { display:grid; gap:5px; max-height:330px; overflow:auto; padding:0 10px 10px; }
.paper-memory-story-rail article { display:grid; grid-template-columns:9px 1fr; gap:7px; opacity:.42; }
.paper-memory-story-rail article>i { width:7px; height:7px; margin-top:5px; border:1px solid #8b9a92; border-radius:50%; }
.paper-memory-story-rail article.is-heard { opacity:.72; }
.paper-memory-story-rail article.is-current { opacity:1; }
.paper-memory-story-rail article.is-current>i { border-color:#d7ae58; background:#d7ae58; box-shadow:0 0 0 4px rgba(215,174,88,.12); }
.paper-memory-story-rail article>div { display:grid; gap:2px; padding-bottom:7px; border-bottom:1px solid rgba(255,255,255,.05); }
.paper-memory-story-rail small { color:#6ea990; font-size:7px; }
.paper-memory-story-rail b { color:#c9d0cc; font-size:8px; }
.paper-memory-story-rail p { margin:0; color:#8f9b95; font:700 8px/1.5 Georgia,"Noto Serif SC",serif; }
.paper-memory-story-book>footer { display:grid; gap:2px; padding:9px 11px; border-top:1px solid rgba(255,255,255,.06); color:#72847b; background:#101916; }
.paper-memory-story-book>footer b { color:#b99a61; font-size:7px; }
.paper-memory-story-book>footer span { font-size:7px; line-height:1.5; }
.paper-memory-a47-handoff { display:grid; gap:8px; padding:11px; }
.paper-memory-a47-handoff>header { display:flex; justify-content:space-between; gap:8px; }
.paper-memory-a47-handoff>header>div { display:grid; gap:2px; }
.paper-memory-a47-handoff small { color:#876f9e; font-size:7px; font-weight:900; }
.paper-memory-a47-handoff b { color:#d9d3c6; font-size:10px; }
.paper-memory-a47-handoff>header>span { color:#d0ad61; font-size:8px; }
.paper-memory-a47-handoff p { margin:0; color:#768880; font-size:7px; line-height:1.55; }
.paper-memory-a47-handoff aside { display:grid; gap:2px; padding:7px; border-left:2px solid #8b70a2; background:#17151d; }
.paper-memory-a47-handoff aside b { font-size:7px; }
.paper-memory-a47-handoff aside span { color:#7e7189; font-size:6px; }
.paper-memory-a47-handoff>button { padding:8px; border:1px solid rgba(143,116,171,.3); border-radius:9px; color:#d9cde1; background:#251d2c; font-size:8px; font-weight:850; cursor:pointer; }
.paper-memory-a47-handoff>button:disabled { opacity:.35; }
.paper-memory-journey { display:grid; gap:8px; padding:10px; }
.paper-memory-journey>header { display:grid; gap:2px; }
.paper-memory-journey>header small { color:#68a88f; font-size:7px; }
.paper-memory-journey>header b { color:#e8ddc5; font-size:11px; }
.paper-memory-journey>div { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(120px,42%); gap:6px; overflow:auto; }
.paper-memory-journey article { min-height:84px; padding:8px; border:1px solid rgba(255,255,255,.06); border-radius:10px; background:linear-gradient(145deg,#17231f,#201a22); }
.paper-memory-journey article span { color:#c5a65e; font-size:7px; font-weight:900; }
.paper-memory-journey article p { margin:6px 0 0; color:#87958e; font-size:7px; line-height:1.5; }
.paper-memory-final-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
.paper-memory-final-actions button { min-height:38px; padding:8px; border:1px solid rgba(209,174,102,.18); border-radius:10px; color:#d1c4a5; background:#17241f; font-size:8px; font-weight:850; cursor:pointer; }
.paper-memory-final-actions button.is-primary { grid-column:1/-1; color:#142019; background:linear-gradient(135deg,#d6b66c,#83b29d); }
.paper-memory-final-actions button:disabled { opacity:.34; cursor:not-allowed; }

#starterStudio[data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"] #starterKidChiCompanion { display:none; }
#starterStudio[data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"] .kid-chi-companion { border-color:rgba(91,155,137,.18); background:linear-gradient(135deg,#10201b,#171b20); box-shadow:none; }
#starterStudio[data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"] .kid-chi-dialogue>header h3,
#starterStudio[data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"] .kid-chi-bubble p { color:#dce4df; }
#starterStudio[data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"] .kid-chi-bubble { border-color:rgba(100,161,143,.17); background:#15231e; }
#starterStudio[data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"] .kid-chi-input-row input { border-color:rgba(100,161,143,.22); color:#dce4df; background:#111d19; }

body.paper-memory-immersive { overflow:hidden; background:#030706; }
body.paper-memory-immersive #starterStudio.is-paper-memory-immersive {
  position:fixed;
  inset:0;
  z-index:2400;
  display:block!important;
  overflow:hidden;
  padding:10px;
  background:radial-gradient(circle at 35% 38%,#11241d,#050908 48%,#09070d);
}
body.paper-memory-immersive #starterStudio .foldflow-toolbar,
body.paper-memory-immersive #starterStudio .starter-welcome,
body.paper-memory-immersive #starterStudio .foldflow-route-dock,
body.paper-memory-immersive #starterStudio .starter-flow-sidebar { display:none!important; }
body.paper-memory-immersive #starterStudio .starter-flow-shell { display:block; height:100%; }
body.paper-memory-immersive #starterStudio .starter-workspace { display:grid; grid-template-columns:minmax(0,1.78fr) minmax(340px,.58fr); gap:10px; height:100%; }
body.paper-memory-immersive #starterStudio .starter-preview-stage,
body.paper-memory-immersive #starterStudio .starter-wizard-card { position:static; height:100%; min-height:0; max-height:none; overflow:auto; border-radius:18px; }
body.paper-memory-immersive #starterStudio .starter-preview-stage { order:1; overflow:hidden auto; }
body.paper-memory-immersive #starterStudio .starter-wizard-card { order:2; padding:10px; }
body.paper-memory-immersive #starterStudio .foldflow-mask-stage,
body.paper-memory-immersive #starterStudio .foldflow-mask-visual,
body.paper-memory-immersive #starterStudio .paper-memory-stage-shell { min-height:calc(100vh - 96px); }
body.paper-memory-immersive #starterStudio .paper-memory-stage-shell { grid-template-rows:auto minmax(430px,1fr) auto auto; }
body.paper-memory-immersive #starterStudio .paper-memory-main-view { min-height:430px; }
body.paper-memory-immersive #starterStudio .paper-memory-relief-svg { max-height:calc(100vh - 350px); }
body.paper-memory-immersive #starterStudio .starter-status,
body.paper-memory-immersive #starterStudio .starter-session-actions { display:none; }

@keyframes paperMemoryAurora { to { transform:rotate(360deg); } }
@keyframes paperMemoryHint { from { opacity:.48; } to { opacity:1; } }

@media(prefers-reduced-motion:reduce) {
  .paper-memory-stage-shell::before,.paper-memory-relief-svg .paper-pressure-ai-preview,.paper-memory-kid-hand.is-preview::before { animation:none!important; }
}
@media(max-width:1180px) {
  #starterStudio[data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"] .starter-workspace,
  body.paper-memory-immersive #starterStudio .starter-workspace { grid-template-columns:1fr; overflow:auto; }
  body.paper-memory-immersive #starterStudio .starter-preview-stage,
  body.paper-memory-immersive #starterStudio .starter-wizard-card { height:auto; overflow:visible; }
  .paper-sculpt-force { grid-template-columns:1fr 1fr; }
  .paper-sculpt-polarity { grid-column:1/-1; }
}
@media(max-width:760px) {
  #starterStudio[data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"] .foldflow-mask-stage,
  #starterStudio[data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"] .foldflow-mask-visual,
  .paper-memory-stage-shell { min-height:760px; }
  .paper-memory-stage-shell { grid-template-rows:auto minmax(350px,1fr) auto auto; }
  .paper-memory-main-view { min-height:350px; padding-inline:4px; }
  .paper-sculpt-tools { grid-template-columns:1fr 1fr; }
  .paper-sculpt-force,.paper-sculpt-appearance-grid { grid-template-columns:1fr; }
  .paper-sculpt-polarity { grid-column:auto; }
  .paper-memory-sculpt-dock>footer { align-items:flex-start; flex-direction:column; }
  .paper-memory-kid-hand { grid-template-columns:36px minmax(90px,140px); translate:-20px -36px; }
  .paper-memory-kid-hand img { width:36px; height:44px; }
  .paper-memory-final-actions { grid-template-columns:1fr; }
  .paper-memory-final-actions button.is-primary { grid-column:auto; }
}

/* rc2.11.32.5 · region-by-region wet-paper sculpting and synchronized views */
#starterStudio[data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"] .foldflow-mask-stage,
#starterStudio[data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"] .foldflow-mask-visual,
#starterStudio[data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"] .paper-memory-stage-shell { min-height:980px; }
#starterStudio[data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"] .paper-memory-main-view { min-height:610px; padding:12px 18px; }

.paper-sculpt-three-view {
  display:grid;
  grid-template-columns:minmax(0,1.82fr) minmax(190px,.58fr);
  grid-template-rows:repeat(2,minmax(0,1fr));
  gap:10px;
  width:100%;
  height:100%;
  min-height:590px;
}
.paper-sculpt-three-view figure { position:relative; display:grid; grid-template-rows:auto minmax(0,1fr); min-width:0; min-height:0; margin:0; overflow:hidden; border:1px solid rgba(206,173,105,.16); border-radius:18px; background:rgba(5,12,10,.58); box-shadow:0 18px 40px rgba(0,0,0,.22); }
.paper-sculpt-three-view figure.is-front { grid-row:1/3; }
.paper-sculpt-three-view figcaption { z-index:2; display:flex; justify-content:space-between; gap:10px; padding:8px 11px; color:#d9dfdb; background:rgba(9,18,15,.84); }
.paper-sculpt-three-view figcaption b { font-size:9px; }
.paper-sculpt-three-view figcaption span { color:#70abc0; font-size:7px; }
.paper-region-front-svg,.paper-region-side-svg,.paper-region-back-svg { display:block; width:100%; height:100%; min-height:0; }
.paper-region-front-svg { min-height:530px; cursor:crosshair; touch-action:none; user-select:none; }
.paper-region-front-svg .paper-region-label { fill:#d9cba8; font-size:12px; font-weight:850; letter-spacing:.04em; }
.paper-region-front-svg .paper-sculpt-live-path { stroke:#64b9d5; stroke-width:5; stroke-linecap:round; stroke-linejoin:round; filter:drop-shadow(0 0 8px rgba(90,190,221,.56)); }
.paper-region-front-svg .paper-sculpt-live-path.is-outline { stroke:#e1bd64; stroke-width:6; }
.paper-region-front-svg .paper-sculpt-live-path.is-contour { stroke:#76c1d8; stroke-width:4; stroke-dasharray:8 5; }
.paper-region-side-svg text,.paper-region-back-svg text { fill:#93a79e; font-size:10px; font-weight:750; }
.paper-region-front-svg .paper-chi-orb ellipse:first-child { fill:#4cb4e2; fill-opacity:.78; stroke:#bceeff; stroke-width:2; filter:drop-shadow(0 0 10px rgba(68,181,229,.8)); }
.paper-region-front-svg .paper-chi-orb-ring { fill:none; stroke:#59c4ed; stroke-width:2; stroke-dasharray:7 5; animation:paperChiPulse 1.2s ease-in-out infinite alternate; }
.paper-region-front-svg .paper-chi-orb text { fill:#bfeeff; font-size:11px; font-weight:850; }

.paper-memory-sculpt-dock.is-outline-gate { gap:12px; padding:15px; border-color:rgba(218,181,101,.28); background:linear-gradient(135deg,rgba(28,35,28,.96),rgba(13,28,25,.96)); }
.paper-memory-sculpt-dock.is-outline-gate>header { display:grid; gap:4px; }
.paper-memory-sculpt-dock.is-outline-gate>header span { color:#d8b75f; font-size:8px; font-weight:900; letter-spacing:.1em; }
.paper-memory-sculpt-dock.is-outline-gate>header b { color:#f0e8d8; font:850 16px/1.35 Georgia,"Noto Serif SC",serif; }
.paper-memory-sculpt-dock.is-outline-gate>header p { margin:0; color:#85988f; font-size:9px; }
.paper-outline-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
.paper-outline-actions button,.paper-contour-modes button,.paper-custom-zone button { min-height:38px; padding:8px; border:1px solid rgba(255,255,255,.08); border-radius:10px; color:#a9bab2; background:#13201c; font-size:8px; font-weight:850; cursor:pointer; }
.paper-outline-actions button.is-active,.paper-contour-modes button.is-active,.paper-contour-modes button.is-drawn,.paper-custom-zone button.is-active { border-color:#61b4cf; color:#e0f7ff; background:#16303a; box-shadow:0 0 20px rgba(65,163,197,.12); }
.paper-outline-actions button.is-primary,.paper-memory-sculpt-dock>footer button.is-primary { border-color:#d1ad59; color:#172019; background:linear-gradient(135deg,#ddbd6d,#81b7a1); }

.paper-active-region { display:grid; grid-template-columns:auto 1fr; gap:2px 10px; align-items:center; margin-bottom:7px; padding:8px 10px; border-left:3px solid #d6ae57; border-radius:8px; background:rgba(216,177,89,.08); }
.paper-active-region span { grid-row:1/3; color:#d4b15e; font-size:8px; font-weight:900; }
.paper-active-region b { color:#e9e2d2; font-size:11px; }
.paper-active-region small { color:#7c9087; font-size:7px; }
.paper-contour-modes,.paper-custom-zone { display:grid; grid-template-columns:auto repeat(3,minmax(72px,1fr)); gap:6px; align-items:center; margin-bottom:7px; }
.paper-contour-modes>small,.paper-custom-zone>small { color:#7f9188; font-size:8px; font-weight:800; }

.paper-sculpt-preset-row { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin-top:7px; }
.paper-sculpt-preset-row>section { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; padding:7px; border:1px solid rgba(255,255,255,.06); border-radius:12px; background:rgba(13,24,20,.78); }
.paper-sculpt-preset-row>section>small { grid-column:1/-1; color:#758b81; font-size:7px; font-weight:900; }
.paper-sculpt-preset-row button { display:grid; gap:2px; padding:6px; border:1px solid rgba(255,255,255,.06); border-radius:8px; color:#83958d; background:#111b17; cursor:pointer; }
.paper-sculpt-preset-row button b { font-size:8px; }
.paper-sculpt-preset-row button span { font-size:6px; }
.paper-sculpt-preset-row button.is-active { border-color:#d3ad5a; color:#f1e6cc; background:#2a291f; }
.paper-sculpt-preset-row .paper-sculpt-polarity { grid-template-columns:1fr 1fr; }

.paper-memory-quote,.paper-memory-region-status { border:1px solid rgba(207,174,106,.15); border-radius:16px; background:linear-gradient(145deg,rgba(22,34,29,.96),rgba(21,27,25,.96)); }
.paper-memory-quote { display:grid; gap:7px; padding:13px; border-left:3px solid #d0a756; }
.paper-memory-quote small { color:#70aa93; font-size:7px; font-weight:900; }
.paper-memory-quote blockquote { margin:0; color:#f0e3c3; font:800 14px/1.6 Georgia,"Noto Serif SC",serif; }
.paper-memory-quote p { margin:0; color:#697c73; font-size:7px; }
.paper-memory-region-status { display:grid; grid-template-columns:42px 1fr; gap:9px; align-items:center; padding:10px; }
.paper-memory-region-status>i { display:grid; place-items:center; width:40px; height:40px; border:1px solid rgba(82,177,208,.32); border-radius:50%; color:#76c6e0; background:#10262c; font:900 10px/1 system-ui; }
.paper-memory-region-status>div { display:grid; gap:2px; }
.paper-memory-region-status small { color:#70a99e; font-size:7px; font-weight:900; }
.paper-memory-region-status b { color:#e3ded2; font-size:10px; }
.paper-memory-region-status span { color:#768980; font-size:7px; }
.paper-memory-kid-coach .paper-chi-orb { display:block; width:34px; height:23px; border:2px solid #9fe6ff; border-radius:50%; background:#45b4e2; box-shadow:0 0 0 7px rgba(70,183,227,.10),0 0 22px rgba(70,183,227,.35); animation:paperChiPulse 1.2s ease-in-out infinite alternate; }
.paper-memory-kid-coach .paper-chi-orb.is-small { width:18px; height:12px; border-width:1px; box-shadow:0 0 0 4px rgba(70,183,227,.09); }
.paper-memory-kid-coach>div>p { margin:0; padding:8px; color:#73877e; font-size:8px; }
.paper-memory-story-book>p { margin:0; padding:0 11px 10px; color:#7d9087; font-size:8px; line-height:1.6; }

.teacher-kidchi-orb-figure>div { position:relative; display:grid; place-items:center; min-height:180px; overflow:hidden; border-radius:20px; background:radial-gradient(circle at 50% 48%,#edfaff,#dceef2 38%,#d8e3dc 72%); }
.teacher-kidchi-orb-figure>div i:first-child { width:84px; height:54px; border:3px solid #a5e7ff; border-radius:50%; background:#4db9e4; box-shadow:0 0 0 18px rgba(73,185,228,.10),0 0 42px rgba(63,166,207,.38); }
.teacher-kidchi-orb-figure>div i:nth-child(2) { position:absolute; width:132px; height:86px; border:2px dashed rgba(56,152,190,.45); border-radius:50%; animation:paperChiPulse 1.2s ease-in-out infinite alternate; }
.teacher-kidchi-orb-figure>div span { position:absolute; bottom:22px; color:#477687; font-size:10px; font-weight:900; }

@keyframes paperChiPulse { from { opacity:.55; transform:scale(.94); } to { opacity:1; transform:scale(1.04); } }
@media(prefers-reduced-motion:reduce) { .paper-region-front-svg .paper-chi-orb-ring,.paper-memory-kid-coach .paper-chi-orb,.teacher-kidchi-orb-figure>div i:nth-child(2) { animation:none!important; } }
@media(max-width:1180px) {
  #starterStudio[data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"] .paper-memory-main-view { min-height:560px; }
  .paper-sculpt-three-view { grid-template-columns:minmax(0,1.55fr) minmax(170px,.65fr); min-height:540px; }
  .paper-sculpt-preset-row { grid-template-columns:1fr; }
}
@media(max-width:760px) {
  #starterStudio[data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"] .foldflow-mask-stage,
  #starterStudio[data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"] .foldflow-mask-visual,
  #starterStudio[data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"] .paper-memory-stage-shell { min-height:900px; }
  #starterStudio[data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"] .paper-memory-main-view { min-height:650px; }
  .paper-sculpt-three-view { grid-template-columns:1fr 1fr; grid-template-rows:minmax(450px,1fr) 190px; min-height:640px; }
  .paper-sculpt-three-view figure.is-front { grid-column:1/-1; grid-row:1; }
  .paper-sculpt-three-view figure.is-side,.paper-sculpt-three-view figure.is-back { grid-row:2; }
  .paper-region-front-svg { min-height:420px; }
  .paper-outline-actions { grid-template-columns:1fr; }
  .paper-contour-modes,.paper-custom-zone { grid-template-columns:1fr 1fr; }
  .paper-contour-modes>small,.paper-custom-zone>small { grid-column:1/-1; }
  .paper-memory-sculpt-dock>footer nav { flex-wrap:wrap; }
}

/* Keep the five approved sculpt tools visible after the legacy rc32.5 rules. */
.paper-sculpt-tools { grid-template-columns:repeat(5,minmax(92px,1fr)); }
@media(max-width:760px) { .paper-sculpt-tools { grid-template-columns:repeat(2,minmax(0,1fr)); } }

/* ===== rc2.11.32.8 P0 · stage first + one Kid Chi rail ===== */
body.interface-mode-starter .starter-workspace {
  grid-template-columns:minmax(720px,1fr) minmax(330px,372px);
  grid-template-areas:"stage rail";
  align-items:start;
  gap:14px;
}
body.interface-mode-starter .starter-preview-stage {
  grid-area:stage;
  order:initial;
  min-width:0;
  width:100%;
  top:79px;
}
body.interface-mode-starter .starter-wizard-card {
  grid-area:rail;
  order:initial;
  min-width:0;
  width:100%;
  max-height:none;
  overflow:visible;
  padding:12px;
}

/* The confirmed atmosphere is a tool-memory strip, not an overlay on the work. */
body.interface-mode-starter .starter-wizard-card > .starter-silhouette-memory {
  position:relative;
  inset:auto;
  z-index:auto;
  width:100%;
  margin:0 0 10px;
  transform:none;
  box-shadow:none;
}
body.interface-mode-starter .starter-wizard-card > .starter-silhouette-memory img {
  width:66px;
  height:48px;
  object-fit:contain;
}

/* Local and online are two sources inside the same companion, not two assistants. */
body.interface-mode-starter .kid-chi-companion {
  grid-template-columns:54px minmax(0,1fr);
  gap:9px;
  margin-bottom:10px;
  padding:11px;
  border-radius:16px;
}
body.interface-mode-starter .kid-chi-avatar-wrap { width:48px; height:48px; }
body.interface-mode-starter .kid-chi-dialogue,
body.interface-mode-starter .kid-chi-dialogue > *,
body.interface-mode-starter .starter-step-panel,
body.interface-mode-starter .starter-choice-grid,
body.interface-mode-starter .starter-choice-grid > *,
body.interface-mode-starter .starter-qwen-entry > * { min-width:0; }
body.interface-mode-starter .kid-chi-dialogue > header { align-items:flex-start; }
body.interface-mode-starter .kid-chi-dialogue > header h3 { font-size:16px; }
body.interface-mode-starter .kid-chi-dialogue > header span { max-width:100%; white-space:normal; text-align:right; }
body.interface-mode-starter .kid-chi-bubble p,
body.interface-mode-starter .kid-chi-turns p,
body.interface-mode-starter .kid-chi-boundary,
body.interface-mode-starter .kid-chi-input-row label,
body.interface-mode-starter .starter-step-panel :where(p,small,span,li),
body.interface-mode-starter .starter-qwen-entry :where(p,small,span) {
  overflow-wrap:anywhere;
  word-break:normal;
  writing-mode:horizontal-tb;
}
body.interface-mode-starter .starter-ai-entry,
body.interface-mode-starter .starter-qwen-entry {
  grid-template-columns:1fr;
  gap:8px;
  margin:8px 0;
  padding:11px;
  border-color:rgba(104,83,145,.16);
  background:linear-gradient(145deg,rgba(247,244,251,.88),rgba(242,248,244,.9));
}
body.interface-mode-starter .starter-ai-entry > button,
body.interface-mode-starter .starter-qwen-entry > button { width:100%; min-width:0; text-align:center; }
body.interface-mode-starter .starter-qwen-entry .starter-ai-gateway-state { grid-column:1; font-size:12px; line-height:1.55; }
body.interface-mode-starter .starter-ai-gateway-state[data-state="AVAILABLE"] { color:#33735f; background:#edf8f2; }
body.interface-mode-starter .starter-ai-gateway-state[data-state="AUTHORIZED"] { color:#654b91; background:#f2edfa; }
body.interface-mode-starter .starter-ai-gateway-state[data-state="RESPONDED"] { color:#2f6d58; background:#e8f7ef; }
body.interface-mode-starter .starter-ai-gateway-state[data-state="FALLBACK"] { color:#8b6036; background:#fbf2e7; }
body.interface-mode-starter .starter-qwen-possibilities { margin-top:10px; }
body.interface-mode-starter .starter-ai-mother-preview-grid { grid-template-columns:1fr; }

body.interface-mode-starter .starter-story-grid,
body.interface-mode-starter .starter-proposal-grid,
body.interface-mode-starter .starter-experience-grid,
body.interface-mode-starter .starter-fold-grid { grid-template-columns:1fr; }
body.interface-mode-starter .starter-choice-grid button,
body.interface-mode-starter .starter-ai-proposal-card { width:100%; min-width:0; }
body.interface-mode-starter .starter-choice-grid img,
body.interface-mode-starter .starter-choice-grid svg,
body.interface-mode-starter .starter-design-learning svg { display:block; max-width:100%; height:auto; object-fit:contain; }
body.interface-mode-starter .starter-design-learning li { min-width:0; font-size:13px; line-height:1.55; }
body.interface-mode-starter .starter-design-learning li b { font-size:13px; }

/* Keep the stage geometry stable while the right rail grows. */
body.interface-mode-starter .starter-preview-stage :where(canvas,svg,img) { max-width:100%; }
body.interface-mode-starter .starter-canvas-card,
body.interface-mode-starter .starter-surface-live-card,
body.interface-mode-starter .foldflow-mask-stage,
body.interface-mode-starter .foldflow-shape-stage { min-width:0; }
body.interface-mode-starter .starter-professional-deliveries {
  margin-top:12px;
  border:1px solid rgba(79,103,92,.14);
  border-radius:13px;
  background:#f8f7f2;
}
body.interface-mode-starter .starter-professional-deliveries > summary {
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding:12px;
  color:#66776f;
  cursor:pointer;
}
body.interface-mode-starter .starter-professional-deliveries > summary span { font-size:11px; text-align:right; }
body.interface-mode-starter .starter-professional-deliveries > section { margin:0 10px 10px; }
body.interface-mode-starter .starter-feedback-export-actions { display:grid; grid-template-columns:1fr; gap:6px; margin-top:10px; }

@media(max-width:1180px) {
  body.interface-mode-starter .starter-workspace {
    grid-template-columns:1fr;
    grid-template-areas:"stage" "rail";
  }
  body.interface-mode-starter .starter-preview-stage { position:static; }
}
@media(max-width:680px) {
  body.interface-mode-starter .starter-workspace { grid-template-areas:"rail" "stage"; }
  body.interface-mode-starter .kid-chi-companion { grid-template-columns:1fr; }
  body.interface-mode-starter .kid-chi-avatar-wrap { display:none; }
}

/* ===== rc2.11.32.9 · P0 child layout repair + P1 visible turn coaching ===== */
body.interface-mode-starter .starter-flow-shell {
  grid-template-columns:minmax(0,1fr);
  gap:10px;
}
body.interface-mode-starter .starter-flow-sidebar {
  position:static;
  top:auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  padding:8px 10px;
  border-radius:15px;
}
body.interface-mode-starter .starter-flow-sidebar > header,
body.interface-mode-starter .starter-flow-sidebar > .creative-plan-state-summary,
body.interface-mode-starter .starter-flow-sidebar > .starter-flow-note { display:none; }
body.interface-mode-starter .starter-flow-sidebar .starter-stepper {
  grid-template-columns:repeat(9,minmax(82px,1fr));
  gap:4px;
  overflow-x:auto;
  scrollbar-width:thin;
}
body.interface-mode-starter .starter-flow-sidebar .starter-stepper button {
  grid-template-columns:26px minmax(0,1fr);
  gap:6px;
  min-width:82px;
  min-height:44px;
  padding:5px 7px;
}
body.interface-mode-starter .starter-flow-sidebar .starter-stepper button span { width:26px; height:26px; }
body.interface-mode-starter .starter-flow-sidebar .starter-stepper button b { font-size:11px; white-space:nowrap; }
body.interface-mode-starter .starter-flow-sidebar .starter-stepper button small { display:none; }
body.interface-mode-starter .starter-flow-sidebar .teacher-help-entry {
  width:116px;
  min-height:44px;
  padding:6px 8px;
  border-radius:11px;
}
body.interface-mode-starter .starter-flow-sidebar .teacher-help-entry div small { display:none; }

body.interface-mode-starter .starter-workspace {
  grid-template-columns:minmax(640px,1fr) minmax(370px,410px);
  grid-template-areas:"stage rail";
  gap:14px;
}
body.interface-mode-starter .starter-preview-stage { min-height:clamp(590px,calc(100vh - 238px),780px); }
body.interface-mode-starter .starter-wizard-card { padding:10px; }
body.interface-mode-starter .starter-wizard-card textarea { min-height:76px; }
body.interface-mode-starter .starter-story-grid { gap:7px; margin:9px 0; }
body.interface-mode-starter .starter-story-grid > button {
  min-height:62px;
  padding:10px 12px;
}
body.interface-mode-starter .starter-step-title { margin-bottom:10px; }
body.interface-mode-starter .starter-step-title h3 { font-size:19px; }

/* Kid Chi is one expandable companion, not a second full page inside the task rail. */
body.interface-mode-starter .kid-chi-companion {
  grid-template-columns:46px minmax(0,1fr);
  gap:8px;
  margin-bottom:9px;
  padding:9px;
}
body.interface-mode-starter .kid-chi-avatar-wrap { width:42px; height:42px; }
body.interface-mode-starter .kid-chi-dialogue > header {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:3px 8px;
}
body.interface-mode-starter .kid-chi-dialogue > header > div small { display:none; }
body.interface-mode-starter .kid-chi-dialogue > header h3 { font-size:15px; }
body.interface-mode-starter .kid-chi-dialogue > header > span {
  grid-column:1;
  grid-row:2;
  text-align:left;
  font-size:10px;
}
body.interface-mode-starter .kid-chi-panel-toggle {
  grid-column:2;
  grid-row:1/3;
  min-width:84px;
  min-height:40px;
  padding:7px 10px;
  border:1px solid rgba(62,126,115,.25);
  border-radius:999px;
  color:#376c61;
  background:#f7fbf9;
  font-weight:800;
  cursor:pointer;
}
body.interface-mode-starter .kid-chi-panel-body { display:grid; gap:8px; margin-top:8px; }
body.interface-mode-starter .kid-chi-companion[data-expanded="false"] .kid-chi-panel-body { display:none; }
body.interface-mode-starter .kid-chi-input-row div { grid-template-columns:minmax(0,1fr) auto; }
body.interface-mode-starter .kid-chi-input-row button { min-width:112px; }

/* Qwen consent is a compact optional disclosure; it no longer splits the step into another page. */
body.interface-mode-starter details.starter-qwen-entry {
  display:block;
  margin:7px 0;
  padding:0;
  overflow:hidden;
}
body.interface-mode-starter .starter-qwen-entry > summary {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  min-height:44px;
  padding:9px 11px;
  color:#654b91;
  cursor:pointer;
}
body.interface-mode-starter .starter-qwen-entry > summary span { color:#718078; font-size:11px; font-weight:600; }
body.interface-mode-starter .starter-qwen-entry-body { display:grid; gap:8px; padding:0 10px 10px; }
body.interface-mode-starter .starter-qwen-entry-body > div { display:grid; gap:3px; }
body.interface-mode-starter .starter-qwen-entry-body > button { width:100%; min-height:44px; }
body.interface-mode-starter .starter-qwen-entry-body .starter-ai-gateway-state { margin:0; }

/* Observation teaching belongs to the large stage. */
body.interface-mode-starter .starter-learning-stage {
  min-height:clamp(500px,calc(100vh - 330px),690px);
  padding:22px;
  background:linear-gradient(145deg,#f7faf5 0%,#fffaf0 54%,#f2f1fb 100%);
}
body.interface-mode-starter .starter-learning-stage[hidden] { display:none; }
body.interface-mode-starter .starter-learning-stage > #starterLearningGuide { width:100%; }
body.interface-mode-starter .starter-learning-stage.is-coaching > #starterLearningGuide { display:none; }
body.interface-mode-starter .starter-design-learning {
  grid-template-columns:minmax(300px,.9fr) minmax(380px,1.1fr);
  width:min(1040px,100%);
  min-height:450px;
  margin:0 auto;
  padding:24px;
  gap:26px;
  overflow:hidden;
}
body.interface-mode-starter .starter-design-learning figure { min-width:0; min-height:330px; }
body.interface-mode-starter .starter-design-learning > div { align-self:center; min-width:0; }
body.interface-mode-starter .starter-design-learning > div > b { font-size:clamp(22px,2vw,32px); line-height:1.25; }
body.interface-mode-starter .starter-design-learning > div > p { font-size:15px; line-height:1.65; }
body.interface-mode-starter .starter-design-learning ol { grid-template-columns:repeat(2,minmax(0,1fr)); }
body.interface-mode-starter .starter-design-learning li { min-width:0; padding:13px; font-size:14px; }
body.interface-mode-starter .starter-preview-stage[data-learning-active="true"] > :is(.foldflow-mask-stage,.foldflow-shape-stage,.starter-canvas-card,.starter-surface-live-card) { display:none!important; }

/* P1: model language is mapped to allowlisted visual recipes; the model never supplies coordinates. */
body.interface-mode-starter .visible-turn-coach-panel {
  display:grid;
  gap:9px;
  padding:11px;
  border:1px solid rgba(73,156,190,.25);
  border-radius:14px;
  background:linear-gradient(145deg,#f3fbff,#f5faf6);
}
body.interface-mode-starter .visible-turn-coach-panel[hidden] { display:none; }
body.interface-mode-starter .visible-turn-coach-panel > header { display:flex; justify-content:space-between; gap:10px; }
body.interface-mode-starter .visible-turn-coach-panel > header div { display:grid; gap:3px; }
body.interface-mode-starter .visible-turn-coach-panel > header small { color:#4b8294; font-weight:800; }
body.interface-mode-starter .visible-turn-coach-panel > header span { color:#678078; font-size:10px; white-space:nowrap; }
body.interface-mode-starter .visible-coach-proposals { display:grid; grid-template-columns:1fr 1fr; gap:7px; }
body.interface-mode-starter .visible-coach-proposals button {
  min-width:0;
  min-height:68px;
  padding:9px;
  border:1px solid rgba(67,113,102,.18);
  border-radius:11px;
  text-align:left;
  background:#fff;
}
body.interface-mode-starter .visible-coach-proposals button.is-selected { border-color:#3e9fc6; box-shadow:inset 0 0 0 2px rgba(62,159,198,.14); }
body.interface-mode-starter .visible-coach-proposals small { display:block; margin-top:4px; color:#62746e; }
body.interface-mode-starter .visible-coach-actions { display:grid; grid-template-columns:1fr 1fr; gap:7px; }
body.interface-mode-starter .visible-coach-actions button { min-height:42px; border-radius:10px; }
body.interface-mode-starter .visible-coach-actions button.is-primary { color:#fff; background:#347f70; }
body.interface-mode-starter .visible-turn-coach-panel > p { margin:0; color:#73817c; font-size:10px; }
body.interface-mode-starter .visible-turn-coach-stage { display:grid; place-items:center; min-height:500px; }
body.interface-mode-starter .visible-turn-coach-stage[hidden] { display:none; }
body.interface-mode-starter .visible-turn-coach-stage > header { display:flex; justify-content:space-between; align-items:end; width:min(720px,100%); margin-bottom:10px; }
body.interface-mode-starter .visible-turn-coach-stage > header small { color:#4b8294; font-weight:850; letter-spacing:.08em; }
body.interface-mode-starter .visible-turn-coach-stage > header h3 { margin:4px 0 0; color:#31594f; font-size:23px; }
body.interface-mode-starter .visible-turn-coach-stage > header span { color:#4f8293; font-size:11px; }
body.interface-mode-starter .visible-coach-artifact { width:min(720px,100%); margin:0; }
body.interface-mode-starter .visible-coach-artifact svg { display:block; width:100%; max-height:470px; }
body.interface-mode-starter .visible-coach-artifact figcaption { display:flex; justify-content:space-between; gap:12px; padding:10px 16px; color:#49645d; }
body.interface-mode-starter .visible-coach-artifact figcaption span { color:#4d8397; }

@media(max-width:1320px) {
  body.interface-mode-starter .starter-workspace { grid-template-columns:minmax(560px,1fr) minmax(350px,390px); }
  body.interface-mode-starter .starter-design-learning { grid-template-columns:minmax(260px,.85fr) minmax(330px,1.15fr); padding:18px; gap:18px; }
}
@media(max-width:1080px) {
  body.interface-mode-starter .starter-workspace { grid-template-columns:1fr; grid-template-areas:"rail" "stage"; }
  body.interface-mode-starter .starter-preview-stage { position:static; }
  body.interface-mode-starter .starter-design-learning { grid-template-columns:1fr; }
  body.interface-mode-starter .starter-design-learning figure { min-height:260px; }
}
@media(max-width:680px) {
  body.interface-mode-starter .starter-flow-sidebar { grid-template-columns:1fr; }
  body.interface-mode-starter .starter-flow-sidebar .teacher-help-entry { display:none; }
  body.interface-mode-starter .foldflow-route-dock {
    display:flex;
    gap:7px;
    overflow-x:auto;
    scroll-snap-type:x proximity;
  }
  body.interface-mode-starter .foldflow-route-dock > div,
  body.interface-mode-starter .foldflow-route-dock > p { display:none; }
  body.interface-mode-starter .foldflow-route-dock > button {
    flex:0 0 210px;
    scroll-snap-align:start;
  }
  body.interface-mode-starter #starterStudio[data-ui-baseline="rc2.11.32"] .kid-chi-companion {
    display:block;
    min-height:0;
    padding:9px 10px;
  }
  body.interface-mode-starter #starterStudio[data-ui-baseline="rc2.11.32"] .kid-chi-avatar-wrap { display:none; }
  body.interface-mode-starter #starterStudio[data-ui-baseline="rc2.11.32"] .kid-chi-dialogue {
    display:block;
    width:100%;
    min-width:0;
  }
  body.interface-mode-starter #starterStudio[data-ui-baseline="rc2.11.32"] .kid-chi-dialogue > header {
    display:grid;
    grid-template-columns:minmax(0,1fr) 92px;
    width:100%;
  }
  body.interface-mode-starter #starterStudio[data-ui-baseline="rc2.11.32"] .kid-chi-dialogue > header h3 {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  body.interface-mode-starter #starterStudio[data-ui-baseline="rc2.11.32"] .kid-chi-dialogue > header > span {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  body.interface-mode-starter #starterStudio[data-ui-baseline="rc2.11.32"] .kid-chi-panel-toggle {
    width:92px;
    min-width:92px;
  }
  body.interface-mode-starter .starter-learning-stage { padding:10px; }
  body.interface-mode-starter .starter-design-learning { padding:12px; }
  body.interface-mode-starter .starter-design-learning ol,
  body.interface-mode-starter .visible-coach-proposals { grid-template-columns:1fr; }
}

/* rc2.11.32.10 final cascade: keep the work stage larger than its teaching note. */
body.interface-mode-starter #starterStudio .starter-learning-stage { position:relative; min-height:0; padding:12px; background:linear-gradient(145deg,var(--zone-soft),#fbfaf6 56%,#f1eff6); }
body.interface-mode-starter #starterStudio .starter-design-learning { display:grid; grid-template-columns:minmax(0,1fr) minmax(245px,31%); width:100%; min-height:0; margin:0; padding:0; gap:12px; overflow:visible; background:transparent; border:0; box-shadow:none; }
body.interface-mode-starter #starterStudio .starter-learning-primary { position:relative; min-width:0; overflow:hidden; border:1px solid var(--zone-line); border-radius:18px; background:#f8f7f2; }
body.interface-mode-starter #starterStudio .starter-learning-primary > svg { display:block; width:100%; height:clamp(420px,calc(100vh - 316px),590px); }
body.interface-mode-starter #starterStudio .starter-learning-method { display:grid; align-content:start; gap:9px; min-width:0; padding:11px; overflow:hidden; border:1px solid var(--zone-line); border-radius:18px; background:rgba(255,255,255,.8); }
body.interface-mode-starter #starterStudio .starter-learning-method figure { min-width:0; min-height:0; height:126px; margin:0; border-radius:12px; background:#fff; }
body.interface-mode-starter #starterStudio .starter-learning-method figure svg { width:100%; height:100%; }
body.interface-mode-starter #starterStudio .starter-learning-method ol { display:grid; grid-template-columns:1fr; gap:5px; margin:0; padding:0; list-style:none; }
body.interface-mode-starter #starterStudio .starter-learning-method li { min-width:0; padding:6px 8px; border-left:3px solid var(--zone-accent); border-radius:7px; background:var(--zone-soft); color:#53655f; font-size:10px; line-height:1.4; }
body.interface-mode-starter #starterStudio .starter-learning-method li em { display:inline; margin-right:6px; color:var(--zone-ink); font-style:normal; font-weight:850; }
body.interface-mode-starter #starterStudio .visible-turn-coach-stage { position:relative; display:grid; grid-template-columns:minmax(310px,.82fr) minmax(420px,1.18fr); place-items:stretch; gap:12px; min-height:520px; padding:12px; overflow:hidden; }
body.interface-mode-starter #starterStudio .visible-coach-stage-base { position:relative; inset:auto; min-width:0; overflow:hidden; border:1px solid var(--zone-line); border-radius:16px; opacity:1; filter:none; background:#f7f5ef; }
body.interface-mode-starter #starterStudio .visible-coach-stage-base > svg { display:block; width:100%; height:100%; min-height:500px; object-fit:contain; }
body.interface-mode-starter #starterStudio .visible-coach-stage-overlay { position:relative; z-index:2; display:grid; min-width:0; width:auto; margin:0; padding:14px; border:1px solid rgba(75,148,182,.28); border-radius:18px; background:rgba(255,255,255,.92); box-shadow:0 14px 32px rgba(42,66,75,.11); }
@media(max-width:760px) {
  body.interface-mode-starter #starterStudio .starter-design-learning { grid-template-columns:1fr; }
  body.interface-mode-starter #starterStudio .starter-learning-primary > svg { height:auto; min-height:330px; }
  body.interface-mode-starter #starterStudio .starter-learning-method { grid-template-columns:112px minmax(0,1fr); }
  body.interface-mode-starter #starterStudio .starter-learning-method ol { grid-template-columns:1fr 1fr; }
  body.interface-mode-starter #starterStudio .visible-turn-coach-stage { grid-template-columns:1fr; }
  body.interface-mode-starter #starterStudio .visible-coach-stage-base { min-height:300px; }
  body.interface-mode-starter #starterStudio .visible-coach-stage-base > svg { min-height:300px; }
}

/* rc2.11.32.11 final cascade: the approved 50:50 relationship wins over legacy stage sizing. */
body.interface-mode-starter #starterStudio .starter-design-learning,
body.interface-mode-starter #starterStudio .visible-turn-coach-stage { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
body.interface-mode-starter #starterStudio .starter-learning-primary > svg { height:clamp(500px,calc(100vh - 300px),690px); }
#starterStudio[data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"] #starterKidChiCompanion { display:grid!important; }
#starterStudio[data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"] .foldflow-mask-stage,
#starterStudio[data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"] .foldflow-mask-visual,
#starterStudio[data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"] .paper-memory-stage-shell { min-height:0!important; height:auto!important; }
#starterStudio[data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"] .paper-memory-main-view { min-height:0!important; padding:10px!important; }
@media(max-width:900px) {
  body.interface-mode-starter #starterStudio .starter-design-learning,
  body.interface-mode-starter #starterStudio .visible-turn-coach-stage { grid-template-columns:100% 100%; overflow-x:auto; scroll-snap-type:x mandatory; }
  .paper-memory-dual-stage { grid-template-columns:100% 100%; overflow-x:auto; scroll-snap-type:x mandatory; }
}

/* SHOW: the two allowlisted visual candidates remain visible together. */
body.interface-mode-starter #starterStudio .visible-coach-stage-overlay { grid-template-rows:auto minmax(0,1fr) auto; align-content:stretch; }
body.interface-mode-starter #starterStudio .visible-coach-visual-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; min-width:0; align-items:stretch; }
body.interface-mode-starter #starterStudio .visible-coach-visual-choice { position:relative; display:grid; grid-template-rows:auto minmax(0,1fr); min-width:0; padding:7px; overflow:hidden; border:2px solid transparent; border-radius:16px; color:#405a51; background:#f7faf8; text-align:left; cursor:pointer; }
body.interface-mode-starter #starterStudio .visible-coach-visual-choice:hover,
body.interface-mode-starter #starterStudio .visible-coach-visual-choice:focus-visible { border-color:#75bad4; outline:3px solid rgba(75,169,209,.16); outline-offset:1px; }
body.interface-mode-starter #starterStudio .visible-coach-visual-choice.is-selected { border-color:#4ba9d1; background:#eef8fc; box-shadow:0 10px 25px rgba(55,119,145,.12); }
body.interface-mode-starter #starterStudio .visible-coach-visual-choice > span { position:absolute; z-index:2; top:13px; right:13px; padding:4px 7px; border-radius:999px; color:#315e6e; background:rgba(232,248,253,.92); font-size:9px; font-weight:900; }
body.interface-mode-starter #starterStudio .visible-coach-visual-choice .visible-coach-artifact { width:100%; min-width:0; }
body.interface-mode-starter #starterStudio .visible-coach-visual-choice .visible-coach-artifact svg { width:100%; max-height:330px; }
body.interface-mode-starter #starterStudio .visible-coach-visual-choice .visible-coach-artifact figcaption { display:grid; min-height:64px; padding:7px; font-size:9px; }
body.interface-mode-starter #starterStudio .visible-coach-stage-tip { margin:7px 0 0; padding:8px 10px; border-radius:10px; color:#57736a; background:#eef6f2; font-size:9px; line-height:1.5; }

/* EXPLAIN: three lively frames distinguish shape, action/fold and visible result. */
.illustrated-why-frames figure { position:relative; transition:transform .18s ease,box-shadow .18s ease; }
.illustrated-why-frames figure:hover { transform:translateY(-3px); box-shadow:0 10px 24px rgba(57,76,68,.12); }
.illustrated-why-frames figure:nth-child(1) { border-top:4px solid #4b8ab2; }
.illustrated-why-frames figure:nth-child(2) { border-top:4px solid #c18a3f; }
.illustrated-why-frames figure:nth-child(3) { border-top:4px solid #5e8c6c; }
.illustrated-why-frames figure:not(:last-child)::after { content:"›"; position:absolute; z-index:3; top:58px; right:-11px; display:grid; place-items:center; width:20px; height:20px; border-radius:50%; color:#fff; background:var(--zone-accent); box-shadow:0 3px 10px rgba(48,70,61,.2); font-size:16px; font-weight:900; }
.illustrated-why-frames figure:nth-child(1) figcaption b { color:#366d91; }
.illustrated-why-frames figure:nth-child(2) figcaption b { color:#875d24; }
.illustrated-why-frames figure:nth-child(3) figcaption b { color:#3e6d4c; }
.explain-glyph .focus { transform-box:fill-box; transform-origin:center; animation:explain-pulse 2.2s ease-in-out infinite; }
.explain-glyph :is(.motion,.arrow) { animation:explain-dash 2.4s linear infinite; }
.explain-glyph .result { animation:explain-result 2.2s ease-in-out infinite; }
@keyframes explain-pulse { 0%,100%{opacity:.55;transform:scale(.92)} 50%{opacity:1;transform:scale(1.06)} }
@keyframes explain-dash { to{stroke-dashoffset:-32} }
@keyframes explain-result { 0%,100%{opacity:.62} 50%{opacity:1} }
@media(prefers-reduced-motion:reduce) {
  .illustrated-why-frames figure,.explain-glyph .focus,.explain-glyph :is(.motion,.arrow),.explain-glyph .result { animation:none!important; transition:none!important; }
}
@media(max-width:620px) {
  body.interface-mode-starter #starterStudio .visible-coach-visual-pair { grid-template-columns:repeat(2,minmax(210px,1fr)); overflow-x:auto; scroll-snap-type:x mandatory; }
  body.interface-mode-starter #starterStudio .visible-coach-visual-choice { scroll-snap-align:start; }
  .illustrated-why-frames { grid-template-columns:repeat(3,minmax(190px,1fr)); overflow-x:auto; scroll-snap-type:x mandatory; }
  .illustrated-why-frames figure { scroll-snap-align:start; }
}

/* Final navigation geometry: chapters and seven steps must never create a blank pseudo-column. */
body.interface-mode-starter #starterStudio .starter-flow-sidebar {
  display:grid;
  grid-template-columns:minmax(250px,290px) minmax(0,1fr) auto;
  grid-template-rows:auto;
  align-items:center;
  gap:8px;
  min-height:0;
}
body.interface-mode-starter #starterStudio .creative-chapter-nav { grid-column:1; grid-row:1; margin:0; }
body.interface-mode-starter #starterStudio .starter-flow-sidebar .starter-stepper {
  grid-column:2;
  grid-row:1;
  display:grid;
  grid-template-columns:repeat(7,minmax(88px,1fr));
  gap:4px;
  min-width:0;
  overflow-x:auto;
}
body.interface-mode-starter #starterStudio .starter-flow-sidebar .teacher-help-entry { grid-column:3; grid-row:1; }
@media(max-width:1180px) {
  body.interface-mode-starter #starterStudio .starter-flow-sidebar { grid-template-columns:minmax(230px,270px) minmax(0,1fr); }
  body.interface-mode-starter #starterStudio .starter-flow-sidebar .teacher-help-entry { display:none; }
  body.interface-mode-starter #starterStudio .starter-flow-sidebar .starter-stepper { grid-column:2; grid-template-columns:repeat(7,minmax(108px,1fr)); }
}
@media(max-width:680px) {
  body.interface-mode-starter #starterStudio .starter-flow-sidebar { grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto; padding:7px; }
  body.interface-mode-starter #starterStudio .creative-chapter-nav { grid-column:1; grid-row:1; }
  body.interface-mode-starter #starterStudio .starter-flow-sidebar .starter-stepper {
    grid-column:1;
    grid-row:2;
    grid-template-columns:repeat(7,126px);
    overflow-x:auto;
    scroll-snap-type:x proximity;
  }
  body.interface-mode-starter #starterStudio .starter-flow-sidebar .starter-stepper button { min-width:126px; scroll-snap-align:start; }
}
/* rc2.11.32.12 · Kid Chi intent gate and action-triggered epiphanies */
.creative-intent-onboarding{max-width:1180px;margin:18px auto 22px;padding:clamp(18px,3vw,34px);border:1px solid #cfe1db;border-radius:30px;background:linear-gradient(135deg,#eef8f5 0%,#fffaf1 52%,#f3effb 100%);box-shadow:0 18px 45px rgba(50,83,73,.12);display:grid;grid-template-columns:150px minmax(0,1fr);gap:26px;position:relative;overflow:hidden}
.creative-intent-onboarding::after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-90px;top:-130px;background:radial-gradient(circle,rgba(113,169,151,.2),transparent 68%);pointer-events:none}
.creative-intent-kidchi{min-height:190px;display:grid;place-items:start center;position:relative}
.creative-intent-kidchi span{position:absolute;inset:8px 0 auto;width:132px;height:132px;border-radius:50%;background:radial-gradient(circle,#d8f7f3 0%,rgba(154,220,214,.28) 48%,transparent 72%);animation:intent-kidchi-breathe 3.2s ease-in-out infinite}
.creative-intent-kidchi img{width:118px;height:118px;object-fit:contain;position:relative;filter:drop-shadow(0 12px 18px rgba(28,95,98,.2))}
@keyframes intent-kidchi-breathe{50%{transform:scale(1.08);opacity:.72}}
.creative-intent-dialogue header small{color:#5a897d;font-weight:800;letter-spacing:.12em}.creative-intent-dialogue h2{margin:5px 0 8px;color:#284b43;font-size:clamp(25px,3vw,40px);line-height:1.15}.creative-intent-dialogue header p{margin:0;color:#61756f;font-size:16px}
#creativeIntentForm{margin-top:20px}#creativeIntentForm>label{display:block;margin-bottom:7px;color:#48685f;font-weight:800;font-size:13px}#creativeIntentForm>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:6px;border:1px solid #b9d5cd;border-radius:18px;background:#fff}#creativeIntentInput{min-width:0;border:0;background:transparent;padding:11px 13px;font-size:16px;color:#29483f;outline:0}#creativeIntentForm button{border:0;border-radius:13px;padding:0 20px;background:#338e80;color:#fff;font-weight:800;cursor:pointer}
.creative-intent-quick-starts{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.creative-intent-quick-starts button,.creative-intent-reveal-all{border:1px solid #c9dad5;border-radius:999px;background:rgba(255,255,255,.75);padding:8px 13px;color:#526c65;cursor:pointer}.creative-intent-quick-starts button:hover,.creative-intent-reveal-all:hover{border-color:#4e9585;color:#276d60}
.creative-support-levels{border:0;padding:0;margin:20px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.creative-support-levels legend{grid-column:1/-1;margin-bottom:7px;color:#526c65;font-size:13px;font-weight:800}.creative-support-levels button{display:flex;gap:10px;align-items:center;text-align:left;border:1px solid #d5e2de;border-radius:15px;background:rgba(255,255,255,.64);padding:10px;cursor:pointer;color:#38584f}.creative-support-levels button[aria-pressed="true"]{border-color:#398c7c;background:#e3f3ed;box-shadow:inset 0 0 0 1px #398c7c}.creative-support-levels i{width:30px;height:30px;border-radius:10px;background:#e7f0ed;display:grid;place-items:center;font-style:normal;font-weight:900}.creative-support-levels span{display:grid;gap:2px}.creative-support-levels small{font-size:11px;color:#778983}
.creative-intent-results{margin-top:20px;padding:17px;border-radius:22px;background:rgba(255,255,255,.7);border:1px solid #dce7e3}.creative-intent-results>header{margin-bottom:12px}.creative-intent-results>header b{display:block;color:#2e554b;font-size:18px}.creative-intent-results>header span{color:#6d807a;font-size:13px}.creative-intent-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.creative-intent-card{border:1px solid var(--intent-accent,#69a898);border-radius:20px;background:#fff;padding:0;overflow:hidden;text-align:left;cursor:pointer;color:#2d4c44;transition:transform .18s,box-shadow .18s}.creative-intent-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(45,83,72,.13)}.creative-intent-card figure{height:126px;margin:0;background:var(--intent-wash,#e8f4ef);display:grid;place-items:center;overflow:hidden}.creative-intent-card svg{width:100%;height:100%}.creative-intent-card>span{display:block;padding:13px 15px 3px;color:var(--intent-accent,#548d7e);font-size:11px;font-weight:850;letter-spacing:.08em}.creative-intent-card>b{display:block;padding:0 15px;font-size:19px}.creative-intent-card>small{display:block;padding:5px 15px 15px;color:#70817c;line-height:1.5}.creative-intent-card[data-route="KRESLING_UV_REVEAL"]{--intent-accent:#8b69bb;--intent-wash:#f0eafa}.creative-intent-card[data-route="VESSEL_BOTTLE"]{--intent-accent:#3f8b7b;--intent-wash:#e4f3ee}.creative-intent-card[data-route="VESSEL_JAR"]{--intent-accent:#b17b2e;--intent-wash:#fbf0dc}.creative-intent-card[data-route="CONTOUR_MASK_FOLD_FIELD"]{--intent-accent:#bd6654;--intent-wash:#fae8e1}.creative-intent-result-actions{display:flex;justify-content:space-between;gap:10px;margin-top:12px}.creative-intent-result-actions button{border:0;border-radius:13px;background:#338e80;color:#fff;padding:10px 16px;font-weight:800;cursor:pointer}.creative-intent-reveal-all{margin-top:13px}.creative-intent-boundary{margin:9px 0 0;color:#84918d;font-size:11px}
.creative-epiphany-moment{margin:0 0 15px;border-radius:22px;overflow:hidden;border:1px solid var(--epiphany-accent,#4b8e7d);background:linear-gradient(120deg,var(--epiphany-wash,#e7f4ef),#fff);box-shadow:0 14px 30px rgba(48,72,64,.1)}.creative-epiphany-moment>header{display:flex;justify-content:space-between;gap:12px;align-items:start;padding:17px 18px 11px}.creative-epiphany-moment header small{color:var(--epiphany-accent,#4b8e7d);font-weight:850;letter-spacing:.1em}.creative-epiphany-moment blockquote{margin:5px 0 0;color:#274a41;font-size:clamp(19px,2.2vw,29px);font-weight:850;line-height:1.32}.creative-epiphany-moment header button{border:0;background:transparent;color:#76847f;font-size:20px;cursor:pointer}.creative-epiphany-frames{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#dce7e2;border-top:1px solid #dce7e2}.creative-epiphany-frames article{background:rgba(255,255,255,.9);padding:13px;min-height:116px}.creative-epiphany-frames figure{height:38px;margin:0 0 7px;color:var(--epiphany-accent,#4b8e7d)}.creative-epiphany-frames svg{height:38px;width:76px}.creative-epiphany-frames b{display:block;color:#36554d;font-size:13px}.creative-epiphany-frames p{margin:4px 0 0;color:#71807b;font-size:12px;line-height:1.5}.creative-epiphany-foot{display:flex;gap:12px;justify-content:space-between;padding:10px 17px;color:#687a74;font-size:11px}.creative-epiphany-foot b{color:var(--epiphany-accent,#4b8e7d)}.creative-epiphany-moment[data-route="VESSEL_BOTTLE"]{--epiphany-accent:#3f8b7b;--epiphany-wash:#e5f3ee}.creative-epiphany-moment[data-route="VESSEL_JAR"]{--epiphany-accent:#a87427;--epiphany-wash:#fbf0dc}.creative-epiphany-moment[data-route="KRESLING_UV_REVEAL"]{--epiphany-accent:#8362ad;--epiphany-wash:#f1ebf8}.creative-epiphany-moment[data-route="CONTOUR_MASK_FOLD_FIELD"]{--epiphany-accent:#b65f50;--epiphany-wash:#f8e8e2}
@media(max-width:760px){.creative-intent-onboarding{grid-template-columns:1fr;padding:17px;border-radius:22px}.creative-intent-kidchi{min-height:90px;place-items:center start}.creative-intent-kidchi span{width:88px;height:88px}.creative-intent-kidchi img{width:82px;height:82px}.creative-support-levels,.creative-intent-cards{grid-template-columns:1fr}#creativeIntentForm>div{grid-template-columns:1fr}#creativeIntentForm button{min-height:44px}.creative-epiphany-frames{grid-template-columns:1fr}.creative-epiphany-frames article{min-height:auto}.creative-epiphany-foot{display:block}.creative-intent-dialogue h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){.creative-intent-kidchi span{animation:none}.creative-intent-card{transition:none}}
.starter-preview-stage>.creative-epiphany-moment{grid-column:1/-1;margin:0 14px 15px;position:relative;z-index:3}

/* ===== rc2.11.32.14 · single layout authority after selective recovery ===== */
html,body { max-width:100%; overflow-x:clip; }
body.interface-mode-starter :where(#starterStudio,.starter-flow-shell,.starter-flow-sidebar,.starter-workspace,.starter-preview-stage,.starter-wizard-card,.starter-step-panel,.kid-chi-dialogue,.kid-chi-panel-body) { min-width:0; }
body.interface-mode-starter #starterStudio .starter-workspace {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(340px,380px);
  grid-template-areas:"stage rail";
  align-items:start;
  gap:clamp(10px,1.2vw,16px);
}
body.interface-mode-starter #starterStudio .starter-preview-stage {
  grid-area:stage;
  position:sticky;
  top:79px;
  width:100%;
  min-width:0;
  overflow:hidden;
}
body.interface-mode-starter #starterStudio .starter-wizard-card {
  grid-area:rail;
  width:100%;
  min-width:0;
  max-height:none;
  overflow:visible;
}
body.interface-mode-starter #starterStudio :where(.starter-canvas-card,.starter-surface-live-card,.foldflow-mask-stage,.foldflow-shape-stage,.starter-learning-primary,.starter-learning-method,.visible-coach-stage-base,.visible-coach-stage-overlay,.paper-memory-main-view,.paper-memory-change-pane) { min-width:0; }
body.interface-mode-starter #starterStudio :where(.starter-preview-stage,.starter-learning-primary,.visible-coach-stage-base) :where(canvas,svg,img) { max-width:100%; object-fit:contain; }
body.interface-mode-starter #starterStudio :where(button,input,textarea,select) { max-width:100%; }
body.interface-mode-starter #starterStudio :where(p,small,span,b,blockquote,figcaption,label) { overflow-wrap:anywhere; }

/* 11.32.13's nine-card memory lives inside the existing 11.32.12 Kid Chi rail. */
.kid-chi-live-journey { display:grid; gap:8px; padding:9px; border:1px solid rgba(78,133,116,.18); border-radius:13px; color:#415f56; background:linear-gradient(145deg,#f8fbf9,#f7f3eb); }
.kid-chi-live-journey > header { display:flex; justify-content:space-between; gap:8px; align-items:start; }
.kid-chi-live-journey > header div { display:grid; gap:2px; min-width:0; }
.kid-chi-live-journey > header small { color:#638176; font-size:9px; font-weight:850; letter-spacing:.06em; }
.kid-chi-live-journey > header b { font-size:12px; }
.kid-chi-live-journey > header > span { flex:0 0 auto; padding:3px 7px; border-radius:999px; color:#4a7568; background:#e8f2ed; font-size:8px; }
.kid-chi-live-journey > nav { display:grid; grid-template-columns:repeat(9,minmax(0,1fr)); gap:3px; }
.kid-chi-live-journey > nav button { display:grid; place-items:center; gap:1px; min-width:0; min-height:34px; padding:3px 0; border:1px solid #dbe6e1; border-radius:8px; color:#6e8078; background:#fff; cursor:pointer; }
.kid-chi-live-journey > nav button[aria-pressed="true"] { border-color:var(--zone-accent,#4d8f7d); color:var(--zone-ink,#315d52); background:var(--zone-soft,#e9f4ef); }
.kid-chi-live-journey > nav i { font-size:8px; font-style:normal; font-weight:900; }
.kid-chi-live-journey > nav span { font-size:8px; }
.kid-chi-live-journey > article { display:grid; gap:6px; min-width:0; }
.kid-chi-live-question { margin:0; padding:7px 8px; border-left:3px solid var(--zone-accent,#4d8f7d); border-radius:0 8px 8px 0; color:#49675e; background:#fff; font-size:10px; line-height:1.5; }
.kid-chi-live-journey article > div { display:grid; grid-template-columns:74px minmax(0,1fr); align-items:start; gap:6px; }
.kid-chi-live-journey article > div small { color:#7a8b84; font-size:8px; font-weight:800; }
.kid-chi-live-journey blockquote { margin:0; color:#3b574e; font-size:10px; line-height:1.45; }
.kid-chi-live-journey footer { display:grid; grid-template-columns:1fr 1fr; gap:6px; }
.kid-chi-live-journey footer button { min-height:34px; padding:6px; border:1px solid #cfded8; border-radius:9px; color:#46675d; background:#fff; font-size:9px; cursor:pointer; }
.kid-chi-live-journey footer button:disabled { opacity:.45; cursor:not-allowed; }
.kid-chi-live-final { display:grid; gap:2px; margin:0; padding:7px 8px; border-radius:9px; color:#fff; background:var(--zone-accent,#4d8f7d); }
.kid-chi-live-final small { color:rgba(255,255,255,.74); font-size:8px; }
.kid-chi-live-final b { font-size:11px; }

@media(min-width:1500px) {
  body.interface-mode-starter #starterStudio .starter-workspace { grid-template-columns:minmax(0,1fr) minmax(350px,390px); }
}

@media(max-width:1180px) {
  body.interface-mode-starter #starterStudio .starter-workspace {
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:"stage" "rail";
  }
  body.interface-mode-starter #starterStudio .starter-preview-stage { position:static; }
  body.interface-mode-starter #starterStudio .starter-flow-sidebar {
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto auto;
    align-items:stretch;
  }
  body.interface-mode-starter #starterStudio .creative-chapter-nav { grid-column:1; grid-row:1; }
  body.interface-mode-starter #starterStudio .starter-flow-sidebar .starter-stepper { grid-column:1; grid-row:2; grid-template-columns:repeat(7,minmax(100px,1fr)); }
}

@media(max-width:900px) {
  /* Repair the historic 100% + 100% horizontal double-screen bug. */
  body.interface-mode-starter #starterStudio .starter-preview-stage {
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto!important;
    overflow-x:hidden!important;
    scroll-snap-type:none!important;
  }
  body.interface-mode-starter #starterStudio .starter-preview-stage > :where(.starter-preview-head,.starter-learning-stage,.foldflow-mask-stage,.foldflow-shape-stage,.starter-canvas-card,.starter-surface-live-card,.starter-change-stage,.starter-status,.starter-session-actions,.creative-epiphany-moment) {
    grid-column:1!important;
    grid-row:auto!important;
    width:100%;
    scroll-snap-align:none!important;
  }
  body.interface-mode-starter #starterStudio :where(.starter-design-learning,.visible-turn-coach-stage),
  .paper-memory-dual-stage {
    grid-template-columns:minmax(0,1fr)!important;
    height:auto!important;
    min-height:0!important;
    overflow-x:hidden!important;
    scroll-snap-type:none!important;
  }
  #starterStudio[data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"] :where(.foldflow-mask-stage,.foldflow-mask-visual,.paper-memory-stage-shell,.paper-memory-main-view) { min-height:0!important; height:auto!important; }
  .paper-memory-change-pane { border-top:1px solid rgba(210,177,106,.18); border-left:0; }
  body.interface-mode-starter #starterStudio .starter-learning-primary > svg { height:auto; min-height:clamp(330px,58vw,520px); }
  body.interface-mode-starter #starterStudio .visible-coach-stage-base > svg { min-height:340px; }
}

@media(max-width:620px) {
  body.interface-mode-starter #starterStudio .visible-coach-visual-pair,
  .illustrated-why-frames { grid-template-columns:minmax(0,1fr)!important; overflow-x:visible!important; scroll-snap-type:none!important; }
  body.interface-mode-starter #starterStudio .starter-flow-sidebar .starter-stepper { grid-template-columns:repeat(7,116px); overflow-x:auto; scroll-snap-type:x proximity; }
  body.interface-mode-starter #starterStudio .kid-chi-companion { grid-template-columns:minmax(0,1fr); }
  body.interface-mode-starter #starterStudio .kid-chi-avatar-wrap { display:none; }
  .kid-chi-live-journey > nav { grid-template-columns:repeat(9,34px); overflow-x:auto; }
  .kid-chi-live-journey article > div { grid-template-columns:1fr; }
}
.feedback-epiphany-record{margin:12px 0;padding:13px 15px;border-left:3px solid #c16a55;border-radius:4px 14px 14px 4px;background:#fff7f1}.feedback-epiphany-record>b{color:#95513f}.feedback-epiphany-record>div{display:grid;gap:7px;margin-top:8px}.feedback-epiphany-record blockquote{margin:0;padding:8px 10px;border-radius:10px;background:#fff;color:#39544b;font-weight:750}.feedback-epiphany-record blockquote span{margin-right:8px;color:#b56550;font-size:11px}

/* ===== rc2.11.32.15 · pencil-science teaching stage + central decision workbench ===== */
body.interface-mode-starter {
  --sketch-paper:#fbf7ea;
  --sketch-paper-deep:#f3eddd;
  --sketch-graphite:#2f3d3a;
  --sketch-blue:#4e8595;
  --sketch-gold:#c59643;
  --sketch-violet:#8b77a7;
  --sketch-line:rgba(75,112,108,.25);
  background-color:#eef1eb;
  background-image:
    linear-gradient(rgba(78,139,158,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(78,139,158,.055) 1px,transparent 1px),
    radial-gradient(circle at 13% 10%,rgba(224,192,141,.22),transparent 29%),
    radial-gradient(circle at 86% 16%,rgba(131,174,162,.17),transparent 26%);
  background-size:24px 24px,24px 24px,auto,auto;
}

body.interface-mode-starter #starterStudio :where(.starter-preview-stage,.starter-wizard-card,.starter-flow-sidebar) {
  border-color:rgba(67,98,91,.22);
  background-color:rgba(252,249,239,.96);
  background-image:
    linear-gradient(rgba(78,139,158,.032) 1px,transparent 1px),
    linear-gradient(90deg,rgba(78,139,158,.032) 1px,transparent 1px);
  background-size:20px 20px;
  box-shadow:0 18px 48px rgba(50,64,58,.10),inset 0 0 0 1px rgba(255,255,255,.72);
}

body.interface-mode-starter #starterStudio :where(.starter-step-title h3,.starter-preview-head h3,.starter-center-workbench h3,.starter-learning-method h3,.illustrated-why h3) {
  color:var(--sketch-graphite);
  font-family:Georgia,"Noto Serif SC","Songti SC",serif;
}

body.interface-mode-starter #starterStudio :where(.starter-learning-stage,.starter-center-workbench,.fold-reveal-lab,.starter-pattern-triptych,.starter-topology-mode-guide) {
  background-color:var(--sketch-paper);
  background-image:
    linear-gradient(rgba(71,137,157,.075) 1px,transparent 1px),
    linear-gradient(90deg,rgba(71,137,157,.075) 1px,transparent 1px);
  background-size:19px 19px;
}

body.interface-mode-starter #starterStudio :where(.starter-learning-primary,.starter-learning-method,.illustrated-why-frames figure,.starter-pattern-stage button,.starter-topology-source-grid>button,.starter-topology-mode-grid button,.starter-topology-triptych figure,.fold-reveal-grid figure,.fold-reveal-observation) {
  border-color:rgba(66,105,101,.26);
  background:rgba(255,252,243,.91);
  box-shadow:2px 3px 0 rgba(91,111,103,.08),inset 0 0 0 1px rgba(255,255,255,.7);
}

body.interface-mode-starter #starterStudio :where(.starter-journey-stage-preview,.starter-skeleton-diagram,.explain-glyph,.starter-pattern-swatch,.topology-mode-illustration) {
  filter:saturate(.72) contrast(1.025) sepia(.035);
}
body.interface-mode-starter #starterStudio :where(.starter-journey-stage-preview,.starter-skeleton-diagram,.explain-glyph) :where(path,line,polyline,polygon,circle) {
  stroke-linecap:round;
  stroke-linejoin:round;
}

.starter-center-workbench {
  grid-column:1/-1;
  display:grid;
  gap:12px;
  min-width:0;
  margin:0 12px 14px;
  padding:15px;
  overflow:hidden;
  border:1px solid rgba(73,109,103,.24);
  border-radius:19px;
  box-shadow:0 15px 34px rgba(54,69,62,.08);
}
.starter-center-workbench[hidden] { display:none!important; }
.starter-center-workbench>header {
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  align-items:start;
  gap:11px;
  padding:2px 2px 11px;
  border-bottom:2px solid rgba(79,128,136,.16);
}
.starter-center-workbench>header>span {
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  border:1px solid rgba(62,117,124,.35);
  border-radius:50% 46% 52% 43%;
  color:#fff;
  background:#527f79;
  font:900 23px Georgia,serif;
  transform:rotate(-4deg);
}
.starter-center-workbench>header div { display:grid; gap:2px; min-width:0; }
.starter-center-workbench>header small { color:var(--sketch-blue); font-size:9px; font-weight:900; letter-spacing:.12em; }
.starter-center-workbench>header h3 { margin:0; font-size:clamp(18px,1.55vw,25px); line-height:1.28; }
.starter-center-workbench>header p { margin:2px 0 0; color:#65766f; font-size:12px; line-height:1.55; }
.starter-center-workbench-body { display:grid; gap:12px; min-width:0; }
.starter-center-workbench-body>.starter-production-phase { display:grid; gap:11px; min-width:0; }
.starter-center-workbench-body :where(button,figure,section,aside,div) { min-width:0; }
.starter-center-workbench-body :where(b,strong,small,span,p,figcaption,label) {
  writing-mode:horizontal-tb!important;
  word-break:normal;
  overflow-wrap:anywhere;
}
.starter-center-workbench .starter-nav-row { position:static; margin:8px 0 0; }
.starter-center-workbench .starter-pattern-stage { grid-template-columns:repeat(4,minmax(160px,1fr)); margin:0; }
.starter-center-workbench .starter-pattern-stage button { min-height:270px; }
.starter-center-workbench .starter-pattern-swatch { height:132px; }
.starter-center-workbench .starter-topology-source-grid { grid-template-columns:repeat(3,minmax(180px,1fr)); }
.starter-center-workbench .starter-topology-source-grid>button { min-height:190px; }
.starter-center-workbench .starter-topology-source-grid>button img { height:118px; }
.starter-center-workbench .starter-topology-source-grid .starter-topology-upload { grid-column:auto; grid-template-columns:68px minmax(0,1fr); min-height:190px; }
.starter-center-workbench .starter-topology-mode-grid { grid-template-columns:repeat(3,minmax(190px,1fr)); }
.starter-center-workbench .starter-topology-triptych { grid-template-columns:repeat(3,minmax(220px,1fr)); }
.starter-center-workbench .starter-topology-triptych canvas { height:360px; }
.starter-center-workbench .fold-reveal-grid { grid-template-columns:repeat(2,minmax(230px,1fr)) minmax(250px,.9fr); }
.starter-center-workbench .fold-reveal-grid canvas { min-height:280px; }
.starter-center-workbench .starter-a47-coordinate-role>div { grid-template-columns:repeat(3,minmax(0,1fr)); }

.starter-journey-stage-preview.is-pencil-science { background:var(--sketch-paper); }
.starter-journey-stage-preview.is-bird-observation { filter:drop-shadow(0 8px 16px rgba(61,75,68,.10)) saturate(.84) contrast(1.02); }
.a47-silhouette-layer.is-full-bird { fill:rgba(70,128,116,.13); stroke:#335f58; stroke-width:3.2; }
.a47-silhouette-layer.is-full-bird .a47-bird-wing { fill:rgba(78,136,151,.16); }
.a47-silhouette-layer.is-full-bird .a47-bird-body,
.a47-silhouette-layer.is-full-bird .a47-bird-head,
.a47-silhouette-layer.is-full-bird .a47-bird-tail { fill:rgba(66,102,91,.17); }
.a47-silhouette-layer.is-full-bird .a47-bird-beak { fill:#c59643; stroke:#8d682e; stroke-width:1.4; }
.a47-silhouette-layer.is-full-bird .a47-bird-eye { fill:#263d39; stroke:#fff; stroke-width:1.2; }
.a47-silhouette-layer.is-full-bird .a47-bird-feet { fill:none; stroke:#8e6d37; stroke-width:2.2; }
.a47-silhouette-layer.is-full-bird .a47-bird-focus { fill:none; stroke:#4e91a7; stroke-width:2.2; stroke-dasharray:7 6; }
.a47-silhouette-layer.is-full-bird .a47-bird-focus text,
.a47-silhouette-layer.is-full-bird .a47-bird-wing-choices text { fill:#426f75; stroke:none; font-size:10px; font-weight:850; }
.a47-silhouette-layer.is-full-bird .a47-bird-wing-choices { fill:rgba(139,119,167,.08); stroke:#8b77a7; stroke-width:2; }

@media(max-width:1050px) {
  .starter-center-workbench .starter-pattern-stage,
  .starter-center-workbench .starter-topology-source-grid,
  .starter-center-workbench .starter-topology-mode-grid,
  .starter-center-workbench .starter-topology-triptych,
  .starter-center-workbench .fold-reveal-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .starter-center-workbench .fold-reveal-observation { grid-column:1/-1; }
}

@media(max-width:900px) {
  body.interface-mode-starter #starterStudio .starter-preview-stage > .starter-center-workbench { grid-column:1!important; grid-row:auto!important; width:auto; }
}

@media(max-width:640px) {
  .starter-center-workbench { margin:0 7px 10px; padding:10px; border-radius:15px; }
  .starter-center-workbench>header { grid-template-columns:34px minmax(0,1fr); }
  .starter-center-workbench>header>span { width:33px; height:33px; font-size:18px; }
  .starter-center-workbench .starter-pattern-stage,
  .starter-center-workbench .starter-topology-source-grid,
  .starter-center-workbench .starter-topology-mode-grid,
  .starter-center-workbench .starter-topology-triptych,
  .starter-center-workbench .fold-reveal-grid,
  .starter-center-workbench .starter-a47-coordinate-role>div { grid-template-columns:minmax(0,1fr); }
  .starter-center-workbench .fold-reveal-observation { grid-column:auto; }
  .starter-center-workbench .starter-topology-triptych canvas { height:300px; }
}

/* ===== rc2.11.32.16 · seven-picture journey + one task stage + AI-only rail ===== */
body.interface-mode-starter {
  --journey-paper:#fbf7ea;
  --journey-paper-strong:#f3ecda;
  --journey-ink:#263b37;
  --journey-muted:#667b74;
  --journey-teal:#477f74;
  --journey-teal-soft:#e7f1ec;
  --journey-gold:#bd8734;
  --journey-violet:#76569c;
  --journey-violet-soft:#f2edf8;
  --journey-rule:rgba(67,111,104,.22);
  color:var(--journey-ink);
  background-color:#edf1e9;
  background-image:
    linear-gradient(rgba(67,126,144,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(67,126,144,.055) 1px,transparent 1px),
    radial-gradient(circle at 12% 7%,rgba(228,193,128,.18),transparent 30%),
    radial-gradient(circle at 92% 18%,rgba(99,151,136,.14),transparent 28%);
  background-size:24px 24px,24px 24px,auto,auto;
}
body.interface-mode-starter .page-shell {
  width:100%;
  max-width:none;
  padding:0;
  background:transparent;
}
body.interface-mode-starter #starterStudio {
  width:100%;
  max-width:none;
  margin:0;
  padding:0 clamp(8px,1.2vw,20px) 24px;
  color:var(--journey-ink);
  background:transparent;
}
body.interface-mode-starter #starterStudio :where(.foldflow-toolbar,.starter-welcome,.creative-intent-onboarding,.foldflow-route-dock,.starter-flow-sidebar,.starter-preview-stage,.starter-wizard-card,.starter-task-drawer) {
  background-color:rgba(251,247,234,.94);
  background-image:
    linear-gradient(rgba(67,126,144,.042) 1px,transparent 1px),
    linear-gradient(90deg,rgba(67,126,144,.042) 1px,transparent 1px);
  background-size:20px 20px;
  border-color:var(--journey-rule);
  box-shadow:0 15px 36px rgba(46,64,58,.09),inset 0 0 0 1px rgba(255,255,255,.68);
}
body.interface-mode-starter #starterStudio .foldflow-toolbar {
  margin:0 calc(clamp(8px,1.2vw,20px) * -1) 10px;
  padding:10px clamp(14px,2vw,30px);
  border-bottom:1px solid var(--journey-rule);
  border-radius:0 0 18px 18px;
}
body.interface-mode-starter #starterStudio :where(h1,h2,h3,h4,.foldflow-brand b,.starter-step-title h3,.starter-preview-head h3) {
  color:var(--journey-ink);
}
body.interface-mode-starter #starterStudio :where(p,small,figcaption,span,label) {
  word-break:normal;
  overflow-wrap:anywhere;
  writing-mode:horizontal-tb!important;
}

/* The map is the navigation. Old chapter/help/status chrome no longer competes with it. */
body.interface-mode-starter #starterStudio .starter-flow-sidebar {
  display:block!important;
  position:static!important;
  padding:9px!important;
  border-radius:18px;
}
body.interface-mode-starter #starterStudio .starter-flow-sidebar > :where(header,.creative-chapter-nav,.creative-plan-state-summary,.starter-flow-note,.teacher-help-entry) {
  display:none!important;
}
body.interface-mode-starter #starterStudio .starter-flow-sidebar .starter-stepper {
  display:grid!important;
  grid-template-columns:repeat(7,minmax(106px,1fr))!important;
  gap:7px!important;
  width:100%;
  overflow-x:auto;
  padding:0;
  scroll-snap-type:x proximity;
}
body.interface-mode-starter #starterStudio .starter-flow-sidebar .starter-stepper button {
  position:relative;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:64px auto auto!important;
  align-content:start;
  gap:4px!important;
  min-width:106px!important;
  min-height:118px!important;
  padding:6px!important;
  overflow:hidden;
  border:1px solid rgba(65,103,96,.18)!important;
  border-radius:13px!important;
  color:var(--journey-ink)!important;
  background:rgba(255,253,247,.88)!important;
  box-shadow:none!important;
  text-align:left;
  scroll-snap-align:start;
}
body.interface-mode-starter #starterStudio .starter-flow-sidebar .starter-stepper button::after { display:none!important; }
body.interface-mode-starter #starterStudio .starter-flow-sidebar .starter-stepper button > span {
  position:relative;
  display:block!important;
  width:100%!important;
  height:64px!important;
  overflow:hidden;
  border:0!important;
  border-radius:9px!important;
  background:#fffdf7!important;
}
.journey-step-thumb {
  display:block;
  width:100%;
  height:100%;
  background-repeat:no-repeat;
  background-position:center 45%;
  background-size:contain;
}
.starter-stepper button:nth-child(1) .journey-step-thumb { background-image:url("./assets/learning/starter-journey-step-1-v1.png"); }
.starter-stepper button:nth-child(2) .journey-step-thumb { background-image:url("./assets/learning/starter-journey-step-2-v1.png"); }
.starter-stepper button:nth-child(3) .journey-step-thumb { background-image:url("./assets/learning/starter-journey-step-3-v1.png"); }
.starter-stepper button:nth-child(4) .journey-step-thumb { background-image:url("./assets/learning/starter-journey-step-4-v1.png"); }
.starter-stepper button:nth-child(5) .journey-step-thumb { background-image:url("./assets/learning/starter-journey-step-5-v1.png"); }
.starter-stepper button:nth-child(6) .journey-step-thumb { background-image:url("./assets/learning/starter-journey-step-6-v1.png"); }
.starter-stepper button:nth-child(7) .journey-step-thumb { background-image:url("./assets/learning/starter-journey-step-7-v1.png"); }
body.interface-mode-starter #starterStudio .starter-flow-sidebar .starter-stepper button > span em {
  position:absolute;
  left:5px;
  top:5px;
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  border-radius:50%;
  color:#fff;
  background:var(--journey-teal);
  box-shadow:0 2px 7px rgba(39,69,62,.2);
  font-size:10px;
  font-style:normal;
  font-weight:900;
}
body.interface-mode-starter #starterStudio .starter-flow-sidebar .starter-stepper button b {
  display:block;
  padding:0 2px;
  color:var(--journey-ink);
  font-size:12px!important;
  line-height:1.25;
  white-space:normal!important;
}
body.interface-mode-starter #starterStudio .starter-flow-sidebar .starter-stepper button small {
  display:block!important;
  padding:0 2px;
  color:var(--journey-muted);
  font-size:9px!important;
  line-height:1.35;
}
body.interface-mode-starter #starterStudio .starter-flow-sidebar .starter-stepper button.is-active {
  border-color:var(--journey-teal)!important;
  background:var(--journey-teal-soft)!important;
  box-shadow:inset 0 -3px 0 var(--journey-teal)!important;
}
body.interface-mode-starter #starterStudio .starter-flow-sidebar .starter-stepper button.is-done > span em { background:#6f9270; }
body.interface-mode-starter #starterStudio .starter-flow-sidebar .starter-stepper button[data-locked="true"] { opacity:1!important; }
body.interface-mode-starter #starterStudio .starter-flow-sidebar .starter-stepper button[data-locked="true"] > span em { background:#98a49f; }
body.interface-mode-starter #starterStudio .starter-flow-sidebar .starter-stepper button[data-locked="true"]::before {
  content:"可预览";
  position:absolute;
  right:6px;
  top:6px;
  z-index:2;
  padding:2px 5px;
  border-radius:999px;
  color:#60716b;
  background:rgba(255,255,255,.9);
  font-size:8px;
  font-weight:800;
}

/* One real work stage plus one AI rail. */
body.interface-mode-starter #starterStudio .starter-workspace {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(300px,340px)!important;
  grid-template-areas:"stage rail"!important;
  align-items:start;
  gap:12px!important;
}
body.interface-mode-starter #starterStudio .starter-preview-stage {
  grid-area:stage!important;
  position:static!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto!important;
  min-height:0!important;
  overflow:hidden!important;
  border-radius:20px;
}
body.interface-mode-starter #starterStudio .starter-preview-stage > * {
  grid-column:1!important;
  grid-row:auto!important;
  width:auto;
  min-width:0;
}
body.interface-mode-starter #starterStudio .starter-preview-head { order:0; }
body.interface-mode-starter #starterStudio :where(.starter-learning-stage,.foldflow-mask-stage,.foldflow-shape-stage,.starter-silhouette-stage,.starter-surface-live-card) { order:1; }
body.interface-mode-starter #starterStudio .starter-task-drawer { order:2; }
body.interface-mode-starter #starterStudio :where(.starter-status,.starter-session-actions) { order:3; }
body.interface-mode-starter #starterStudio :where(.creative-epiphany-moment,.starter-change-stage,.starter-center-workbench) { display:none!important; }

body.interface-mode-starter #starterStudio .starter-wizard-card {
  grid-area:rail!important;
  position:sticky;
  top:78px;
  display:grid;
  gap:9px;
  padding:10px!important;
  overflow:visible!important;
  border-radius:20px;
  border-top:3px solid var(--journey-violet)!important;
}
body.interface-mode-starter #starterStudio .starter-wizard-card > :where(.starter-step-panel,.sanxingdui-route-panel,.starter-silhouette-memory) {
  display:none!important;
}
body.interface-mode-starter #starterStudio .kid-chi-companion {
  margin:0!important;
  border:1px solid rgba(118,86,156,.24)!important;
  background:linear-gradient(145deg,rgba(249,246,252,.98),rgba(255,252,245,.94))!important;
  box-shadow:none!important;
}
body.interface-mode-starter #starterStudio .kid-chi-panel-toggle {
  color:#fff;
  background:var(--journey-violet);
}
body.interface-mode-starter #starterStudio .kid-chi-feedback-modes { grid-template-columns:repeat(2,minmax(0,1fr)); }
body.interface-mode-starter #starterStudio .kid-chi-live-journey { max-height:210px; overflow:auto; }
body.interface-mode-starter #starterStudio .starter-ai-step-coach,
body.interface-mode-starter #starterStudio .starter-ai-tools-dock {
  display:grid;
  gap:8px;
  min-width:0;
}
body.interface-mode-starter #starterStudio .starter-ai-step-coach[hidden],
body.interface-mode-starter #starterStudio .starter-ai-tools-dock[hidden] { display:none!important; }
body.interface-mode-starter #starterStudio .starter-ai-tools-dock > * { margin:0!important; }
body.interface-mode-starter #starterStudio .starter-ai-tools-dock :where(.starter-ai-entry,.starter-qwen-entry,.starter-qwen-possibilities) {
  border-color:rgba(118,86,156,.22);
  background:var(--journey-violet-soft);
}

/* The central drawer is the only place where the current step unfolds. */
body.interface-mode-starter #starterStudio .starter-task-drawer {
  display:grid;
  gap:0;
  margin:12px;
  overflow:hidden;
  border:1px solid var(--journey-rule);
  border-radius:18px;
}
body.interface-mode-starter #starterStudio .starter-task-drawer > header {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  padding:13px 15px;
  border-bottom:1px solid var(--journey-rule);
  background:rgba(255,253,247,.76);
}
body.interface-mode-starter #starterStudio .starter-task-drawer > header div { display:grid; gap:2px; min-width:0; }
body.interface-mode-starter #starterStudio .starter-task-drawer > header small { color:var(--journey-teal); font-size:9px; font-weight:900; letter-spacing:.08em; }
body.interface-mode-starter #starterStudio .starter-task-drawer > header h3 { margin:0; font-size:clamp(18px,1.7vw,25px); line-height:1.3; }
body.interface-mode-starter #starterStudio .starter-task-drawer > header p { margin:0; color:var(--journey-muted); font-size:12px; line-height:1.55; }
body.interface-mode-starter #starterStudio .starter-task-drawer > header button {
  min-width:88px;
  padding:8px 11px;
  border:1px solid rgba(71,127,116,.3);
  border-radius:10px;
  color:var(--journey-teal);
  background:#fffdf7;
  font-weight:800;
  cursor:pointer;
}
body.interface-mode-starter #starterStudio .starter-task-drawer[data-collapsed="true"] .starter-task-drawer-body { display:none!important; }
body.interface-mode-starter #starterStudio .starter-task-drawer-body { display:grid; gap:12px; padding:14px; min-width:0; }
body.interface-mode-starter #starterStudio .starter-task-drawer-body > .starter-step-panel {
  display:grid!important;
  gap:12px;
  min-width:0;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}
body.interface-mode-starter #starterStudio .starter-task-drawer-body > .starter-step-panel[hidden] { display:none!important; }
body.interface-mode-starter #starterStudio .starter-task-drawer .starter-step-title {
  padding:0 0 10px;
  border-bottom:1px dashed rgba(68,115,107,.24);
}
body.interface-mode-starter #starterStudio .starter-task-drawer :where(.starter-story-grid,.starter-proposal-grid,.starter-experience-grid,.starter-surface-template-grid) {
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
body.interface-mode-starter #starterStudio .starter-task-drawer .starter-atmosphere-grid { grid-template-columns:repeat(4,minmax(0,1fr))!important; }
body.interface-mode-starter #starterStudio .starter-task-drawer :where(.starter-pattern-stage,.starter-topology-source-grid,.starter-topology-mode-grid,.starter-topology-triptych) {
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
body.interface-mode-starter #starterStudio .starter-task-drawer :where(.starter-ai-entry,.starter-qwen-entry,.starter-qwen-possibilities,.starter-ai-companion) { display:none!important; }
body.interface-mode-starter #starterStudio .starter-proposal-visual {
  display:grid;
  place-items:center;
  height:126px;
  margin:0 0 8px;
  overflow:hidden;
  border-radius:11px;
  background:#fffdf7;
}
body.interface-mode-starter #starterStudio .starter-proposal-visual img { width:100%; height:100%; object-fit:contain; }

.starter-flow-step-preview {
  display:grid;
  grid-template-columns:minmax(220px,.68fr) minmax(230px,1fr);
  gap:18px;
  align-items:center;
  margin:0;
  padding:12px;
  border:1px solid rgba(70,115,107,.18);
  border-radius:15px;
  background:rgba(255,253,247,.84);
}
.starter-flow-step-preview img { width:100%; height:330px; object-fit:contain; }
.starter-flow-step-preview figcaption { display:grid; gap:7px; }
.starter-flow-step-preview figcaption b { font-size:22px; }
.starter-flow-step-preview figcaption span { color:var(--journey-ink); font-size:15px; line-height:1.6; }
.starter-flow-step-preview figcaption small { color:var(--journey-muted); font-size:11px; line-height:1.55; }

/* Every explanatory visual is a concrete object/action/result scene. */
body.interface-mode-starter #starterStudio .starter-learning-stage {
  display:block;
  min-height:0!important;
  margin:12px 12px 0;
  padding:0!important;
  overflow:hidden;
  border:1px solid var(--journey-rule);
  border-radius:18px;
  background:var(--journey-paper)!important;
}
body.interface-mode-starter #starterStudio .starter-learning-stage[hidden] { display:none!important; }
body.interface-mode-starter #starterStudio .starter-design-learning,
body.interface-mode-starter #starterStudio .starter-learning-primary {
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.interface-mode-starter #starterStudio .starter-learning-stage-tag {
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:12px 15px;
  border-bottom:1px solid var(--journey-rule);
  color:var(--journey-ink);
  background:rgba(255,253,247,.82);
}
body.interface-mode-starter #starterStudio .starter-learning-stage-tag span { color:var(--journey-muted); font-size:11px; }
body.interface-mode-starter #starterStudio .starter-concrete-journey-scene {
  display:grid;
  place-items:center;
  min-height:410px;
  margin:0;
  padding:14px;
  background:var(--journey-paper);
}
body.interface-mode-starter #starterStudio .starter-concrete-journey-scene img { width:100%; height:410px; object-fit:contain; }

/* Restore the initial 2D negative-space screen as two readable, equal canvases. */
body.interface-mode-starter #starterStudio .starter-silhouette-stage {
  display:none;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:12px 12px 0;
  padding:12px;
  border:1px solid var(--journey-rule);
  border-radius:18px;
  background:var(--journey-paper);
}
body.interface-mode-starter #starterStudio[data-core-step="3"] .starter-silhouette-stage { display:grid!important; }
body.interface-mode-starter #starterStudio .starter-silhouette-stage > header {
  grid-column:1/-1;
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:end;
  padding:4px 3px 10px;
  border-bottom:1px dashed rgba(68,115,107,.25);
}
body.interface-mode-starter #starterStudio .starter-silhouette-stage > header div { display:grid; gap:2px; }
body.interface-mode-starter #starterStudio .starter-silhouette-stage > header small { color:var(--journey-teal); font-size:9px; font-weight:900; letter-spacing:.08em; }
body.interface-mode-starter #starterStudio .starter-silhouette-stage > header h3 { margin:0; font-size:22px; }
body.interface-mode-starter #starterStudio .starter-silhouette-stage > header p { max-width:360px; margin:0; color:var(--journey-muted); font-size:11px; line-height:1.55; text-align:right; }
body.interface-mode-starter #starterStudio .starter-silhouette-stage .starter-canvas-card {
  display:block!important;
  min-width:0;
  min-height:420px;
  margin:0;
  overflow:hidden;
  border:1px solid rgba(62,108,100,.22);
  border-radius:14px;
  background:#fffdf7;
}
body.interface-mode-starter #starterStudio .starter-silhouette-stage .starter-silhouette-visual {
  display:grid;
  place-items:center;
  min-height:380px;
  background:
    linear-gradient(rgba(67,126,144,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(67,126,144,.035) 1px,transparent 1px),#fffdf7;
  background-size:18px 18px;
}
body.interface-mode-starter #starterStudio .starter-silhouette-stage .starter-silhouette-visual > svg { display:block; width:100%; height:380px; }
body.interface-mode-starter #starterStudio .starter-negative-space-scene { filter:drop-shadow(0 7px 15px rgba(50,77,69,.08)); }
body.interface-mode-starter #starterStudio .starter-silhouette-stage canvas {
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}
body.interface-mode-starter #starterStudio .starter-generic-silhouette { display:grid; place-items:center; gap:6px; margin:0; padding:10px; }
body.interface-mode-starter #starterStudio .starter-generic-silhouette img { width:100%; height:330px; object-fit:contain; }
body.interface-mode-starter #starterStudio .starter-generic-silhouette figcaption { color:var(--journey-muted); font-size:11px; }

body.interface-mode-starter #starterStudio .starter-status {
  margin:0 12px 8px;
  padding:8px 11px;
  border-radius:10px;
  color:var(--journey-muted);
  background:rgba(236,243,239,.8);
  font-size:11px;
}
body.interface-mode-starter #starterStudio .starter-session-actions { margin:0 12px 12px; }

@media(max-width:1180px) {
  body.interface-mode-starter #starterStudio .starter-workspace {
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"stage" "rail"!important;
  }
  body.interface-mode-starter #starterStudio .starter-wizard-card { position:static; }
  body.interface-mode-starter #starterStudio .starter-flow-sidebar .starter-stepper { grid-template-columns:repeat(7,132px)!important; }
}
@media(max-width:820px) {
  body.interface-mode-starter #starterStudio .starter-task-drawer :where(.starter-story-grid,.starter-proposal-grid,.starter-experience-grid,.starter-surface-template-grid,.starter-atmosphere-grid,.starter-pattern-stage,.starter-topology-source-grid,.starter-topology-mode-grid,.starter-topology-triptych),
  body.interface-mode-starter #starterStudio .starter-silhouette-stage { grid-template-columns:minmax(0,1fr)!important; }
  body.interface-mode-starter #starterStudio .starter-silhouette-stage > header { grid-column:1; display:grid; }
  body.interface-mode-starter #starterStudio .starter-silhouette-stage > header p { max-width:none; text-align:left; }
  .starter-flow-step-preview { grid-template-columns:minmax(0,1fr); }
  .starter-flow-step-preview img { height:300px; }
}
@media(max-width:560px) {
  body.interface-mode-starter #starterStudio { padding-inline:6px; }
  body.interface-mode-starter #starterStudio .starter-flow-sidebar .starter-stepper { grid-template-columns:repeat(7,118px)!important; }
  body.interface-mode-starter #starterStudio .starter-task-drawer > header { grid-template-columns:minmax(0,1fr); }
  body.interface-mode-starter #starterStudio .starter-task-drawer > header button { width:100%; }
  body.interface-mode-starter #starterStudio .starter-concrete-journey-scene,
  body.interface-mode-starter #starterStudio .starter-concrete-journey-scene img { min-height:0; height:330px; }
  body.interface-mode-starter #starterStudio .starter-silhouette-stage .starter-canvas-card { min-height:360px; }
  body.interface-mode-starter #starterStudio .starter-silhouette-stage .starter-silhouette-visual,
  body.interface-mode-starter #starterStudio .starter-silhouette-stage .starter-silhouette-visual > svg { min-height:320px; height:320px; }
}

/* Four visible product branches: three original works plus the Sanxingdui story branch. */
body.interface-mode-starter #starterStudio .foldflow-route-dock[data-layout="visual-four"] {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
  margin:0 0 10px;
  padding:11px;
  border:1px solid var(--journey-rule);
  border-radius:18px;
}
body.interface-mode-starter #starterStudio .foldflow-route-dock[data-layout="visual-four"][hidden] { display:none!important; }
body.interface-mode-starter #starterStudio .foldflow-route-dock[data-layout="visual-four"] > .foldflow-route-heading {
  grid-column:1/-1;
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:baseline;
  padding:2px 4px 5px;
}
body.interface-mode-starter #starterStudio .foldflow-route-dock[data-layout="visual-four"] > .foldflow-route-heading small {
  color:var(--journey-teal);
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
}
body.interface-mode-starter #starterStudio .foldflow-route-dock[data-layout="visual-four"] > .foldflow-route-heading b {
  color:var(--journey-ink);
  font-size:15px;
  text-align:right;
}
body.interface-mode-starter #starterStudio .foldflow-route-dock[data-layout="visual-four"] > button {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:132px auto auto;
  gap:4px 8px;
  min-width:0;
  min-height:206px;
  padding:7px 7px 10px;
  overflow:hidden;
  border:1px solid rgba(68,112,104,.2);
  border-radius:15px;
  color:var(--journey-ink);
  background:rgba(255,253,247,.9);
  text-align:left;
}
body.interface-mode-starter #starterStudio .foldflow-route-dock[data-layout="visual-four"] > button::after { display:none!important; }
body.interface-mode-starter #starterStudio .foldflow-route-dock[data-layout="visual-four"] > button .foldflow-route-visual {
  grid-column:1/-1;
  display:block;
  width:100%;
  height:132px;
  border-radius:10px;
  background-image:url("./assets/learning/starter-four-route-pencil-science-board-v1.png");
  background-repeat:no-repeat;
  background-size:400% auto;
  background-position:var(--route-x) 0%;
}
body.interface-mode-starter #starterStudio .foldflow-route-dock[data-layout="visual-four"] > button span {
  grid-column:1;
  grid-row:2;
  min-width:0;
  align-self:center;
  padding:0;
  color:var(--journey-teal);
  background:transparent;
  font-size:9px;
  font-weight:900;
  letter-spacing:.06em;
}
body.interface-mode-starter #starterStudio .foldflow-route-dock[data-layout="visual-four"] > button b {
  grid-column:2;
  grid-row:2;
  align-self:center;
  color:var(--journey-ink);
  font-size:15px;
}
body.interface-mode-starter #starterStudio .foldflow-route-dock[data-layout="visual-four"] > button small {
  grid-column:1/-1;
  grid-row:3;
  color:var(--journey-muted);
  font-size:10px;
  line-height:1.45;
}
body.interface-mode-starter #starterStudio .foldflow-route-dock[data-layout="visual-four"] > button.is-selected {
  border-color:var(--journey-teal);
  background:var(--journey-teal-soft);
  box-shadow:inset 0 -4px 0 var(--journey-teal),0 10px 24px rgba(52,86,78,.12);
}
body.interface-mode-starter #starterStudio .foldflow-route-dock[data-layout="visual-four"] > button[data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"].is-selected {
  border-color:var(--journey-violet);
  background:var(--journey-violet-soft);
  box-shadow:inset 0 -4px 0 var(--journey-violet),0 10px 24px rgba(93,65,127,.12);
}
body.interface-mode-starter #starterStudio .foldflow-route-dock[data-layout="visual-four"] > button[data-foldflow-route="VESSEL_BOTTLE"] { --route-x:0%; }
body.interface-mode-starter #starterStudio .foldflow-route-dock[data-layout="visual-four"] > button[data-foldflow-route="VESSEL_JAR"] { --route-x:33.333%; }
body.interface-mode-starter #starterStudio .foldflow-route-dock[data-layout="visual-four"] > button[data-foldflow-route="KRESLING_UV_REVEAL"] { --route-x:66.667%; }
body.interface-mode-starter #starterStudio .foldflow-route-dock[data-layout="visual-four"] > button[data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"] { --route-x:100%; }
body.interface-mode-starter #starterStudio .foldflow-route-dock[data-layout="visual-four"] > p {
  grid-column:1/-1;
  margin:0;
  padding:3px 4px 0;
  color:var(--journey-muted);
  font-size:10px;
}

/* The seven-step map now follows the selected branch instead of always showing the bird example. */
body.interface-mode-starter #starterStudio[data-foldflow-route="VESSEL_BOTTLE"] { --journey-route-x:0%; }
body.interface-mode-starter #starterStudio[data-foldflow-route="VESSEL_JAR"] { --journey-route-x:33.333%; }
body.interface-mode-starter #starterStudio[data-foldflow-route="KRESLING_UV_REVEAL"] { --journey-route-x:66.667%; }
body.interface-mode-starter #starterStudio[data-foldflow-route="CONTOUR_MASK_FOLD_FIELD"] { --journey-route-x:100%; }
body.interface-mode-starter #starterStudio[data-foldflow-route] .starter-stepper .journey-step-thumb {
  background-image:url("./assets/learning/starter-four-route-pencil-science-board-v1.png")!important;
  background-repeat:no-repeat;
  background-size:400% auto;
  background-position:var(--journey-route-x) var(--journey-step-y);
}
body.interface-mode-starter #starterStudio .starter-stepper button:nth-child(1) { --journey-step-y:0%; }
body.interface-mode-starter #starterStudio .starter-stepper button:nth-child(2) { --journey-step-y:18%; }
body.interface-mode-starter #starterStudio .starter-stepper button:nth-child(3) { --journey-step-y:36%; }
body.interface-mode-starter #starterStudio .starter-stepper button:nth-child(4) { --journey-step-y:54%; }
body.interface-mode-starter #starterStudio .starter-stepper button:nth-child(5) { --journey-step-y:68%; }
body.interface-mode-starter #starterStudio .starter-stepper button:nth-child(6) { --journey-step-y:84%; }
body.interface-mode-starter #starterStudio .starter-stepper button:nth-child(7) { --journey-step-y:100%; }

.starter-route-journey-stage {
  display:grid;
  grid-template-columns:minmax(300px,1.1fr) minmax(230px,.72fr);
  gap:18px;
  align-items:center;
  width:100%;
  min-height:430px;
  margin:0;
  padding:14px;
  border:1px solid rgba(68,112,104,.18);
  border-radius:16px;
  background:rgba(255,253,247,.88);
}
.starter-route-journey-visual {
  width:100%;
  height:400px;
  border-radius:13px;
  background-image:url("./assets/learning/starter-four-route-pencil-science-board-v1.png");
  background-repeat:no-repeat;
  background-size:400% auto;
  background-position:var(--route-x) var(--route-y);
}
.starter-route-journey-stage figcaption { display:grid; gap:8px; }
.starter-route-journey-stage figcaption small { color:var(--journey-teal); font-size:10px; font-weight:900; letter-spacing:.06em; }
.starter-route-journey-stage figcaption b { color:var(--journey-ink); font-size:clamp(21px,2vw,30px); line-height:1.25; }
.starter-route-journey-stage figcaption span { color:var(--journey-muted); font-size:13px; line-height:1.65; }

@media(max-width:1180px) {
  body.interface-mode-starter #starterStudio .foldflow-route-dock[data-layout="visual-four"] { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:820px) {
  .starter-route-journey-stage { grid-template-columns:1fr; }
  .starter-route-journey-visual { height:330px; }
}
@media(max-width:600px) {
  body.interface-mode-starter #starterStudio .foldflow-route-dock[data-layout="visual-four"] {
    display:flex;
    gap:8px;
    overflow-x:auto;
    scroll-snap-type:x proximity;
  }
  body.interface-mode-starter #starterStudio .foldflow-route-dock[data-layout="visual-four"] > .foldflow-route-heading,
  body.interface-mode-starter #starterStudio .foldflow-route-dock[data-layout="visual-four"] > p { display:none; }
  body.interface-mode-starter #starterStudio .foldflow-route-dock[data-layout="visual-four"] > button {
    flex:0 0 255px;
    scroll-snap-align:start;
  }
  .starter-route-journey-stage { min-height:0; padding:8px; }
  .starter-route-journey-visual { height:260px; }
}

/* ===== rc2.11.32.17 · pencil design freeze / three-column stage =====
   Frozen visual grammar: ivory graph paper, graphite object drawings, muted
   teal/ochre/lavender annotations.  Functional diagrams must show a complete
   object, one readable action and one visible result; never enlarge and crop a
   decorative fragment as if it were an explanation. */
body.interface-mode-starter {
  --pencil-freeze-paper:#fbf7ea;
  --pencil-freeze-ink:#304840;
  --pencil-freeze-teal:#477f74;
  --pencil-freeze-ochre:#c4913f;
  --pencil-freeze-violet:#80659b;
  overflow-x:hidden;
}
body.interface-mode-starter #starterStudio,
body.interface-mode-starter #starterStudio :where(.starter-flow-shell,.starter-workspace,.starter-task-drawer,.starter-preview-stage,.starter-wizard-card,.starter-task-drawer-body,.starter-step-panel) {
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
}

/* Seven complete panels: preserve the source ratio instead of sampling the
   four-route contact sheet at arbitrary Y positions. */
body.interface-mode-starter #starterStudio .starter-flow-sidebar .starter-stepper button {
  grid-template-rows:94px auto auto!important;
  min-height:148px!important;
}
body.interface-mode-starter #starterStudio .starter-flow-sidebar .starter-stepper button > span { height:94px!important; }
body.interface-mode-starter #starterStudio[data-foldflow-route] .starter-stepper .journey-step-thumb {
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:contain!important;
  background-color:#fffdf7;
}
body.interface-mode-starter #starterStudio .starter-stepper button:nth-child(1) .journey-step-thumb { background-image:url("./assets/learning/starter-journey-step-1-v1.png")!important; }
body.interface-mode-starter #starterStudio .starter-stepper button:nth-child(2) .journey-step-thumb { background-image:url("./assets/learning/starter-journey-step-2-v1.png")!important; }
body.interface-mode-starter #starterStudio .starter-stepper button:nth-child(3) .journey-step-thumb { background-image:url("./assets/learning/starter-journey-step-3-v1.png")!important; }
body.interface-mode-starter #starterStudio .starter-stepper button:nth-child(4) .journey-step-thumb { background-image:url("./assets/learning/starter-journey-step-4-v1.png")!important; }
body.interface-mode-starter #starterStudio .starter-stepper button:nth-child(5) .journey-step-thumb { background-image:url("./assets/learning/starter-journey-step-5-v1.png")!important; }
body.interface-mode-starter #starterStudio .starter-stepper button:nth-child(6) .journey-step-thumb { background-image:url("./assets/learning/starter-journey-step-6-v1.png")!important; }
body.interface-mode-starter #starterStudio .starter-stepper button:nth-child(7) .journey-step-thumb { background-image:url("./assets/learning/starter-journey-step-7-v1.png")!important; }

/* Left = functions, centre = screen, right = Kid Chi.  Left and centre are
   mathematically equal columns so the operation cards never collapse into
   vertical Chinese text. */
body.interface-mode-starter #starterStudio .starter-workspace {
  grid-template-columns:minmax(360px,1fr) minmax(360px,1fr) minmax(300px,340px)!important;
  grid-template-areas:"task stage rail"!important;
  gap:12px!important;
  align-items:start;
  width:100%;
  overflow:clip;
}
body.interface-mode-starter #starterStudio .starter-task-drawer {
  grid-area:task!important;
  order:0!important;
  align-self:stretch;
  margin:0!important;
  overflow:hidden!important;
  border-top:3px solid var(--pencil-freeze-teal)!important;
  border-radius:20px;
}
body.interface-mode-starter #starterStudio .starter-preview-stage {
  grid-area:stage!important;
  order:0!important;
  min-height:0!important;
  overflow:hidden!important;
  border-radius:20px;
}
body.interface-mode-starter #starterStudio .starter-wizard-card {
  grid-area:rail!important;
  order:0!important;
  min-width:300px;
  overflow:hidden!important;
}
body.interface-mode-starter #starterStudio .starter-task-drawer-body {
  overflow-x:hidden!important;
}
body.interface-mode-starter #starterStudio .starter-task-drawer :where(.starter-story-grid,.starter-proposal-grid,.starter-experience-grid,.starter-surface-template-grid,.starter-atmosphere-grid,.starter-pattern-stage,.starter-topology-source-grid,.starter-topology-mode-grid,.starter-topology-triptych) {
  grid-template-columns:repeat(2,minmax(150px,1fr))!important;
  max-width:100%;
}
body.interface-mode-starter #starterStudio .starter-task-drawer :where(button,article,figure,details,section,div) { min-width:0; }
body.interface-mode-starter #starterStudio .starter-task-drawer :where(p,small,span,b,strong,label,button) {
  writing-mode:horizontal-tb!important;
  word-break:normal;
  overflow-wrap:break-word;
}

/* The 3D viewport has a ceiling.  A screen may expand only after the explicit
   大舞台 action; ordinary steps stay beside the function column. */
body.interface-mode-starter #starterStudio .starter-surface-live-card {
  min-height:0!important;
  max-height:570px;
}
body.interface-mode-starter #starterStudio .starter-surface-live-card #starterSurfaceLivePreview,
body.interface-mode-starter #starterStudio .starter-surface-main-stage {
  height:clamp(390px,46vh,510px)!important;
  min-height:390px!important;
  max-height:510px!important;
}
body.interface-mode-starter #starterStudio .starter-surface-main-stage > canvas {
  height:100%!important;
  min-height:0!important;
  max-height:510px!important;
}
body.interface-mode-starter #starterStudio .foldflow-shape-stage,
body.interface-mode-starter #starterStudio .foldflow-mask-stage {
  min-height:0!important;
  max-height:570px;
}
body.interface-mode-starter #starterStudio .foldflow-shape-visual,
body.interface-mode-starter #starterStudio .foldflow-mask-visual {
  height:clamp(390px,46vh,480px)!important;
  min-height:0!important;
  overflow:hidden!important;
}
body.interface-mode-starter #starterStudio .starter-learning-stage,
body.interface-mode-starter #starterStudio .starter-concrete-journey-scene {
  min-height:0!important;
}
body.interface-mode-starter #starterStudio .starter-concrete-journey-scene,
body.interface-mode-starter #starterStudio .starter-concrete-journey-scene img { height:clamp(360px,43vh,470px)!important; }

/* Route previews show a whole route column.  The current action is described
   beside it; the picture itself is never vertically sliced. */
.starter-route-journey-stage {
  grid-template-columns:minmax(0,1fr)!important;
  gap:10px!important;
  min-height:0!important;
  padding:10px!important;
}
.starter-route-journey-visual {
  height:clamp(350px,42vh,455px)!important;
  background-size:400% 100%!important;
  background-position:var(--route-x) center!important;
}
.starter-route-journey-stage figcaption { padding:2px 5px 7px; }
.starter-route-journey-stage figcaption b { font-size:clamp(17px,1.45vw,23px); }

/* 2.14.8 screen semantics, reskinned with the frozen pencil system: one calm
   A47 field, a complete silhouette, and three viewing readings. */
.design-freeze-2d-legend rect { fill:#fffaf0; stroke:#75978f; stroke-opacity:.45; }
.design-freeze-2d-legend text { fill:#42665d; font-size:10px; font-weight:850; letter-spacing:.5px; }
.a47-silhouette-layer.is-full-elephant,
.a47-silhouette-layer.is-secret-house { fill:#d9caa8; stroke:#405f58; stroke-width:3; stroke-linejoin:round; stroke-linecap:round; }
.a47-silhouette-layer :where(.a47-elephant-ear,.a47-house-door,.a47-house-window) { fill:#f5ead0; }
.a47-silhouette-layer :where(.a47-elephant-trunk,.a47-elephant-leg,.a47-elephant-tusk,.a47-house-path,.a47-house-cross,.a47-story-trail,.a47-story-lens) { fill:none; stroke:#496f67; stroke-width:4; }
.a47-silhouette-layer .a47-elephant-eye { fill:#334b45; stroke:none; }
.a47-silhouette-layer .a47-story-lens { stroke:#7a9fa2; stroke-width:2; stroke-dasharray:7 7; }
.a47-silhouette-layer .a47-story-lens text,
.a47-silhouette-layer > text { fill:#4d6b63; stroke:none; font-size:13px; font-weight:800; }
.a47-story-footprints { fill:#9c7950; stroke:none; }
.starter-journey-stage-preview.is-story-sequence { background:var(--pencil-freeze-paper); }

/* Horizontal-bar regression: no preview click changes page X-position and no
   portal child is allowed to exceed its column. */
body.interface-mode-starter #starterStudio .starter-workspace,
body.interface-mode-starter #starterStudio .starter-task-drawer,
body.interface-mode-starter #starterStudio .starter-task-drawer-body,
body.interface-mode-starter #starterStudio .starter-preview-stage { overflow-x:clip!important; }

@media(max-width:1180px) {
  body.interface-mode-starter #starterStudio .starter-workspace {
    grid-template-columns:minmax(340px,1fr) minmax(340px,1fr)!important;
    grid-template-areas:"task stage" "rail rail"!important;
  }
  body.interface-mode-starter #starterStudio .starter-wizard-card { position:static; min-width:0; }
}
@media(max-width:760px) {
  body.interface-mode-starter #starterStudio .starter-workspace {
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"task" "stage" "rail"!important;
  }
  body.interface-mode-starter #starterStudio .starter-task-drawer :where(.starter-story-grid,.starter-proposal-grid,.starter-experience-grid,.starter-surface-template-grid,.starter-atmosphere-grid,.starter-pattern-stage,.starter-topology-source-grid,.starter-topology-mode-grid,.starter-topology-triptych) {
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.interface-mode-starter #starterStudio .starter-flow-sidebar .starter-stepper button { min-width:138px!important; }
}

/* ===== rc2.11.32.18 · rc29 stage / four-route home / step-to-screen ===== */

/* The recommendation engine still exists in the data layer, but the separate
   questionnaire is no longer a page.  All four equal routes are visible on
   entry, so a child can understand the whole choice space immediately. */
body.interface-mode-starter #creativeIntentOnboarding,
body.interface-mode-starter #creativeIntentOnboarding[hidden] { display:none!important; }
body.interface-mode-starter #foldflowRouteDock,
body.interface-mode-starter #starterFlowShell { visibility:visible; }

/* BUG 1: once the confirmed silhouette is portalled into the left function
   drawer it must become normal document flow, never an absolute floating card. */
#starterSilhouetteMemory[hidden] { display:none!important; }
body.interface-mode-starter #starterStudio .starter-task-drawer-body > #starterSilhouetteMemory:not([hidden]) {
  position:static!important;
  inset:auto!important;
  z-index:auto!important;
  display:grid;
  grid-template-columns:86px minmax(0,1fr);
  width:100%!important;
  max-width:none!important;
  margin:0 0 10px!important;
  transform:none!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}

/* Seven portrait illustrations are the navigation.  Their native 2:5 ratio
   gets a real image column instead of being shrunk inside a shallow banner. */
body.interface-mode-starter #starterStudio .starter-flow-sidebar .starter-stepper {
  grid-template-columns:repeat(7,minmax(185px,1fr))!important;
  gap:10px!important;
  padding:2px 2px 16px!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
}
body.interface-mode-starter #starterStudio .starter-flow-sidebar .starter-stepper button {
  grid-template-columns:90px minmax(0,1fr)!important;
  grid-template-rows:1fr 1fr!important;
  column-gap:10px!important;
  row-gap:3px!important;
  min-width:185px!important;
  min-height:196px!important;
  padding:9px!important;
  overflow:visible!important;
  border-radius:15px!important;
}
body.interface-mode-starter #starterStudio .starter-flow-sidebar .starter-stepper button > span {
  grid-column:1!important;
  grid-row:1 / 3!important;
  width:90px!important;
  height:176px!important;
  align-self:center;
  overflow:hidden!important;
  border:1px solid rgba(77,111,103,.16)!important;
  border-radius:11px!important;
}
body.interface-mode-starter #starterStudio[data-foldflow-route] .starter-stepper .journey-step-thumb {
  background-position:center!important;
  background-size:contain!important;
}
body.interface-mode-starter #starterStudio .starter-flow-sidebar .starter-stepper button b {
  grid-column:2;
  grid-row:1;
  align-self:end;
  padding:0!important;
  font-size:14px!important;
  line-height:1.35!important;
}
body.interface-mode-starter #starterStudio .starter-flow-sidebar .starter-stepper button small {
  grid-column:2;
  grid-row:2;
  align-self:start;
  padding:0!important;
  font-size:10.5px!important;
  line-height:1.45!important;
}
body.interface-mode-starter #starterStudio .starter-flow-sidebar .starter-stepper button.is-active::after {
  content:""!important;
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:-13px!important;
  display:block!important;
  width:0!important;
  height:0!important;
  transform:translateX(-50%);
  border:7px solid transparent!important;
  border-top-color:var(--journey-teal)!important;
  background:transparent!important;
}

/* Current concrete bird / elephant / house explanations remain available,
   but correctly live in the left function area after the rc29 screen return. */
body.interface-mode-starter #starterStudio .starter-drawer-observation-case {
  display:grid;
  gap:8px;
  margin:0 0 12px;
  padding:10px;
  overflow:hidden;
  border:1px solid rgba(71,127,116,.24);
  border-radius:15px;
  background:rgba(251,247,234,.78);
}
body.interface-mode-starter #starterStudio .starter-drawer-observation-case > header { display:grid; gap:2px; }
body.interface-mode-starter #starterStudio .starter-drawer-observation-case > header small { color:var(--pencil-freeze-teal); font-size:10px; font-weight:850; letter-spacing:.6px; }
body.interface-mode-starter #starterStudio .starter-drawer-observation-case > header b { color:var(--pencil-freeze-ink); font-size:15px; }
body.interface-mode-starter #starterStudio .starter-drawer-observation-case .starter-journey-stage-preview { width:100%; height:auto!important; max-height:300px; }

body.interface-mode-starter #starterStudio .starter-step-function-preview {
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  gap:12px;
  padding:16px;
  border:1px solid rgba(71,127,116,.25);
  border-radius:17px;
  background:linear-gradient(145deg,rgba(255,253,247,.98),rgba(236,243,237,.88));
}
body.interface-mode-starter #starterStudio .starter-step-function-preview > i {
  display:grid;
  place-items:center;
  align-self:start;
  width:52px;
  height:52px;
  border-radius:50%;
  color:#fff;
  background:var(--pencil-freeze-teal);
  font-size:18px;
  font-style:normal;
  font-weight:900;
}
body.interface-mode-starter #starterStudio .starter-step-function-preview > div { display:grid; gap:4px; }
body.interface-mode-starter #starterStudio .starter-step-function-preview > div small { color:var(--pencil-freeze-teal); font-size:10px; font-weight:850; letter-spacing:.7px; }
body.interface-mode-starter #starterStudio .starter-step-function-preview h3 { margin:0; color:var(--pencil-freeze-ink); font-size:clamp(19px,1.4vw,25px); line-height:1.25; }
body.interface-mode-starter #starterStudio .starter-step-function-preview p { margin:2px 0 0; color:#718078; font-size:12px; line-height:1.6; }
body.interface-mode-starter #starterStudio .starter-step-function-preview dl { grid-column:1/-1; display:grid; gap:7px; margin:3px 0 0; }
body.interface-mode-starter #starterStudio .starter-step-function-preview dl > div { display:grid; grid-template-columns:34px minmax(0,1fr); gap:8px; align-items:center; padding:9px 10px; border-radius:11px; background:rgba(255,255,255,.74); }
body.interface-mode-starter #starterStudio .starter-step-function-preview dt { display:grid; place-items:center; width:30px; height:30px; margin:0; border-radius:50%; color:#765f8c; background:#f0e9f7; font-size:11px; font-weight:900; }
body.interface-mode-starter #starterStudio .starter-step-function-preview dd { margin:0; color:#3e554d; font-size:12px; line-height:1.5; }

/* The 32.16 wrapper must obey the rc2.11.29 stage mode.  SUBJECT is the 2D
   object screen, ART is the 3D/atmosphere screen, and topology uses SURFACE. */
body.interface-mode-starter #starterStudio .starter-preview-stage > .starter-silhouette-stage { display:none!important; }
body.interface-mode-starter #starterStudio .starter-preview-stage[data-stage-mode="SUBJECT"] > .starter-silhouette-stage,
body.interface-mode-starter #starterStudio .starter-preview-stage[data-stage-mode="ART"] > .starter-silhouette-stage {
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
}
body.interface-mode-starter #starterStudio .starter-preview-stage[data-stage-mode="SUBJECT"] .starter-silhouette-stage .starter-canvas-card:not(.art) { display:block!important; }
body.interface-mode-starter #starterStudio .starter-preview-stage[data-stage-mode="SUBJECT"] .starter-silhouette-stage .starter-canvas-card.art { display:none!important; }
body.interface-mode-starter #starterStudio .starter-preview-stage[data-stage-mode="ART"] .starter-silhouette-stage .starter-canvas-card:not(.art) { display:none!important; }
body.interface-mode-starter #starterStudio .starter-preview-stage[data-stage-mode="ART"] .starter-silhouette-stage .starter-canvas-card.art { display:block!important; }

@media(max-width:1180px) {
  body.interface-mode-starter #starterStudio .starter-flow-sidebar .starter-stepper { grid-template-columns:repeat(7,185px)!important; }
}
@media(max-width:760px) {
  body.interface-mode-starter #starterStudio .starter-flow-sidebar .starter-stepper { grid-template-columns:repeat(7,176px)!important; }
  body.interface-mode-starter #starterStudio .starter-flow-sidebar .starter-stepper button {
    grid-template-columns:78px minmax(0,1fr)!important;
    min-width:176px!important;
    min-height:176px!important;
  }
  body.interface-mode-starter #starterStudio .starter-flow-sidebar .starter-stepper button > span { width:78px!important; height:156px!important; }
}

/* ===== rc2.11.32.19 · archaeology immersion / elephant layout repair ===== */

/* BUG: in the equal-width rc29 screen the former flex header could squeeze
   Chinese into one-character columns.  Every piece of instructional copy owns
   a full horizontal line and can never switch writing direction. */
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-silhouette-stage > header {
  grid-column:1!important;
  grid-row:auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-items:start!important;
  justify-self:stretch!important;
  align-self:start!important;
  gap:7px!important;
  width:auto!important;
  max-width:none!important;
}
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-silhouette-stage {
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  grid-auto-flow:row!important;
  align-items:stretch!important;
  justify-items:stretch!important;
}
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-silhouette-stage > .starter-canvas-card,
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-silhouette-stage > .starter-canvas-card.art {
  grid-column:1!important;
  grid-row:2!important;
}
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-preview-stage[data-stage-mode="SUBJECT"] > .starter-silhouette-stage,
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-preview-stage[data-stage-mode="ART"] > .starter-silhouette-stage {
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  grid-auto-flow:row!important;
  align-items:stretch!important;
  justify-items:stretch!important;
  align-content:stretch!important;
  justify-content:stretch!important;
  width:calc(100% - 24px)!important;
  min-width:0!important;
  max-width:none!important;
}
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-silhouette-stage > header :where(div,small,h3,p),
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-task-drawer :where(h1,h2,h3,h4,p,b,strong,small,span,button,label) {
  min-width:0!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-silhouette-stage > header p {
  max-width:none!important;
  text-align:left!important;
}
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-task-drawer .starter-proposal-grid {
  grid-template-columns:repeat(2,minmax(150px,1fr))!important;
  align-items:stretch!important;
}
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-task-drawer .starter-proposal-grid > button {
  display:grid!important;
  grid-template-rows:132px auto auto 1fr!important;
  align-content:start!important;
  min-height:245px!important;
}
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-task-drawer .starter-proposal-visual {
  width:100%!important;
  height:132px!important;
  margin:0 0 10px!important;
}

/* Sanxingdui is a separate dark archaeological place, not the pale three-
   column studio with a dark card inserted into it.  The faint graph paper and
   contour glints keep the frozen pencil language without weakening contrast. */
body.interface-mode-starter.paper-memory-immersive {
  overflow:hidden!important;
  background:#050807!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio.is-paper-memory-immersive {
  position:fixed!important;
  inset:0!important;
  z-index:2400!important;
  display:block!important;
  width:100vw!important;
  height:100vh!important;
  max-width:none!important;
  padding:12px!important;
  overflow:hidden!important;
  color:#e9e0ca!important;
  background:
    linear-gradient(rgba(117,151,143,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(117,151,143,.045) 1px,transparent 1px),
    radial-gradient(circle at 28% 24%,rgba(191,145,68,.15),transparent 28%),
    radial-gradient(circle at 78% 66%,rgba(94,72,122,.14),transparent 31%),
    #050807!important;
  background-size:28px 28px,28px 28px,auto,auto,auto!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio.is-paper-memory-immersive::before {
  content:"";
  position:fixed;
  inset:18px;
  z-index:-1;
  pointer-events:none;
  opacity:.34;
  border:1px solid rgba(216,186,125,.18);
  border-radius:28px;
  background:
    radial-gradient(ellipse at 8% 84%,transparent 0 34px,rgba(217,191,137,.12) 35px 36px,transparent 37px),
    radial-gradient(ellipse at 94% 13%,transparent 0 52px,rgba(110,169,145,.11) 53px 54px,transparent 55px);
}
body.interface-mode-starter.paper-memory-immersive #starterStudio :where(.foldflow-toolbar,.starter-welcome,.creative-intent-onboarding,.foldflow-route-dock,.starter-flow-sidebar,.starter-task-drawer) {
  display:none!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .starter-flow-shell {
  display:block!important;
  height:100%!important;
  min-height:0!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .starter-workspace {
  display:grid!important;
  grid-template-columns:minmax(680px,1fr) minmax(310px,360px)!important;
  grid-template-areas:"stage rail"!important;
  gap:12px!important;
  align-items:stretch!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .starter-preview-stage {
  grid-area:stage!important;
  position:static!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(214,179,105,.24)!important;
  border-radius:22px!important;
  background:rgba(6,11,9,.86)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.35)!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .starter-preview-head {
  display:flex!important;
  min-height:58px!important;
  padding:9px 12px!important;
  color:#e9e0ca!important;
  border-bottom:1px solid rgba(214,179,105,.16)!important;
  background:rgba(9,15,12,.94)!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .starter-preview-head :where(span,h3,b,output) { color:#e9e0ca!important; }
body.interface-mode-starter.paper-memory-immersive #starterStudio .starter-preview-head > div:first-child span { color:#76ac98!important; }
body.interface-mode-starter.paper-memory-immersive #starterStudio .starter-stage-zoom {
  border-color:rgba(216,186,125,.2)!important;
  background:#101814!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .starter-stage-zoom :where(button,input) { color:#eadfca!important; }
body.interface-mode-starter.paper-memory-immersive #starterStudio #starterStageExpandBtn {
  min-width:112px!important;
  color:#1a211b!important;
  border-color:#d5b36c!important;
  background:linear-gradient(135deg,#dab968,#8bb6a0)!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .foldflow-mask-stage {
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  grid-template-areas:"mask-head" "mask-visual" "mask-foot"!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0 0 21px 21px!important;
  background:transparent!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .foldflow-mask-stage > header,
body.interface-mode-starter.paper-memory-immersive #starterStudio .foldflow-mask-stage > footer {
  display:none!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .foldflow-mask-visual {
  grid-area:mask-visual!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-memory-stage-shell {
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
  background:radial-gradient(circle at 42% 34%,rgba(181,135,62,.14),transparent 24%),linear-gradient(150deg,#050807,#101814 62%,#120e16)!important;
  transform:none!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-memory-dual-stage {
  display:grid!important;
  grid-template-columns:minmax(0,1.45fr) minmax(320px,.8fr)!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-memory-main-view,
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-memory-change-pane {
  min-height:0!important;
  overflow:hidden auto!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-sculpt-primary-view,
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-sculpt-primary-view .paper-region-front-svg {
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-archaeology-action {
  padding:18px!important;
  border:1px solid rgba(216,186,125,.2)!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,rgba(38,30,20,.9),rgba(15,27,22,.92))!important;
}
.paper-excavation-field-note { display:grid; grid-template-columns:46px minmax(0,1fr); gap:12px; margin:12px; padding:15px; border:1px solid rgba(216,186,125,.16); border-radius:15px; background:rgba(255,255,255,.035); }
.paper-excavation-field-note > i { display:grid; place-items:center; width:46px; height:46px; border-radius:50%; color:#d8ba7d; background:rgba(216,186,125,.1); font-size:22px; font-style:normal; }
.paper-excavation-field-note > div { display:grid; gap:4px; min-width:0; }
.paper-excavation-field-note small { color:#77aa97; font-weight:850; }
.paper-excavation-field-note b { color:#e8ddc7; font-size:15px; line-height:1.45; }
.paper-excavation-field-note p { margin:0; color:#8fa097; font-size:11px; line-height:1.65; }
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-archaeology-action :where(b,p,span) { color:#e7dbc2!important; }
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-archaeology-action button {
  min-height:48px!important;
  color:#1a211b!important;
  background:linear-gradient(135deg,#d9b763,#86b49c)!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-sculpt-live-path.is-archaeology {
  stroke:#f0d695!important;
  stroke-width:24!important;
  stroke-opacity:.34!important;
  stroke-dasharray:10 8!important;
  filter:drop-shadow(0 0 8px rgba(238,207,139,.2))!important;
}

/* The right column is deliberately only Kid Chi: no legacy step card, no
   force-line panel, no duplicated task controls. */
body.interface-mode-starter.paper-memory-immersive #starterStudio .starter-wizard-card {
  grid-area:rail!important;
  position:static!important;
  display:block!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  min-width:0!important;
  padding:0!important;
  overflow:hidden auto!important;
  border:1px solid rgba(132,99,165,.32)!important;
  border-radius:22px!important;
  background:linear-gradient(165deg,rgba(20,17,25,.97),rgba(9,17,14,.98))!important;
  box-shadow:0 24px 70px rgba(0,0,0,.35)!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio :where(.starter-ai-step-coach,.starter-ai-tools-dock,.sanxingdui-route-panel,.starter-step-panel,.starter-silhouette-memory) {
  display:none!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio #starterKidChiCompanion {
  display:grid!important;
  min-height:100%!important;
  margin:0!important;
  padding:12px!important;
  color:#e7dece!important;
  border:0!important;
  background:transparent!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .kid-chi-dialogue {
  min-width:0!important;
  color:#e7dece!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .kid-chi-dialogue :where(h3,b,p,label,legend,small,span) { color:#ded6c9!important; }
body.interface-mode-starter.paper-memory-immersive #starterStudio .kid-chi-bubble,
body.interface-mode-starter.paper-memory-immersive #starterStudio .kid-chi-feedback-modes button,
body.interface-mode-starter.paper-memory-immersive #starterStudio .kid-chi-input-row input {
  color:#e7dece!important;
  border-color:rgba(122,174,151,.22)!important;
  background:#101b17!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .kid-chi-panel-toggle,
body.interface-mode-starter.paper-memory-immersive #starterStudio .kid-chi-input-row button {
  color:#fff!important;
  background:#76579a!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio :where(.starter-status,.starter-session-actions,.creative-epiphany-moment,.starter-change-stage,.starter-center-workbench,.starter-learning-stage,.starter-silhouette-stage,.starter-surface-live-card,.foldflow-shape-stage) {
  display:none!important;
}

/* Fallback page after Esc: the old force-line workbench is replaced by a small
   archaeology brief, so the pale studio never mixes incompatible dark cards. */
.sanxingdui-excavation-brief { display:grid; gap:12px; padding:14px; border-radius:16px; background:linear-gradient(145deg,#111b17,#17131a); }
.sanxingdui-excavation-brief > header { display:grid; grid-template-columns:44px minmax(0,1fr); gap:10px; align-items:start; }
.sanxingdui-excavation-brief > header > i { display:grid; place-items:center; width:44px; height:44px; border-radius:50%; color:#1b251f; background:#d2b56f; font-style:normal; font-weight:900; }
.sanxingdui-excavation-brief > header div { display:grid; gap:3px; min-width:0; }
.sanxingdui-excavation-brief > header small { color:#76ad98; font-weight:850; }
.sanxingdui-excavation-brief h3 { margin:0; color:#eee3cc; }
.sanxingdui-excavation-brief p,.sanxingdui-excavation-brief footer { margin:0; color:#9baca3; line-height:1.6; }
.sanxingdui-excavation-meter { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:5px 10px; align-items:center; }
.sanxingdui-excavation-meter > span { grid-column:1/-1; height:8px; overflow:hidden; border-radius:999px; background:rgba(255,255,255,.08); }
.sanxingdui-excavation-meter > span::after { content:""; display:block; width:var(--dig); height:100%; border-radius:inherit; background:linear-gradient(90deg,#d0ad61,#75ad96); }
.sanxingdui-excavation-meter b { color:#d9cba9; }
.sanxingdui-excavation-meter small { color:#7f9389; }
.sanxingdui-excavation-brief blockquote { margin:0; padding:12px; color:#dbcda9; border-left:3px solid #76579a; background:rgba(118,87,154,.12); font-family:Georgia,"Noto Serif SC",serif; }
.sanxingdui-excavation-brief > button.is-primary { min-height:46px; border:0; border-radius:12px; color:#172019; background:linear-gradient(135deg,#d9b763,#86b49c); font-weight:900; }
.sanxingdui-excavation-exports { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }

@media(max-width:1050px) {
  body.interface-mode-starter.paper-memory-immersive { overflow:auto!important; }
  body.interface-mode-starter.paper-memory-immersive #starterStudio.is-paper-memory-immersive { position:absolute!important; height:auto!important; min-height:100vh!important; overflow:auto!important; }
  body.interface-mode-starter.paper-memory-immersive #starterStudio .starter-workspace { grid-template-columns:minmax(0,1fr)!important; grid-template-areas:"stage" "rail"!important; height:auto!important; overflow:visible!important; }
  body.interface-mode-starter.paper-memory-immersive #starterStudio .starter-preview-stage,
  body.interface-mode-starter.paper-memory-immersive #starterStudio .starter-wizard-card { height:auto!important; min-height:620px!important; }
}
@media(max-width:760px) {
  body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-task-drawer .starter-proposal-grid { grid-template-columns:minmax(0,1fr)!important; }
  body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-memory-dual-stage { grid-template-columns:minmax(0,1fr)!important; grid-template-rows:auto auto!important; overflow:auto!important; }
  body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-memory-change-pane { border-top:1px solid rgba(214,179,105,.16)!important; border-left:0!important; }
}

/* ===== rc2.11.32.20 · tool excavation / coherent dark dialogue / route art repair ===== */

/* ===== rc2.11.32.21 · always-available side/back + rc18 route display ===== */

/* Keep the rc2.11.32.18 / rc29 home display exactly: a shallow horizontal
   window into each complete pencil-science work. */
body.interface-mode-starter #starterStudio .foldflow-route-dock[data-layout="visual-four"] > button {
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:132px auto auto!important;
  min-height:206px!important;
}
body.interface-mode-starter #starterStudio .foldflow-route-dock[data-layout="visual-four"] > button .foldflow-route-visual {
  height:132px!important;
  aspect-ratio:auto!important;
  background-size:400% auto!important;
  background-position:var(--route-x) 0%!important;
}

/* ===== rc2.11.32.22 · proposal storyboard repair ===== */

/* Route entry cards are complete subject readings, not the shallow home
   windows and not the seven portrait navigation thumbnails. */
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-task-drawer .starter-proposal-grid > button.has-subject-storyboard {
  grid-template-rows:auto auto auto 1fr!important;
}
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-proposal-visual.is-subject-storyboard {
  position:relative;
  display:block!important;
  width:100%!important;
  height:clamp(160px,16vw,230px)!important;
  margin:0 0 10px!important;
  overflow:hidden!important;
  border:1px solid rgba(73,111,103,.2);
  border-radius:12px!important;
  background:#fbf7ec;
}
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-proposal-visual.is-subject-storyboard img {
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:var(--proposal-focus,50%) center!important;
}
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-proposal-visual.is-subject-storyboard.is-focus-1 { --proposal-focus:6%; }
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-proposal-visual.is-subject-storyboard.is-focus-2 { --proposal-focus:50%; }
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-proposal-visual.is-subject-storyboard.is-focus-3 { --proposal-focus:94%; }
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-proposal-visual.is-subject-storyboard::after {
  content:"";
  position:absolute;
  inset:7px;
  border:1px solid rgba(73,111,103,.28);
  border-radius:8px;
  pointer-events:none;
}
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-proposal-visual.is-subject-storyboard > span {
  position:absolute;
  left:10px;
  bottom:10px;
  z-index:1;
  max-width:calc(100% - 20px);
  padding:5px 8px;
  border-radius:8px;
  color:#294a43;
  background:rgba(255,252,241,.9);
  box-shadow:0 3px 12px rgba(55,75,69,.1);
  font-size:10px;
  font-weight:850;
  line-height:1.3;
}

/* ===== rc2.11.32.23 · bird / house semantic branch crops ===== */

/* The bird board is close to the card's landscape ratio, so object-position
   alone barely changes the picture.  Zoom around three different anchors.
   The house board also receives a smaller zoom so its three readings no
   longer overlap across most of the same panels. */
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-proposal-visual.is-subject-storyboard img {
  transform:scale(var(--proposal-zoom,1));
  transform-origin:var(--proposal-focus,50%) 50%;
}
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-proposal-visual.is-bird-storyboard { --proposal-zoom:1.62; }
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-proposal-visual.is-house-storyboard { --proposal-zoom:1.28; }
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-proposal-visual.is-elephant-storyboard { --proposal-zoom:1; }

/* ===== rc2.11.32.24 · subject visual state journey =====
   Every child-facing decision is a picture change: the selected card and the
   3D stage share one subject, one step and one visible result. */
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-task-drawer .starter-proposal-grid,
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-task-drawer .starter-experience-grid,
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-task-drawer .starter-atmosphere-grid {
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  align-items:stretch!important;
}
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-task-drawer .starter-proposal-grid > button.has-subject-storyboard {
  grid-template-rows:clamp(176px,12.5vw,224px) auto auto 1fr!important;
  min-height:340px!important;
  padding:8px!important;
}
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-task-drawer .starter-proposal-visual.is-subject-storyboard {
  height:clamp(176px,12.5vw,224px)!important;
}
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-experience-grid > button.has-experience-visual,
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-atmosphere-grid > button.has-experience-visual {
  display:grid!important;
  grid-template-rows:clamp(190px,15vw,278px) auto auto auto!important;
  align-content:start!important;
  gap:7px!important;
  min-height:370px!important;
  padding:8px!important;
  overflow:hidden!important;
  border-radius:17px!important;
  background:#fffdf7!important;
}
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-experience-grid > button.has-experience-visual strong,
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-atmosphere-grid > button.has-experience-visual strong {
  font-size:15px!important;
  color:var(--pencil-freeze-ink)!important;
}
.starter-experience-visual {
  position:relative;
  display:block!important;
  width:100%!important;
  height:clamp(190px,15vw,278px)!important;
  margin:0!important;
  overflow:hidden;
  border:1px solid rgba(71,127,116,.22);
  border-radius:12px;
  background:
    linear-gradient(rgba(80,125,119,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(80,125,119,.055) 1px,transparent 1px),#fbf7ea;
  background-size:18px 18px;
}
.starter-experience-visual img {
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
.starter-experience-visual span {
  position:absolute;
  left:9px;
  right:9px;
  bottom:9px;
  padding:6px 8px;
  border-radius:8px;
  color:#2e554c;
  background:rgba(255,252,241,.92);
  box-shadow:0 3px 12px rgba(49,75,68,.13);
  font-size:11px;
  font-weight:900;
  text-align:center;
}
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-experience-grid > button.has-experience-visual.is-selected,
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-atmosphere-grid > button.has-experience-visual.is-selected {
  border-color:var(--pencil-freeze-teal)!important;
  background:#f1f8f4!important;
  box-shadow:inset 0 -5px 0 var(--pencil-freeze-teal),0 12px 24px rgba(52,86,78,.13)!important;
}

.starter-subject-visual-stage {
  display:grid;
  grid-template-rows:minmax(0,1fr) auto;
  gap:0;
  width:100%;
  height:100%;
  min-height:390px;
  margin:0;
  overflow:hidden;
  border:1px solid rgba(71,127,116,.25);
  border-radius:17px;
  color:var(--pencil-freeze-ink);
  background:#fffdf7;
}
/* The early 3D/atmosphere screen lives inside the legacy ART canvas slot.
   Give the replacement figure the whole slot so it cannot collapse to the
   old 380px SVG box or leave an empty strip below the illustration. */
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-silhouette-stage .starter-silhouette-visual > .starter-subject-visual-stage {
  align-self:stretch;
  justify-self:stretch;
  width:100%;
  height:clamp(420px,45vh,540px);
  min-height:420px;
}
.starter-subject-visual-art {
  position:relative;
  display:grid;
  place-items:center;
  min-height:0;
  overflow:hidden;
  background:
    linear-gradient(rgba(80,125,119,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(80,125,119,.06) 1px,transparent 1px),#fbf7ea;
  background-size:20px 20px;
}
.starter-subject-visual-art > img {
  display:block;
  width:100%;
  height:100%;
  min-height:0;
  object-fit:contain;
}
.starter-subject-visual-stage.is-proposal-board .starter-subject-visual-art > img {
  max-width:none;
  object-fit:cover;
  object-position:var(--subject-proposal-focus) center;
  transform:scale(var(--subject-proposal-zoom,1));
  transform-origin:var(--subject-proposal-focus) 50%;
}
.starter-subject-visual-stage.is-step-panel .starter-subject-visual-art > img { padding:8px; }
.starter-subject-visual-stage figcaption {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:3px;
  padding:12px 15px 14px;
  border-top:1px solid rgba(71,127,116,.18);
  background:rgba(255,253,247,.96);
}
.starter-subject-visual-stage figcaption small {
  color:var(--pencil-freeze-teal);
  font-size:9px;
  font-weight:900;
  letter-spacing:.07em;
}
.starter-subject-visual-stage figcaption b {
  color:var(--pencil-freeze-ink);
  font-size:clamp(17px,1.45vw,23px);
  line-height:1.25;
}
.starter-subject-visual-stage figcaption span {
  color:#687b75;
  font-size:11px;
  line-height:1.5;
}
.starter-subject-pattern-overlay {
  position:absolute;
  right:12px;
  bottom:12px;
  z-index:2;
  display:grid;
  gap:5px;
  width:min(38%,220px);
  padding:8px;
  border:1px solid rgba(71,127,116,.35);
  border-radius:12px;
  background:rgba(255,253,247,.94);
  box-shadow:0 8px 24px rgba(46,72,65,.14);
}
.starter-subject-pattern-overlay small { color:var(--pencil-freeze-teal); font-size:9px; font-weight:900; }
.starter-subject-pattern-overlay svg { display:block; width:100%; height:auto; max-height:150px; }

/* Later selections were already visual, but their pictures must read as
   options rather than postage-stamp symbols. */
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-pattern-stage button { min-height:300px!important; }
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-pattern-stage button > svg { width:100%!important; height:180px!important; margin-bottom:8px; }
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-surface-template-grid > button { min-height:260px!important; }
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-topology-source-grid img { width:100%!important; height:170px!important; object-fit:contain!important; }

@media(max-width:1380px) {
  body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-task-drawer .starter-proposal-grid,
  body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-task-drawer .starter-experience-grid,
  body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-task-drawer .starter-atmosphere-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
}
@media(max-width:760px) {
  body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-task-drawer .starter-proposal-grid,
  body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-task-drawer .starter-experience-grid,
  body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-task-drawer .starter-atmosphere-grid { grid-template-columns:minmax(0,1fr)!important; }
  .starter-subject-visual-stage { min-height:360px; }
}

/* One deliberate archaeology composition: tools on the left, the artifact in
   the centre, and Kid Chi on the right. */
body.interface-mode-starter.paper-memory-immersive #starterStudio .starter-workspace {
  grid-template-columns:minmax(0,1fr) minmax(320px,348px)!important;
  gap:14px!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .starter-preview-stage {
  border-color:rgba(208,173,102,.28)!important;
  background:#07100d!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-memory-stage-shell {
  grid-template-rows:minmax(0,1fr)!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-memory-stage-shell > header,
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-memory-stage-shell > .paper-memory-quote {
  display:none!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-memory-dual-stage {
  grid-template-columns:minmax(360px,1fr) minmax(560px,1fr)!important;
  grid-template-areas:"tools canvas"!important;
  gap:0!important;
  background:linear-gradient(90deg,#0b1511 0 50%,#07100d 50% 100%)!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-memory-change-pane {
  grid-area:tools!important;
  order:1!important;
  overflow:hidden auto!important;
  border:0!important;
  border-right:1px solid rgba(208,173,102,.18)!important;
  background:
    linear-gradient(rgba(119,159,146,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(119,159,146,.035) 1px,transparent 1px),
    linear-gradient(160deg,#0c1713,#15110f)!important;
  background-size:24px 24px,24px 24px,auto!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-memory-main-view {
  grid-area:canvas!important;
  order:2!important;
  place-items:start stretch!important;
  align-content:start!important;
  overflow:hidden!important;
  padding:12px!important;
  background:radial-gradient(circle at 48% 42%,rgba(190,144,69,.13),transparent 34%),#07100d!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-memory-change-pane > header {
  position:sticky!important;
  top:0!important;
  z-index:5!important;
  min-height:70px!important;
  padding:14px 16px!important;
  border-bottom:1px solid rgba(208,173,102,.16)!important;
  background:rgba(8,17,14,.95)!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-memory-change-pane > header small { color:#82baa3!important; font-size:10px!important; }
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-memory-change-pane > header b { color:#f0e5d0!important; font-size:15px!important; }
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-memory-change-pane > header span { color:#a9956d!important; font-size:10px!important; }

body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-sculpt-primary-view {
  display:grid!important;
  grid-template-rows:auto auto!important;
  align-content:start!important;
  align-self:start!important;
  gap:8px!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-sculpt-primary-view > figcaption {
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:12px!important;
  padding:8px 12px!important;
  border:1px solid rgba(209,174,103,.16)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.035)!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-sculpt-primary-view > figcaption b { color:#eadcc1!important; font-size:14px!important; }
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-sculpt-primary-view > figcaption span { color:#7fb39e!important; font-size:11px!important; text-align:right!important; }
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-region-front-svg {
  width:100%!important;
  height:auto!important;
  aspect-ratio:700/580!important;
  align-self:start!important;
  min-height:0!important;
  border-radius:18px!important;
}

/* Tool-led excavation: there is no global reveal button. */
.paper-excavation-field-note {
  margin:14px!important;
  padding:14px!important;
  border-color:rgba(208,173,102,.18)!important;
  background:rgba(255,255,255,.035)!important;
}
.paper-excavation-field-note > i { color:#eed69c!important; background:#2a2115!important; }
.paper-excavation-field-note small { color:#80b79f!important; font-size:10px!important; }
.paper-excavation-field-note b { color:#f0e4ce!important; font-size:17px!important; }
.paper-excavation-field-note p { color:#9eaea5!important; font-size:12px!important; }
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-memory-sculpt-dock.is-archaeology {
  width:auto!important;
  margin:14px!important;
  padding:0!important;
  gap:13px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-archaeology-action {
  place-items:start!important;
  min-height:150px!important;
  padding:15px!important;
  text-align:left!important;
  background:linear-gradient(145deg,rgba(43,33,20,.88),rgba(13,28,23,.92))!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-archaeology-action span { color:#81b7a0!important; font-size:10px!important; font-weight:850!important; }
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-archaeology-action b { color:#f1e5cf!important; font-size:19px!important; line-height:1.4!important; }
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-archaeology-action p { color:#a3b0aa!important; font-size:12px!important; line-height:1.7!important; }
.paper-excavation-toolbox {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.paper-excavation-toolbox > button {
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  grid-template-rows:auto auto;
  gap:2px 8px;
  min-width:0;
  min-height:76px;
  padding:10px;
  border:1px solid rgba(128,181,159,.18);
  border-radius:13px;
  color:#d7e3dd;
  background:#101c18;
  text-align:left;
  cursor:pointer;
}
.paper-excavation-toolbox > button i {
  grid-row:1/3;
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  align-self:center;
  border-radius:11px;
  color:#dfc277;
  background:#272116;
  font-style:normal;
  font-size:19px;
}
.paper-excavation-toolbox > button b { align-self:end; color:#e8dfcf; font-size:13px; }
.paper-excavation-toolbox > button small { color:#84958d; font-size:9px; line-height:1.35; }
.paper-excavation-toolbox > button.is-active {
  border-color:#d7b566;
  background:linear-gradient(145deg,#2b2417,#13231d);
  box-shadow:inset 0 -3px #d7b566,0 8px 20px rgba(0,0,0,.2);
}
.paper-excavation-controls {
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:10px!important;
  padding:12px!important;
  border:1px solid rgba(128,181,159,.14)!important;
  border-radius:13px!important;
  background:#0d1714!important;
}
.paper-excavation-controls > div { display:grid; gap:2px; }
.paper-excavation-controls > div b { color:#eadfc8!important; font-size:12px!important; }
.paper-excavation-controls > div span { color:#7e9188!important; font-size:9px!important; }
.paper-excavation-controls nav { display:flex; gap:6px; }
.paper-excavation-controls button { min-height:36px; padding:7px 10px; border:1px solid rgba(209,174,103,.2); border-radius:9px; color:#d4c7aa; background:#17221e; }
.paper-excavation-controls button:disabled { opacity:.35; }
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-sculpt-live-path.is-archaeology {
  stroke-width:var(--dig-width,68px)!important;
  stroke:#f2ddaa!important;
  stroke-opacity:.24!important;
  stroke-dasharray:none!important;
}
.paper-excavated-view-details { margin:0 14px 14px; border:1px solid rgba(128,181,159,.14); border-radius:13px; background:#0e1815; }
.paper-excavated-view-details > summary { padding:11px 13px; color:#9fb2a8; font-size:11px; cursor:pointer; }
.paper-excavated-view-details .paper-sculpt-mini-views { padding:0 10px 10px; }

/* Kid Chi uses the same archaeological palette; no white cards float inside
   the dark rail. */
body.interface-mode-starter.paper-memory-immersive #starterStudio .starter-wizard-card {
  border-color:rgba(122,174,151,.24)!important;
  background:linear-gradient(165deg,#0d1714,#111018)!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio #starterKidChiCompanion {
  background:
    radial-gradient(circle at 10% 7%,rgba(65,155,190,.12),transparent 23%),
    linear-gradient(165deg,#0e1815,#121019)!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .kid-chi-dialogue > header {
  padding-bottom:10px!important;
  border-bottom:1px solid rgba(126,177,156,.14)!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .kid-chi-dialogue > header h3 { color:#f0e5d3!important; opacity:1!important; }
body.interface-mode-starter.paper-memory-immersive #starterStudio #kidChiContextBadge {
  color:#a9b8b0!important;
  border-color:rgba(126,177,156,.2)!important;
  background:#15221e!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .kid-chi-panel-toggle,
body.interface-mode-starter.paper-memory-immersive #starterStudio .kid-chi-input-row button {
  color:#151c18!important;
  background:linear-gradient(135deg,#d4b66d,#83b49e)!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .kid-chi-bubble {
  border-color:rgba(126,177,156,.2)!important;
  background:#14221d!important;
  box-shadow:none!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .kid-chi-bubble::before { background:#14221d!important; border-color:rgba(126,177,156,.2)!important; }
body.interface-mode-starter.paper-memory-immersive #starterStudio .kid-chi-bubble p { color:#d7e2dc!important; font-size:12px!important; }
body.interface-mode-starter.paper-memory-immersive #starterStudio .kid-chi-feedback-modes {
  border-color:rgba(126,177,156,.18)!important;
  background:#0c1713!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .kid-chi-feedback-modes legend { color:#9eb0a7!important; }
body.interface-mode-starter.paper-memory-immersive #starterStudio .kid-chi-feedback-modes button {
  color:#d4dfd9!important;
  border-color:rgba(126,177,156,.12)!important;
  background:#14211d!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .kid-chi-feedback-modes button i { color:#a8c3b7!important; background:#20332b!important; }
body.interface-mode-starter.paper-memory-immersive #starterStudio .kid-chi-feedback-modes button small { color:#7f9389!important; }
body.interface-mode-starter.paper-memory-immersive #starterStudio .kid-chi-feedback-modes button.is-active { border-color:#d3b46a!important; background:#282215!important; }
body.interface-mode-starter.paper-memory-immersive #starterStudio .kid-chi-feedback-modes button.is-active i { color:#1a211c!important; background:#d3b46a!important; }
body.interface-mode-starter.paper-memory-immersive #starterStudio .kid-chi-memory-status {
  border-left-color:#78ad97!important;
  color:#d9e3dd!important;
  background:#11201b!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .kid-chi-memory-status span { color:#82968c!important; }
body.interface-mode-starter.paper-memory-immersive #starterStudio .kid-chi-live-journey {
  color:#d7e1dc!important;
  border-color:rgba(126,177,156,.16)!important;
  background:linear-gradient(145deg,#101c18,#17131b)!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .kid-chi-live-journey :where(header b,blockquote) { color:#dbe4df!important; }
body.interface-mode-starter.paper-memory-immersive #starterStudio .kid-chi-live-journey :where(header small,article small) { color:#7f978c!important; }
body.interface-mode-starter.paper-memory-immersive #starterStudio .kid-chi-live-journey > header > span { color:#bdd3c9!important; background:#1a2c25!important; }
body.interface-mode-starter.paper-memory-immersive #starterStudio .kid-chi-live-journey > nav button,
body.interface-mode-starter.paper-memory-immersive #starterStudio .kid-chi-live-journey footer button {
  color:#aebfb7!important;
  border-color:rgba(126,177,156,.18)!important;
  background:#14221d!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .kid-chi-live-journey > nav button[aria-pressed="true"] { color:#1a211c!important; border-color:#d4b66d!important; background:#d4b66d!important; }
body.interface-mode-starter.paper-memory-immersive #starterStudio .kid-chi-live-question { color:#d8e2dd!important; border-left-color:#79ad98!important; background:#14221d!important; }
body.interface-mode-starter.paper-memory-immersive #starterStudio .kid-chi-input-row label,
body.interface-mode-starter.paper-memory-immersive #starterStudio .kid-chi-boundary { color:#82968c!important; }
body.interface-mode-starter.paper-memory-immersive #starterStudio .kid-chi-input-row input { color:#e0e7e3!important; border-color:rgba(126,177,156,.22)!important; background:#0e1a16!important; }

@media(max-width:1280px) {
  body.interface-mode-starter.paper-memory-immersive #starterStudio .starter-workspace { grid-template-columns:minmax(0,1fr) minmax(300px,330px)!important; }
  body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-memory-dual-stage { grid-template-columns:minmax(320px,.86fr) minmax(480px,1.14fr)!important; }
  .paper-excavation-toolbox { grid-template-columns:minmax(0,1fr)!important; }
}
@media(max-width:980px) {
  body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-memory-dual-stage {
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"canvas" "tools"!important;
    grid-template-rows:minmax(540px,70vh) auto!important;
  }
}

/* rc2.11.32.26 · composite 2D / 3D / topology evidence + portable journey */
.starter-preview-stage :where(.is-personal-composite,.is-pattern-topology.is-contained) {
  width:100%!important;
  height:auto!important;
  max-height:100%!important;
  object-fit:contain!important;
}

/* ===== rc2.11.32.25 · visual semantics / sticky stage =====
   The atmosphere step keeps its original three meanings.  Only the symbol is
   enlarged; a previous subject scene is never recycled as an atmosphere. */
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-task-drawer .starter-atmosphere-grid {
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-atmosphere-grid > button.has-atmosphere-icon {
  display:grid!important;
  grid-template-rows:116px auto auto 1fr!important;
  align-content:start!important;
  gap:8px!important;
  min-height:250px!important;
  padding:12px!important;
  overflow:hidden!important;
  border-radius:17px!important;
  background:#fffdf7!important;
}
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-atmosphere-grid > button.has-atmosphere-icon .starter-card-icon {
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:116px!important;
  margin:0!important;
  border:1px solid rgba(71,127,116,.2);
  border-radius:13px;
  color:#a7732f!important;
  background:
    linear-gradient(rgba(80,125,119,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(80,125,119,.055) 1px,transparent 1px),#fbf7ea;
  background-size:18px 18px;
  font-size:72px!important;
  line-height:1!important;
}
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-atmosphere-grid > button.has-atmosphere-icon strong {
  color:var(--pencil-freeze-ink)!important;
  font-size:16px!important;
}
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-atmosphere-grid > button.has-atmosphere-icon.is-selected {
  border-color:var(--pencil-freeze-teal)!important;
  background:#f1f8f4!important;
  box-shadow:inset 0 -5px 0 var(--pencil-freeze-teal),0 12px 24px rgba(52,86,78,.13)!important;
}

.starter-subject-atmosphere-overlay {
  position:absolute;
  left:14px;
  bottom:14px;
  z-index:3;
  display:grid;
  grid-template-columns:64px minmax(0,1fr);
  align-items:center;
  gap:10px;
  max-width:min(78%,320px);
  padding:10px 13px;
  border:1px solid rgba(71,127,116,.3);
  border-radius:15px;
  background:rgba(255,253,247,.94);
  box-shadow:0 10px 26px rgba(46,72,65,.15);
}
.starter-subject-atmosphere-overlay > i {
  display:grid;
  place-items:center;
  width:64px;
  height:64px;
  border-radius:13px;
  color:#a7732f;
  background:#f7edd7;
  font-size:42px;
  font-style:normal;
}
.starter-subject-atmosphere-overlay > div { display:grid; gap:2px; }
.starter-subject-atmosphere-overlay small { color:#668079; font-size:9px; font-weight:850; }
.starter-subject-atmosphere-overlay b { color:#294b43; font-size:15px; }

/* The silhouette memory belongs to the 2D stage.  It is a calm, full-width
   reference screen and can no longer be portalled into or covered by tools. */
#starterSilhouetteMemory[hidden] { display:none!important; }
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-preview-stage > #starterSilhouetteMemory:not([hidden]) {
  position:static!important;
  inset:auto!important;
  z-index:auto!important;
  order:1!important;
  display:grid!important;
  grid-template-columns:118px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  width:auto!important;
  max-width:none!important;
  min-height:92px!important;
  margin:10px 12px 0!important;
  padding:9px!important;
  transform:none!important;
  border:1px solid rgba(71,127,116,.24)!important;
  border-radius:15px!important;
  background:#fffdf7!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}

/* ===== demo clean4.4 · stage overlay authority =====
   Later sticky-stage rules used higher specificity than the original
   `.is-expanded-stage` block.  The backdrop therefore covered a stage that
   had already been forced back into its normal column.  This authority
   selector ensures the explicit 大舞台 action owns viewport positioning. */
body.interface-mode-starter.starter-stage-expanded:not(.paper-memory-immersive) {
  overflow:hidden!important;
}
body.interface-mode-starter.starter-stage-expanded:not(.paper-memory-immersive) #starterStudio .starter-preview-stage.is-expanded-stage {
  position:fixed!important;
  inset:12px!important;
  top:12px!important;
  z-index:2100!important;
  width:auto!important;
  height:auto!important;
  max-height:calc(100vh - 24px)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  border:1px solid rgba(72,104,90,.28)!important;
  border-radius:22px!important;
  background:#fbfaf6!important;
  box-shadow:0 34px 100px rgba(12,30,24,.42)!important;
}
body.interface-mode-starter.starter-stage-expanded:not(.paper-memory-immersive)::after {
  display:block!important;
  z-index:2099!important;
  pointer-events:none;
}

/* 三星堆考古完成页只有一个正确出口：三项报告。 */
.paper-archaeology-output-grid.is-report-only,
.sanxingdui-excavation-exports.is-report-only {
  grid-template-columns:minmax(0,1fr)!important;
}
.paper-archaeology-output-grid.is-report-only button,
.sanxingdui-excavation-exports.is-report-only button {
  min-height:62px;
  border-color:rgba(214,181,102,.52);
  background:linear-gradient(135deg,#192a23,#2c2a1d);
  font-weight:900;
}
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-preview-stage > #starterSilhouetteMemory img {
  width:118px!important;
  height:74px!important;
  object-fit:contain!important;
  border-radius:10px!important;
}
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-preview-stage > #starterSilhouetteMemory small { font-size:9px!important; }
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-preview-stage > #starterSilhouetteMemory b { font-size:12px!important; }
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-preview-stage > #starterSilhouetteMemory button { font-size:10px!important; }

/* UV and topology controls stay compact on the left while the centre screen
   remains in the child's sightline. */
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-task-drawer :where(.starter-topology-source-grid,.starter-topology-mode-grid,.starter-topology-triptych) {
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-task-drawer .starter-topology-source-grid img {
  height:128px!important;
  object-fit:contain!important;
}

@media(min-width:761px) {
  /* `overflow-x: clip` on both html and body makes body compute to a
     non-scrolling `overflow-y:auto` container in Chromium.  Sticky children
     then follow that inert container instead of the viewport.  Let the root
     element own horizontal clipping and keep body in normal document flow. */
  html { overflow-x:clip!important; }
  body.interface-mode-starter:not(.paper-memory-immersive) { overflow:visible!important; }
  /* A clipped grid ancestor cancels viewport stickiness even when the stage
     itself computes to `position: sticky`.  Keep clipping on the individual
     columns and let the workspace remain a normal vertical containing block. */
  body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-workspace {
    overflow:visible!important;
  }
  body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-preview-stage {
    position:sticky!important;
    top:72px!important;
    z-index:8;
    align-self:start!important;
    max-height:calc(100vh - 86px)!important;
    overflow-x:clip!important;
    overflow-y:auto!important;
    scrollbar-gutter:stable;
    box-shadow:0 16px 42px rgba(43,67,59,.12);
  }
}

@media(max-width:1180px) {
  body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-task-drawer .starter-atmosphere-grid,
  body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-task-drawer :where(.starter-topology-source-grid,.starter-topology-mode-grid,.starter-topology-triptych) {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:760px) {
  body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-task-drawer .starter-atmosphere-grid,
  body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-task-drawer :where(.starter-topology-source-grid,.starter-topology-mode-grid,.starter-topology-triptych) {
    grid-template-columns:minmax(0,1fr)!important;
  }
}

/* rc2.11.32.28 final cascade lock: these density relationships intentionally
   follow every historical compatibility layer above. */
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-task-drawer,
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-task-drawer-body,
body.interface-mode-starter:not(.paper-memory-immersive) #starterStudio .starter-task-drawer-body > .starter-step-panel {
  align-self:start!important;
  align-content:start!important;
  grid-auto-rows:max-content!important;
  height:auto!important;
  min-height:0!important;
}
body.interface-mode-starter #starterStudio #starterKidChiCompanion { position:relative!important; display:block!important; min-width:0!important; padding:10px!important; }
body.interface-mode-starter #starterStudio #starterKidChiCompanion .kid-chi-avatar-wrap { position:absolute!important; top:9px!important; left:9px!important; z-index:5; width:64px!important; height:72px!important; min-height:72px!important; }
body.interface-mode-starter #starterStudio #starterKidChiCompanion .kid-chi-dialogue { width:100%!important; }
body.interface-mode-starter #starterStudio #starterKidChiCompanion .kid-chi-dialogue > header { min-height:76px!important; padding-left:72px!important; }
body.interface-mode-starter #starterStudio #starterKidChiCompanion .kid-chi-panel-body { width:100%!important; margin-top:7px!important; }
body.interface-mode-starter #starterStudio #starterKidChiCompanion :where(.kid-chi-bubble,.kid-chi-turns,.kid-chi-feedback-modes,.kid-chi-memory-status,.kid-chi-live-journey,.kid-chi-input-row,.kid-chi-boundary) { width:100%!important; margin-left:0!important; }
body.interface-mode-starter #starterStudio #starterKidChiCompanion .kid-chi-bubble::before { display:none!important; }

body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-memory-dual-stage { grid-template-columns:minmax(300px,.48fr) minmax(720px,1.72fr)!important; grid-template-areas:"tools canvas"!important; }
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-memory-dual-stage.is-tools-collapsed { grid-template-columns:70px minmax(0,1fr)!important; }
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-memory-main-view { display:block!important; height:100%!important; min-height:0!important; padding:10px!important; }
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-memory-change-pane > header { grid-template-columns:minmax(0,1fr) auto!important; align-items:center!important; }
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-memory-dual-stage.is-tools-collapsed .paper-memory-change-pane > :not(header) { display:none!important; }
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-memory-dual-stage.is-tools-collapsed .paper-memory-change-pane > header > :not(button) { display:none!important; }
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-memory-dual-stage.is-tools-collapsed .paper-memory-change-pane > header { grid-template-columns:1fr!important; justify-items:center!important; height:100%!important; padding:12px 7px!important; }
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-memory-dual-stage.is-tools-collapsed .paper-memory-change-pane > header > button { grid-column:1!important; grid-row:1!important; min-width:42px!important; writing-mode:vertical-rl; }
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-sculpt-view-ensemble { display:grid!important; grid-template-columns:minmax(0,1fr) 178px!important; gap:10px!important; width:100%!important; height:100%!important; }
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-sculpt-view-ensemble .paper-sculpt-primary-view { height:100%!important; min-height:620px!important; grid-template-rows:auto minmax(0,1fr)!important; }
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-sculpt-view-ensemble .paper-region-front-svg { width:100%!important; height:100%!important; aspect-ratio:auto!important; }
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-sculpt-view-stack { display:grid!important; grid-template-rows:repeat(3,minmax(0,1fr))!important; gap:8px!important; min-height:620px!important; }
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-sculpt-view-stack > figure { display:grid!important; grid-template-rows:auto minmax(0,1fr)!important; min-height:0!important; margin:0!important; overflow:hidden!important; }
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-sculpt-view-stack svg { width:100%!important; height:100%!important; }

@media(max-width:1280px) {
  body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-memory-dual-stage { grid-template-columns:minmax(270px,.48fr) minmax(560px,1.52fr)!important; }
  body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-sculpt-view-ensemble { grid-template-columns:minmax(0,1fr) 144px!important; }
}
@media(max-width:980px) {
  body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-memory-dual-stage,
  body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-memory-dual-stage.is-tools-collapsed { grid-template-columns:minmax(0,1fr)!important; grid-template-areas:"canvas" "tools"!important; grid-template-rows:auto auto!important; }
  body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-sculpt-view-ensemble { grid-template-columns:minmax(0,1fr)!important; height:auto!important; }
  body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-sculpt-view-stack { grid-template-columns:repeat(3,minmax(0,1fr))!important; grid-template-rows:190px!important; min-height:0!important; }
}

/* ===== demo-clean4 · report truth / route isolation / Sanxingdui rail ===== */
body[data-build-mode="DEMO"] :where(#expertModeBtn,#expertStudio,#starterOpenExpertBtn) {
  display:none!important;
}
body[data-build-mode="DEMO"] .interface-mode-switch {
  grid-template-columns:minmax(156px,1fr)!important;
}

/* Every project card owns its own hit area.  A later visual layer must never
   stretch over a neighbouring card and route a click to Sanxingdui. */
body.interface-mode-starter #starterStudio .foldflow-route-dock > button[data-foldflow-route] {
  position:relative!important;
  z-index:1!important;
  isolation:isolate;
  pointer-events:auto!important;
}
body.interface-mode-starter #starterStudio .foldflow-route-dock > button[data-foldflow-route] > * {
  pointer-events:none;
}

/* Give the conversation rail enough real width, then spend the recovered
   centre-stage space on the work rather than a wide horizontal tool row. */
body.interface-mode-starter.paper-memory-immersive #starterStudio .starter-workspace {
  grid-template-columns:minmax(660px,1fr) minmax(400px,430px)!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-memory-dual-stage {
  grid-template-columns:minmax(250px,.38fr) minmax(620px,1.8fr)!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-excavation-toolbox {
  grid-template-columns:minmax(0,1fr)!important;
}

/* clean4.3: the Mountain Bottle step-8 control belongs in the actual step,
   not in a distant route rail.  Keep preview, motion and the delivery gate in
   one readable block. */
.mountain-bottle-step-eight {
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);
  gap:14px;
  align-items:stretch;
}
.mountain-bottle-step-eight .route-shape-inline-preview {
  min-height:360px;
  margin:0;
  overflow:hidden;
  border:1px solid rgba(90,126,112,.18);
  border-radius:18px;
  background:#f7f3ea;
}
.mountain-bottle-step-eight .route-shape-inline-preview > svg { display:block; width:100%; height:100%; }
.mountain-bottle-step-eight .bottle-reveal-only-control {
  display:grid;
  align-content:center;
  gap:14px;
  padding:18px;
  border:1px solid rgba(116,87,154,.2);
  border-radius:18px;
  background:linear-gradient(145deg,#fffdf8,#f2edf7);
}
.mountain-bottle-step-eight .bottle-reveal-only-control > small { color:#76579a; font-size:12px; font-weight:850; }
.mountain-bottle-step-eight .bottle-reveal-only-control > div { display:flex; flex-wrap:wrap; gap:7px; }
.mountain-bottle-step-eight .bottle-reveal-only-control > div span { padding:7px 9px; border-radius:999px; color:#486257; background:#edf3ef; font-size:11px; }
.mountain-bottle-step-eight .bottle-reveal-only-control label { display:grid; grid-template-columns:1fr auto; gap:8px; color:#344d43; font-size:15px; font-weight:900; }
.mountain-bottle-step-eight .bottle-reveal-only-control input { grid-column:1/-1; width:100%; accent-color:#76579a; }
.mountain-bottle-step-eight .bottle-reveal-only-control p { margin:0; color:#66766e; font-size:13px; line-height:1.7; }
.mountain-bottle-step-eight .route-shape-proof { grid-column:1/-1; }
.starter-topology-source-grid button[data-built-in-topology-image="INHERITED_DESIGN"] svg {
  display:block;
  width:100%;
  aspect-ratio:5/3;
  border-radius:12px;
  object-fit:cover;
}
.starter-topology-source-grid button[data-built-in-topology-image="INHERITED_DESIGN"].is-selected {
  border-color:#5f8d7d;
  box-shadow:inset 0 -4px #5f8d7d,0 10px 24px rgba(56,94,80,.12);
}

/* clean4.3: Sanxingdui's child-facing epigraph and final handoff are always
   visible.  The former 8–10px rail copy was not readable at demo distance. */
.sanxingdui-brand-epigraph {
  display:flex;
  align-items:baseline;
  gap:10px;
  margin:0;
  padding:11px 16px;
  border-block:1px solid rgba(212,177,104,.18);
  color:#ead9ad;
  background:linear-gradient(90deg,rgba(118,87,154,.18),rgba(16,28,24,.96));
  font-family:Georgia,"Noto Serif SC",serif;
}
.sanxingdui-brand-epigraph b { font-size:17px; }
.sanxingdui-brand-epigraph span { color:#9fc1b1; font-size:14px; }
.paper-archaeology-finale { display:grid; gap:9px; padding:16px; border-radius:15px; background:linear-gradient(145deg,rgba(43,33,20,.9),rgba(13,28,23,.96)); }
.paper-archaeology-finale small { color:#83b9a2; font-size:12px; font-weight:900; }
.paper-archaeology-finale blockquote { margin:0; color:#f1dca5; font:850 20px/1.5 Georgia,"Noto Serif SC",serif; }
.paper-archaeology-finale p { margin:0; color:#bac5bf; font-size:14px; line-height:1.75; }
.paper-archaeology-output-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.paper-archaeology-output-grid button { display:grid; gap:4px; min-height:76px; padding:12px; border:1px solid rgba(211,181,111,.24); border-radius:13px; color:#eee1c8; background:#13211c; text-align:left; cursor:pointer; }
.paper-archaeology-output-grid button:hover { border-color:#d5b56b; background:#1c2d26; }
.paper-archaeology-output-grid button b { font-size:14px; }
.paper-archaeology-output-grid button small { color:#91a69c; font-size:12px; line-height:1.45; }
.sanxingdui-excavation-brief blockquote { display:grid; gap:5px; }
.sanxingdui-excavation-brief blockquote b { font-size:15px; }
.sanxingdui-excavation-brief blockquote small { color:#93a69d; font-family:system-ui,sans-serif; font-size:11px; }
.sanxingdui-excavation-exports { grid-template-columns:repeat(2,minmax(0,1fr)); }
.sanxingdui-excavation-exports button { min-height:44px; padding:8px; font-size:12px; }

.paper-memory-change-pane > header small { font-size:11px; }
.paper-memory-change-pane > header b { font-size:15px; line-height:1.45; }
.paper-memory-change-pane > header span { font-size:11px; }
.paper-memory-quote { font-size:12px!important; line-height:1.65; }
.paper-excavation-field-note small { font-size:12px!important; }
.paper-excavation-field-note b { font-size:18px!important; }
.paper-excavation-field-note p { font-size:14px!important; line-height:1.7!important; }
.paper-archaeology-action span { font-size:12px; }
.paper-archaeology-action b { font-size:19px; line-height:1.45; }
.paper-archaeology-action p { font-size:14px; line-height:1.7; }
.paper-excavation-toolbox > button b { font-size:15px; }
.paper-excavation-toolbox > button small { font-size:12px; line-height:1.45; }
.paper-excavation-controls > div b { font-size:14px!important; }
.paper-excavation-controls > div span { font-size:12px!important; }
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-archaeology-action span { font-size:12px!important; }
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-archaeology-action b { font-size:20px!important; }
body.interface-mode-starter.paper-memory-immersive #starterStudio .paper-archaeology-action p { font-size:14px!important; }

@media (max-width:980px) {
  .mountain-bottle-step-eight { grid-template-columns:minmax(0,1fr); }
  .paper-archaeology-output-grid { grid-template-columns:minmax(0,1fr); }
  .sanxingdui-brand-epigraph { align-items:flex-start; flex-direction:column; gap:2px; }
}

/* The old header mixed an avatar gutter, title, status pill and collapse
   button in one squeezed row.  A single-column header keeps Chinese copy
   horizontal and lets every control remain readable. */
body.interface-mode-starter.paper-memory-immersive #starterStudio #starterKidChiCompanion {
  min-width:0!important;
  width:100%!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio #starterKidChiCompanion .kid-chi-dialogue,
body.interface-mode-starter.paper-memory-immersive #starterStudio #starterKidChiCompanion .kid-chi-panel-body {
  min-width:0!important;
  width:100%!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio #starterKidChiCompanion .kid-chi-dialogue > header {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;
  gap:7px 10px!important;
  min-height:82px!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio #starterKidChiCompanion .kid-chi-dialogue > header > div {
  min-width:0!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio #starterKidChiCompanion .kid-chi-dialogue > header h3 {
  white-space:normal!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  writing-mode:horizontal-tb!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio #kidChiContextBadge {
  grid-column:1!important;
  grid-row:2!important;
  justify-self:start!important;
  max-width:100%!important;
  white-space:normal!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .kid-chi-panel-toggle {
  grid-column:2!important;
  grid-row:1/3!important;
  align-self:center!important;
  min-width:96px!important;
  writing-mode:horizontal-tb!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio #starterKidChiCompanion :where(h1,h2,h3,h4,p,b,strong,small,span,button,label,legend,blockquote) {
  text-orientation:mixed!important;
  writing-mode:horizontal-tb!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .kid-chi-live-journey > nav {
  grid-template-columns:repeat(9,34px)!important;
  overflow-x:auto!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .kid-chi-live-journey article > div {
  grid-template-columns:minmax(0,1fr)!important;
}

@media(max-width:1480px) {
  body.interface-mode-starter.paper-memory-immersive #starterStudio .starter-workspace {
    grid-template-columns:minmax(620px,1fr) minmax(360px,390px)!important;
  }
  body.interface-mode-starter.paper-memory-immersive #starterStudio #starterKidChiCompanion .kid-chi-avatar-wrap {
    display:none!important;
  }
  body.interface-mode-starter.paper-memory-immersive #starterStudio #starterKidChiCompanion .kid-chi-dialogue > header {
    padding-left:0!important;
  }
}

@media(max-width:1050px) {
  body.interface-mode-starter.paper-memory-immersive #starterStudio .starter-workspace {
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"stage" "rail"!important;
  }
}

/* ===== demo-clean4.1 · unambiguous build identity + narrow Kid Chi rail ===== */
body[data-build-mode="DEMO"] .demo-build-badge {
  position:fixed;
  right:12px;
  bottom:10px;
  z-index:5200;
  display:block;
  max-width:calc(100vw - 24px);
  padding:7px 11px;
  border:1px solid rgba(255,255,255,.48);
  border-radius:999px;
  color:#fff;
  background:rgba(43,91,78,.92);
  box-shadow:0 8px 24px rgba(0,0,0,.18);
  font-size:11px;
  font-weight:850;
  line-height:1.2;
  letter-spacing:.02em;
  pointer-events:none;
}

/* The rail can be narrow even on a wide display (browser zoom, split-screen,
   presentation capture).  Respond to the actual rail width, not viewport
   width, so no Chinese label degenerates into one-character vertical text. */
body.interface-mode-starter.paper-memory-immersive #starterStudio .starter-wizard-card {
  container-name:kid-chi-rail;
  container-type:inline-size;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio #starterKidChiCompanion {
  container-type:normal;
  display:block!important;
  grid-template-columns:minmax(0,1fr)!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio #starterKidChiCompanion .kid-chi-dialogue,
body.interface-mode-starter.paper-memory-immersive #starterStudio #starterKidChiCompanion .kid-chi-panel-body,
body.interface-mode-starter.paper-memory-immersive #starterStudio #starterKidChiCompanion .kid-chi-dialogue > header {
  display:block;
  width:auto!important;
  max-width:none!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio #starterKidChiCompanion .kid-chi-dialogue > header {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto auto auto!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio #kidChiContextBadge {
  grid-column:1 / -1!important;
  grid-row:2!important;
  width:max-content!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  writing-mode:horizontal-tb!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio .kid-chi-panel-toggle {
  grid-column:2!important;
  grid-row:1!important;
  min-width:92px!important;
  max-width:112px!important;
  white-space:nowrap!important;
}
body.interface-mode-starter.paper-memory-immersive #starterStudio :where(.kid-chi-memory-status,.kid-chi-live-journey,.kid-chi-feedback-modes,.kid-chi-input-row) {
  min-width:0!important;
  max-width:100%!important;
}

@container kid-chi-rail (max-width:420px) {
  body.interface-mode-starter.paper-memory-immersive #starterStudio #starterKidChiCompanion .kid-chi-avatar-wrap {
    display:none!important;
  }
  body.interface-mode-starter.paper-memory-immersive #starterStudio #starterKidChiCompanion .kid-chi-dialogue > header {
    padding-left:0!important;
  }
  body.interface-mode-starter.paper-memory-immersive #starterStudio .kid-chi-memory-status {
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.interface-mode-starter.paper-memory-immersive #starterStudio .kid-chi-input-row > div {
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.interface-mode-starter.paper-memory-immersive #starterStudio .kid-chi-input-row button {
    width:100%!important;
    min-width:0!important;
  }
}

@container kid-chi-rail (max-width:330px) {
  body.interface-mode-starter.paper-memory-immersive #starterStudio #starterKidChiCompanion .kid-chi-dialogue > header {
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.interface-mode-starter.paper-memory-immersive #starterStudio .kid-chi-panel-toggle {
    grid-column:1!important;
    grid-row:3!important;
    width:100%!important;
    max-width:none!important;
  }
  body.interface-mode-starter.paper-memory-immersive #starterStudio .kid-chi-feedback-modes,
  body.interface-mode-starter.paper-memory-immersive #starterStudio .kid-chi-suggestions {
    grid-template-columns:minmax(0,1fr)!important;
  }
}