.shex-creator-workbench{box-sizing:border-box;width:min(980px,100%);margin:0 auto;padding:22px clamp(14px,4vw,36px) 60px;color:#30283a;overflow-wrap:anywhere}.shex-creator-head{display:flex;gap:18px;align-items:flex-start;margin-bottom:22px}.shex-creator-head>button{flex:0 0 48px;width:48px;height:48px;border:1px solid rgba(126,99,153,.22);border-radius:50%;background:rgba(255,255,255,.78);font-size:32px;color:#5d496d}.shex-creator-head small{letter-spacing:.16em;color:#9a79ad}.shex-creator-head h2{margin:5px 0 4px;font-size:clamp(26px,5vw,42px);font-weight:500}.shex-creator-head p{margin:0;color:#827589}.shex-creator-alert{padding:12px 15px;border-radius:14px;background:#f4ecf8;color:#664b76}.shex-creator-alert.error{background:#fff0f2;color:#a33f54}.shex-creator-actions,.shex-creator-list,.shex-creator-section{border:1px solid rgba(126,99,153,.18);border-radius:24px;background:rgba(255,255,255,.76);box-shadow:0 16px 42px rgba(91,63,112,.07)}.shex-creator-actions{display:grid;gap:14px;padding:18px;margin-bottom:20px}.shex-creator-actions button,.shex-creator-editor-bar button,.shex-creator-save-bottom button{min-height:44px;border:1px solid rgba(126,99,153,.24);border-radius:15px;background:#fff;color:#614d70;padding:0 18px}.shex-creator-actions .primary,.shex-creator-editor .primary{background:#80649a;color:#fff;border-color:#80649a}.shex-creator-import{display:grid;grid-template-columns:auto minmax(150px,1fr) auto;gap:10px;align-items:center}.shex-creator-import select,.shex-creator-field input,.shex-creator-field textarea,.shex-creator-field select{width:100%;border:1px solid rgba(126,99,153,.2);border-radius:14px;background:rgba(251,249,253,.92);color:#33283b;padding:12px 14px;font:inherit}.shex-creator-list{padding:18px}.shex-creator-section-title,.shex-creator-editor-bar{display:flex;align-items:center;justify-content:space-between;gap:12px}.shex-creator-section-title h3{margin:0 0 12px}.shex-creator-draft-card{display:grid;width:100%;gap:5px;text-align:left;padding:16px 4px;border:0;border-top:1px solid rgba(126,99,153,.14);background:transparent;color:inherit}.shex-creator-draft-card strong{font-size:18px}.shex-creator-draft-card span,.shex-creator-draft-card small{color:#84788a}.shex-creator-empty,.shex-creator-loading{padding:36px 18px;text-align:center;color:#827589}.shex-creator-editor{display:grid;gap:18px}.shex-creator-editor-bar{position:sticky;top:8px;z-index:4;padding:10px;border:1px solid rgba(126,99,153,.2);border-radius:18px;background:rgba(247,242,250,.94);backdrop-filter:blur(12px)}.shex-creator-section{padding:0 18px}.shex-creator-section summary{display:flex;justify-content:space-between;padding:18px 0;cursor:pointer;font-size:19px;color:#6e557f}.shex-creator-section summary span{font-size:13px;color:#a08ba9}.shex-creator-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0 0 20px}.shex-creator-field{display:grid;align-content:start;gap:7px}.shex-creator-field>span{color:#66576e}.shex-creator-field small{color:#9a8f9e}.shex-creator-field textarea{min-height:112px;resize:vertical;line-height:1.65}.shex-creator-field-wide{grid-column:1/-1}.shex-creator-save-bottom{text-align:right;padding:4px}.shex-creator-save-bottom button{min-width:180px}@media(max-width:640px){.shex-creator-workbench{padding-inline:12px}.shex-creator-import{grid-template-columns:1fr}.shex-creator-fields{grid-template-columns:1fr}.shex-creator-field-wide{grid-column:auto}.shex-creator-editor-bar span{display:none}}

body[data-x-page="creator-workbench"] #xCreatorWorkbenchPanel.x-clean-active {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y !important;
}

.shex-creator-required-guide {
  margin: 0;
  padding: 13px 15px;
  border: 1px solid rgba(128, 100, 154, .2);
  border-radius: 15px;
  background: rgba(247, 242, 250, .82);
  color: #66576e;
  line-height: 1.65;
}

