:root {
  --mcw-bg: #f8fafc;
  --mcw-surface: #ffffff;
  --mcw-line: #dbe4f0;
  --mcw-line-strong: #cbd5e1;
  --mcw-text: #0f172a;
  --mcw-muted: #64748b;
  --mcw-accent: #111827;
  --mcw-danger: #b91c1c;
}
.mcw-page { max-width: 1220px; margin: 0 auto; padding: 24px; background: linear-gradient(180deg,#f8fafc 0%,#eef2f7 100%); border-radius: 28px; box-shadow: 0 20px 50px rgba(15,23,42,.08); }
.mcw-header { display:flex; justify-content:space-between; align-items:flex-start; gap:18px; margin-bottom:20px; }
.mcw-title { margin:0; font-size: 30px; line-height:1.1; color:var(--mcw-text); }
.mcw-subtitle { margin:.4rem 0 0; color:var(--mcw-muted); }
.mcw-back-link { display:inline-flex; align-items:center; gap:8px; text-decoration:none; padding:10px 14px; border-radius:999px; border:1px solid var(--mcw-line); background:#fff; }
.mcw-form { display:flex; flex-direction:column; gap:18px; }
.mcw-editor,.mcw-panel,.mcw-stage-wrap { background: rgba(255,255,255,.86); border:1px solid var(--mcw-line); border-radius:24px; box-shadow: 0 14px 34px rgba(15,23,42,.05); }
.mcw-editor { padding:18px; }
.mcw-toolbar,.mcw-upload-grid,.mcw-actions,.mcw-text-grid { display:flex; gap:12px; }
.mcw-toolbar { justify-content:space-between; align-items:center; flex-wrap:wrap; margin-bottom:16px; }
.mcw-toolbar-group { display:flex; gap:8px; flex-wrap:wrap; }
.mcw-view-btn,.mcw-tool-btn,.mcw-chip,.mcw-export-btn,.mcw-open-customizer-btn,.single_add_to_cart_button { border-radius:16px !important; }
.mcw-view-btn,.mcw-tool-btn,.mcw-export-btn { border:1px solid var(--mcw-line-strong); background:#fff; padding:10px 14px; font-weight:700; }
.mcw-view-btn.is-active { background:var(--mcw-accent); color:#fff; border-color:var(--mcw-accent); }
.mcw-upload-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-bottom:14px; }
.mcw-upload-card { border:1px solid var(--mcw-line); border-radius:20px; padding:12px; background:linear-gradient(180deg,#fff 0%,#f8fafc 100%); cursor:pointer; }
.mcw-upload-card.is-loaded { border-color:#94a3b8; }
.mcw-upload-title { font-weight:800; margin-bottom:8px; }
.mcw-upload-preview { height:76px; border:1px dashed var(--mcw-line-strong); border-radius:14px; background:#fff; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.mcw-upload-preview img { max-width:100%; max-height:100%; display:none; }
.mcw-upload-card.is-loaded .mcw-upload-preview img { display:block; }
.mcw-upload-actions { display:flex; justify-content:space-between; align-items:center; gap:8px; margin-top:8px; }
.mcw-chip { display:inline-flex; padding:6px 10px; background:var(--mcw-accent); color:#fff; font-size:12px; font-weight:700; }
.mcw-remove-btn { width:32px; height:32px; border-radius:999px; border:1px solid #fecaca; color:var(--mcw-danger); background:#fff1f2; font-size:18px; cursor:pointer; }
.mcw-status { min-height:24px; margin-bottom:14px; color:var(--mcw-muted); font-weight:600; }
.mcw-panel { padding:16px; }
.mcw-panel h3 { margin-top:0; }
.mcw-text-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.mcw-text-grid label { display:flex; flex-direction:column; gap:6px; font-weight:600; }
.mcw-text-grid input,.mcw-text-grid select { width:100%; }
.mcw-stage-wrap { padding:18px; }
.mcw-stage { position:relative; max-width:1180px; margin:0 auto; }
.mcw-template { display:block; width:100%; height:auto; }
.mcw-zone { position:absolute; border:2px dashed rgba(15,23,42,.35); border-radius:18px; overflow:hidden; cursor:grab; user-select:none; touch-action:none; }
.mcw-zone.active { border-color:#111827; box-shadow:0 0 0 4px rgba(15,23,42,.08); }
.mcw-zone.is-dragging { cursor:grabbing; }
.mcw-panel-image { position:absolute; left:0; top:0; opacity:0; transform-origin:center center; pointer-events:none; }
.mcw-text-overlay { position:absolute; left:50%; top:8%; transform:translateX(-50%); font-weight:700; pointer-events:none; }
.mcw-actions { align-items:center; flex-wrap:wrap; }
.mcw-open-customizer-btn,.single_add_to_cart_button { background:var(--mcw-accent) !important; color:#fff !important; border:none !important; padding:12px 18px !important; font-weight:800; }
.mcw-export-btn { padding:12px 18px; }
.mcw-editor[data-active-zones="1"] #mcwCardB,
.mcw-editor[data-active-zones="1"] #mcwCardC,
.mcw-editor[data-active-zones="1"] .mcw-zone-center,
.mcw-editor[data-active-zones="1"] .mcw-zone-right { display:none !important; }
.mcw-editor[data-active-zones="2"] #mcwCardC,
.mcw-editor[data-active-zones="2"] .mcw-zone-right { display:none !important; }
@media (max-width: 900px) {
  .mcw-page { padding:18px; border-radius:20px; }
  .mcw-header,.mcw-actions { flex-direction:column; align-items:flex-start; }
  .mcw-upload-grid,.mcw-text-grid { grid-template-columns:1fr; }
}