.cwb-form { grid-template-columns: minmax(0, 1fr) !important; }
@media (min-width: 900px) { .cwb-form { grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr) !important; } }
.cwb-grid { display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 170px), 1fr)); }
.cwb-grid label span { display: flex; align-items: center; gap: 6px; }
.cwb-hint { font-size: 0.75rem; color: var(--ink-soft); line-height: 1.4; }
.cwb-sw { display: inline-block; width: 12px; height: 12px; border: 1px solid var(--ink); flex: none; margin-right: 6px; vertical-align: -1px; }
.cwb-presets { margin-top: 16px; }
.cwb-table { overflow-x: auto; }
.cwb-num { font-family: var(--f-mono); font-variant-numeric: tabular-nums; white-space: nowrap; }
.cwb-op { display: inline-block; font: 600 0.75rem var(--f-mono); letter-spacing: 0.04em; padding: 2px 8px; border: 1px solid var(--ink); border-radius: var(--radius); margin: 2px 2px 2px 0; }
.cwb-op--select { background: var(--teal); color: var(--paper-light); border-color: var(--teal); }
.cwb-op--compress { background: var(--ochre-light); color: var(--ink); }
.cwb-op--write { background: var(--paper-light); color: var(--ink); }
.cwb-op--isolate { background: var(--ink); color: var(--paper-light); }
.cwb-adv { margin: 0; padding-left: 1.2em; display: grid; gap: 8px; }
.cwb-sym { margin-top: 24px; border-top: 1px solid var(--rule); padding-top: 16px; }
.cwb-sym summary { font: 600 1.05rem var(--f-display); cursor: pointer; min-height: 44px; display: flex; align-items: center; }
.cwb-sym summary:focus-visible { outline: 3px solid var(--teal); outline-offset: 2px; }
.cwb-sym fieldset { margin-top: 12px; }
.cwb-check { display: flex !important; align-items: center; gap: 10px; min-height: 44px; font: 400 1rem var(--f-body) !important; color: var(--ink) !important; letter-spacing: 0 !important; cursor: pointer; }
.cwb-check input { width: 18px; height: 18px; accent-color: var(--teal); flex: none; }
.cwb .tool-actions { margin-top: 16px; }
@media (max-width: 600px) {
  .cwb-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .cwb-grid label span { min-height: 2.6em; align-items: flex-end; }
  .cwb-table table { font-size: 0.875rem; }
  .cwb-table th, .cwb-table td { padding: 6px 4px; }
  .cwb-table td:first-child .cwb-sw { display: none; }
}
