.brnt{ width:100%; color:var(--text); font:inherit; }
.brnt.brnt--inherit, .brnt.brnt--content{
  max-width: var(--wp--style--global--content-size, var(--theme-content-width, var(--content-width, var(--container-max-width, 750px))));
  margin-inline: auto;
}
.brnt.brnt--narrow{
  max-width: var(--theme-narrow-container-max-width, var(--narrow-container-max-width, 750px));
  margin-inline: auto;
}
.brnt.brnt--wide{
  max-width: var(--wp--style--global--wide-size, var(--theme-wide-width, 1200px));
  margin-inline: auto;
}
.brnt.brnt--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));
}

.brnt *{ box-sizing: border-box; font: inherit; letter-spacing: inherit; line-height: inherit; }
.brnt-card{ background:var(--card); border:1px solid var(--border); border-radius:var(--radius); }
.brnt-grid{ display:grid; grid-template-columns: 1fr 1fr 1fr auto; gap:12px; align-items:end; padding:12px 16px; }
.brnt-label{ display:block; margin:0 0 6px; color:rgba(0,0,0,.6); font-weight:600; }
.brnt-actions{ display:flex; gap:10px; justify-content:flex-end; }
.brnt-btn{ padding:var(--ctrl-py) var(--ctrl-px); border-radius:var(--radius); border:1px solid transparent; background:var(--primary); color:#fff; cursor:pointer; }
.brnt-btn.brnt-ghost{ background:transparent; color:var(--primary); border-color:var(--primary); }
@media (max-width:900px){
  .brnt-grid{ grid-template-columns: 1fr; }
  .brnt-actions{ justify-content:flex-start; }
}

.brnt-input, .brnt-select{
  width:100%; padding:var(--ctrl-py) var(--ctrl-px); min-height:var(--ctrl-h);
  border:1px solid var(--border); border-radius:var(--radius); background:#fff;
  line-height:1.5; appearance:none; -webkit-appearance:none; -moz-appearance:none;
}
.brnt-input:focus, .brnt-select:focus{ outline:none; box-shadow: var(--focus-ring); }
.brnt-check{ display:flex; align-items:center; gap:8px; }

.brnt-output-wrap{ padding: 12px 16px 16px; }
.brnt-output, .brnt-text{ width:100%; min-height:220px; 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; }
.brnt-output:focus, .brnt-text:focus{ outline:none; box-shadow: var(--focus-ring); }

.brnt-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; }
.brnt-toast.show{ opacity:1; transform: translateY(0); }
