.ngm-controls { font-size: 14px; line-height: 1.55; }
.ngm-controls h2 { font-size: 20px; letter-spacing: -.3px; }
.ngm-controls p { color: var(--ink-2); }
.ngm-controls input:not([type=checkbox]), .ngm-controls select, .ngm-controls textarea { box-sizing: border-box; font: inherit; color: var(--ink); border: 1px solid var(--line-2, #ddd); border-radius: 8px; background: var(--surface, white); padding: 9px 11px; max-width: 100%; }
.ngm-controls input[type=file] { width: 280px; }
.ngm-controls input[type=checkbox] { accent-color: var(--brand, #16251d); }
.ngm-controls button, .ngm-controls input::file-selector-button { font: inherit; font-weight: 550; border: 1px solid var(--line-2, #ddd); background: var(--surface, white); color: var(--ink); border-radius: 8px; padding: 8px 12px; cursor: pointer; margin: 3px 5px 3px 0; }
.ngm-controls button:hover { background: var(--canvas-2, #f2f4f2); }
.ngm-controls button:disabled { opacity: .48; cursor: default; }
.ngm-controls button:focus-visible, .ngm-controls input:focus-visible, .ngm-controls textarea:focus-visible, .ngm-controls select:focus-visible { outline: 2px solid var(--brand, #16251d); outline-offset: 2px; }
.ngm-controls a { color: var(--ink); text-underline-offset: 3px; }
.ngm-controls code { overflow-wrap: anywhere; font-size: 12px; }
.ngm-controls table { border-collapse: collapse; font-size: 13px; }
.ngm-controls th, .ngm-controls td { text-align: left; padding: 12px; border-bottom: 1px solid var(--line-2, #ddd); }
@media(max-width:650px) { .ngm-controls input:not([type=checkbox]), .ngm-controls select, .ngm-controls textarea { width: 100%; } .ngm-controls table { display:block; overflow-x:auto; } }