.wct{ width:100%; color:var(--text); font:inherit; }
.wct.wct--inherit, .wct.wct--content{
  max-width: var(--wp--style--global--content-size, var(--theme-content-width, var(--content-width, var(--container-max-width, 750px))));
  margin-inline: auto;
}
.wct.wct--narrow{
  max-width: var(--theme-narrow-container-max-width, var(--narrow-container-max-width, 750px));
  margin-inline: auto;
}
.wct.wct--wide{
  max-width: var(--wp--style--global--wide-size, var(--theme-wide-width, 1200px));
  margin-inline: auto;
}
.wct.wct--full{ max-width: none; }

:root{
  --primary: var(--theme-palette-color-1, var(--paletteColor1, var(--ct-primary-color, #1d4ed8)));
  --text: var(--theme-text-color, var(--paletteColor2, var(--ct-text-color, #1f2937)));
  --card: var(--theme-surface-1, var(--paletteColor5, var(--ct-card-bg, #fff)));
  --bg: var(--theme-surface-2, var(--paletteColor7, var(--ct-light-bg, #f7f8fa)));
  --border: var(--theme-border-color, var(--ct-border-color, rgba(0,0,0,.12)));
  --radius: var(--theme-radius, var(--borderRadius, 6px));
  --ctrl-h: var(--theme-control-height, 42px);
  --ctrl-py: var(--theme-control-padding-y, 10px);
  --ctrl-px: var(--theme-control-padding-x, 12px);
  --focus-ring: var(--theme-focus-ring, 0 0 0 6px rgba(0,0,0,.08));
}

.wct *{ box-sizing: border-box; font: inherit; letter-spacing: inherit; line-height: inherit; }

.wct-card{ background:var(--card); border:1px solid var(--border); border-radius:var(--radius); }

.wct-grid{ display:grid; grid-template-columns: 1fr; gap:12px; padding:12px 16px; }

.wct-actions{ display:flex; justify-content:flex-end; }
.wct-btn{ padding:var(--ctrl-py) var(--ctrl-px); border-radius:var(--radius); border:1px solid transparent; background:var(--primary); color:#fff; cursor:pointer; }
.wct-btn.wct-ghost{ background:transparent; color:var(--primary); border-color:var(--primary); }

.wct-output-wrap{ }
.wct-text{
  width:100%; min-height:260px;
  padding:var(--ctrl-py) var(--ctrl-px);
  border-radius:var(--radius);
  border:1px solid var(--border);
  background:var(--bg);
  resize:vertical; line-height:1.6;
}
.wct-text:focus{ outline:none; box-shadow: var(--focus-ring); }

.wct-stats{ display:grid; grid-template-columns: repeat(4, 1fr); gap:12px; }
.wct-stat{
  display:flex; justify-content:space-between; align-items:center;
  padding:10px 12px; background:var(--bg); border:1px solid var(--border); border-radius:var(--radius);
}
.wct-stat-label{ color:rgba(0,0,0,.7); }
.wct-stat-val{ font-weight:700; }

.wct-toast{ position:fixed; right:16px; bottom:16px; background:var(--card); border:1px solid var(--border); border-radius:var(--radius); padding:10px 12px; opacity:0; transform: translateY(6px); pointer-events:none; transition: opacity .18s ease, transform .18s ease; }
.wct-toast.show{ opacity:1; transform: translateY(0); }

@media (max-width:900px){
  .wct-stats{ grid-template-columns: 1fr 1fr; }
}