/* Standalone TOML tool: shared site tokens and native controls. */
#toml-tool .toml-modes { display:flex; flex-wrap:wrap; gap:10px; margin:0 0 20px; padding:14px; border:1px solid var(--line); border-radius:12px; }
#toml-tool .toml-modes legend { padding:0 6px; font-weight:600; }
#toml-tool .toml-modes label { display:flex; align-items:center; gap:8px; min-height:44px; padding:8px 12px; border-radius:8px; background:var(--surface); cursor:pointer; }
#toml-tool .toml-modes label:has(:checked) { background:var(--accent-soft); color:var(--accent); }
#toml-tool .input-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
#toml-tool .input-card { min-width:0; }
#toml-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; }
#toml-tool textarea:focus-visible { outline:3px solid var(--focus); outline-offset:3px; }
#toml-tool textarea[aria-invalid=true] { border-color:var(--bad); }
#toml-tool .toml-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:16px; }
#toml-error { margin:12px 0 0; padding:10px 12px; border:1px solid var(--bad); border-radius:8px; background:var(--bad-bg); color:var(--bad); overflow-wrap:anywhere; white-space:pre-wrap; }
#toml-status { min-height:24px; overflow-wrap:anywhere; }
@media(max-width:700px) {
  #toml-tool .input-grid { grid-template-columns:minmax(0,1fr); }
  #toml-tool textarea { min-height:280px; }
  #toml-tool .toml-actions button { flex:1 1 100%; }
  #toml-tool .toml-modes label { flex:1 1 100%; }
}