/**
 * 制作台 · 抽屉 peek / 版本云 / 主区列布局（P-css-o：自 shell.css 切出）
 * 加载：须在 ink-gag-studio-shell.css 之后。
 */

/* 关闭态：左侧吸附 peek 轨（图标常驻） */
.igs-shell-drawer__peek {
  display: none;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
  padding: 0.55rem 0.25rem;
  width: 100%;
  min-height: 100%;
}
.igs-shell-on:not(.igs-shell-drawer-open) .igs-shell-drawer__peek {
  display: flex;
}
.igs-shell-on:not(.igs-shell-drawer-open) .igs-shell-drawer__panel {
  display: none;
}
.igs-shell-drawer__peek-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.45rem;
  height: 2.45rem;
  border: 1px solid transparent;
  border-radius: 0.65rem;
  background: transparent;
  color: var(--igs-ink-muted, #556);
  cursor: pointer;
}
.igs-shell-drawer__peek-btn svg {
  width: 18px;
  height: 18px;
  opacity: 0.95;
}
.igs-shell-drawer__peek-btn:hover,
.igs-shell-drawer__peek-btn.is-on {
  background: color-mix(in srgb, var(--igs-accent, #2d6a4f) 14%, transparent);
  color: var(--igs-accent, #2d6a4f);
  border-color: color-mix(in srgb, var(--igs-accent, #2d6a4f) 28%, transparent);
}
.igs-shell-drawer__panel {
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex: 1 1 auto;
  width: 100%;
  background: var(--igs-surface, #faf8f4);
}
.igs-shell-drawer-scrim {
  display: none;
}
.igs-shell-drawer-fab {
  display: none;
}

.igs-shell-drawer__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.65rem;
  border-bottom: 1px solid var(--igs-line);
  font-weight: 600;
  font-size: 0.85rem;
}

.igs-shell-drawer__body {
  flex: 1;
  overflow: auto;
  padding: 0.5rem;
}

.igs-shell-drawer__group { margin-bottom: 0.65rem; }
.igs-shell-drawer__group-lab {
  font-size: 0.68rem;
  letter-spacing: 0.04em;
  opacity: 0.65;
  margin-bottom: 0.25rem;
}

.igs-shell-drawer__item {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  width: 100%;
  text-align: left;
  padding: 0.45rem 0.55rem;
  margin: 0.15rem 0;
  border: 1px solid transparent;
  border-radius: 0.45rem;
  background: transparent;
  cursor: pointer;
  font-size: 0.82rem;
  color: inherit;
}
.igs-shell-drawer__item svg {
  flex-shrink: 0;
  opacity: 0.75;
}
.igs-shell-drawer__item--primary {
  background: color-mix(in srgb, var(--igs-accent, #3d9a7a) 12%, transparent);
  border-color: color-mix(in srgb, var(--igs-accent, #3d9a7a) 28%, transparent);
  font-weight: 600;
}
.igs-shell-drawer__pick {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  margin-bottom: 0.35rem;
}
.igs-shell-drawer__pick-lab {
  font-size: 0.72rem;
  font-weight: 600;
  opacity: 0.8;
}
.igs-shell-drawer__book-select {
  width: 100%;
  padding: 0.5rem 0.55rem;
  border-radius: 0.5rem;
  border: 1px solid var(--igs-line, rgba(0, 0, 0, 0.12));
  background: var(--igs-surface-2, #fff);
  font-size: 0.88rem;
  font-weight: 600;
  cursor: pointer;
}
.igs-shell-drawer__path {
  font-size: 0.72rem;
  line-height: 1.35;
  word-break: break-all;
  margin: 0.35rem 0;
  padding: 0.4rem 0.45rem;
  border-radius: 0.4rem;
  background: rgba(0, 0, 0, 0.03);
}
.igs-shell-drawer__path code {
  font-size: 0.7rem;
}
.igs-shell-drawer__path--book {
  border-left: 3px solid var(--igs-accent, #3d9a7a);
}
.igs-shell-drawer__group--pick {
  padding: 0.45rem;
  border-radius: 0.55rem;
  background: color-mix(in srgb, var(--igs-accent, #3d9a7a) 6%, transparent);
  border: 1px solid color-mix(in srgb, var(--igs-accent, #3d9a7a) 18%, transparent);
}
.igs-shell-drawer__shelf {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  margin-bottom: 0.35rem;
  max-height: 14rem;
  overflow-y: auto;
}
.igs-shell-drawer__book-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.12rem;
  width: 100%;
  text-align: left;
  padding: 0.55rem 0.65rem;
  border-radius: 0.5rem;
  border: 1px solid var(--igs-line, rgba(0, 0, 0, 0.1));
  background: var(--igs-surface, #fff);
  font: inherit;
  cursor: pointer;
  color: inherit;
}
.igs-shell-drawer__book-card strong {
  font-size: 0.84rem;
  font-weight: 700;
  line-height: 1.3;
}
.igs-shell-drawer__book-card span {
  font-size: 0.68rem;
  color: var(--igs-muted, #667);
  line-height: 1.3;
}
.igs-shell-drawer__book-card:hover {
  border-color: color-mix(in srgb, var(--igs-accent, #3d9a7a) 45%, transparent);
  background: color-mix(in srgb, var(--igs-accent, #3d9a7a) 8%, transparent);
}
.igs-shell-drawer__book-card.is-on {
  border-color: var(--igs-accent, #3d9a7a);
  box-shadow: inset 3px 0 0 var(--igs-accent, #3d9a7a);
  background: color-mix(in srgb, var(--igs-accent, #3d9a7a) 10%, transparent);
}
.igs-shell-drawer__book-hero {
  margin-bottom: 0.35rem;
}
.igs-shell-drawer__book-syn {
  margin: 0.25rem 0 0.35rem;
  font-size: 0.72rem;
  line-height: 1.4;
  color: var(--igs-muted, #556);
}
.igs-shell-drawer__pick--more {
  margin-top: 0.35rem;
}
.igs-shell-drawer__item:hover { background: var(--igs-accent-soft); }

.igs-shell-drawer__book-title {
  font-weight: 600;
  font-size: 0.9rem;
  margin: 0 0 0.15rem;
  line-height: 1.35;
}

.igs-shell-drawer__book-id {
  margin: 0 0 0.4rem;
  font-size: 0.68rem;
  word-break: break-all;
}

.igs-shell-drawer__vc-stats {
  margin: 0.2rem 0 0.45rem;
  line-height: 1.4;
}

/* 版本与云 · 创作/专业双态卡片 */
.igs-vc-card-wrap .igs-vc-card {
  margin-top: 0.15rem;
}

.igs-vc-card {
  border-radius: 12px;
  border: 1px solid var(--igs-border, rgba(0, 0, 0, 0.08));
  background: var(--igs-surface-2, rgba(255, 255, 255, 0.6));
  padding: 0.85rem 1rem;
}

.igs-vc-card--creator {
  background: linear-gradient(145deg, #f8faf6 0%, #f3f6ef 100%);
  border-color: #d8e8dc;
}

.igs-vc-card--pro {
  background: linear-gradient(145deg, #f4f6fa 0%, #eef1f8 100%);
  border-color: #c8d0e0;
  box-shadow: inset 3px 0 0 #4a5568;
}

.igs-vc-card--tone-warn.igs-vc-card--creator {
  border-color: #e8c98a;
  background: linear-gradient(145deg, #fffbf3 0%, #fff6e8 100%);
}

.igs-vc-card--tone-cloud.igs-vc-card--creator {
  border-color: #9ec5cf;
  background: linear-gradient(145deg, #f3fafc 0%, #eaf6fa 100%);
}

.igs-vc-card__head {
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
}

.igs-vc-card__ring {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.78rem;
  background: conic-gradient(var(--igs-accent, #3d9a7a) calc(var(--pct) * 1%), #e8e0d4 0);
  color: #1a3d2e;
}

.igs-vc-card--pro .igs-vc-card__ring {
  background: conic-gradient(#4a5568 calc(var(--pct) * 1%), #dde2ea 0);
  color: #1a202c;
}

.igs-vc-card__copy {
  flex: 1;
  min-width: 0;
}

.igs-vc-card__title-row {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  flex-wrap: wrap;
}

.igs-vc-card__title {
  font-weight: 700;
  font-size: 0.95rem;
}

.igs-vc-card__badge {
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  padding: 0.12rem 0.45rem;
  border-radius: 999px;
  text-transform: uppercase;
}

.igs-vc-card__badge.is-creator {
  background: #e8f5ec;
  color: #2d6a4a;
  border: 1px solid #b7dfc4;
}

.igs-vc-card__badge.is-pro {
  background: #e8ecf5;
  color: #2d3748;
  border: 1px solid #c3cce0;
}

.igs-vc-card__subtitle {
  margin: 0.15rem 0 0.25rem;
  font-size: 0.72rem;
  opacity: 0.72;
}

.igs-vc-card__teaser {
  margin: 0;
  font-size: 0.82rem;
  line-height: 1.45;
  font-weight: 500;
}

.igs-vc-card__metrics {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(4.5rem, 1fr));
  gap: 0.45rem;
  margin: 0.65rem 0 0.5rem;
  padding: 0.45rem 0.55rem;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.04);
  font-size: 0.72rem;
}

.igs-vc-card__metric-lab {
  display: block;
  opacity: 0.65;
  font-size: 0.62rem;
  margin-bottom: 0.1rem;
}

.igs-vc-card__metric strong {
  font-size: 0.85rem;
  font-variant-numeric: tabular-nums;
}

.igs-vc-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.55rem;
}

.igs-vc-card__actions--creator {
  margin-top: 0.65rem;
}

.igs-vc-card__btn {
  min-height: 2rem;
  padding: 0.25rem 0.65rem;
  border-radius: 999px;
  border: 1px solid var(--igs-border, #e8e0d4);
  background: #fff;
  font: inherit;
  font-size: 0.78rem;
  cursor: pointer;
}

.igs-vc-card__btn.is-primary {
  background: var(--igs-accent, #3d9a7a);
  border-color: var(--igs-accent, #3d9a7a);
  color: #fff;
  font-weight: 600;
}

.igs-vc-card--pro .igs-vc-card__btn.is-primary {
  background: #4a5568;
  border-color: #4a5568;
}

.igs-vc-card__btn.is-accent {
  border-color: #6ba3b0;
  color: #1a4a55;
  background: #eaf6fa;
}

.igs-vc-card__btn.is-running {
  opacity: 0.65;
  pointer-events: none;
}

.igs-vc-card__foot-hint {
  margin: 0.55rem 0 0;
  font-size: 0.68rem;
  opacity: 0.65;
}

.igs-vc-card--overview {
  margin: 0.85rem 0 1rem;
}

.igs-vc-card--strip {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.55rem 0.75rem;
  margin: 0.35rem 0.5rem 0.5rem;
  padding: 0.55rem 0.65rem;
}

.igs-vc-card--strip .igs-vc-card__head {
  flex: 1 1 14rem;
  align-items: center;
}

.igs-vc-card--strip .igs-vc-card__ring {
  width: 2.5rem;
  height: 2.5rem;
  font-size: 0.68rem;
}

.igs-vc-card--strip .igs-vc-card__subtitle {
  display: none;
}

.igs-vc-card--strip .igs-vc-card__metrics {
  flex: 1 1 auto;
  margin: 0;
  grid-template-columns: repeat(4, minmax(3.5rem, 1fr));
}

.igs-vc-card--strip .igs-vc-card__actions {
  margin-top: 0;
  flex: 1 1 100%;
}

.igs-vc-card--strip.igs-vc-card--creator .igs-vc-card__actions {
  flex: 0 1 auto;
  margin-left: auto;
}

.igs-shell-inspector-dl {
  margin: 0.35rem 0 0.65rem;
  font-size: 0.78rem;
}
.igs-shell-inspector-dl dt {
  opacity: 0.6;
  font-size: 0.65rem;
  margin-top: 0.35rem;
}
.igs-shell-inspector-dl dd {
  margin: 0.1rem 0 0;
  word-break: break-word;
}

.igs-shell-next-cta {
  font-weight: 600;
  min-height: 2rem;
  padding: 0.25rem 0.75rem;
  border-radius: 0.45rem;
  border: none;
  background: var(--igs-accent, #3d9a7a);
  color: #fff;
  cursor: pointer;
}

.igs-ux2-continue {
  padding: 0.85rem 1rem 1rem;
  width: 100%;
  max-width: none;
  margin: 0;
  box-sizing: border-box;
}
body.igs-ux2-desktop-first .igs-ux2-continue {
  padding: var(--igs-shell-stage-pad-y) var(--igs-shell-stage-pad-x);
}
.igs-ux2-continue__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  gap: clamp(0.75rem, 2vw, 1.25rem);
  align-items: stretch;
  width: 100%;
}
body.igs-ux2-desktop-first .igs-ux2-continue__layout {
  flex: 1 1 auto;
  min-height: 0;
  align-content: start;
}
body.igs-ux2-desktop-first .igs-ux2-continue__hero,
body.igs-ux2-desktop-first .igs-ux2-continue__aside,
body.igs-ux2-desktop-first .igs-ux2-continue__shelf {
  min-width: 0;
  min-height: 0;
}
body.igs-ux2-desktop-first .igs-ux2-continue__aside {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  overflow: auto;
  overscroll-behavior: contain;
}
body.igs-ux2-desktop-first .igs-ux2-continue__aside .igs-ux2-continue__map-promoted {
  margin-top: 0;
  flex: 0 0 auto;
}
body.igs-ux2-desktop-first .igs-ux2-continue__aside .igs-ux2-continue__deep {
  margin: 0;
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
}
body.igs-ux2-desktop-first .igs-ux2-continue__aside .igs-ux3-map.is-compact {
  height: 100%;
  display: flex;
  flex-direction: column;
}
body.igs-ux2-desktop-first .igs-ux2-continue__shelf {
  overflow: auto;
  overscroll-behavior: contain;
}
body.igs-ux2-desktop-first .igs-shell-on .igs-ux2-continue__shelf {
  display: none;
}
body.igs-ux2-desktop-first .igs-ux2-continue__hero {
  height: 100%;
}
@media (max-width: 900px) {
  body:not(.igs-ux2-desktop-first) .igs-ux2-continue__layout {
    grid-template-columns: 1fr;
  }
}
.igs-ux2-continue__shelf {
  min-width: 0;
  padding: 0.65rem 0.75rem;
  border-radius: 0.75rem;
  border: 1px solid var(--igs-line);
  background: var(--igs-surface, #fff);
}
.igs-ux2-continue__shelf-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.55rem;
}
.igs-ux2-continue__shelf-head h3 {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin: 0;
  font-size: 0.88rem;
  font-weight: 650;
}
.igs-ux2-continue__shelf-head h3 svg {
  width: 16px;
  height: 16px;
  opacity: 0.9;
}
.igs-ux2-continue__shelf-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 9.5rem), 1fr));
  gap: 0.45rem;
  max-height: min(52vh, 22rem);
  overflow: auto;
}
.igs-ux2-continue__book {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.15rem;
  text-align: left;
  padding: 0.55rem 0.6rem;
  border-radius: 0.55rem;
  border: 1px solid var(--igs-line);
  background: color-mix(in srgb, var(--igs-surface, #fff) 92%, var(--igs-accent-soft));
  cursor: pointer;
  font: inherit;
  min-width: 0;
}
.igs-ux2-continue__book strong {
  font-size: 0.82rem;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.igs-ux2-continue__book span {
  font-size: 0.72rem;
  color: var(--igs-muted, #667);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.igs-ux2-continue__book:hover {
  border-color: color-mix(in srgb, var(--igs-accent, #2d6a4f) 35%, var(--igs-line));
  background: var(--igs-accent-soft);
}
.igs-ux2-continue__book.is-on {
  border-color: var(--igs-accent, #2d6a4f);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--igs-accent) 25%, transparent);
}
.igs-ux2-continue__cta .igs-shell-next-cta,
.igs-ux2-continue__cta .igs-btn-ghost {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}
.igs-ux2-continue__cta svg {
  width: 16px;
  height: 16px;
}
.igs-ux2-continue__hero {
  padding: 0.65rem 0.75rem 0.85rem;
  border-radius: 0.75rem;
  background: color-mix(in srgb, var(--igs-accent, #2d6a4f) 6%, var(--igs-surface, #fff));
  border: 1px solid color-mix(in srgb, var(--igs-accent, #2d6a4f) 14%, var(--igs-line));
}
.igs-ux2-continue__eyebrow {
  margin: 0 0 0.2rem;
  font-size: 0.72rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--igs-muted, #667);
}
.igs-ux2-continue__hero h2 { margin: 0 0 0.25rem; font-size: 1.28rem; line-height: 1.25; }
.igs-ux2-continue__meta { margin: 0 0 0.65rem; font-size: 0.82rem; color: var(--igs-muted, #667); }
.igs-ux2-continue__stats {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin: 0 0 0.65rem;
}
.igs-ux2-continue__stat {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.28rem 0.55rem;
  border-radius: 999px;
  border: 1px solid var(--igs-line);
  background: var(--igs-surface, #fff);
  font-size: 0.74rem;
  color: var(--igs-ink-muted, #556);
}
.igs-ux2-continue__stat strong {
  color: var(--igs-ink, #1a2e28);
  font-weight: 700;
}
.igs-ux2-continue__stat.is-accent {
  border-color: color-mix(in srgb, var(--igs-accent) 30%, var(--igs-line));
  background: color-mix(in srgb, var(--igs-accent) 8%, var(--igs-surface, #fff));
  color: var(--igs-accent, #2d6a4f);
}
.igs-ux2-continue__stat.is-warn {
  cursor: pointer;
  border-color: color-mix(in srgb, #c47a2c 35%, var(--igs-line));
  background: color-mix(in srgb, #c47a2c 10%, var(--igs-surface, #fff));
  color: #9a5a12;
  font: inherit;
}
.igs-ux2-continue__stat.is-warn:hover {
  background: color-mix(in srgb, #c47a2c 16%, var(--igs-surface, #fff));
}
.igs-ux2-coach-card {
  margin: 0 0 0.65rem;
  padding: 0.55rem 0.65rem;
  border-radius: 0.65rem;
  border: 1px solid color-mix(in srgb, var(--igs-ai, #6b4fa2) 22%, var(--igs-line));
  background: color-mix(in srgb, var(--igs-ai, #6b4fa2) 6%, var(--igs-surface, #fff));
}
.igs-ux2-coach-card__head {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  margin-bottom: 0.35rem;
  font-size: 0.78rem;
  color: var(--igs-ink, #1a2e28);
}
.igs-ux2-coach-card__head svg {
  width: 15px;
  height: 15px;
  color: var(--igs-ai, #6b4fa2);
}
.igs-ux2-coach-card__pipe {
  margin-inline-start: auto;
  font-size: 0.68rem;
  color: var(--igs-muted, #667);
  font-weight: 500;
}
.igs-ux2-coach-card__why {
  margin: 0 0 0.45rem;
  font-size: 0.76rem;
  line-height: 1.45;
  color: var(--igs-muted, #667);
}
.igs-ux2-coach-card__go {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  min-height: 2rem;
  padding: 0.28rem 0.75rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--igs-ai, #6b4fa2) 35%, var(--igs-line));
  background: color-mix(in srgb, var(--igs-ai, #6b4fa2) 12%, var(--igs-surface, #fff));
  color: color-mix(in srgb, var(--igs-ai, #6b4fa2) 92%, var(--igs-ink, #1a2e28));
  font: inherit;
  font-size: 0.76rem;
  font-weight: 650;
  cursor: pointer;
}
.igs-ux2-coach-card__go svg {
  width: 14px;
  height: 14px;
}
.igs-ux2-coach-card__go:hover {
  background: color-mix(in srgb, var(--igs-ai, #6b4fa2) 18%, var(--igs-surface, #fff));
}
.igs-ux2-coach-card.is-review-priority {
  border-color: color-mix(in srgb, #c47a2c 35%, var(--igs-line));
  background: color-mix(in srgb, #c47a2c 8%, var(--igs-surface, #fff));
}
.igs-ux2-coach-card.is-coach-review .igs-ux2-coach-card__go {
  border-color: color-mix(in srgb, #c47a2c 40%, var(--igs-line));
  background: color-mix(in srgb, #c47a2c 14%, var(--igs-surface, #fff));
  color: #9a5a12;
}
.igs-ux2-coach-card__review {
  display: inline-flex;
  align-items: center;
  gap: 0.28rem;
  margin: 0 0 0.45rem;
  min-height: 1.85rem;
  padding: 0.22rem 0.65rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, #c47a2c 40%, var(--igs-line));
  background: color-mix(in srgb, #c47a2c 12%, var(--igs-surface, #fff));
  color: #9a5a12;
  font: inherit;
  font-size: 0.74rem;
  font-weight: 650;
  cursor: pointer;
}
.igs-ux2-coach-card__review.is-linked {
  box-shadow: 0 0 0 2px color-mix(in srgb, #c47a2c 30%, transparent);
}
.igs-ux2-coach-card__review svg {
  width: 14px;
  height: 14px;
}
.igs-ux2-coach-card__review:hover {
  background: color-mix(in srgb, #c47a2c 18%, var(--igs-surface, #fff));
}
.igs-ux2-continue__next-hint {
  margin: 0.25rem 0 0;
  font-size: 0.76rem;
  line-height: 1.45;
  color: var(--igs-muted, #667);
}
.igs-ux2-continue__map-promoted {
  margin-top: 0.75rem;
}
.igs-ux2-continue__map-promoted .igs-ux3-map.is-compact {
  margin: 0;
  padding: 0.65rem 0.75rem;
}
.igs-ux2-continue__quick {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-top: 0.55rem;
}
.igs-ux2-continue__quick-btn {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.28rem;
  min-height: 2rem;
  height: auto;
  padding: 0.28rem 0.7rem;
  border-radius: 999px;
  border: 1px solid var(--igs-line);
  background: transparent;
  font: inherit;
  font-size: 0.76rem;
  cursor: pointer;
  color: var(--igs-ink-muted, #556);
  white-space: nowrap;
  flex-shrink: 0;
  line-height: 1.2;
}
.igs-ux2-continue__quick-btn span {
  white-space: nowrap;
  line-height: 1.2;
}
.igs-ux2-continue__quick-btn svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  opacity: 0.9;
}
.igs-ux2-continue__quick-btn:hover {
  border-color: color-mix(in srgb, var(--igs-accent) 35%, var(--igs-line));
  color: var(--igs-accent, #2d6a4f);
  background: var(--igs-accent-soft);
}
.igs-ux2-continue__quick-btn.is-next {
  border-color: color-mix(in srgb, var(--igs-accent) 42%, var(--igs-line));
  background: color-mix(in srgb, var(--igs-accent) 14%, var(--igs-surface, #fff));
  color: var(--igs-accent, #2d6a4f);
  font-weight: 650;
}
.igs-ux2-continue__shelf-hint {
  margin: 0.35rem 0 0;
  font-size: 0.72rem;
  color: var(--igs-muted, #667);
}
.igs-ux2-continue__cta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  align-items: center;
}
.igs-ux2-continue__deep {
  margin: 0.75rem 0 0;
  border: 1px solid var(--igs-line);
  border-radius: 0.65rem;
  background: var(--igs-surface, #fff);
  overflow: hidden;
}
.igs-ux2-continue__deep > summary {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.55rem 0.75rem;
  cursor: pointer;
  font-size: 0.84rem;
  font-weight: 600;
  list-style: none;
  user-select: none;
}
.igs-ux2-continue__deep > summary::-webkit-details-marker { display: none; }
.igs-ux2-continue__deep > summary svg { width: 16px; height: 16px; opacity: 0.88; }
.igs-ux2-continue__deep-body {
  padding: 0 0.65rem 0.75rem;
  display: grid;
  gap: 0.65rem;
}
.igs-ux2-continue__deep-body .igs-ux3-map,
.igs-ux2-continue__deep-body .igs-ux3-outline-panel,
.igs-ux2-continue__deep-body .igs-ux3-corpus-panel {
  margin: 0;
}
.igs-ux2-continue__todo {
  margin-top: 0.85rem;
  padding-top: 0.65rem;
  border-top: 1px solid var(--igs-line);
}
body.igs-ux2-desktop-first .igs-ux2-continue__todo {
  flex: 0 0 auto;
  margin-top: auto;
  padding: 0.65rem 0.75rem;
  border: 1px solid var(--igs-line);
  border-radius: 0.65rem;
  background: color-mix(in srgb, var(--igs-surface, #fff) 92%, var(--igs-accent-soft));
}
.igs-ux2-continue__todo h3 {
  margin: 0 0 0.35rem;
  font-size: 0.82rem;
  font-weight: 650;
  color: var(--igs-muted, #667);
}
.igs-ux2-continue__next {
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.45;
}
.igs-shell-station-subbtn--more {
  margin-inline-start: auto;
  opacity: 0.92;
}
@media (min-width: 901px) {
  body.igs-ux2-desktop-first .igs-shell-on .igs-shell-chrome-zone--work #igsShellDrawerBtn,
  body.igs-ux2-desktop-first .igs-shell-on .igs-shell-chrome-zone--work #igsShellToolsBtn,
  .igs-shell-on .igs-shell-chrome-zone--work #igsShellDrawerBtn,
  .igs-shell-on .igs-shell-chrome-zone--work #igsShellToolsBtn {
    display: none !important;
  }
}

/* 个人中心全屏层压过壳底栏 */
body.igs-me-hub-open .igs-shell-mnav,
body.igs-me-hub-open .igs-shell-drawer-fab,
body.igs-me-hub-open .igs-shell-drawer-scrim {
  display: none !important;
}
body.igs-me-hub-open #igsWorkspace {
  pointer-events: none;
  visibility: hidden;
}
/* 从个人中心打开制作台设置时：必须露出工作区里的设置面板，并压过 MeHub */
body.igs-force-studio-settings #igsWorkspace {
  pointer-events: auto !important;
  visibility: visible !important;
}
body.igs-force-studio-settings.igs-me-hub-open .igs-me-hub {
  visibility: hidden;
  pointer-events: none;
}
.igs-ux2-ship-hero { margin-bottom: 0.75rem; }
.igs-ux2-ship-hero h2 { margin: 0 0 0.35rem; font-size: 1.15rem; }
.igs-ux2-todo { list-style: none; padding: 0; margin: 0; }
.igs-ux2-todo li { padding: 0.45rem 0; border-bottom: 1px solid var(--igs-line); }

.igs-novel-subnav {
  display: flex;
  gap: 0.25rem;
  padding: 0.35rem 0.5rem;
  border-bottom: 1px solid var(--igs-line);
  flex-wrap: wrap;
}
.igs-novel-subnav button {
  min-height: 2rem;
  padding: 0.2rem 0.65rem;
  border-radius: 999px;
  border: 1px solid transparent;
  background: transparent;
  cursor: pointer;
  font: inherit;
}
.igs-novel-subnav button.is-on {
  background: var(--igs-accent-soft);
  border-color: var(--igs-accent);
  color: var(--igs-accent);
  font-weight: 600;
}

.igs-shell-asset-browser,
.igs-shell-visual-tool {
  display: grid;
  grid-template-columns: 14rem 1fr 18rem;
  gap: 0;
  height: 100%;
  min-height: 0;
}
@media (max-width: 1366px) {
  body.igs-ux2-desktop-first .igs-shell-asset-browser,
  body.igs-ux2-desktop-first .igs-shell-visual-tool {
    grid-template-columns: min(12rem, 16vw) minmax(0, 1fr) min(14rem, 18vw);
  }
}
.igs-shell-asset-browser__tree,
.igs-shell-visual-tool__inspector {
  border-inline-end: 1px solid var(--igs-line);
  overflow: auto;
  padding: 0.5rem;
}
.igs-shell-asset-browser__main,
.igs-shell-visual-tool__canvas {
  overflow: auto;
  min-height: 0;
  padding: 0.5rem;
}

/* 无 AI 侧栏 DOM 时不分列，避免右半屏空白 */
.igs-nv-studio.is-ai-open:not(:has(.igs-nv-ai-rail)) .igs-nv-studio__body {
  grid-template-columns: minmax(0, 1fr) !important;
}
.igs-pl-studio.is-ai-open:not(:has(.igs-pl-ai-rail, .igs-nv-ai-rail)) .igs-pl-studio__body {
  grid-template-columns: minmax(0, 1fr) !important;
}
.igs-m-studio.is-ai-open:not(:has(.igs-nv-ai-rail)) .igs-m-studio__body,
.igs-refs-studio.is-ai-open:not(:has(.igs-nv-ai-rail)) .igs-refs-studio__body {
  grid-template-columns: minmax(0, 1fr) !important;
}

/* L1 资产浏览：两列，不占空右栏 */
body.igs-ux2-l1 .igs-shell-asset-browser--l1,
body.igs-ux2-l1 .igs-shell-asset-browser.igs-shell-asset-browser--l1 {
  grid-template-columns: min(12rem, 22vw) minmax(0, 1fr);
}

body.igs-copilot-chrome .igs-nv-ai-tabs .igs-nv-ai-tab:not([data-ws-ai-tab="chat"]) { display: none; }
body.igs-copilot-chrome .igs-ws-agent-bar,
body.igs-copilot-chrome .igs-ws-mount-strip--full { display: none !important; }
body.igs-copilot-chrome .igs-ws-copilot-advanced { margin-top: 0.5rem; }
body:not(.igs-copilot-chrome) .igs-ws-copilot-advanced { display: none; }

.igs-ws-copilot-conclude {
  margin: 0.5rem 0;
  padding: 0.65rem 0.75rem;
  border-radius: 0.5rem;
  background: var(--igs-surface-2, #f5f2ea);
  border: 1px solid var(--igs-line);
}
.igs-ws-copilot-conclude__actions {
  display: flex;
  gap: 0.35rem;
  margin-top: 0.5rem;
  flex-wrap: wrap;
}
.igs-ws-copilot-conclude__law {
  margin: 0.35rem 0 0;
  font-size: 0.82rem;
}
.igs-ws-copilot-conclude__law.is-ok {
  color: var(--igs-ok, #2d6a4f);
}
.igs-ws-copilot-conclude__law.is-blocked {
  color: var(--igs-warn, #b45309);
}

.igs-ws-dispatch-chip {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.5rem;
  margin: 0.35rem 0 0.15rem;
  padding: 0.35rem 0.55rem;
  font-size: 0.78rem;
  border-radius: 0.4rem;
  background: var(--igs-surface-2, #f8f6f0);
  border: 1px dashed var(--igs-line, #ddd8cc);
}
body:not(.igs-copilot-chrome) .igs-ws-dispatch-chip {
  display: none !important;
}
.igs-ws-dispatch-chip__mode {
  opacity: 0.75;
}
.igs-ws-dispatch-chip__role {
  font-weight: 600;
}
.igs-ws-dispatch-chip__agent {
  opacity: 0.85;
  max-width: 8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.igs-shell-mnav { display: none; }