/* Bracket generator */
.brk-reg { margin: 18px 0; }
.brk-reg h3 { margin: 0 0 6px; }
.brk-cols { display: grid; grid-template-columns: repeat(4, minmax(150px, 1fr)); gap: 10px; min-width: 620px; }
.brk-ff .brk-cols { grid-template-columns: repeat(2, minmax(150px, 1fr)); min-width: 0; max-width: 420px; }
.brk-col { display: flex; flex-direction: column; justify-content: space-around; gap: 8px; }
.brk-col h4 { margin: 0; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: var(--c-muted); }
.brk-g { border: 1px solid var(--c-line); border-radius: 8px; overflow: hidden; }
.ccc .brk-t { display: block; width: 100%; text-align: left; background: none; border: 0; padding: 6px 8px; min-height: 34px; font: 13px var(--font, sans-serif); color: var(--c-muted); cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ccc .brk-t + .brk-t { border-top: 1px solid var(--c-line); }
.ccc .brk-t b { display: inline-block; min-width: 18px; font-family: var(--mono, monospace); }
.ccc .brk-t.is-w { color: var(--text, #fff); background: var(--surface-2, #1c212a); font-weight: 700; }
.ccc .brk-t.is-w b { color: var(--c-accent); }
@media print { .brk .cc-panel { display: none; } .brk-cols { min-width: 0; } .ccc .brk-t.is-w { color: #000; background: #eee; } }
.ccc .brk-range { flex-direction: column; align-items: stretch; gap: 8px; }
.brk-range input[type="range"] { width: 100%; accent-color: var(--c-accent); }
.ccc .brk input[type="text"] { width: 100%; text-align: left; font-family: var(--font, sans-serif); }
.ccc .brk textarea { width: 100%; }
.ccc .brk .cc-adv .cc-field { flex-direction: column; align-items: stretch; }