/* The workspace adapts; every merchant phone uses the same 390 × 844 canvas. */
.merchant-workspace .mx-steps {grid-template-columns:repeat(4,minmax(0,1fr));}
.merchant-workspace .mx-canvas-heading {display:flex;flex-direction:column;gap:3px;flex:none;}
.merchant-workspace .mx-canvas-heading>span,.merchant-workspace .mx-eyebrow {color:rgba(0,0,0,.55);font-size:12px;line-height:1.4;}
.merchant-workspace .mx-canvas-heading h2 {font-size:21px;line-height:1.35;font-weight:500;}
.merchant-workspace .research-canvas>.phone-preview {flex:1;min-height:0;min-width:0;}
.merchant-workspace .mx-phone {box-sizing:border-box;display:flex;flex-direction:column;width:390px;height:844px;min-width:390px;max-width:390px;min-height:844px;max-height:844px;margin:0;border:0;border-radius:0;background:#f7f7f7;overflow:hidden;color:rgba(0,0,0,.9);font:17px/1.4 -apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;}
.merchant-workspace .mx-status {height:47px;flex:none;display:flex;align-items:flex-start;justify-content:space-between;padding:13px 27px 0;font-size:17px;font-weight:600;line-height:22px;letter-spacing:-.4px;}
.merchant-workspace .mx-status img {width:77.4px;height:13px;margin-top:4px;}
.merchant-workspace .mx-home-indicator {height:34px;flex:none;display:flex;align-items:flex-end;justify-content:center;padding-bottom:9px;background:#fff;}
.merchant-workspace .mx-home-indicator>span {height:5px;width:134px;border-radius:100px;background:rgba(0,0,0,.9);}
.merchant-workspace .mx-appbar {position:relative;height:44px;flex:none;padding:0 16px;display:flex;align-items:center;justify-content:center;gap:8px;background:#f7f7f7;font-size:17px;line-height:1.4;}
.merchant-workspace .mx-back {position:absolute;left:16px;width:12px;height:24px;object-fit:contain;}
.merchant-workspace .mx-capsule {position:absolute;right:12px;border:1px solid rgba(0,0,0,.12);border-radius:16px;padding:4px 9px;font-size:15px;line-height:22px;}
.merchant-workspace .mx-app-content {display:flex;flex:1;flex-direction:column;gap:24px;padding:24px 16px;min-height:0;}
.merchant-workspace .mx-store {display:flex;align-items:center;gap:12px;}
.merchant-workspace .mx-store-icon {display:grid;place-items:center;background:#e1e9df;color:#58705a;font-size:25px;border-radius:6px;width:48px;height:48px;flex:none;}
.merchant-workspace .mx-store>div {display:flex;flex-direction:column;gap:2px;}
.merchant-workspace .mx-store strong {font-size:17px;line-height:1.4;}
.merchant-workspace .mx-store div>span {font-size:14px;line-height:1.4;color:rgba(0,0,0,.55);}
.merchant-workspace .mx-home-module {display:flex;flex-direction:column;gap:16px;border-radius:8px;background:#fff;padding:20px;}
.merchant-workspace .mx-home-module h3 {font-size:20px;line-height:1.4;font-weight:500;}
.merchant-workspace .mx-home-module h4 {margin:0;font-size:17px;line-height:1.4;font-weight:500;}
.merchant-workspace .mx-home-module p {font-size:15px;line-height:1.6;color:rgba(0,0,0,.55);}
.merchant-workspace .mx-recommendation {display:flex;flex-direction:column;gap:8px;padding:16px;background:#f2f7f2;border-radius:6px;}
.merchant-workspace .mx-recommendation>span:first-child {font-size:14px;line-height:1.4;color:rgba(0,0,0,.55);}
.merchant-workspace .mx-recommendation>strong {font-size:17px;line-height:1.4;}
.merchant-workspace .mx-faux-button {font-size:16px;line-height:1.4;color:#07c160;margin-top:4px;}
.merchant-workspace .mx-personal-task {display:flex;flex-direction:column;gap:1px;padding:0 2px;}
.merchant-workspace .mx-personal-task span {font-size:12px;line-height:1.4;color:rgba(0,0,0,.55);}
.merchant-workspace .mx-personal-task strong {font-size:15px;line-height:1.4;}
.merchant-workspace .mx-tabbar {display:flex;justify-content:space-around;align-items:center;height:50px;flex:none;background:#fff;border-top:1px solid rgba(0,0,0,.08);font-size:10px;color:rgba(0,0,0,.55);}
.merchant-workspace .mx-tabbar>span {display:flex;flex-direction:column;align-items:center;gap:1px;}
.merchant-workspace .mx-tabbar b {font-size:23px;font-weight:400;line-height:25px;}
.merchant-workspace .mx-tabbar .is-active {color:#07c160;}
.merchant-workspace .mx-app-primary,.merchant-workspace .mx-app-secondary {display:block;min-height:48px;width:100%;padding:12px 16px;border:0;border-radius:8px;background:#07c160;color:white;text-align:center;font-size:17px;line-height:1.4;}
.merchant-workspace .mx-app-secondary {background:rgba(0,0,0,.05);color:rgba(0,0,0,.8);}
.merchant-workspace .mx-complete-note {color:rgba(0,0,0,.55);font-size:14px;}
.merchant-workspace .mx-list-heading {display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;color:rgba(0,0,0,.55);}
.merchant-workspace .mx-inline {border:0;background:transparent;padding:6px 0;color:#576b95;font-size:14px;min-height:32px;}
.merchant-workspace .mx-checklist {display:flex;flex-direction:column;}
.merchant-workspace .mx-checklist button {display:flex;align-items:center;gap:12px;width:100%;min-height:68px;padding:12px 0;border:0;border-top:1px solid rgba(0,0,0,.06);background:transparent;text-align:left;}
.merchant-workspace .mx-checklist button>span:nth-child(2) {flex:1;font-size:17px;line-height:1.4;}
.merchant-workspace .mx-checklist small {display:block;font-size:14px;color:rgba(0,0,0,.55);margin-top:4px;}
.merchant-workspace .mx-checklist b {font-weight:400;color:rgba(0,0,0,.3);}
.merchant-workspace .mx-done {color:#07c160;}.merchant-workspace .mx-todo {color:rgba(0,0,0,.3);}
.merchant-workspace .mx-simulation {display:flex;flex:1;flex-direction:column;align-items:stretch;gap:20px;padding:40px 24px 24px;background:#fff;min-height:0;}
.merchant-workspace .mx-simulation h3 {font-size:22px;text-align:center;line-height:1.4;}
.merchant-workspace .mx-simulation p {font-size:16px;line-height:1.6;color:rgba(0,0,0,.55);}
.merchant-workspace .mx-result-symbol {display:grid;place-items:center;width:64px;height:64px;align-self:center;border-radius:50%;background:#07c160;color:#fff;font-size:36px;}
.merchant-workspace .mx-result-symbol.is-error {background:#fa5151;}
.merchant-workspace .mx-form-row {display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(0,0,0,.08);padding:16px 0;font-size:17px;line-height:1.4;}
.merchant-workspace .mx-form-row>span {color:rgba(0,0,0,.55);}
.merchant-workspace .mx-product-draft {display:flex;align-items:center;gap:14px;}
.merchant-workspace .mx-product-image {display:grid;place-items:center;width:64px;height:64px;background:#ededed;color:rgba(0,0,0,.45);border-radius:6px;}
.merchant-workspace .mx-product-draft div {display:flex;flex-direction:column;gap:4px;font-size:17px;}
.merchant-workspace .mx-product-draft div>span {font-size:14px;color:rgba(0,0,0,.55);}
.merchant-workspace .mx-saved {color:#078c47!important;}
.merchant-workspace .mx-disclaimer {font-size:12px;line-height:1.4;color:rgba(0,0,0,.55);margin-top:auto;flex:none;}
.merchant-workspace .mx-person {display:flex;align-items:center;gap:10px;}
.merchant-workspace .mx-person img {width:34px;height:34px;border-radius:5px;object-fit:cover;}
.merchant-workspace .mx-person>div {display:flex;flex-direction:column;gap:2px;min-width:0;}
.merchant-workspace .mx-person strong {font-size:14px;line-height:1.4;}
.merchant-workspace .mx-person div>span {font-size:12px;line-height:1.4;color:rgba(0,0,0,.55);}
.merchant-workspace .mx-message {padding:14px;background:#ededed;border-radius:7px;font-size:15px;line-height:1.6;}
.merchant-workspace .mx-objective {padding:11px 13px;border-left:3px solid #07c160;background:#f4f8f4;font-size:14px;line-height:1.5;}
.merchant-workspace .mx-objective p {margin-top:4px;color:rgba(0,0,0,.55);}
.merchant-workspace .mx-material-tabs {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;}
.merchant-workspace .mx-material-tabs button {padding:7px 4px;min-height:34px;border:1px solid rgba(0,0,0,.1);border-radius:6px;background:#fff;font-size:14px;line-height:1.4;white-space:nowrap;}
.merchant-workspace .mx-material-tabs button[aria-pressed='true'] {border-color:#07c160;background:#f1faf3;}
.merchant-workspace .mx-material-sheet {display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid rgba(0,0,0,.08);border-radius:8px;background:#fafafa;}
.merchant-workspace .mx-material-sheet blockquote {margin:0;padding:0;font-size:15px;line-height:1.6;}
.merchant-workspace .mx-material-object {display:flex;align-items:center;gap:10px;}
.merchant-workspace .mx-service-icon {display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:7px;background:#07c160;color:white;font-size:20px;}
.merchant-workspace .mx-material-object strong {font-size:15px;line-height:1.4;}
.merchant-workspace .mx-material-object p {font-size:12px;color:rgba(0,0,0,.55);margin-top:3px;}
.merchant-workspace .mx-material-meaning {border-top:1px solid rgba(0,0,0,.08);padding-top:9px;font-size:14px;line-height:1.5;}
.merchant-workspace .mx-material-meaning p {color:rgba(0,0,0,.55);margin-top:3px;}
.merchant-workspace .mx-save-clue {min-height:34px;padding:6px 10px;border:1px solid #07c160;border-radius:6px;background:white;color:#078c47;font-size:14px;line-height:1.4;align-self:flex-start;}
.merchant-workspace .mx-setup-state,.merchant-workspace .mx-capabilities {display:flex;flex-direction:column;gap:5px;font-size:14px;line-height:1.4;}
.merchant-workspace .mx-setup-state>span,.merchant-workspace .mx-capabilities>span {display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px solid rgba(0,0,0,.06);}
.merchant-workspace .mx-capabilities b,.merchant-workspace .mx-setup-state b {font-size:13px;font-weight:400;color:#078c47;}
.merchant-workspace .mx-capabilities b.is-unavailable {color:rgba(0,0,0,.55);}
.merchant-workspace .mx-clue-folder {display:flex;flex-direction:column;gap:10px;padding:13px;border:1px solid rgba(0,0,0,.1);border-radius:7px;font-size:14px;}
.merchant-workspace .mx-clue-folder>strong {display:flex;justify-content:space-between;}
.merchant-workspace .mx-clue-folder>div {display:flex;align-items:flex-start;gap:7px;line-height:1.5;}
.merchant-workspace .mx-clue-folder>div>span {color:#07c160;}
.merchant-workspace .mx-muted {color:rgba(0,0,0,.55);font-size:13px;line-height:1.5;}
.merchant-workspace .mx-setting {border:0;padding:0;margin:0;display:grid;gap:5px;min-width:0;}
.merchant-workspace .mx-setting legend {font-size:14px;font-weight:500;line-height:1.4;margin-bottom:5px;}
.merchant-workspace .mx-setting button {min-height:34px;text-align:left;padding:6px 10px;border:1px solid rgba(0,0,0,.1);border-radius:6px;background:#fff;font-size:14px;line-height:1.4;}
.merchant-workspace .mx-setting button[aria-pressed='true'],.merchant-workspace .mx-citation button[aria-pressed='true'] {border-color:#07c160;background:#f1faf3;}
.merchant-workspace .mx-inline-context {font-size:12px;line-height:1.5;color:rgba(0,0,0,.55);border-left:2px solid #d9dfd8;padding-left:9px;}
.merchant-workspace .mx-citation {padding:0;margin:0;border:0;min-width:0;}
.merchant-workspace .mx-citation legend {font-size:14px;line-height:1.5;font-weight:500;margin-bottom:7px;}
.merchant-workspace .mx-citation>div {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;}
.merchant-workspace .mx-citation button {padding:6px 2px;min-height:33px;border:1px solid rgba(0,0,0,.1);border-radius:5px;background:#fff;white-space:nowrap;font-size:13px;}
.merchant-workspace .mx-citation p {font-size:12px;line-height:1.4;color:rgba(0,0,0,.55);margin-top:5px;min-height:17px;}
.merchant-workspace .mx-feedback {padding:10px 12px;border-radius:6px;background:#f3f3f3;font-size:14px;line-height:1.5;}
.merchant-workspace .mx-feedback.is-passed {background:#edf8ef;}
.merchant-workspace .mx-feedback p {font-size:13px;margin-top:5px;color:rgba(0,0,0,.55);}
.merchant-workspace .mx-explanation-summary {display:flex;flex-direction:column;gap:9px;padding:9px 10px;border:1px solid rgba(0,0,0,.08);border-radius:6px;}
.merchant-workspace .mx-explanation-summary strong {font-size:14px;line-height:1.45;}
.merchant-workspace .mx-explanation-summary p {font-size:12px;line-height:1.5;color:rgba(0,0,0,.55);margin-top:3px;}
.merchant-workspace .mx-text-button {border:0;background:transparent;padding:4px 0;min-height:28px;color:rgba(0,0,0,.55);font-size:13px;}
@media(min-width:961px) and (min-height:620px) and (max-height:760px) {
  .merchant-workspace[data-merchant-stage='intro'] .research-layout {grid-template-columns:minmax(0,1fr) 360px;}
  .merchant-workspace[data-merchant-stage='intro'] .research-guide {gap:9px;}
  .merchant-workspace[data-merchant-stage='materials'] .research-canvas {gap:8px;}
  .merchant-workspace .research-canvas {gap:8px;padding:12px 14px;}
  .merchant-workspace .research-guide {gap:9px;padding:13px 15px;}
  .merchant-workspace .research-guide>h2 {font-size:20px;line-height:1.35;}
  .merchant-workspace .mx-canvas-heading h2 {font-size:20px;line-height:1.35;}
  .merchant-workspace .mx-material-sheet {gap:6px;padding:9px 12px;}
  .merchant-workspace .mx-material-sheet blockquote {font-size:14px;line-height:1.5;}
  .merchant-workspace .mx-material-meaning {padding-top:7px;}
  .merchant-workspace .mx-setup-state,.merchant-workspace .mx-capabilities {gap:3px;}
  .merchant-workspace .mx-setup-state>span,.merchant-workspace .mx-capabilities>span {padding:3px 0;}
  .merchant-workspace[data-merchant-stage='build'] .research-guide {gap:7px;}
  .merchant-workspace .mx-setting {gap:4px;grid-template-columns:repeat(2,minmax(0,1fr));}
  .merchant-workspace .mx-setting button {min-height:34px;padding:5px 6px;}
  .merchant-workspace .mx-setting button:first-of-type {grid-column:1/-1;}
  .merchant-workspace .mx-setting legend {margin-bottom:4px;}
  .merchant-workspace .mx-message {padding:12px;font-size:14px;}
}
@media(max-width:960px) {
  .merchant-workspace .research-guide {gap:16px;}
  .merchant-workspace .research-canvas>.phone-preview {flex:none;}
  .merchant-workspace .mx-canvas-heading h2 {font-size:20px;}
  .merchant-workspace .mx-steps button {gap:4px;padding:8px 3px;font-size:13px;}
  .merchant-workspace .mx-steps button>span {display:none;}
  .merchant-workspace .mx-setting button,.merchant-workspace .mx-material-tabs button,.merchant-workspace .mx-save-clue {min-height:44px;}
  .merchant-workspace .mx-citation button {min-height:44px;}
  .merchant-workspace .mx-clue-folder {padding:14px;}
  .merchant-workspace .mx-inline-context {font-size:13px;}
}