/* Reuse the standalone tool layout and site theme tokens. */
#jsonc-tool .jsonc-toolbar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; margin-bottom:20px; }
#jsonc-tool .jsonc-actions { display:flex; flex-wrap:wrap; gap:10px; }
#jsonc-tool .jsonc-toolbar label { display:flex; align-items:center; gap:10px; }
#jsonc-tool select { background:var(--surface); border:1px solid var(--line); border-radius:9px; padding:8px; }
#jsonc-tool .input-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
#jsonc-tool .input-card { min-width:0; }
#jsonc-tool textarea { display:block; box-sizing:border-box; width:100%; min-height:380px; padding:16px; resize:vertical; border:1px solid var(--line); border-radius:9px; background:var(--surface); color:var(--text); font:14px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace; tab-size:2; }
#jsonc-tool .card-heading label { font-weight:600; }
#jsonc-tool textarea:focus-visible { outline:3px solid var(--focus); outline-offset:3px; }
#jsonc-tool [aria-invalid=true] { border-color:var(--bad); }
#jsonc-status { min-height:24px; overflow-wrap:anywhere; }
#jsonc-status[data-state=error] { color:var(--bad); }
#jsonc-status[data-state=success] { color:var(--good); }
@media(max-width:700px) {
  #jsonc-tool .input-grid { grid-template-columns:minmax(0,1fr); }
  #jsonc-tool textarea { min-height:280px; }
  #jsonc-tool .jsonc-actions { width:100%; }
  #jsonc-tool .jsonc-actions button { flex:1 1 100%; }
}