/* Makers Woodshop — Build Studio (car-configurator style) */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Inter:wght@400;500;600&display=swap');

.mwtc, .mwtc *, .mwtc *::before, .mwtc *::after{ box-sizing:border-box; }
.mwtc{
  --ink:#241a12; --muted:#8b7967; --faint:#b8a894;
  --line:rgba(36,26,18,.12); --line-soft:rgba(36,26,18,.07);
  --paper:#F4EEE3; --card:#FFFDF9;
  --stage1:#241c13; --stage2:#0e0a06;
  --accent:#15706A; --accent-deep:#0f524d; --accent-wash:#e5efee;
  --gold:#C0873B;
  --r:16px; --shadow:0 1px 2px rgba(36,26,18,.05),0 18px 46px rgba(36,26,18,.14);
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  color:var(--ink); line-height:1.5; -webkit-font-smoothing:antialiased;
  max-width:1200px; margin:0 auto; width:100%;
}
/* Theme-proofing: neutralize host-theme styles that leak onto our elements.
   :where() keeps these at zero specificity so our component classes always win,
   while still overriding bare-element theme rules like button{padding:...}. */
.mwtc :where(button){ margin:0; padding:0; border:0; background:transparent; font:inherit; color:inherit; line-height:normal; letter-spacing:inherit; text-transform:none; text-align:inherit; white-space:normal; overflow:visible; text-overflow:clip; text-indent:0; vertical-align:baseline; box-shadow:none; text-shadow:none; min-width:0; min-height:0; width:auto; height:auto; max-width:none; -webkit-appearance:none; appearance:none; border-radius:0; cursor:pointer; }
.mwtc :where(input, textarea, select){ margin:0; padding:0; border:0; background:transparent; font:inherit; color:inherit; line-height:normal; box-shadow:none; min-height:0; border-radius:0; -webkit-appearance:none; appearance:none; }
.mwtc :where(img){ max-width:100%; height:auto; border:0; border-radius:0; box-shadow:none; }
.mwtc :where(svg){ display:block; max-width:100%; }
.mwtc :where(a){ text-decoration:none; box-shadow:none; }
.mwtc :where(p, h1, h2, h3, h4, ul, ol, li){ margin:0; padding:0; list-style:none; }
.mwtc button{ font-family:inherit; }
.mwtc a{ color:var(--accent-deep); }

