/* Responsive Breakpoint Previewer — chips, frame grid, scaled iframes. */
.rb-row { align-items: baseline; }
.rb-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 0.75rem; margin-bottom: 0.75rem; }
.rb-chips { display: flex; flex-wrap: wrap; gap: 0.35rem; }
.rb-chip { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; min-width: 58px; min-height: 44px; padding: 0.2rem 0.6rem; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface); color: var(--text-secondary); font: inherit; font-size: 0.82rem; font-weight: 600; line-height: 1.1; cursor: pointer; font-variant-numeric: tabular-nums; }
.rb-chip small { font-size: 0.62rem; font-weight: 400; color: var(--text-muted); }
.rb-chip.is-on { border-color: var(--brand); color: var(--brand); background: rgba(244, 81, 30, 0.08); }
.rb-custom { display: inline-flex; align-items: center; gap: 0.4rem; margin-left: auto; }
.rb-custom input { width: 92px; min-height: 44px; }
.rb-frames { display: flex; align-items: flex-start; gap: 14px; overflow-x: auto; padding-bottom: 0.5rem; min-width: 0; }
.rb-frame { margin: 0; flex: 0 0 auto; min-width: 0; }
.rb-cap { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.35rem; font-size: 0.74rem; color: var(--text-muted); white-space: nowrap; overflow: hidden; }
.rb-cap b { color: var(--text-primary); font-variant-numeric: tabular-nums; }
.rb-open { margin-left: auto; width: 44px; height: 44px; flex-shrink: 0; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface); color: var(--text-secondary); font-size: 1rem; cursor: pointer; }
.rb-open:hover { color: var(--brand); border-color: var(--brand); }
.rb-view { position: relative; overflow: hidden; border: 1px solid var(--border); border-radius: 10px; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); }
.rb-iframe { position: absolute; top: 0; left: 0; border: 0; transform-origin: top left; background: #fff; display: block; }
.rb-frames.is-tiny .rb-cap span { display: none; }