.shex-creator-field > span {
  display: flex;
  align-items: center;
  gap: 8px;
}

.shex-required-mark {
  padding: 2px 7px;
  border-radius: 999px;
  background: #f4e8ef;
  color: #a3415a;
  font-size: 12px;
  font-weight: 500;
}

.shex-creator-save-bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

@media (max-width: 640px) {
  .shex-creator-save-bottom button {
    width: 100%;
  }
}

/* X63：创作者已嵌入角色空间，沿用广场的轻量层级与按钮尺寸。 */
.shex-creator-actions {
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  padding: 10px;
  border-radius: 16px;
  box-shadow: 0 12px 28px rgba(91,63,112,.055);
}

.shex-creator-actions button,
.shex-creator-editor-bar button,
.shex-creator-save-bottom button,
.shex-creator-trial button,
.shex-creator-draft-actions button {
  min-height: 36px;
  padding: 6px 11px;
  border: 1px solid rgba(126,99,153,.18);
  border-radius: 11px;
  background: rgba(255,255,255,.72);
  color: #614d70;
  font-size: 12px;
}

.shex-creator-actions .primary,
.shex-creator-editor .primary,
.shex-creator-draft-actions .primary { border-color: #80649a; background: #80649a; color: #fff; }
.shex-creator-draft-actions .danger { color: #a34258; background: rgba(255,244,246,.74); }

.shex-creator-import {
  grid-column: 1 / -1;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 7px;
  padding: 9px;
  border-radius: 13px;
  background: rgba(239,230,246,.52);
}

.shex-creator-import select { min-height: 36px; padding: 7px 9px; border-radius: 10px; font-size: 11px; }
.shex-creator-import small { grid-column: 1 / -1; color: #8e8195; font-size: 9px; }
.shex-creator-list { padding: 12px; border-radius: 18px; box-shadow: 0 12px 28px rgba(91,63,112,.055); }
.shex-creator-section-title h3 { margin: 0 0 10px; font-size: 15px; }
.shex-creator-section-title span { color: #8e8096; font-size: 10px; }

.shex-creator-draft-card {
  display: grid;
  grid-template-columns: 54px minmax(0,1fr);
  gap: 10px;
  padding: 11px 0;
  border: 0;
  border-top: 1px solid rgba(126,99,153,.12);
  background: transparent;
}

.shex-creator-draft-avatar { display: grid; place-items: center; width: 54px; height: 68px; overflow: hidden; border-radius: 12px; background: #dfd3e8; color: #765e88; font-family: Georgia, serif; font-size: 22px; }
.shex-creator-draft-avatar img { width: 100%; height: 100%; object-fit: cover; }
.shex-creator-draft-main { min-width: 0; }
.shex-creator-draft-main header { display: flex; align-items: center; gap: 7px; }
.shex-creator-draft-main header strong { min-width: 0; overflow: hidden; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.shex-creator-status { flex: none; padding: 3px 6px; border-radius: 999px; background: #f1e8f5; color: #806990; font-size: 9px; }
.shex-creator-status.live { background: #e4f0ea; color: #4e7866; }
.shex-creator-draft-main p { margin: 5px 0 7px; color: #897d8e; font-size: 10px; line-height: 1.45; }
.shex-creator-draft-actions { display: flex; flex-wrap: wrap; gap: 5px; }
.shex-creator-draft-actions button { min-height: 28px; padding: 3px 8px; border-radius: 8px; font-size: 10px; }
.shex-creator-flow-note { margin-top: 12px; padding: 11px 13px; border-radius: 14px; background: rgba(222,207,234,.5); color: #786780; font-size: 10px; line-height: 1.6; }
.shex-creator-flow-note strong { color: #5e4c69; font-size: 11px; }
.shex-creator-flow-note p { margin: 3px 0 0; }

.shex-creator-editor { gap: 10px; }
.shex-creator-editor-bar { top: 4px; padding: 6px; border-radius: 13px; }
.shex-publication-guide { padding: 10px 12px; border: 1px solid rgba(126,99,153,.14); border-radius: 14px; background: rgba(255,255,255,.58); color: #6e5d77; font-size: 10px; line-height: 1.55; }
.shex-publication-guide strong { display: block; color: #523f5d; font-size: 12px; }
.shex-publication-guide p { margin: 3px 0 0; }
.shex-creator-section { border-radius: 16px; box-shadow: 0 12px 28px rgba(91,63,112,.05); }
.shex-creator-section summary { padding: 13px 0; font-size: 14px; }
.shex-creator-section summary span { font-size: 10px; }
.shex-creator-fields { gap: 10px; padding-bottom: 14px; }
.shex-creator-field { gap: 5px; }
.shex-creator-field > span { font-size: 11px; }
.shex-creator-field input,
.shex-creator-field textarea,
.shex-creator-field select { padding: 9px 10px; border-radius: 11px; font-size: 12px; }
.shex-creator-field textarea { min-height: 78px; }
.shex-required-mark { padding: 2px 5px; font-size: 9px; }
.shex-creator-trial { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; border: 1px dashed rgba(112,82,137,.25); border-radius: 14px; color: #6f5e76; }
.shex-creator-trial span { display: grid; gap: 2px; font-size: 11px; }
.shex-creator-trial small { color: #918497; font-size: 9px; }
.shex-creator-save-bottom { display: grid; grid-template-columns: 1fr 1fr 1.25fr; gap: 7px; }
.shex-creator-save-bottom button { min-width: 0; width: 100%; }

body.x-dark-mode .shex-creator-actions,
body.x-dark-mode .shex-creator-list,
body.x-dark-mode .shex-creator-section,
body.x-night-mode .shex-creator-actions,
body.x-night-mode .shex-creator-list,
body.x-night-mode .shex-creator-section,
html.x-night-mode .shex-creator-actions,
html.x-night-mode .shex-creator-list,
html.x-night-mode .shex-creator-section { border-color: rgba(255,255,255,.09); background: rgba(255,255,255,.055); color: #e9e1ef; }

body.x-dark-mode .shex-creator-field input,
body.x-dark-mode .shex-creator-field textarea,
body.x-dark-mode .shex-creator-field select,
body.x-night-mode .shex-creator-field input,
body.x-night-mode .shex-creator-field textarea,
body.x-night-mode .shex-creator-field select,
html.x-night-mode .shex-creator-field input,
html.x-night-mode .shex-creator-field textarea,
html.x-night-mode .shex-creator-field select { border-color: rgba(255,255,255,.1); background: rgba(19,16,23,.7); color: #f0eaf4; }

@media (max-width: 640px) {
  .shex-creator-actions { grid-template-columns: 1fr 1fr; }
  .shex-creator-import { grid-template-columns: minmax(0,1fr) auto; }
  .shex-creator-save-bottom { grid-template-columns: 1fr 1fr; }
  .shex-creator-save-bottom .primary { grid-column: 1 / -1; }
}

/* X64：照片优先的五步式角色创建。表单栏属于内容流，不再吸顶。 */
.shex-creator-editor-bar {
  position: relative;
  top: auto;
  z-index: 1;
  backdrop-filter: none;
}

.shex-required-mark {
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: #c64058;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
}

.shex-creator-progress {
  display: flex;
  align-items: center;
  min-height: 46px;
  padding: 11px 15px 12px;
  border: 1px solid rgba(126,99,153,.14);
  border-radius: 18px 18px 12px 12px;
  background: linear-gradient(135deg, rgba(255,255,255,.8), rgba(236,225,245,.64));
}

.shex-creator-progress strong { color: #493b52; font-family: Georgia, "Source Han Serif SC", "Noto Serif SC", serif; font-size: 18px; font-weight: 600; }

.shex-creator-progress-track {
  height: 3px;
  margin: -10px 11px 0;
  overflow: hidden;
  border-radius: 99px;
  background: rgba(128,100,154,.12);
}

.shex-creator-progress-track i { display: block; width: 20%; height: 100%; border-radius: inherit; background: #8b6ba5; transition: width .22s ease; }

.shex-creator-step[hidden] { display: none !important; }
.shex-creator-step { min-height: 340px; padding: 15px; border: 1px solid rgba(126,99,153,.14); border-radius: 18px; background: rgba(255,255,255,.64); box-shadow: 0 14px 34px rgba(91,63,112,.05); }
.shex-creator-step .shex-creator-fields { padding: 0; }

.shex-creator-avatar-field {
  display: grid;
  grid-template-columns: minmax(150px, 230px) minmax(130px, 1fr);
  grid-template-areas: "heading heading" "preview pick" "preview status";
  gap: 9px 14px;
  align-items: end;
  margin-bottom: 4px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(126,99,153,.12);
}

.shex-creator-avatar-heading { grid-area: heading; display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #66576e; font-size: 11px; }
.shex-creator-avatar-heading > span { display: inline-flex; align-items: center; gap: 5px; }
.shex-creator-avatar-heading small { color: #9a8f9e; font-size: 9px; }
.shex-creator-avatar-preview { grid-area: preview; display: grid; place-items: center; width: 100%; aspect-ratio: 3 / 4; overflow: hidden; border: 1px solid rgba(126,99,153,.16); border-radius: 18px; background: linear-gradient(145deg, #eee7f3, #d7c7e3); color: #8a7796; font-family: Georgia, "Source Han Serif SC", serif; font-size: 13px; }
.shex-creator-avatar-preview img { width: 100%; height: 100%; object-fit: cover; }
.shex-creator-avatar-pick { grid-area: pick; display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 0 14px; border: 1px solid rgba(126,99,153,.2); border-radius: 12px; background: #80649a; color: #fff; font-size: 12px; cursor: pointer; }
.shex-creator-avatar-pick input { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; pointer-events: none; }
.shex-creator-avatar-status { grid-area: status; align-self: start; color: #92849a; font-size: 9px; line-height: 1.5; }

.shex-creator-required-check { display: grid; gap: 14px; }
.shex-creator-required-check > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.shex-creator-required-check > header > div { display: grid; gap: 3px; }
.shex-creator-required-check > header small { color: #947ba5; font-size: 9px; letter-spacing: .12em; }
.shex-creator-required-check > header strong { color: #4e4057; font-size: 15px; }
.shex-creator-required-check > header strong b { color: #a64159; }
.shex-creator-required-check > header > span { color: #8c8091; font-size: 9px; }
.shex-creator-required-check ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.shex-creator-required-check li button { display: grid; grid-template-columns: 24px minmax(0,1fr) auto; align-items: center; gap: 8px; width: 100%; min-height: 48px; padding: 8px 10px; border: 1px solid rgba(174,70,91,.18); border-radius: 13px; background: rgba(255,244,246,.72); color: #5d4d65; text-align: left; }
.shex-creator-required-check li i { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: #b64960; color: #fff; font-style: normal; font-size: 11px; }
.shex-creator-required-check li small { color: #a34b60; font-size: 9px; }
.shex-creator-required-check li.is-complete button { border-color: rgba(76,125,101,.16); background: rgba(233,244,238,.72); }
.shex-creator-required-check li.is-complete i { background: #56806b; }
.shex-creator-required-check li.is-complete small { color: #56806b; }

.shex-creator-head.is-editor { align-items: center; margin-bottom: 12px; }
.shex-creator-head.is-editor h2 { margin: 1px 0 0; font-size: 20px; }
.shex-creator-head.is-editor p { font-size: 10px; }
.shex-creator-mode-section { display: grid; gap: 11px; padding: 12px; border: 1px solid rgba(126,99,153,.13); border-radius: 15px; background: rgba(249,246,251,.58); }
.shex-creator-mode-section > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.shex-creator-mode-section > header > strong { color: #5f4c6b; font-family: Georgia, "Source Han Serif SC", "Noto Serif SC", serif; font-size: 14px; font-weight: 600; }
.shex-creator-mode-section > header > div { display: inline-flex; gap: 3px; padding: 3px; border-radius: 10px; background: rgba(222,209,232,.55); }
.shex-creator-mode-section > header button { min-height: 27px; padding: 3px 9px; border: 0; border-radius: 8px; background: transparent; color: #7b6b84; font-size: 10px; }
.shex-creator-mode-section > header button.is-active { background: rgba(255,255,255,.88); color: #5e496d; box-shadow: 0 4px 12px rgba(91,63,112,.08); }
.shex-creator-mode-panel { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.shex-creator-mode-panel[hidden] { display: none !important; }
.shex-creator-choice-field { display: grid; gap: 8px; }
.shex-creator-choice-field > span { color: #66576e; font-size: 11px; }
.shex-creator-choice-group { display: grid; gap: 6px; }
.shex-creator-choice-group > small { color: #938598; font-size: 9px; }
.shex-creator-choice-list { display: flex; flex-wrap: wrap; gap: 7px; max-width: 100%; }
.shex-creator-choice-list button { max-width: 100%; min-height: 30px; padding: 4px 10px; border: 1px solid rgba(126,99,153,.17); border-radius: 999px; background: rgba(255,255,255,.72); color: #6f5b7b; font-size: 10px; line-height: 1.25; white-space: normal; overflow-wrap: anywhere; }
.shex-creator-choice-list button.is-active { border-color: rgba(117,84,143,.45); background: #80649a; color: #fff; }
.shex-creator-choice-list.is-history { padding-top: 2px; border-top: 1px dashed rgba(126,99,153,.13); }

.shex-creator-wizard-actions { display: grid; grid-template-columns: .8fr 1fr 1fr; gap: 7px; }
.shex-creator-wizard-actions button { min-height: 38px; border: 1px solid rgba(126,99,153,.18); border-radius: 11px; background: rgba(255,255,255,.76); color: #614d70; font-size: 11px; }
.shex-creator-wizard-actions button:disabled { opacity: .42; }
.shex-creator-wizard-actions [data-public-preview] { grid-column: 3; }
.shex-public-readiness li > button { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; padding: 8px 10px; border: 0; border-radius: 10px; background: rgba(255,255,255,.58); color: inherit; text-align: left; }
.shex-public-readiness li > button small { flex: none; color: #8a668f; font-size: 9px; }
.shex-public-preview-avatar dd { margin: 0; }
.shex-public-preview-avatar img { display: block; width: min(180px, 100%); aspect-ratio: 3 / 4; object-fit: cover; border-radius: 14px; }

body.x-dark-mode .shex-creator-progress,
body.x-dark-mode .shex-creator-step,
body.x-night-mode .shex-creator-progress,
body.x-night-mode .shex-creator-step,
html.x-night-mode .shex-creator-progress,
html.x-night-mode .shex-creator-step { border-color: rgba(255,255,255,.09); background: rgba(255,255,255,.055); color: #eee7f2; }
body.x-dark-mode .shex-creator-mode-section,
body.x-night-mode .shex-creator-mode-section,
html.x-night-mode .shex-creator-mode-section { border-color: rgba(255,255,255,.09); background: rgba(255,255,255,.04); }
body.x-dark-mode .shex-creator-mode-section > header > strong,
body.x-night-mode .shex-creator-mode-section > header > strong,
html.x-night-mode .shex-creator-mode-section > header > strong { color: #eee7f2; }
body.x-dark-mode .shex-creator-choice-list button,
body.x-night-mode .shex-creator-choice-list button,
html.x-night-mode .shex-creator-choice-list button { border-color: rgba(255,255,255,.1); background: rgba(255,255,255,.07); color: #e7deec; }
body.x-dark-mode .shex-creator-choice-list button.is-active,
body.x-night-mode .shex-creator-choice-list button.is-active,
html.x-night-mode .shex-creator-choice-list button.is-active { background: #8b6ba5; color: #fff; }
body.x-dark-mode .shex-creator-progress strong,
body.x-dark-mode .shex-creator-required-check > header strong,
body.x-night-mode .shex-creator-progress strong,
body.x-night-mode .shex-creator-required-check > header strong,
html.x-night-mode .shex-creator-progress strong,
html.x-night-mode .shex-creator-required-check > header strong { color: #eee7f2; }
body.x-dark-mode .shex-creator-avatar-preview,
body.x-night-mode .shex-creator-avatar-preview,
html.x-night-mode .shex-creator-avatar-preview { border-color: rgba(255,255,255,.1); background: linear-gradient(145deg, #2b2431, #18151c); color: #c7b8cf; }
body.x-dark-mode .shex-creator-wizard-actions button,
body.x-night-mode .shex-creator-wizard-actions button,
html.x-night-mode .shex-creator-wizard-actions button { border-color: rgba(255,255,255,.1); background: rgba(255,255,255,.07); color: #eee7f2; }
body.x-dark-mode .shex-creator-wizard-actions .primary,
body.x-night-mode .shex-creator-wizard-actions .primary,
html.x-night-mode .shex-creator-wizard-actions .primary { background: #8b6ba5; color: #fff; }

/* 发布说明只在用户主动打开时以弹窗呈现，不再占据页面顶部。 */
.shex-publication-guide-dialog {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: grid;
  place-items: center;
  padding: max(18px, env(safe-area-inset-top)) 16px max(18px, env(safe-area-inset-bottom));
  overflow-y: auto;
  background: rgba(35, 27, 42, .42);
  backdrop-filter: blur(8px);
}
.shex-publication-guide-dialog[hidden] { display: none !important; }
.shex-publication-guide-dialog > article {
  width: min(430px, 100%);
  max-height: min(720px, calc(100dvh - 36px));
  overflow-y: auto;
  padding: 18px;
  border: 1px solid rgba(126, 99, 153, .18);
  border-radius: 22px;
  background: rgba(252, 249, 253, .97);
  box-shadow: 0 26px 80px rgba(44, 31, 54, .25);
}
.shex-publication-guide-dialog header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.shex-publication-guide-dialog header small { color: #947ba5; font-family: Georgia, serif; font-size: 9px; letter-spacing: .16em; }
.shex-publication-guide-dialog h3 { margin: 4px 0 0; color: #403448; font-size: 20px; font-weight: 600; }
.shex-publication-guide-dialog header > button {
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(229, 218, 237, .66);
  color: #6c5879;
  font-size: 21px;
  line-height: 1;
}
.shex-publication-guide-dialog ol { display: grid; gap: 10px; margin: 17px 0; padding: 0; list-style: none; counter-reset: publication-step; }
.shex-publication-guide-dialog li { counter-increment: publication-step; display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 2px 10px; padding: 11px; border-radius: 14px; background: rgba(238, 229, 245, .6); }
.shex-publication-guide-dialog li::before { content: counter(publication-step); grid-row: 1 / 3; display: grid; place-items: center; align-self: start; width: 24px; height: 24px; border-radius: 50%; background: #80649a; color: #fff; font-size: 10px; }
.shex-publication-guide-dialog li b { color: #54435e; font-size: 12px; }
.shex-publication-guide-dialog li span { color: #817487; font-size: 10px; line-height: 1.65; }
.shex-publication-guide-dialog footer { display: flex; justify-content: flex-end; }
.shex-publication-guide-dialog footer button { min-width: 112px; min-height: 38px; border: 0; border-radius: 12px; background: #80649a; color: #fff; font-size: 12px; }
body.x-dark-mode .shex-publication-guide-dialog,
body.x-night-mode .shex-publication-guide-dialog,
html.x-night-mode .shex-publication-guide-dialog { background: rgba(0, 0, 0, .64); }
body.x-dark-mode .shex-publication-guide-dialog > article,
body.x-night-mode .shex-publication-guide-dialog > article,
html.x-night-mode .shex-publication-guide-dialog > article { border-color: rgba(255,255,255,.1); background: rgba(29, 24, 33, .98); }
body.x-dark-mode .shex-publication-guide-dialog h3,
body.x-dark-mode .shex-publication-guide-dialog li b,
body.x-night-mode .shex-publication-guide-dialog h3,
body.x-night-mode .shex-publication-guide-dialog li b,
html.x-night-mode .shex-publication-guide-dialog h3,
html.x-night-mode .shex-publication-guide-dialog li b { color: #f0e9f3; }
body.x-dark-mode .shex-publication-guide-dialog li,
body.x-night-mode .shex-publication-guide-dialog li,
html.x-night-mode .shex-publication-guide-dialog li { background: rgba(255,255,255,.055); }

@media (max-width: 640px) {
  .shex-creator-avatar-field { grid-template-columns: 46% minmax(0,1fr); }
  .shex-creator-step { min-height: 390px; padding: 12px; }
  .shex-creator-wizard-actions { grid-template-columns: .72fr 1fr; }
  .shex-creator-wizard-actions [data-step-next],
  .shex-creator-wizard-actions [data-public-preview] { grid-column: 1 / -1; }
  .shex-creator-required-check > header { align-items: flex-start; }
  .shex-creator-mode-panel { grid-template-columns: 1fr; }
  .shex-creator-mode-section { padding: 10px; }
  .shex-creator-choice-list { gap: 6px; }
  .shex-creator-choice-list button { min-height: 29px; padding-inline: 9px; }
  .shex-publication-guide-dialog { place-items: end center; padding: 12px 10px max(12px, env(safe-area-inset-bottom)); }
  .shex-publication-guide-dialog > article { max-height: min(84dvh, 680px); padding: 16px; border-radius: 20px; }
}