.mwtc-preview-note{ background:#2b2118; color:#f4ead9; border-radius:12px; padding:11px 15px; font-size:13px; margin-bottom:12px; }
.mwtc-preview-note b{ color:#fff; }

.mwtc-studio{
  background:var(--card); border:1px solid var(--line); border-radius:22px;
  box-shadow:var(--shadow); overflow:hidden; display:flex; flex-direction:column;
}

/* ---------------- TOP BAR + RAIL ---------------- */
.mwtc-topbar{ display:flex; align-items:center; gap:16px; padding:12px 18px; border-bottom:1px solid var(--line); background:var(--card); }
.mwtc-brand{ display:flex; align-items:center; gap:10px; flex-shrink:0; }
.mwtc-brandmark{ width:34px; height:34px; border-radius:9px; background:var(--stage1); color:#f2e7d6; display:grid; place-items:center; font-family:'Fraunces',serif; font-weight:600; font-size:18px; }
.mwtc-brandtext{ display:flex; flex-direction:column; line-height:1.05; font-family:'Fraunces',serif; font-weight:600; font-size:15px; }
.mwtc-brandtext small{ font-family:'Inter'; font-weight:500; font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); }

.mwtc-rail{ flex:1; display:flex; align-items:center; gap:6px; overflow-x:auto; scrollbar-width:none; -ms-overflow-style:none; padding:2px; }
.mwtc-rail::-webkit-scrollbar{ display:none; }
.mwtc-rail-step{ display:inline-flex; align-items:center; gap:7px; flex-shrink:0; padding:6px 12px 6px 6px; border:1px solid transparent; border-radius:999px; background:transparent; cursor:pointer; color:var(--muted); transition:.15s; }
.mwtc-rail-step:hover{ background:var(--paper); }
.mwtc-rail-index{ width:22px; height:22px; border-radius:50%; display:grid; place-items:center; font-size:11px; font-weight:600; background:#eadfce; color:var(--muted); }
.mwtc-rail-label{ font-size:12.5px; font-weight:500; white-space:nowrap; }
.mwtc-rail-step.is-done .mwtc-rail-index{ background:var(--accent); color:#fff; }
.mwtc-rail-step.is-done{ color:var(--ink); }
.mwtc-rail-step.is-current{ background:var(--ink); color:#f6ecdd; }
.mwtc-rail-step.is-current .mwtc-rail-index{ background:var(--gold); color:#1a130c; }
.mwtc-rail-step:focus-visible{ outline:2px solid var(--accent); outline-offset:2px; }

.mwtc-topprice{ flex-shrink:0; text-align:right; display:flex; flex-direction:column; line-height:1.05; }
.mwtc-topprice-label{ font-size:10px; letter-spacing:.12em; text-transform:uppercase; color:var(--muted); }
.mwtc-topprice-value{ font-family:'Fraunces',serif; font-weight:600; font-size:20px; color:var(--ink); }

/* ---------------- BODY ---------------- */
.mwtc-body{ display:grid; grid-template-columns:1.35fr 1fr; height:min(66vh,660px); min-height:520px; }

/* ---------------- STAGE (cinematic) ---------------- */
.mwtc-stage{ position:relative; overflow:hidden; background:radial-gradient(120% 90% at 30% 20%,var(--stage1),var(--stage2)); }
.mwtc-stage-photo{ position:absolute; inset:0; }
.mwtc-stage-photo img{ width:100%; height:100%; object-fit:cover; opacity:0; animation:mwtc-fade .6s ease forwards, mwtc-kb 14s ease-out forwards; }
.mwtc-stage.mwtc-img-missing .mwtc-stage-photo{ background:linear-gradient(135deg,#3a2c1d,#1c140c); }
@keyframes mwtc-fade{ to{ opacity:1; } }
@keyframes mwtc-kb{ from{ transform:scale(1.02); } to{ transform:scale(1.09); } }
.mwtc-stage::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(10,7,4,.32) 0%,rgba(10,7,4,0) 34%,rgba(10,7,4,.12) 62%,rgba(10,7,4,.78) 100%); pointer-events:none; }
.mwtc-stage-eyebrow{ position:absolute; top:16px; left:18px; z-index:3; color:#f3e8d7; font-size:11px; letter-spacing:.2em; text-transform:uppercase; font-weight:600; background:rgba(20,14,8,.4); padding:6px 11px; border-radius:999px; backdrop-filter:blur(4px); }
.mwtc-stage-caption{ position:absolute; left:18px; right:18px; bottom:16px; z-index:3; color:#faf3e8; display:flex; flex-direction:column; gap:3px; }
.mwtc-stage-caption b{ font-family:'Fraunces',serif; font-weight:600; font-size:24px; letter-spacing:-.01em; }
.mwtc-cap-sub{ font-size:12.5px; color:#e6d8c4; opacity:.9; }
.mwtc-swatch-live{ display:inline-block; width:16px; height:16px; border-radius:50%; border:1px solid rgba(255,255,255,.6); margin-right:7px; vertical-align:-2px; }
.mwtc-stage-disclaimer{ display:block; margin-top:7px; max-width:62ch; font-size:10.5px; line-height:1.4; font-style:italic; color:#d8c8b2; opacity:.82; }

.mwtc-stage-inset{ position:absolute; top:14px; right:14px; z-index:3; width:132px; background:rgba(18,12,7,.5); border:1px solid rgba(255,255,255,.14); border-radius:14px; padding:8px; backdrop-filter:blur(6px); }
.mwtc-inset-label{ display:block; font-size:9.5px; letter-spacing:.16em; text-transform:uppercase; color:#e9dcc8; margin-bottom:3px; opacity:.85; }
.mwtc-schematic{ width:100%; height:auto; display:block; }

/* color-step palette on stage */
.mwtc-palette-stage{ position:absolute; inset:44px 18px 60px; z-index:2; display:flex; align-items:center; justify-content:center; }
.mwtc-palette-frame{ position:relative; display:inline-block; line-height:0; }
.mwtc-palette-img{ display:block; width:auto; height:auto; max-width:min(calc(58vw - 48px), 660px); max-height:calc(66vh - 128px); border-radius:12px; box-shadow:0 12px 30px rgba(0,0,0,.4); }
.mwtc-hot{ position:absolute; width:6.4% !important; height:auto !important; aspect-ratio:1 / 1 !important; padding:0 !important; margin:0 !important; min-width:0 !important; min-height:0 !important; max-width:none !important; transform:translate(-50%,-50%); border-radius:50%; border:2px solid transparent; background:transparent; cursor:pointer; transition:.14s; box-sizing:border-box; }
.mwtc-hot:hover{ border-color:rgba(255,255,255,.85); box-shadow:0 0 0 2px rgba(0,0,0,.3); }
.mwtc-hot.is-selected{ border-color:#fff; box-shadow:0 0 0 3px var(--accent),0 0 14px rgba(0,0,0,.5); }
.mwtc-hot:focus-visible{ outline:2px solid #fff; outline-offset:1px; }
.mwtc-hotspot-readout{ position:absolute; left:18px; right:18px; top:14px; z-index:4; color:#fbe7cf; font-size:11px; }

/* Color step: lay the board and caption out in a column so the board never overlaps the text below it */
.mwtc-stage.is-color{ display:flex; flex-direction:column; }
.mwtc-stage.is-color::after{ content:none; }
.mwtc-stage.is-color .mwtc-stage-eyebrow{ position:static; align-self:flex-start; margin:14px 0 2px 16px; }
.mwtc-stage.is-color .mwtc-palette-stage{ position:relative; inset:auto; flex:1 1 auto; min-height:0; width:100%; padding:4px 16px; overflow:hidden; }
.mwtc-stage.is-color .mwtc-palette-img{ max-width:min(100%, calc(58vw - 60px)); max-height:min(calc(66vh - 150px), 500px); }
.mwtc-stage.is-color .mwtc-hotspot-readout{ position:static; left:auto; right:auto; top:auto; padding:0 16px 2px; }
.mwtc-stage.is-color .mwtc-stage-caption{ position:static; left:auto; right:auto; bottom:auto; padding:6px 16px 12px; }

/* ---------------- PANEL (light controls) ---------------- */
.mwtc-panel{ background:var(--paper); overflow-y:auto; }
.mwtc-panel-inner{ padding:20px 20px 26px; }
.mwtc-panel-head{ margin-bottom:16px; }
.mwtc-panel-eyebrow{ font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); font-weight:600; margin-bottom:5px; }
.mwtc-panel-head h2{ font-family:'Fraunces',serif; font-weight:500; font-size:23px; letter-spacing:-.01em; }
.mwtc-panel-head p{ font-size:13px; color:var(--muted); margin-top:5px; }

.mwtc-sub-h{ font-size:12px; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); font-weight:600; margin:18px 0 9px; }

.mwtc-tiles{ display:grid; grid-template-columns:1fr; gap:10px; }
.mwtc-tile{ display:flex; align-items:center; gap:13px; padding:10px; border:1px solid var(--line); border-radius:14px; background:var(--card); cursor:pointer; text-align:left; width:100%; position:relative; transition:transform .14s,border-color .14s,box-shadow .14s; }
.mwtc-tile:hover{ transform:translateY(-1px); border-color:var(--faint); box-shadow:0 6px 18px rgba(36,26,18,.08); }
.mwtc-tile:focus-visible{ outline:2px solid var(--accent); outline-offset:2px; }
.mwtc-tile-thumb{ width:88px; height:66px; border-radius:10px; overflow:hidden; flex-shrink:0; background:#eadfce; }
.mwtc-tile-thumb img{ width:100%; height:100%; object-fit:cover; }
.mwtc-tile-svg{ width:88px; height:66px; border-radius:10px; flex-shrink:0; background:linear-gradient(#fbf6ec,#efe4d2); display:grid; place-items:center; }
.mwtc-tile-svg svg{ width:66%; height:66%; }
.mwtc-svg-fill{ fill:#e7d6bd; stroke:#7c5636; stroke-width:4; }
.mwtc-tile-swatch{ width:36px; height:36px; border-radius:50%; flex-shrink:0; border:1px solid rgba(0,0,0,.12); box-shadow:inset 0 0 0 3px rgba(255,255,255,.35); }
.mwtc-tile-main{ flex:1; min-width:0; }
.mwtc-tile-name{ font-weight:600; font-size:15px; display:block; }
.mwtc-tile-meta{ font-weight:500; font-size:12px; color:var(--accent-deep); margin-left:4px; }
.mwtc-tile-desc{ font-size:12.5px; color:var(--muted); margin-top:3px; line-height:1.4; display:block; }
.mwtc-tile-badge{ display:inline-block; margin-top:6px; font-size:11px; font-weight:600; color:#8a5a10; background:#f6e6c6; border-radius:999px; padding:2px 9px; }
.mwtc-tile-check{ width:24px; height:24px; border-radius:50%; background:var(--accent); color:#fff; display:grid; place-items:center; font-size:13px; flex-shrink:0; opacity:0; transform:scale(.6); transition:.16s; }
.mwtc-tile.is-selected{ border-color:var(--accent); box-shadow:0 0 0 2px var(--accent); }
.mwtc-tile.is-selected .mwtc-tile-check{ opacity:1; transform:scale(1); }

/* locked / automatic card (e.g. endgrain design) */
.mwtc-locked-card{ background:var(--card); border:1px solid var(--accent); border-left:4px solid var(--accent); border-radius:14px; padding:16px 17px; }
.mwtc-locked-badge{ display:inline-block; font-size:11px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:#fff; background:var(--accent); border-radius:999px; padding:3px 11px; }
.mwtc-locked-title{ font-family:'Fraunces',serif; font-weight:600; font-size:19px; margin:10px 0 6px; }
.mwtc-locked-copy{ font-size:13px; color:var(--muted); line-height:1.55; margin-top:8px; }
.mwtc-locked-copy b{ color:var(--ink); }

/* pills */
.mwtc-pills{ display:flex; flex-wrap:wrap; gap:10px; }
.mwtc-pill{ border:1px solid var(--line); background:var(--card); border-radius:999px; padding:11px 20px; font-weight:500; font-size:14px; cursor:pointer; color:var(--ink); transition:.14s; }
.mwtc-pill:hover{ border-color:var(--faint); }
.mwtc-pill.is-selected{ background:var(--accent); border-color:var(--accent); color:#fff; }
.mwtc-pill:focus-visible{ outline:2px solid var(--accent); outline-offset:2px; }
.mwtc-pills-wide .mwtc-pill{ flex:1; text-align:center; }

/* fields */
.mwtc-fields{ display:grid; grid-template-columns:1fr; gap:13px; }
.mwtc-fields-2{ grid-template-columns:1fr 1fr; }
.mwtc-field{ display:flex; flex-direction:column; gap:5px; min-width:0; }
.mwtc-field.mwtc-full{ grid-column:1 / -1; }
.mwtc-field label{ font-size:12px; color:var(--muted); font-weight:500; }
.mwtc-field input,.mwtc-field textarea{ width:100%; padding:11px 12px; border:1px solid var(--line); border-radius:10px; font-size:16px; color:var(--ink); background:var(--card); outline:none; transition:border-color .15s; }
.mwtc-field input:focus,.mwtc-field textarea:focus{ border-color:var(--accent); }
.mwtc-help{ font-size:11.5px; color:var(--muted); }
.mwtc-fixed-note{ display:inline-block; margin-top:12px; font-size:12.5px; color:#7c5636; background:#f3e7d2; border:1px solid #e6d3b2; border-radius:9px; padding:8px 11px; }
.mwtc-fetch{ justify-content:flex-end; }
.mwtc-secondary-btn{ background:var(--card); border:1px solid var(--line); border-radius:10px; padding:11px 14px; font-weight:500; cursor:pointer; color:var(--ink); }
.mwtc-secondary-btn:hover{ border-color:var(--accent); }

.mwtc-warning{ margin-top:12px; font-size:13px; background:#fbeede; border:1px solid #eecfa0; color:#7a4f14; border-radius:10px; padding:11px 13px; }
.mwtc-info{ margin-top:14px; font-size:12.5px; color:var(--muted); background:var(--card); border:1px solid var(--line-soft); border-radius:10px; padding:12px 13px; line-height:1.5; }
.mwtc-info-tight{ margin-top:0; margin-bottom:14px; }

/* toggle */
.mwtc-toggle{ display:flex; align-items:center; justify-content:space-between; gap:16px; background:var(--card); border:1px solid var(--line); border-radius:14px; padding:14px 15px; }
.mwtc-toggle-name{ font-weight:600; font-size:14px; }
.mwtc-toggle-copy{ font-size:12.5px; color:var(--muted); margin-top:2px; }
.mwtc-switch{ position:relative; width:46px; height:26px; flex-shrink:0; }
.mwtc-switch input{ opacity:0; width:0; height:0; }
.mwtc-slider{ position:absolute; inset:0; background:#cfc2b0; border-radius:26px; cursor:pointer; transition:.2s; }
.mwtc-slider:before{ content:""; position:absolute; height:20px; width:20px; left:3px; bottom:3px; background:#fff; border-radius:50%; transition:.2s; }
.mwtc-switch input:checked+.mwtc-slider{ background:var(--accent); }
.mwtc-switch input:checked+.mwtc-slider:before{ transform:translateX(20px); }

/* swatches */
.mwtc-swatches{ display:flex; flex-wrap:wrap; gap:8px; }
.mwtc-swatch{ display:flex; align-items:center; gap:7px; border:1px solid var(--line); background:var(--card); border-radius:999px; padding:5px 12px 5px 5px; cursor:pointer; font-size:12.5px; color:var(--ink); transition:.14s; }
.mwtc-swatch:hover{ border-color:var(--faint); }
.mwtc-swatch.is-selected{ border-color:var(--accent); background:var(--accent-wash); font-weight:600; }
.mwtc-dot{ width:18px; height:18px; border-radius:50%; border:1px solid rgba(0,0,0,.15); flex-shrink:0; }

/* review */
.mwtc-review-lines{ background:var(--card); border:1px solid var(--line); border-radius:14px; padding:6px 14px; margin-bottom:14px; }
.mwtc-line{ display:flex; justify-content:space-between; gap:12px; font-size:13px; padding:7px 0; }
.mwtc-line+.mwtc-line{ border-top:1px solid var(--line-soft); }
.mwtc-line .k{ color:var(--muted); }
.mwtc-line .v{ font-weight:600; text-align:right; }
.mwtc-line .v.empty{ color:var(--faint); font-weight:400; }
.mwtc-metrics{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:14px; }
.mwtc-metric{ background:var(--card); border:1px solid var(--line); border-radius:12px; padding:11px 13px; }
.mwtc-metric span{ font-size:11px; color:var(--muted); display:block; }
.mwtc-metric b{ font-family:'Fraunces',serif; font-size:18px; }
.mwtc-pricebox{ background:var(--card); border:1px solid var(--line); border-radius:14px; padding:14px 15px; }
.mwtc-price-row{ display:flex; justify-content:space-between; gap:12px; font-size:13px; color:var(--muted); padding:4px 0; }
.mwtc-price-row b{ color:var(--ink); font-weight:600; }
.mwtc-price-row.is-strong{ color:var(--ink); font-weight:600; border-top:1px solid var(--line-soft); margin-top:4px; padding-top:8px; }
.mwtc-total{ display:flex; justify-content:space-between; align-items:baseline; margin-top:10px; padding-top:12px; border-top:1px solid var(--line); }
.mwtc-total span{ font-weight:600; font-size:14px; }
.mwtc-total b{ font-family:'Fraunces',serif; font-size:27px; color:var(--accent-deep); }
.mwtc-note{ font-size:11.5px; color:var(--muted); margin-top:10px; line-height:1.5; }
.mwtc-error-static{ font-size:12.5px; color:#8a2020; background:#f6e0dc; border:1px solid #e6b6ae; border-radius:10px; padding:10px 12px; margin:12px 0; }
.mwtc-cart-btn{ width:100%; margin-top:14px; background:var(--accent); color:#fff; border:none; border-radius:12px; padding:15px; font-weight:600; font-size:15px; cursor:pointer; transition:.15s; }
.mwtc-cart-btn:hover{ background:var(--accent-deep); }
.mwtc-cart-btn:disabled{ background:#c9beb0; cursor:not-allowed; }
.mwtc-error{ color:#a3271b; font-size:13px; margin-top:9px; }
.mwtc-success{ color:var(--accent-deep); font-size:13px; margin-top:9px; }

/* ---------------- ACTION BAR ---------------- */
.mwtc-actionbar{ display:flex; align-items:center; gap:14px; padding:12px 18px; border-top:1px solid var(--line); background:var(--card); }
.mwtc-ab-back{ background:transparent; border:1px solid var(--line); border-radius:11px; padding:11px 16px; font-weight:500; cursor:pointer; color:var(--ink); flex-shrink:0; }
.mwtc-ab-back:hover:not(:disabled){ border-color:var(--faint); }
.mwtc-ab-back:disabled{ opacity:.4; cursor:not-allowed; }
.mwtc-ab-chip{ flex:1; min-width:0; font-size:13px; color:var(--muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mwtc-ab-price{ text-align:right; display:flex; flex-direction:column; line-height:1.05; flex-shrink:0; }
.mwtc-ab-price-label{ font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); }
.mwtc-ab-price-value{ font-family:'Fraunces',serif; font-weight:600; font-size:17px; }
.mwtc-ab-next{ background:var(--accent); color:#fff; border:none; border-radius:11px; padding:12px 26px; font-weight:600; font-size:15px; cursor:pointer; flex-shrink:0; transition:.15s; }
.mwtc-ab-next:hover:not(:disabled){ background:var(--accent-deep); }
.mwtc-ab-next:disabled{ background:#c9beb0; cursor:not-allowed; }
.mwtc-ab-back:focus-visible,.mwtc-ab-next:focus-visible,.mwtc-cart-btn:focus-visible{ outline:2px solid var(--ink); outline-offset:2px; }

/* ---------------- MOBILE BAR ---------------- */
.mwtc-mobilebar{ display:none; }

/* ---------------- RESPONSIVE ---------------- */
@media(max-width:880px){
  .mwtc{ max-width:100%; }
  .mwtc-studio{ border-radius:16px; }
  .mwtc-body{ grid-template-columns:1fr; height:auto; min-height:0; }
  .mwtc-stage{ height:36vh; min-height:230px; }
  .mwtc-panel{ max-height:none; }
  .mwtc-panel-inner{ padding:18px 16px 30px; }
  .mwtc-actionbar{ display:flex; flex-wrap:wrap; align-items:center; gap:10px 12px; position:static; padding:14px 16px calc(16px + env(safe-area-inset-bottom)); }
  .mwtc-ab-back{ order:1; padding:12px 18px; }
  .mwtc-ab-chip{ display:none; }
  .mwtc-ab-price{ order:2; margin-left:auto; text-align:right; }
  .mwtc-ab-next{ order:3; flex:1 1 100%; width:100%; text-align:center; padding:16px; font-size:16px; }
  .mwtc-topprice{ display:none; }
  .mwtc-brandtext small{ display:none; }
  .mwtc-stage-inset{ width:104px; top:10px; right:10px; }
  .mwtc-palette-stage{ inset:40px 14px 54px; }
  .mwtc-palette-img{ max-width:calc(100vw - 44px); max-height:calc(36vh - 28px); }
  .mwtc-stage.is-color{ height:auto; min-height:44vh; }
  .mwtc-stage.is-color .mwtc-palette-img{ max-width:calc(100vw - 40px); max-height:calc(44vh - 132px); }
  .mwtc-stage.is-color .mwtc-stage-disclaimer{ font-size:10px; }
  .mwtc-stage-caption b{ font-size:20px; }
  .mwtc-mobilebar{ display:none !important; }
}
@media(max-width:560px){
  .mwtc-fields-2{ grid-template-columns:1fr; }
  .mwtc-tile-thumb,.mwtc-tile-svg{ width:72px; height:56px; }
  .mwtc-rail-label{ display:none; }
  .mwtc-rail-step{ padding:6px; }
  .mwtc-panel-head h2{ font-size:21px; }
}
@media(prefers-reduced-motion:reduce){
  .mwtc *{ animation:none!important; transition:none!important; }
  .mwtc-stage-photo img{ opacity:1; transform:none; }
}