@layer reset, tokens, components;
@layer reset {
  :host { color-scheme: initial; forced-color-adjust: initial; math-depth: initial; position: initial; position-anchor: initial; text-size-adjust: initial; appearance: initial; font-feature-settings: initial; font-kerning: initial; font-language-override: initial; font-optical-sizing: initial; font-palette: initial; font-size-adjust: initial; font-stretch: initial; font-style: initial; font-synthesis: initial; font-variant: initial; font-variation-settings: initial; font-weight: initial; position-area: initial; text-orientation: initial; text-spacing-trim: initial; -webkit-locale: initial; -webkit-text-orientation: initial; -webkit-writing-mode: initial; writing-mode: initial; zoom: initial; accent-color: initial; place-content: initial; place-items: initial; place-self: initial; alignment-baseline: initial; anchor-name: initial; anchor-scope: initial; animation-composition: initial; animation: initial; animation-trigger: initial; app-region: initial; aspect-ratio: initial; backdrop-filter: initial; backface-visibility: initial; background: initial; background-blend-mode: initial; baseline-shift: initial; baseline-source: initial; block-size: initial; border-block: initial; border: initial; border-radius: initial; border-collapse: initial; border-end-end-radius: initial; border-end-start-radius: initial; border-inline: initial; border-shape: initial; border-start-end-radius: initial; border-start-start-radius: initial; inset: initial; box-decoration-break: initial; box-shadow: initial; break-after: initial; break-before: initial; break-inside: initial; buffered-rendering: initial; caption-side: initial; caret-animation: initial; caret-color: initial; caret-shape: initial; clear: initial; clip: initial; clip-path: initial; clip-rule: initial; color-interpolation: initial; color-interpolation-filters: initial; color-rendering: initial; columns: initial; column-fill: initial; gap: initial; column-rule: initial; column-span: initial; contain: initial; contain-intrinsic-block-size: initial; contain-intrinsic-size: initial; contain-intrinsic-inline-size: initial; container: initial; content: initial; content-visibility: initial; corner-shape: initial; corner-block-end-shape: initial; corner-block-start-shape: initial; counter-increment: initial; counter-reset: initial; counter-set: initial; cursor: initial; cx: initial; cy: initial; d: initial; display: initial; dominant-baseline: initial; dynamic-range-limit: initial; empty-cells: initial; field-sizing: initial; fill: initial; fill-opacity: initial; fill-rule: initial; filter: initial; flex: initial; flex-flow: initial; float: initial; flood-color: initial; flood-opacity: initial; grid: initial; grid-area: initial; height: initial; hyphenate-character: initial; hyphenate-limit-chars: initial; hyphens: initial; image-orientation: initial; image-rendering: initial; initial-letter: initial; inline-size: initial; inset-block: initial; inset-inline: initial; interactivity: initial; interest-delay: initial; interpolate-size: initial; isolation: initial; letter-spacing: initial; lighting-color: initial; line-break: initial; list-style: initial; margin-block: initial; margin: initial; margin-inline: initial; marker: initial; mask: initial; mask-type: initial; math-shift: initial; math-style: initial; max-block-size: initial; max-height: initial; max-inline-size: initial; max-width: initial; min-block-size: initial; min-height: initial; min-inline-size: initial; min-width: initial; mix-blend-mode: initial; object-fit: initial; object-position: initial; object-view-box: initial; offset: initial; opacity: initial; order: initial; orphans: initial; outline: initial; outline-offset: initial; overflow-anchor: initial; overflow-block: initial; overflow-clip-margin: initial; overflow-inline: initial; overflow-wrap: initial; overflow: initial; overlay: initial; overscroll-behavior-block: initial; overscroll-behavior-inline: initial; overscroll-behavior: initial; padding-block: initial; padding: initial; padding-inline: initial; page: initial; page-orientation: initial; paint-order: initial; perspective: initial; perspective-origin: initial; position-try: initial; position-visibility: initial; print-color-adjust: initial; quotes: initial; r: initial; reading-flow: initial; reading-order: initial; resize: initial; rotate: initial; ruby-align: initial; ruby-position: initial; rx: initial; ry: initial; scale: initial; scroll-behavior: initial; scroll-initial-target: initial; scroll-margin-block: initial; scroll-margin: initial; scroll-margin-inline: initial; scroll-marker-group: initial; scroll-padding-block: initial; scroll-padding: initial; scroll-padding-inline: initial; scroll-snap-align: initial; scroll-snap-stop: initial; scroll-snap-type: initial; scroll-target-group: initial; scroll-timeline: initial; scrollbar-color: initial; scrollbar-gutter: initial; scrollbar-width: initial; shape-image-threshold: initial; shape-margin: initial; shape-outside: initial; shape-rendering: initial; size: initial; speak: initial; stop-color: initial; stop-opacity: initial; stroke: initial; stroke-dasharray: initial; stroke-dashoffset: initial; stroke-linecap: initial; stroke-linejoin: initial; stroke-miterlimit: initial; stroke-opacity: initial; stroke-width: initial; tab-size: initial; table-layout: initial; text-align: initial; text-align-last: initial; text-anchor: initial; text-autospace: initial; text-box: initial; text-combine-upright: initial; text-decoration: initial; text-decoration-skip-ink: initial; text-emphasis: initial; text-emphasis-position: initial; text-indent: initial; text-justify: initial; text-overflow: initial; text-shadow: initial; text-transform: initial; text-underline-offset: initial; text-underline-position: initial; text-wrap: initial; timeline-scope: initial; timeline-trigger: initial; touch-action: initial; transform: initial; transform-box: initial; transform-origin: initial; transform-style: initial; transition: initial; translate: initial; trigger-scope: initial; user-select: initial; vector-effect: initial; vertical-align: initial; view-timeline: initial; view-transition-class: initial; view-transition-group: initial; view-transition-name: initial; view-transition-scope: initial; visibility: initial; border-spacing: initial; -webkit-box-align: initial; -webkit-box-decoration-break: initial; -webkit-box-direction: initial; -webkit-box-flex: initial; -webkit-box-ordinal-group: initial; -webkit-box-orient: initial; -webkit-box-pack: initial; -webkit-box-reflect: initial; -webkit-line-break: initial; -webkit-line-clamp: initial; -webkit-mask-box-image: initial; -webkit-rtl-ordering: initial; -webkit-ruby-position: initial; -webkit-tap-highlight-color: initial; -webkit-text-combine: initial; -webkit-text-decorations-in-effect: initial; -webkit-text-fill-color: initial; -webkit-text-security: initial; -webkit-text-stroke: initial; -webkit-user-drag: initial; white-space-collapse: initial; widows: initial; width: initial; will-change: initial; word-break: initial; word-spacing: initial; x: initial; y: initial; z-index: initial; font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; font-size: var(--rb-text-lg); line-height: 1.4; color: var(--rb-color-fg); -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; box-sizing: border-box; pointer-events: none; }
  *, ::before, ::after { box-sizing: inherit; }
  button, input, textarea, select { font: inherit; color: inherit; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; margin: 0px; padding: 0px; }
  button { cursor: pointer; }
  a { color: var(--rb-color-accent); text-decoration: underline; }
}
@layer tokens {
  :host { --rb-color-bg: #191919; --rb-color-bg-deep: #000000; --rb-color-toolbar: #282828; --rb-color-toolbar-divider: #404040; --rb-color-toolbar-mark: #f8f4f3; --rb-color-bg-elev: #191919; --rb-color-surface: #252525; --rb-color-surface-sunken: #131313; --rb-color-fg: #979797; --rb-color-fg-soft: #b0b0b8; --rb-color-fg-muted: #6e6e6e; --rb-color-fg-placeholder: #49494a; --rb-color-fg-strong: #ffffff; --rb-color-fg-bright: #ffffff; --rb-color-border: rgb(255 255 255 / 6%); --rb-color-border-strong: #363535; --rb-color-outline: #292929; --rb-color-accent: #dced31; --rb-color-accent-fg: #0f1115; --rb-color-accent-bg: #1a1c04; --rb-color-accent-fill: #3d4210; --rb-color-danger: #ff6a6a; --rb-color-warn: #e8b339; --rb-radius-pill: 50px; --rb-radius-sm: 6px; --rb-radius-md: 10px; --rb-radius-lg: 16px; --rb-shadow-lg: 0 10px 30px rgb(0 0 0 / 50%); --rb-shadow-toolbar: 0 1px 2px rgb(0 0 0 / 12%); --rb-space-1: 4px; --rb-space-2: 6px; --rb-space-3: 10px; --rb-space-4: 16px; --rb-toolbar-h: 36px; --rb-toolbar-item-h: 28px; --rb-control-h: 36px; --rb-control-h-sm: 28px; --rb-control-radius: 14px; --rb-control-radius-sm: 9px; --rb-control-pad-x: 12px; --rb-control-pad-x-sm: 11px; --rb-control-font: var(--rb-text-md); --rb-control-font-sm: var(--rb-text-sm); --rb-control-weight: var(--rb-font-medium); --rb-field-gap: 8px; --rb-text-nano: 9px; --rb-text-micro: 10px; --rb-text-xs: 11px; --rb-text-sm: 12px; --rb-text-md: 13px; --rb-text-lg: 14px; --rb-text-xl: 15px; --rb-text-2xl: 18px; --rb-font-normal: 400; --rb-font-medium: 500; --rb-font-semibold: 600; --rb-font-bold: 700; --rb-spinner-sm: 12px; --rb-spinner-md: 16px; --rb-transition-fast: 0.15s ease; --rb-transition-control: 0.25s ease; --ease-out: cubic-bezier(0.16, 1, 0.3, 1); --rb-z-toolbar: 1; --rb-z-modal: 10; --rb-z-toast: 20; }
  :host([data-theme="light"]) { --rb-color-bg: #ffffff; --rb-color-bg-deep: #f4f4f5; --rb-color-bg-elev: #ffffff; --rb-color-toolbar: #ffffff; --rb-color-toolbar-divider: #e6e6e6; --rb-color-toolbar-mark: #1a1a1a; --rb-color-surface: #f1f1f2; --rb-color-surface-sunken: #f7f7f8; --rb-color-fg: #2b2b2b; --rb-color-fg-soft: #525252; --rb-color-fg-muted: #6b6b6b; --rb-color-fg-placeholder: #9a9a9a; --rb-color-fg-strong: #1a1a1a; --rb-color-fg-bright: #ffffff; --rb-color-border: rgb(0 0 0 / 8%); --rb-color-border-strong: #d6d6d6; --rb-color-outline: #c9c9c9; --rb-color-accent: #5f6f0a; --rb-color-accent-fg: #ffffff; --rb-color-accent-bg: #f4f7d6; --rb-color-accent-fill: #dfe9a8; --rb-color-danger: #c83a30; --rb-color-warn: #9a6700; --rb-shadow-lg: 0 10px 30px rgb(0 0 0 / 15%); }
}
@layer components {
  .rb-avatar { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; box-sizing: border-box; border-radius: 50%; overflow: hidden; background-color: var(--rb-color-surface); color: var(--rb-color-fg); font-size: var(--rb-text-nano); line-height: 1; user-select: none; }
  .rb-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
}
@property --spin-angle { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
@property --arc { syntax: "<angle>"; inherits: false; initial-value: 100deg; }
@keyframes rb-toolbar-in { 
  0% { opacity: 0; transform: translateY(8px); }
  100% { opacity: 1; transform: none; }
}
@layer components {
  .root { pointer-events: none; position: fixed; inset: auto 0px 0px; display: flex; justify-content: center; z-index: var(--rb-z-toolbar); color: var(--rb-color-fg); }
  .rb-toolbar-wrap { position: relative; display: inline-flex; align-items: center; margin: 0px 0px 16px; pointer-events: none; }
  .toolbar { pointer-events: auto; position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 0px; height: var(--rb-toolbar-h); padding: 0px 6px; box-sizing: border-box; background: var(--rb-color-toolbar); border-radius: var(--rb-radius-lg); box-shadow: var(--rb-shadow-toolbar); font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; font-size: var(--rb-text-md); color: var(--rb-color-fg); animation: rb-toolbar-in 0.4s var(--ease-out) both; }
  .toolbar.is-collapsed { width: 40px; padding: 0px; overflow: hidden; }
  .toolbar.is-animating { overflow: hidden; transition: width 0.46s cubic-bezier(0.22, 1, 0.36, 1); }
  .toolbar__sections { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; gap: 8px; opacity: 1; transform: none; transition: opacity 0.26s, transform 0.46s cubic-bezier(0.22, 1, 0.36, 1); }
  .toolbar.is-collapsed .toolbar__sections { opacity: 0; transform: translateX(10px); pointer-events: none; }
  @media (prefers-reduced-motion: reduce) {
  .toolbar { animation: auto ease 0s 1 normal none running none; transition: none; }
  .toolbar__sections, .rb-logo { transition: none; }
  .toolbar.is-collapsed .toolbar__sections { transform: none; }
}
  .rb-bar-divider { align-self: stretch; width: 1px; margin-inline: -5px; background: var(--rb-color-toolbar-divider); flex-shrink: 0; }
  .rb-logo { position: absolute; inset: 0px; margin: auto; display: flex; align-items: center; justify-content: center; width: 40px; height: var(--rb-toolbar-h); padding: 0px; border: 0px; background: transparent; color: var(--rb-color-toolbar-mark); border-radius: var(--rb-radius-lg); cursor: pointer; appearance: none; opacity: 0; pointer-events: none; transition: opacity 0.22s; }
  .rb-logo svg { height: 13px; width: auto; }
  .toolbar.is-collapsed .rb-logo { opacity: 1; pointer-events: auto; }
  .rb-logo:focus-visible { outline: 2px solid var(--rb-color-accent); outline-offset: 2px; }
  .rb-pill { display: flex; flex-direction: row; align-items: center; justify-content: center; height: var(--rb-toolbar-item-h); padding: 0px 6px; gap: 6px; background: transparent; border: 0px; border-radius: var(--rb-radius-md); box-sizing: border-box; font-size: var(--rb-text-md); white-space: nowrap; color: inherit; cursor: pointer; appearance: none; }
  .rb-pill:focus-visible { outline: 2px solid var(--rb-color-accent); outline-offset: 2px; }
  .rb-pill:disabled { opacity: 0.55; cursor: not-allowed; }
  .rb-pill__label { display: inline-block; transition: opacity 0.2s; }
  .toolbar svg { transition: stroke 0.2s, fill 0.2s; }
  .toolbar path { transition: stroke 0.2s, fill 0.2s; }
  .capture { --spin-angle: 0deg; --arc: 100deg; position: relative; isolation: isolate; border-radius: var(--rb-radius-lg); transition: background 0.35s, color 0.35s, width 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
  .capture::before { content: ""; position: absolute; inset: -1px; border-radius: var(--rb-radius-lg); padding: 1px; mask: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px) content-box exclude, linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px); pointer-events: none; opacity: 0; transition: opacity 0.35s; background: conic-gradient(
      from var(--spin-angle),
      var(--rb-color-fg-strong) var(--arc),
      transparent var(--arc)
    ); }
  .capture:hover { color: var(--rb-color-fg-strong); }
  .capture:hover .icon-capture path { stroke: var(--rb-color-fg-strong); }
  .capture[data-state] { padding-left: 10px; padding-right: 10px; }
  .icon-wrap { display: grid; grid-template-areas: "icon"; place-items: center; flex-shrink: 0; }
  .icon { grid-area: icon; display: block; transform-origin: center center; will-change: opacity, transform; transition: opacity 0.5s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); }
  .icon-capture { opacity: 1; transform: scale(1) rotate(0deg); }
  .icon-captured { opacity: 0; transform: scale(0.5) rotate(-15deg); width: 14px; height: 14px; }
  .icon-signin { width: auto; height: 13px; }
  .icon-signin path { fill: var(--rb-color-fg-strong); }
  .capture[data-state="active"] { background: var(--rb-color-bg); color: var(--rb-color-fg-strong); }
  .capture[data-state="active"] .icon-capture path { stroke: var(--rb-color-fg-strong); }
  .capture[data-state="active"]::before { opacity: 1; animation: auto ease 0s 1 normal none running none; --arc: 360deg; background: conic-gradient(from 0deg, var(--rb-color-fg-strong) 360deg, transparent 360deg); }
  .capture[data-state="capturing"] { background: var(--rb-color-bg); color: var(--rb-color-fg-strong); pointer-events: none; }
  .capture[data-state="capturing"] .icon-capture path { stroke: var(--rb-color-fg-strong); }
  .capture[data-state="capturing"]::before { opacity: 1; animation: auto ease 0s 1 normal none running none; }
  .capture[data-state="filling"] { background: var(--rb-color-bg); color: var(--rb-color-fg-strong); pointer-events: none; }
  .capture[data-state="filling"] .icon-capture path { stroke: var(--rb-color-fg-strong); }
  .capture[data-state="filling"]::before { opacity: 1; animation: auto ease 0s 1 normal none running none; }
  .capture[data-state="captured"] { background: var(--rb-color-bg); color: var(--rb-color-fg-strong); pointer-events: none; }
  .capture[data-state="captured"]::before { opacity: 1; animation: auto ease 0s 1 normal none running none; --arc: 360deg; background: conic-gradient(from 0deg, var(--rb-color-fg-strong) 360deg, transparent 360deg); }
  .capture[data-state="captured"] .icon-capture { opacity: 0; transform: scale(0.5) rotate(15deg); }
  .capture[data-state="captured"] .icon-captured { opacity: 1; transform: scale(1) rotate(0deg); }
  .capture[data-state="resetting"]::before { animation: auto ease 0s 1 normal none running none; --arc: 360deg; opacity: 0; transition: opacity 0.5s; }
  .capture[data-state="resetting"] .icon-capture { opacity: 1; transform: scale(1) rotate(0deg); }
  .capture[data-state="resetting"] .icon-captured { opacity: 0; transform: scale(0.5) rotate(-15deg); }
  .suggestions { position: relative; }
  .suggestions:hover { color: var(--rb-color-fg-strong); }
  .suggestions:hover svg path { stroke: var(--rb-color-fg-strong); }
  .suggestions.is-active { background: var(--rb-color-bg); color: var(--rb-color-fg-strong); }
  .suggestions.is-active svg path { stroke: var(--rb-color-fg-strong); }
  .suggestions .rb-pill__dot { position: absolute; top: 7px; right: 6px; width: 4px; height: 4px; border-radius: 50%; background: var(--rb-color-fg-muted); pointer-events: none; }
  .user { display: flex; align-items: center; justify-content: center; height: var(--rb-toolbar-item-h); width: var(--rb-toolbar-item-h); background: transparent; border-radius: var(--rb-radius-pill); box-sizing: border-box; font-size: var(--rb-text-md); line-height: 1; color: var(--rb-color-fg); border: 1px solid transparent; cursor: pointer; overflow: hidden; transition: background 0.2s, color 0.2s; }
  .user img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; display: block; }
  .user:hover { color: var(--rb-color-fg-strong); }
  .user:focus-visible { outline: 2px solid var(--rb-color-accent); outline-offset: 2px; }
  .user[aria-disabled="true"] { opacity: 0.55; pointer-events: none; }
  .rb-close { position: absolute; left: 100%; top: 50%; transform: translateY(-50%); margin-left: 8px; display: flex; align-items: center; justify-content: center; width: var(--rb-toolbar-h); height: var(--rb-toolbar-h); padding: 0px; border: 0px; background: var(--rb-color-toolbar); box-shadow: var(--rb-shadow-toolbar); border-radius: var(--rb-radius-lg); color: var(--rb-color-fg); cursor: pointer; appearance: none; pointer-events: auto; transition: color 0.2s, opacity 0.22s, transform 0.22s; }
  .rb-close:hover { color: var(--rb-color-fg-strong); }
  .rb-close:focus-visible { outline: 2px solid var(--rb-color-accent); outline-offset: 2px; }
  .rb-close svg path { stroke: currentcolor; }
  .rb-toolbar-wrap.is-collapsed .rb-close { opacity: 0; pointer-events: none; transform: translateY(-50%) scale(0.8); }
}
@layer components {
  .rb-menu { position: relative; display: inline-flex; align-items: center; }
  .rb-menu .user { cursor: pointer; }
  .rb-help-q svg { width: auto; height: 9px; }
  .popover { width: fit-content; min-width: 150px; display: flex; flex-direction: column; justify-content: center; gap: 12px; background-color: var(--rb-color-bg); color: var(--rb-color-fg); padding: 12px; border-radius: 16px; font-size: var(--rb-text-md); position: absolute; bottom: calc(100% + 8px); right: 0px; transform-origin: right bottom; transform: translateY(8px) scale(0.3); opacity: 0; pointer-events: none; will-change: transform, opacity; transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.24s; }
  .popover[data-open="true"] { transform: translateY(0px) scale(1); opacity: 1; pointer-events: auto; transition: transform 0.32s var(--ease-out),
      opacity 0.18s ease; }
  .popover .item { display: flex; flex-direction: row; align-items: center; gap: 8px; white-space: nowrap; transition: color 0.15s; }
  .popover a.item { color: inherit; text-decoration: none; }
  .popover .item .icon { width: 16px; height: 16px; display: flex; align-items: center; justify-content: center; }
  .popover .item .icon svg { width: 14px; height: 14px; }
  .popover .item .icon .menu-logo { width: auto; height: 12px; }
  .popover .item .icon svg path { transition: stroke 0.15s, fill 0.15s; }
  .popover .item:hover { color: var(--rb-color-fg-strong); cursor: pointer; }
  .popover .item:hover svg path { stroke: var(--rb-color-fg-strong); }
}
@layer components {
  .toolbar { position: relative; }
  .rb-suggest { display: inline-flex; align-items: center; }
  .tickets { width: fit-content; min-width: 400px; max-width: 440px; min-height: 400px; max-height: 400px; display: flex; flex-direction: column; gap: 12px; border: 1px solid transparent; background: linear-gradient(var(--rb-color-surface-sunken), var(--rb-color-surface-sunken)) padding-box,
      linear-gradient(180deg, #2d2d2d, transparent 60%) border-box; box-shadow: inset 0 0 0 4px var(--rb-color-bg); padding: 20px; border-radius: 24px; position: absolute; bottom: calc(100% + 8px); left: 50%; transform-origin: center bottom; transform: translateX(-50%) translateY(8px) scale(0.3); opacity: 0; pointer-events: none; will-change: transform, opacity; transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.24s; }
  .tickets[data-open="true"] { transform: translateX(-50%) translateY(0px) scale(1); opacity: 1; pointer-events: auto; transition: transform 0.32s var(--ease-out),
      opacity 0.18s ease; }
  .tickets .tickets-head { display: flex; align-items: center; gap: 8px; margin: 0px -16px; padding: 0px 16px 12px; border-bottom: 1px solid var(--rb-color-border); }
  .tickets .tickets-head .search { flex: 1 1 auto; min-width: 0px; }
  .tickets .search input { background-color: var(--rb-color-surface-sunken); width: 100%; border-radius: 14px; height: 36px; box-sizing: border-box; padding: 0px 12px; font-family: inherit; border: 1px solid var(--rb-color-border); outline: transparent solid 1px; transition: outline 0.25s, border 0.25s; color: var(--rb-color-fg); font-size: var(--rb-text-md); }
  .tickets .search input::placeholder { color: var(--rb-color-fg-placeholder); }
  .tickets .search input:hover { border: 1px solid var(--rb-color-border-strong); }
  .tickets .search input:focus { border: 1px solid var(--rb-color-border-strong); outline: 1px solid var(--rb-color-outline); }
  .tickets .container { position: relative; display: flex; flex-direction: column; flex: 1 1 auto; overflow-y: auto; min-height: 0px; scrollbar-width: none; }
  .tickets .container::-webkit-scrollbar { width: 0px; height: 0px; display: none; }
  .tickets .container[data-fade="true"] { mask-image: linear-gradient(rgb(0, 0, 0) calc(100% - 28px), transparent); }
  .tickets .container .group, .tickets .container .ticket-c { display: grid; grid-template-rows: 1fr; opacity: 1; transition: grid-template-rows 0.26s var(--ease-out),
      opacity 0.2s ease; }
  .tickets .container .group.collapsed, .tickets .container .ticket-c.collapsed { grid-template-rows: 0fr; opacity: 0; pointer-events: none; }
  .tickets .container .group > .group-inner, .tickets .container .ticket-c > .ticket-inner { overflow: hidden; min-height: 0px; }
  .tickets .container .group .list { margin-bottom: 12px; }
  .tickets .container .group:last-child .list { margin-bottom: 0px; }
  .tickets .empty { display: grid; grid-template-rows: 0fr; opacity: 0; margin: auto 0px; transition: grid-template-rows 0.26s var(--ease-out),
      opacity 0.2s ease; }
  .tickets .empty.show { grid-template-rows: 1fr; opacity: 1; }
  .tickets .empty > .empty-inner { overflow: hidden; min-height: 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 8px 0px; text-align: center; }
  .tickets .empty .empty-icon { width: 40px; height: 40px; border-radius: 50%; background-color: var(--rb-color-surface); color: var(--rb-color-fg-muted); display: flex; align-items: center; justify-content: center; margin-bottom: 2px; }
  .tickets .empty .empty-title { font-size: var(--rb-text-md); font-weight: 500; color: var(--rb-color-fg); }
  .tickets .empty .empty-sub { font-size: var(--rb-text-sm); color: var(--rb-color-fg-muted); }
  .tickets .container .date { position: relative; z-index: 1; font-size: var(--rb-text-sm); color: var(--rb-color-fg-muted); font-weight: 500; margin-bottom: 4px; }
  .tickets .container .list { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 4px; }
  .tickets .container .list .ticket { display: flex; flex-direction: row; align-items: center; gap: 4px; cursor: pointer; border-radius: 8px; padding: 4px; }
  .tickets .container .list .ticket svg { margin-left: auto; flex-shrink: 0; color: var(--rb-color-fg-muted); }
  .tickets .container .list .ticket svg path { transition: stroke 0.2s ease-in-out; }
  .tickets .container .list .ticket.active .content { color: var(--rb-color-fg-strong); }
  .tickets .container .list .ticket.active svg { color: var(--rb-color-fg-strong); }
  .tickets .container .list .ticket .content { color: var(--rb-color-fg); transition: color 0.2s ease-in-out; display: flex; flex-direction: column; gap: 2px; flex: 1 1 auto; min-width: 0px; }
  .tickets .container .list .ticket .content .name { font-size: var(--rb-text-sm); min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .tickets .container .list .ticket .content .meta { display: flex; align-items: center; gap: 5px; min-width: 0px; }
  .tickets .container .list .ticket .content .meta .meta-avatar { flex-shrink: 0; font-size: 8px; }
  .tickets .container .list .ticket .content .meta .meta-text { font-size: var(--rb-text-xs); color: var(--rb-color-fg-muted); min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}
@layer components {
  .tickets .tickets-filter { position: relative; flex: 0 0 auto; }
  .tickets .tickets-filter-btn { display: flex; align-items: center; gap: 5px; height: 36px; padding: 0px 9px; border: 1px solid transparent; border-radius: 14px; background: transparent; font: inherit; color: var(--rb-color-fg-muted); cursor: pointer; transition: color var(--rb-transition-control),
      border-color var(--rb-transition-control); }
  .tickets .tickets-filter-btn:hover { color: var(--rb-color-fg-strong); border-color: var(--rb-color-border); }
  .tickets .tickets-filter-btn:focus-visible { outline: 2px solid var(--rb-color-accent); outline-offset: 1px; }
  .tickets .tickets-filter-btn.is-on { color: var(--rb-color-fg-strong); border-color: var(--rb-color-border); }
  .tickets .tickets-filter-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 15px; height: 15px; padding: 0px 4px; border-radius: 8px; background: var(--rb-color-fg-muted); color: var(--rb-color-bg); font-size: var(--rb-text-nano); font-weight: 600; }
  .tickets .filter-menu { position: absolute; top: calc(100% + 6px); right: 0px; z-index: 3; width: 250px; display: flex; flex-direction: column; gap: 10px; padding: 12px; border-radius: 16px; background: var(--rb-color-bg); box-shadow: var(--rb-shadow-lg); transform-origin: right top; transform: translateY(-8px) scale(0.3); opacity: 0; pointer-events: none; will-change: transform, opacity; transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.24s; }
  .tickets .filter-menu[data-open="true"] { transform: translateY(0px) scale(1); opacity: 1; pointer-events: auto; transition: transform 0.32s var(--ease-out),
      opacity 0.18s ease; }
  .tickets .filter-menu-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 18px; }
  .tickets .filter-menu-title { font-size: var(--rb-text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: var(--rb-color-fg-muted); }
  .tickets .filter-clear { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: transparent; padding: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: var(--rb-text-xs); color: var(--rb-color-fg-muted); cursor: pointer; transition: color var(--rb-transition-control); }
  .tickets .filter-clear:hover { color: var(--rb-color-fg-strong); text-decoration: underline; }
  .tickets .filter-clear:focus-visible { outline: 2px solid var(--rb-color-accent); outline-offset: 2px; border-radius: 4px; }
  .tickets .filter-field { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 30px; }
  .tickets .filter-field-label { flex: 0 0 auto; font-size: var(--rb-text-sm); color: var(--rb-color-fg-muted); }
  .tickets .filter-field .rb-seg--pins { flex: 0 0 auto; }
  .tickets .filter-field .rb-seg--pins .rb-seg__opt { font-size: var(--rb-text-xs); }
  .tickets .filter-divider { height: 1px; background: var(--rb-color-border); margin: 2px 0px; }
  .tickets .filter-field-control { position: relative; min-width: 0px; }
  .tickets .field-value { display: flex; align-items: center; gap: 6px; max-width: 150px; padding: 5px 8px; border: 1px solid var(--rb-color-border); border-radius: 8px; background: var(--rb-color-surface-sunken); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: var(--rb-text-sm); color: var(--rb-color-fg); cursor: pointer; transition: border-color var(--rb-transition-control),
      background var(--rb-transition-control); }
  .tickets .field-value:hover, .tickets .field-value.is-open { border-color: var(--rb-color-border-strong); }
  .tickets .field-value:focus-visible { outline: 2px solid var(--rb-color-accent); outline-offset: 1px; }
  .tickets .field-value-avatar { display: inline-flex; width: 16px; height: 16px; flex: 0 0 auto; align-items: center; justify-content: center; border-radius: 50%; overflow: hidden; font-size: var(--rb-text-nano); background: var(--rb-color-surface); }
  .tickets .field-value-avatar img { width: 100%; height: 100%; object-fit: cover; }
  .tickets .field-value-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .tickets .field-caret { flex: 0 0 auto; margin-left: auto; color: var(--rb-color-fg-muted); }
  .tickets .field-menu { position: absolute; top: calc(100% + 4px); right: 0px; z-index: 4; min-width: 168px; max-height: 208px; overflow-y: auto; scrollbar-width: none; display: flex; flex-direction: column; gap: 2px; padding: 6px; border-radius: 12px; background: var(--rb-color-bg); box-shadow: var(--rb-shadow-lg); transform-origin: right top; transform: translateY(-6px) scale(0.94); opacity: 0; pointer-events: none; will-change: transform, opacity; transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.16s; }
  .tickets .field-menu[data-open="true"] { transform: translateY(0px) scale(1); opacity: 1; pointer-events: auto; transition: transform 0.2s var(--ease-out),
      opacity 0.14s ease; }
  .tickets .field-menu::-webkit-scrollbar { display: none; }
  .tickets .field-hl { position: absolute; top: 0px; left: 0px; z-index: 0; border-radius: 8px; background: var(--rb-color-surface); opacity: 0; pointer-events: none; transition: top 0.2s var(--ease-out),
      left 0.2s var(--ease-out),
      width 0.2s var(--ease-out),
      height 0.2s var(--ease-out),
      opacity 0.15s ease; }
  .tickets .field-opt { position: relative; z-index: 1; display: flex; align-items: center; gap: 8px; width: 100%; padding: 6px 8px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 8px; background: transparent; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: var(--rb-text-sm); color: var(--rb-color-fg); cursor: pointer; text-align: left; transition: color 0.12s; }
  .tickets .field-opt:hover { color: var(--rb-color-fg-strong); }
  .tickets .field-opt:focus-visible { outline: 2px solid var(--rb-color-accent); outline-offset: -2px; }
  .tickets .field-opt-avatar { display: inline-flex; width: 18px; height: 18px; flex: 0 0 auto; align-items: center; justify-content: center; border-radius: 50%; overflow: hidden; font-size: var(--rb-text-nano); background: var(--rb-color-surface); color: var(--rb-color-fg); }
  .tickets .field-opt-avatar img { width: 100%; height: 100%; object-fit: cover; }
  .tickets .field-opt-avatar--all { background: var(--rb-color-surface-sunken); }
  .tickets .field-opt-name { flex: 1 1 0%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .tickets .field-opt-check { flex: 0 0 auto; color: var(--rb-color-accent); }
}
@keyframes rb-shake { 
  0%, 100% { transform: translateX(0px); }
  20% { transform: translateX(-3px); }
  40% { transform: translateX(3px); }
  60% { transform: translateX(-2px); }
  80% { transform: translateX(2px); }
}
@layer components {
  .create__ticket { width: fit-content; min-width: 335px; max-width: calc(-24px + 100vw); height: 116px; display: flex; flex-direction: column; gap: 12px; border: 1px solid transparent; background: linear-gradient(var(--rb-color-surface-sunken), var(--rb-color-surface-sunken)) padding-box,
      linear-gradient(180deg, #2d2d2d, transparent 60%) border-box; box-shadow: inset 0 0 0 4px var(--rb-color-bg); color: var(--rb-color-fg); padding: 4px; border-radius: 24px; font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; font-size: var(--rb-text-md); position: fixed; left: 50%; bottom: calc(var(--rb-toolbar-h) + 16px + 8px); transform-origin: center bottom; transform: translateX(-50%) translateY(8px) scale(0.3); opacity: 0; pointer-events: none; will-change: transform, opacity; transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1),
      opacity 0.24s ease,
      height 0.34s var(--ease-out),
      min-width 0.34s var(--ease-out); }
  .create__ticket[data-open="true"] { transform: translateX(-50%) translateY(0px) scale(1); opacity: 1; pointer-events: auto; transition: transform 0.32s var(--ease-out),
      opacity 0.18s ease,
      height 0.34s var(--ease-out),
      min-width 0.34s var(--ease-out); }
  .create__ticket textarea { background-color: var(--rb-color-surface-sunken); width: 100%; border-radius: 20px; height: 100%; box-sizing: border-box; padding: 12px 36px 40px 12px; font-family: inherit; scrollbar-width: none; border: 1px solid transparent; outline: transparent solid 1px; transition: outline 0.25s, border 0.25s, opacity 0.2s; color: var(--rb-color-fg); font-size: var(--rb-text-md); resize: none; }
  .create__ticket textarea::-webkit-scrollbar { display: none; }
  .create__ticket textarea::placeholder { color: var(--rb-color-fg-placeholder); }
  .create__ticket textarea:hover, .create__ticket textarea:focus { border: 1px solid transparent; outline: none; }
  .create__ticket textarea.shake { animation: 0.3s ease 0s 1 normal none running rb-shake; }
  .create__ticket .footer { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 12px; position: absolute; bottom: 0px; left: 0px; right: 0px; transition: opacity 0.2s; pointer-events: none; }
  .create__ticket .composer-close { position: absolute; top: 10px; right: 10px; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: transparent; border-radius: 8px; font-size: var(--rb-text-xl); line-height: 1; color: var(--rb-color-fg-placeholder); cursor: pointer; z-index: 2; pointer-events: auto; transition: color 0.2s, background 0.2s, opacity 0.14s; }
  .create__ticket .composer-close:hover { color: var(--rb-color-fg); }
  .create__ticket .composer-close:focus-visible { outline: 2px solid var(--rb-color-accent); outline-offset: 1px; }
  .create__ticket[data-mode="data"] .composer-close { opacity: 0; pointer-events: none; }
  .create__ticket .footer .mention-add { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; border-radius: 8px; font-size: var(--rb-text-xl); line-height: 1; color: var(--rb-color-fg-placeholder); cursor: pointer; position: relative; z-index: 2; pointer-events: auto; transition: color 0.2s, background 0.2s; }
  .create__ticket .footer .mention-add:not(.is-disabled):hover { color: var(--rb-color-fg); }
  .create__ticket .footer .mention-add.is-disabled { opacity: 0.45; cursor: not-allowed; }
  .create__ticket .footer .rb-tip { pointer-events: auto; }
  .create__ticket .footer .footer-end { display: flex; align-items: center; gap: 8px; position: relative; z-index: 2; pointer-events: auto; }
  .create__ticket .footer .char-count { font-size: var(--rb-text-xs); color: var(--rb-color-fg-muted); font-variant-numeric: tabular-nums; transition: color 0.2s; }
  .create__ticket .footer .char-count[data-limit="true"] { color: var(--rb-color-danger); }
  .create__ticket .footer .submit { width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; cursor: pointer; position: relative; z-index: 2; pointer-events: auto; }
  .create__ticket .footer .submit path { transition: stroke 0.2s; }
  .create__ticket[data-submitting="true"] textarea, .create__ticket[data-submitting="true"] .footer { opacity: 0.5; }
  .create__ticket[data-submitting="true"] .footer { pointer-events: none; }
  .create__ticket[data-submitting="true"] .footer .submit { cursor: default; }
  .create__ticket .error { position: absolute; bottom: calc(100% + 8px); left: 0px; right: 0px; text-align: center; font-size: var(--rb-text-sm); line-height: 1.4; color: var(--rb-color-danger); }
  .create__ticket .composer__input { position: relative; flex: 1 1 0%; min-height: 0px; }
}
@layer components {
  .has-mention-overlay { position: relative; }
  .has-mention-overlay textarea { position: relative; z-index: 1; display: block; -webkit-text-fill-color: transparent; caret-color: var(--rb-color-fg); background: transparent !important; color: transparent !important; }
  .has-mention-overlay textarea::placeholder { color: var(--rb-color-fg-placeholder); -webkit-text-fill-color: var(--rb-color-fg-placeholder); }
  .mention-overlay { position: absolute; inset: 0px; z-index: 0; margin: 0px; padding: 12px; box-sizing: border-box; border: 1px solid transparent; background-color: var(--rb-color-surface-sunken); color: var(--rb-color-fg); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: var(--rb-text-md); line-height: normal; white-space: pre-wrap; overflow-wrap: break-word; word-break: break-word; overflow: hidden; pointer-events: none; }
  .create__ticket .mention-overlay { border-radius: 20px; padding-right: 36px; padding-bottom: 40px; }
  .comments .reply .mention-overlay { border-radius: 12px; }
  .mention-pill { border-radius: 4px; background-color: var(--rb-color-accent-bg); color: var(--rb-color-accent); box-decoration-break: clone; -webkit-box-decoration-break: clone; }
  .mention-menu { position: absolute; left: 0px; right: 0px; top: calc(100% + 18px); z-index: 5; margin: 0px; padding: 4px; list-style: none; background-color: var(--rb-color-bg); border-radius: 16px; box-shadow: var(--rb-shadow-lg); transform-origin: center top; opacity: 1; animation: mention-menu-in 0.16s var(--ease-out); }
  .mention-menu--up { top: auto; bottom: calc(100% + 18px); transform-origin: center bottom; animation-name: mention-menu-in-up; }
  .mention-menu--closing { animation: 0.14s ease 0s 1 normal forwards running mention-menu-out; pointer-events: none; }
  @keyframes mention-menu-in { 
  0% { transform: translateY(-6px) scale(0.98); }
  100% { transform: none; }
}
  @keyframes mention-menu-in-up { 
  0% { transform: translateY(6px) scale(0.98); }
  100% { transform: none; }
}
  @keyframes mention-menu-out { 
  0% { opacity: 1; transform: none; }
  100% { opacity: 0; transform: translateY(-6px) scale(0.98); }
}
  @media (prefers-reduced-motion: reduce) {
  .mention-menu, .mention-menu--closing { animation: auto ease 0s 1 normal none running none; }
  .create__ticket, .create__ticket[data-open="true"] { transition: none; }
  .create__ticket textarea.shake { animation: auto ease 0s 1 normal none running none; }
}
  .mention-menu__highlight { position: absolute; background-color: var(--rb-color-surface); border-radius: 12px; opacity: 0; pointer-events: none; z-index: 0; transition: top 0.18s, left 0.18s, width 0.18s, height 0.18s, opacity 0.15s; }
  .mention-menu__row { position: relative; z-index: 1; display: grid; grid-template-rows: 1fr; opacity: 1; transition: grid-template-rows 0.24s var(--ease-out),
      opacity 0.18s ease; }
  .mention-menu__row.collapsed { grid-template-rows: 0fr; opacity: 0; pointer-events: none; }
  .mention-menu__row-inner { overflow: hidden; min-height: 0px; }
  .mention-menu__item { position: relative; z-index: 1; display: flex; align-items: center; gap: 8px; width: 100%; text-align: start; border: 0px; background: transparent; color: var(--rb-color-fg); border-radius: 12px; padding: 4px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: var(--rb-text-md); cursor: pointer; box-sizing: border-box; transition: color 0.2s; }
  .mention-menu__item--active { color: var(--rb-color-accent); }
  .mention-menu__avatar { display: inline-flex; width: 20px; height: 20px; flex: 0 0 auto; align-items: center; justify-content: center; border-radius: 50%; overflow: hidden; font-size: var(--rb-text-nano); background-color: var(--rb-color-surface); color: var(--rb-color-fg); transition: background-color 0.2s, color 0.2s; }
  .mention-menu__item--active .mention-menu__avatar { background-color: var(--rb-color-accent-bg); color: var(--rb-color-accent); }
  .mention-menu__avatar img { width: 100%; height: 100%; object-fit: cover; }
  .mention-tag { color: var(--rb-color-accent); font-weight: 500; }
}
@media (max-width: 380px) {
  .create__ticket { min-width: 0px; width: calc(-24px + 100vw); }
}
@layer components {
  .create__ticket { --rb-data-width: min(420px, calc(100vw - 24px)); }
  .create__ticket[data-mode="data"] { min-width: var(--rb-data-width); }
  .create__ticket .footer { transition: opacity 0.14s; }
  .create__ticket[data-mode="data"] textarea { opacity: 0; pointer-events: none; }
  .create__ticket[data-mode="data"] .footer { opacity: 0; pointer-events: none; }
  .create__ticket .footer .footer-start { display: flex; align-items: center; gap: 6px; position: relative; z-index: 2; pointer-events: auto; }
  .rb-datapoints { display: inline-flex; align-items: center; gap: 4px; padding: 8px 10px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: var(--rb-radius-pill); background-color: var(--rb-color-bg); color: var(--rb-color-fg-muted); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: var(--rb-text-xs); line-height: 1; cursor: pointer; transition: color 0.2s, background-color 0.2s; }
  .rb-datapoints svg { flex: 0 0 auto; display: block; }
  .rb-datapoints:hover { color: var(--rb-color-fg-strong); }
  .rb-datapoints.is-active { color: var(--rb-color-fg-strong); background-color: var(--rb-color-surface); }
  .rb-dataview { position: absolute; inset: 4px; overflow: hidden; background-color: var(--rb-color-surface-sunken); border-radius: 20px; opacity: 0; pointer-events: none; transition: opacity 0.18s; z-index: 1; }
  .create__ticket[data-mode="data"] .rb-dataview { opacity: 1; pointer-events: auto; }
  .rb-dataview__bar { display: flex; align-items: center; gap: 6px; margin: 0px -10px; padding: 0px 10px 8px; border-bottom: 1px solid var(--rb-color-border); }
  .rb-dataview__back { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; margin-left: -4px; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 8px; background: transparent; color: var(--rb-color-fg-muted); cursor: pointer; transition: color 0.15s, background-color 0.15s; }
  .rb-dataview__back:hover { color: var(--rb-color-fg-strong); background-color: var(--rb-color-surface); }
  .rb-tabs { position: relative; display: flex; align-items: center; gap: 2px; flex: 1 1 auto; min-width: 0px; overflow-x: auto; scrollbar-width: none; }
  .rb-tabs::-webkit-scrollbar { display: none; }
  .rb-tabs[data-overflow="true"] { mask-image: linear-gradient(to right, rgb(0, 0, 0) calc(100% - 20px), transparent); }
  .rb-tabs__highlight { position: absolute; top: 0px; left: 0px; height: 100%; background-color: var(--rb-color-surface); border-radius: var(--rb-radius-pill); opacity: 0; z-index: 0; pointer-events: none; transition: left 0.26s var(--ease-out),
      width 0.26s var(--ease-out),
      opacity 0.18s ease; }
  .rb-tab { position: relative; z-index: 1; flex: 0 0 auto; display: inline-flex; align-items: center; gap: 5px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: transparent; color: var(--rb-color-fg-muted); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: var(--rb-text-sm); padding: 4px 9px; border-radius: var(--rb-radius-pill); cursor: pointer; transition: color 0.18s; }
  .rb-tab:hover { color: var(--rb-color-fg-strong); }
  .rb-tab.is-active { color: var(--rb-color-fg-strong); }
  .rb-tab__count { font-size: var(--rb-text-micro); font-variant-numeric: tabular-nums; color: var(--rb-color-fg-muted); background-color: var(--rb-color-bg); border-radius: 20px; padding: 0px 5px; line-height: 16px; }
  .rb-tab.is-active .rb-tab__count { color: var(--rb-color-fg); }
  .rb-tab__count--alert { color: var(--rb-color-danger); }
  .rb-tabpanes { position: relative; max-height: 400px; overflow: hidden auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: var(--rb-color-border-strong) transparent; }
  .rb-tabpanes::-webkit-scrollbar { width: 6px; }
  .rb-tabpanes::-webkit-scrollbar-track { background: transparent; }
  .rb-tabpanes::-webkit-scrollbar-thumb { background: var(--rb-color-border-strong); border-radius: 3px; }
  .rb-tabpanes::-webkit-scrollbar-thumb:hover { background: var(--rb-color-fg-muted); }
  .rb-tabpane { transition: opacity 0.18s; }
  .rb-tabpane[data-active="true"] { position: relative; opacity: 1; }
  .rb-tabpane[data-active="false"] { position: absolute; inset: 0px; opacity: 0; pointer-events: none; overflow: hidden; }
  .rb-empty { margin: 0px; padding: 6px 2px 8px; color: var(--rb-color-fg-muted); font-size: var(--rb-text-sm); }
  .rb-step-gap { display: flex; align-items: center; gap: 8px; padding: 4px 2px; color: var(--rb-color-fg-muted); font-size: var(--rb-text-micro); text-transform: none; }
  .rb-step-gap::before, .rb-step-gap::after { content: ""; flex: 1 1 0%; border-top: 1px solid var(--rb-color-border); }
  .rb-tok, .rb-code, .rb-link { font-family: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace; font-size: var(--rb-text-sm); }
  .rb-tok { display: inline-block; padding: 1px 6px; border: 1px solid var(--rb-color-border-strong); border-radius: 6px; background-color: var(--rb-color-surface-sunken); color: var(--rb-color-fg-strong); }
  .rb-code { color: var(--rb-color-fg-muted); }
  .rb-code .rb-tag { color: var(--rb-color-accent); }
  .rb-code .rb-attr { color: var(--rb-color-fg-muted); }
  .rb-code .rb-str { color: var(--rb-color-fg-strong); }
  .rb-link { color: var(--rb-color-accent); text-decoration: underline; text-underline-offset: 2px; overflow-wrap: anywhere; }
  .rb-muted { color: var(--rb-color-fg-muted); }
  .rb-dataview .net-row__status.net-row__status--ok { color: var(--rb-color-fg-muted); }
  .rb-dataview .net-back__status.net-back__status--ok { background: var(--rb-color-bg); color: var(--rb-color-fg-muted); }
  .rb-repeat { display: inline-block; margin-left: 6px; padding: 0px 5px; border-radius: var(--rb-radius-pill); background: var(--rb-color-surface); color: var(--rb-color-fg-muted); font-size: var(--rb-text-micro); line-height: 16px; vertical-align: 1px; }
  .rb-detail__pre { margin: 0px; font-family: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace; font-size: var(--rb-text-xs); line-height: 1.5; color: var(--rb-color-fg); background-color: var(--rb-color-bg); border-radius: 8px; padding: 8px 10px; white-space: pre-wrap; overflow-wrap: anywhere; }
}
@layer components {
  .rb-target-overlay { cursor: url("data:image/svg+xml;utf8,%3Csvg width=\"16\" height=\"16\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cpath d=\"M15.3463 10.5449C17.5065 9.37525 18.5867 8.79041 18.8599 8.08643C19.0971 7.47551 19.0304 6.78731 18.6804 6.23409C18.2771 5.59659 17.1051 5.23306 14.761 4.50602L5.90113 1.75803C3.92331 1.14458 2.93439 0.837859 2.28043 1.08653C1.71117 1.30299 1.26751 1.76389 1.07042 2.34356C0.844 3.00947 1.17937 3.99514 1.8501 5.96647L4.82116 14.6986C5.64619 17.1235 6.05871 18.3359 6.71666 18.7213C7.28726 19.0555 7.98316 19.0912 8.58457 18.8172C9.27804 18.5012 9.81091 17.3373 10.8767 15.0096L11.6641 13.2897C11.8337 12.9192 11.9185 12.734 12.0346 12.5722C12.1376 12.4286 12.2586 12.299 12.3946 12.1867C12.5479 12.0601 12.7263 11.9635 13.0832 11.7702L15.3463 10.5449Z\" fill=\"%23DCED31\" fill-opacity=\"0.08\" stroke=\"%23DCED31\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/%3E%3C/svg%3E") 2 2, crosshair; }
  .rb-target-ring { position: fixed; top: 0px; left: 0px; box-sizing: border-box; border: 2px solid var(--rb-color-accent); border-radius: var(--rb-radius-sm); box-shadow: 0 0 0 4px color-mix(in srgb, var(--rb-color-accent), transparent 75%); pointer-events: none; transition: transform 0.15s var(--ease-out),
      width 0.15s var(--ease-out),
      height 0.15s var(--ease-out); }
  @media (prefers-reduced-motion: reduce) {
  .rb-target-ring { transition: none; }
}
  .rb-target-banner { position: fixed; left: 50%; bottom: calc(var(--rb-toolbar-h) + 16px + 8px); transform: translateX(-50%); margin: 0px; padding: 8px 14px; font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; font-size: var(--rb-text-sm); line-height: 1.4; color: var(--rb-color-fg); background: var(--rb-color-surface); border: 1px solid var(--rb-color-border); border-radius: var(--rb-radius-pill); box-shadow: var(--rb-shadow-lg); pointer-events: none; max-width: calc(-24px + 100vw); box-sizing: border-box; text-align: center; white-space: normal; width: max-content; }
}
@layer components {
  .modal-backdrop { position: fixed; inset: 0px; z-index: var(--rb-z-modal); display: flex; align-items: center; justify-content: center; padding: var(--rb-space-4); background-color: rgba(0, 0, 0, 0.55); pointer-events: auto; opacity: 0; transition: opacity 0.2s; }
  .modal-backdrop[data-open="true"] { opacity: 1; }
  .modal { width: min(420px, 100%); max-height: 85vh; overflow: auto; display: flex; flex-direction: column; gap: var(--rb-space-3); background-color: var(--rb-color-bg-elev); border: 1px solid var(--rb-color-border); border-radius: var(--rb-radius-md); box-shadow: var(--rb-shadow-lg); padding: var(--rb-space-4); font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; transform-origin: center center; opacity: 0; transform: translateY(8px) scale(0.92); will-change: transform, opacity; transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s; }
  .modal[data-open="true"] { opacity: 1; transform: translateY(0px) scale(1); transition: transform 0.32s var(--ease-out),
      opacity 0.18s ease; }
  @media (prefers-reduced-motion: reduce) {
  .modal-backdrop, .modal { transition: none; }
}
  .modal__header { display: flex; align-items: center; justify-content: space-between; gap: var(--rb-space-3); }
  .modal__title { margin: 0px; font-size: var(--rb-text-xl); font-weight: 600; color: var(--rb-color-fg); }
  .modal__close {
  border: 0px; background: transparent; color: var(--rb-color-fg-muted); font-size: var(--rb-text-2xl); line-height: 1; cursor: pointer; padding: var(--rb-space-1);
  &:hover { color: var(--rb-color-fg); }
}
  .modal__body { color: var(--rb-color-fg); font-size: var(--rb-text-md); line-height: 1.5; }
  .confirm__body { margin: 0px; color: var(--rb-color-fg-muted); }
  .modal__footer { display: flex; justify-content: flex-end; gap: var(--rb-space-2); }
  .modal--signin { width: min(336px, 100%); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 24px; gap: 0px; }
  .signin { display: flex; flex-direction: column; gap: 12px; font-size: var(--rb-text-lg); }
  .signin__header { font-size: var(--rb-text-md); color: var(--rb-color-fg-strong); }
  .signin__field { display: flex; flex-direction: column; gap: 8px; }
  .signin__label { font-size: var(--rb-text-md); color: var(--rb-color-fg); }
  .signin__message { min-height: 16px; margin: 0px; font-size: var(--rb-text-sm); line-height: 1.4; color: var(--rb-color-fg-muted); }
  .signin__message:empty { min-height: 0px; }
  .signin__message--error { color: var(--rb-color-danger); }
  .signin__terms { font-size: var(--rb-text-xs); line-height: 150%; color: var(--rb-color-fg-placeholder); }
  .signin__terms a { color: var(--rb-color-fg-placeholder); text-decoration: none; border-bottom: 1px solid color-mix(in srgb, var(--rb-color-fg-placeholder) 50%, transparent); transition: border-bottom 0.25s; }
  .signin__terms a:hover { border-bottom: 1px solid var(--rb-color-fg-placeholder); }
  .setup__lead { margin: 0px; font-size: var(--rb-text-md); line-height: 1.5; color: var(--rb-color-fg-muted); }
  .setup__snippet { display: flex; flex-direction: column; gap: 8px; }
  .setup__code { display: block; box-sizing: border-box; width: 100%; padding: 10px 12px; border-radius: 14px; background-color: var(--rb-color-surface-sunken); color: var(--rb-color-fg); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: var(--rb-text-xs); line-height: 1.5; word-break: break-all; user-select: all; }
  .setup__copy { align-self: flex-start; height: 28px; padding: 0px 12px; border-radius: 10px; border: 1px solid var(--rb-color-border-strong); background-color: var(--rb-color-surface); color: var(--rb-color-fg); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: var(--rb-text-sm); cursor: pointer; transition: background-color 0.2s; }
  .setup__copy:hover { background-color: var(--rb-color-surface-sunken); }
}
@layer components {
  .rb-btn { height: var(--rb-control-h); padding: 0 var(--rb-control-pad-x); border-radius: var(--rb-control-radius); border: 1px solid transparent; font-family: inherit; font-size: var(--rb-control-font); font-weight: var(--rb-control-weight); line-height: 1; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 6px; white-space: nowrap; transition: background-color var(--rb-transition-fast),
      color var(--rb-transition-fast),
      border-color var(--rb-transition-fast); box-sizing: border-box; }
  .rb-btn--sm { height: var(--rb-control-h-sm); padding: 0 var(--rb-control-pad-x-sm); font-size: var(--rb-control-font-sm); border-radius: var(--rb-control-radius-sm); }
  .rb-btn--block { width: 100%; }
  .rb-btn--primary { background-color: var(--rb-color-accent); color: var(--rb-color-accent-fg); }
  .rb-btn--primary:not(:disabled):hover { background-color: color-mix(in srgb, var(--rb-color-accent) 85%, #fff); }
  .rb-btn--secondary { background-color: var(--rb-color-surface-sunken); color: var(--rb-color-fg); border-color: var(--rb-color-border); }
  .rb-btn--secondary:not(:disabled):hover { background-color: var(--rb-color-surface); color: var(--rb-color-fg-strong); }
  .rb-btn--ghost { background-color: transparent; color: var(--rb-color-fg-muted); }
  .rb-btn--ghost:not(:disabled):hover { background-color: var(--rb-color-surface); color: var(--rb-color-fg-strong); }
  .rb-btn--danger { background-color: transparent; color: var(--rb-color-danger); }
  .rb-btn--danger:not(:disabled):hover { background-color: color-mix(in srgb, var(--rb-color-danger) 12%, transparent); }
  .rb-btn--ok { color: var(--rb-color-accent); border-color: var(--rb-color-border); }
  .rb-btn--inline { height: var(--rb-control-h-sm); padding: 10px 12px; border-radius: var(--rb-radius-pill); font-size: var(--rb-control-font-sm); font-weight: 400; background: var(--rb-color-bg); color: inherit; }
  .rb-btn:disabled { opacity: 0.45; cursor: not-allowed; }
  .rb-btn--busy:disabled { opacity: 1; cursor: progress; }
  .rb-btn:focus-visible { outline: 2px solid var(--rb-color-accent); outline-offset: 2px; }
  .rb-chips { display: flex; flex-wrap: wrap; gap: 8px; }
  .rb-chip { display: inline-flex; align-items: center; gap: 8px; height: 28px; padding: 8px 10px; font-family: inherit; font-size: var(--rb-text-sm); color: var(--rb-color-fg); background: var(--rb-color-surface); border: 1px solid transparent; border-radius: var(--rb-radius-pill); cursor: pointer; transition: color var(--rb-transition-fast),
      background-color var(--rb-transition-fast),
      border-color var(--rb-transition-fast); }
  .rb-chip:not(:disabled):hover { color: var(--rb-color-accent); background-color: var(--rb-color-accent-bg); }
  .rb-chip--selected, .rb-chip[aria-pressed="true"] { color: var(--rb-color-accent); border-color: var(--rb-color-accent); background-color: var(--rb-color-accent-bg); }
  .rb-chip:focus-visible { outline: 2px solid var(--rb-color-accent); outline-offset: 2px; }
  .rb-seg { position: relative; display: inline-flex; flex-shrink: 0; padding: 3px; gap: 2px; background-color: var(--rb-color-surface-sunken); border: 1px solid var(--rb-color-border); border-radius: var(--rb-radius-pill); }
  .rb-seg__ind { position: absolute; top: 3px; bottom: 3px; left: 0px; width: 0px; border-radius: var(--rb-radius-pill); background-color: var(--rb-color-border-strong); z-index: 0; transition: left 0.26s var(--ease-out),
      width 0.26s var(--ease-out); }
  .rb-seg__opt { position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 6px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: transparent; color: var(--rb-color-fg-muted); font-family: inherit; font-size: var(--rb-control-font-sm); font-weight: 500; line-height: 1; padding: 5px 13px; border-radius: var(--rb-radius-pill); cursor: pointer; white-space: nowrap; transition: color 0.2s; }
  .rb-seg__opt:not(:disabled):hover { color: var(--rb-color-fg); }
  .rb-seg__opt.is-active, .rb-seg__opt.is-active:hover { color: var(--rb-color-fg-strong); }
  .rb-seg__opt:disabled { cursor: not-allowed; }
  .rb-seg__opt:focus-visible { outline: 2px solid var(--rb-color-accent); outline-offset: 2px; }
  .rb-seg__badge { font-size: var(--rb-text-micro); font-weight: 700; color: inherit; }
  @media (prefers-reduced-motion: reduce) {
  .rb-seg__ind { transition: none; }
}
  .rb-spinner { display: inline-block; width: var(--rb-spinner-md); height: var(--rb-spinner-md); border-radius: 50%; border-width: 2px; border-style: solid; border-color: currentcolor color-mix(in srgb, currentcolor 25%, transparent) color-mix(in srgb, currentcolor 25%, transparent); border-image: initial; animation: 0.6s linear 0s infinite normal none running rb-spin; }
  .rb-spinner--sm { width: var(--rb-spinner-sm); height: var(--rb-spinner-sm); border-width: 1.5px; }
  .rb-spinner--md { width: var(--rb-spinner-md); height: var(--rb-spinner-md); border-width: 2px; }
  @keyframes rb-spin { 
  100% { transform: rotate(360deg); }
}
  @media (prefers-reduced-motion: reduce) {
  .rb-spinner { animation-duration: 1.2s; }
}
  .rb-field { display: flex; flex-direction: column; gap: var(--rb-field-gap); }
  .rb-field__labelrow { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
  .rb-field__label { font-size: var(--rb-control-font); font-weight: var(--rb-control-weight); color: var(--rb-color-fg); }
  .rb-field__hint { font-size: var(--rb-text-xs); line-height: 1.5; color: var(--rb-color-fg-muted); }
  .rb-field__hint--error { color: var(--rb-color-danger); }
  .rb-field__hint--success { color: var(--rb-color-accent); }
  .rb-input { width: 100%; box-sizing: border-box; height: var(--rb-control-h); padding: 0 var(--rb-control-pad-x); border-radius: var(--rb-control-radius); background-color: var(--rb-color-surface-sunken); color: var(--rb-color-fg); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: var(--rb-control-font); border: 1px solid transparent; outline: transparent solid 1px; transition: outline var(--rb-transition-control),
      border var(--rb-transition-control); }
  .rb-input::placeholder { color: var(--rb-color-fg-placeholder); }
  .rb-input:hover { border: 1px solid var(--rb-color-border-strong); }
  .rb-input:focus { border: 1px solid var(--rb-color-border-strong); outline: 1px solid var(--rb-color-outline); }
  .rb-input[readonly] { color: var(--rb-color-fg-muted); }
  .rb-input[readonly]:hover { border: 1px solid transparent; }
  .rb-input--sm { height: var(--rb-control-h-sm); border-radius: var(--rb-control-radius-sm); }
  .rb-input--invalid, .rb-input--invalid:focus { border: 1px solid var(--rb-color-danger); outline: 1px solid var(--rb-color-danger); }
  .rb-input-handle { display: flex; align-items: center; box-sizing: border-box; height: var(--rb-control-h); padding: 0px 10px 0px 12px; border-radius: var(--rb-control-radius); background-color: var(--rb-color-surface-sunken); border: 1px solid transparent; outline: transparent solid 1px; transition: outline var(--rb-transition-control),
      border var(--rb-transition-control); }
  .rb-input-handle:hover { border: 1px solid var(--rb-color-border-strong); }
  .rb-input-handle:focus-within { border: 1px solid var(--rb-color-border-strong); outline: 1px solid var(--rb-color-outline); }
  .rb-input-handle.is-available { border-color: var(--rb-color-accent); }
  .rb-input-handle.is-taken { border-color: var(--rb-color-danger); }
  .rb-input-handle__at { font-size: var(--rb-control-font); color: var(--rb-color-fg-placeholder); user-select: none; }
  .rb-input-handle input { flex: 1 1 0%; min-width: 0px; height: auto; padding: 0px 0px 0px 1px; background: transparent; color: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: var(--rb-control-font); border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; outline: none !important; }
  .rb-input-handle__status { display: inline-flex; align-items: center; justify-content: center; width: 16px; font-size: var(--rb-text-sm); line-height: 1; }
  .rb-input-handle__status.ok { color: var(--rb-color-fg); }
  .rb-input-handle__status.bad { color: var(--rb-color-danger); }
  .rb-badge { display: inline-flex; align-items: center; gap: var(--rb-space-1); padding: 2px 7px; border-radius: var(--rb-radius-sm); background-color: var(--rb-color-surface); color: var(--rb-color-fg-muted); font-size: var(--rb-text-micro); font-weight: 500; line-height: 1.4; white-space: nowrap; }
  .rb-badge--accent { background-color: var(--rb-color-accent-bg); color: var(--rb-color-accent); }
  .rb-divider { height: 1px; border: 0px; margin: 0px; background-color: var(--rb-color-border); }
}
@layer components {
  .rb-text { font-size: var(--rb-text-md); color: var(--rb-color-fg); }
  .rb-text--nano { font-size: var(--rb-text-nano); }
  .rb-text--micro { font-size: var(--rb-text-micro); }
  .rb-text--xs { font-size: var(--rb-text-xs); }
  .rb-text--sm { font-size: var(--rb-text-sm); }
  .rb-text--lg { font-size: var(--rb-text-lg); }
  .rb-text--xl { font-size: var(--rb-text-xl); }
  .rb-text--2xl { font-size: var(--rb-text-2xl); }
  .rb-text--normal { font-weight: var(--rb-font-normal); }
  .rb-text--medium { font-weight: var(--rb-font-medium); }
  .rb-text--semibold { font-weight: var(--rb-font-semibold); }
  .rb-text--bold { font-weight: var(--rb-font-bold); }
  .rb-text--soft { color: var(--rb-color-fg-soft); }
  .rb-text--muted { color: var(--rb-color-fg-muted); }
  .rb-text--strong { color: var(--rb-color-fg-strong); }
  .rb-text--placeholder { color: var(--rb-color-fg-placeholder); }
  .rb-text--accent { color: var(--rb-color-accent); }
  .rb-text--danger { color: var(--rb-color-danger); }
  .rb-text--warn { color: var(--rb-color-warn); }
  .rb-text--truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}
@keyframes rb-comment-line-in { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes rb-comment-load { 
  0% { opacity: 0; transform: translateY(6px); }
  100% { opacity: 1; transform: none; }
}
@layer components {
  .avatar-canvas { width: 18px; height: 18px; border-radius: 50%; background-color: var(--rb-color-surface); display: flex; align-items: center; justify-content: center; font-size: var(--rb-text-micro); color: var(--rb-color-fg); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 0px; cursor: pointer; pointer-events: auto; font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
  .avatar-canvas.pin-avatar { box-shadow: 0 0 0 2px var(--rb-color-bg),
      0 1px 4px rgb(0 0 0 / 35%); }
  .avatar-canvas.pin-count { color: var(--rb-color-accent-fg); background-color: var(--rb-color-accent); font-weight: 600; font-variant-numeric: tabular-nums; }
  .avatar-canvas.pin-count:focus-visible { outline: 2px solid var(--rb-color-accent); outline-offset: 2px; }
  .avatar-canvas.pin-count[data-count-level="2"] { background-color: color-mix(in srgb, var(--rb-color-accent), #000 7%); }
  .avatar-canvas.pin-count[data-count-level="3"] { background-color: color-mix(in srgb, var(--rb-color-accent), #000 14%); }
  .avatar-canvas.pin-count[data-count-level="4"] { background-color: color-mix(in srgb, var(--rb-color-accent), #000 21%); }
  .avatar-canvas.pin-count[data-count-level="5"] { background-color: color-mix(in srgb, var(--rb-color-accent), #000 28%); }
  .avatar-canvas.pin-count[data-count-level="6"] { background-color: color-mix(in srgb, var(--rb-color-accent), #000 35%); }
  .comments { width: min(340px, -16px + 100vw); display: flex; flex-direction: column; justify-content: center; gap: 12px; font-size: var(--rb-text-lg); color: var(--rb-color-fg); font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; position: fixed; left: 50%; bottom: calc(var(--rb-toolbar-h) + 16px + 8px); transform-origin: center bottom; --rail-shift: 0px; opacity: 0; transform: translateX(calc(-50% - var(--rail-shift))) translateY(8px) scale(0.3); pointer-events: none; will-change: transform, opacity; transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1),
      opacity 0.24s ease,
      width 0.26s var(--ease-out),
      height 0.26s var(--ease-out); }
  .comments[data-open="true"] { opacity: 1; transform: translateX(calc(-50% - var(--rail-shift))) translateY(0) scale(1); pointer-events: auto; transition: transform 0.32s var(--ease-out),
      opacity 0.18s ease,
      width 0.26s var(--ease-out),
      height 0.26s var(--ease-out); }
  .comments[data-view="debug"] { width: min(400px, -16px + 100vw); }
  @media (max-width: 480px) {
  .comments { --rail-shift: 22px; width: min(340px, -60px + 100vw); }
  .comments[data-view="debug"] { width: min(400px, -60px + 100vw); }
}
  .comment__container { display: flex; flex-direction: column; justify-content: center; gap: 8px; padding: 12px; border: 1px solid transparent; background: linear-gradient(var(--rb-color-surface-sunken), var(--rb-color-surface-sunken)) padding-box,
      linear-gradient(180deg, #2d2d2d, transparent 60%) border-box; box-shadow: inset 0 0 0 4px var(--rb-color-bg); border-radius: 24px; font-size: var(--rb-text-lg); }
  .comment__container .comment { display: flex; flex-direction: column; gap: 2px; position: relative; }
  .comment__container .comment:has(+ .comment)::after { content: ""; position: absolute; left: 10px; top: 26px; bottom: -8px; width: 1px; background: linear-gradient(180deg, var(--rb-color-surface), transparent); }
  .comment__container .comment:has(+ .comment--entering)::after { animation: 0.3s ease 0.1s 1 normal both running rb-comment-line-in; }
  .comment__container .comment:has(+ .comment--removing)::after { opacity: 0; transition: opacity 0.15s; }
  .comment__container .comment .header { display: flex; flex-direction: row; align-items: center; gap: 6px; }
  .comment__container .comment .header .avatar { width: 22px; height: 22px; border-radius: 50%; background-color: var(--rb-color-surface); display: flex; align-items: center; justify-content: center; font-size: var(--rb-text-nano); position: relative; z-index: 1; overflow: hidden; }
  .comment__container .comment .header .avatar img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; display: block; }
  .comment__container .comment .header .name { font-size: var(--rb-text-sm); max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .comment__container .comment .header .timestamp { font-size: var(--rb-text-micro); color: var(--rb-color-fg-muted); }
  .comment__container .comment :is(.header, .rb-pushbar) .gh-badge { margin-left: auto; display: inline-flex; align-items: center; gap: var(--rb-space-1); height: 20px; padding: 0 var(--rb-space-1); box-sizing: border-box; border-radius: 8px; background-color: var(--rb-color-surface); color: var(--rb-color-fg); font-size: var(--rb-text-xs); line-height: 1; text-decoration: none; flex: 0 0 auto; transition: color 0.15s; }
  .comment__container .comment .rb-pushbar .gh-badge { margin-left: 0px; }
  .comment__container .comment :is(.header, .rb-pushbar) .gh-badge:hover { color: var(--rb-color-fg-strong); }
  .comment__container .comment :is(.header, .rb-pushbar) .gh-badge .gh-badge__icon { width: 13px; height: 13px; flex: 0 0 auto; color: var(--rb-color-fg-muted); transition: color 0.15s; }
  .comment__container .comment :is(.header, .rb-pushbar) .gh-badge:hover .gh-badge__icon { color: var(--rb-color-fg-strong); }
  .comment__container .comment .header .gh-badge--push { border: 1px dashed var(--rb-color-border-strong); background-color: transparent; cursor: pointer; font-family: inherit; }
  .comment__container .comment .header .gh-badge--push:hover { border-color: var(--rb-color-fg-muted); background-color: var(--rb-color-surface); }
  .comment__container .comment .header .gh-badge--push:disabled { opacity: 0.6; cursor: default; }
  .comment__container .comment .header .gh-badge--push:focus-visible { outline: 2px solid var(--rb-color-accent); outline-offset: 1px; }
  .comment__container .comment .header .gh-badge ~ .gh-badge { margin-left: 0px; }
  .comment__container .comment .content { font-size: var(--rb-text-md); line-height: 160%; padding-left: 30px; white-space: pre-wrap; overflow-wrap: break-word; }
  .comment__container .triage { display: flex; flex-direction: column; gap: var(--rb-space-1); margin-left: 28px; border-radius: var(--rb-radius-md); background-color: var(--rb-color-surface-sunken); border: 1px solid var(--rb-color-border); }
  .comment__container .triage .triage__toggle { color-scheme: unset; forced-color-adjust: unset; math-depth: unset; position: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; font-family: unset; font-feature-settings: unset; font-kerning: unset; font-language-override: unset; font-optical-sizing: unset; font-palette: unset; font-size-adjust: unset; font-stretch: unset; font-style: unset; font-synthesis: unset; font-variant: unset; font-variation-settings: unset; font-weight: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; animation-trigger: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-radius: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-shape: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-decoration-break: unset; box-shadow: unset; box-sizing: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-animation: unset; caret-color: unset; caret-shape: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; column-rule: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; corner-shape: unset; corner-block-end-shape: unset; corner-block-start-shape: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cx: unset; cy: unset; d: unset; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interactivity: unset; interest-delay: unset; interpolate-size: unset; isolation: unset; justify-items: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; line-height: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding-inline: unset; page: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-position: unset; rx: unset; ry: unset; scale: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-indent: unset; text-justify: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; timeline-trigger: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; trigger-scope: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-group: unset; view-transition-name: unset; view-transition-scope: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; width: unset; will-change: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; display: flex; align-items: center; gap: var(--rb-space-2); padding: var(--rb-space-2) var(--rb-space-3); cursor: pointer; font-size: var(--rb-text-xs); color: var(--rb-color-fg); }
  .comment__container .triage .triage__toggle:hover { color: var(--rb-color-fg-strong); }
  .comment__container .triage .triage__toggle:focus-visible { outline: 2px solid var(--rb-color-outline); border-radius: var(--rb-radius-sm); }
  .comment__container .triage .triage__chip { flex: 0 0 auto; padding: 1px var(--rb-space-2); border-radius: var(--rb-radius-pill); background-color: var(--rb-color-surface); color: var(--rb-color-fg); font-size: var(--rb-text-micro); text-transform: capitalize; }
  .comment__container .triage .triage__chip--high { background-color: var(--rb-color-accent-bg); color: var(--rb-color-accent); }
  .comment__container .triage .triage__chevron { margin-left: auto; color: var(--rb-color-fg-muted); transition: transform 0.15s; }
  .comment__container .triage .triage__chevron[data-open="true"] { transform: rotate(90deg); }
  .comment__container .triage .triage__body { padding: 0 var(--rb-space-3) var(--rb-space-3); font-size: var(--rb-text-sm); line-height: 150%; }
  .comment__container .triage .triage__note { margin: 0 0 var(--rb-space-2); font-size: var(--rb-text-micro); color: var(--rb-color-fg-muted); }
  .comment__container .triage .triage__summary { margin: 0px; color: var(--rb-color-fg); overflow-wrap: break-word; }
  .comment__container .triage .triage__steps { margin: var(--rb-space-2) 0 0; padding-left: var(--rb-space-4); color: var(--rb-color-fg); }
  .comment__container .triage .triage__steps li { margin-bottom: var(--rb-space-1); overflow-wrap: break-word; }
  .comment__container .comment.comment--pending { opacity: 0.55; }
  .comment__container .comment .comment-status { display: flex; align-items: center; gap: 8px; padding-left: 22px; margin-top: 2px; font-size: var(--rb-text-xs); color: var(--rb-color-danger); }
  .comment__container .comment .comment-status .comment-retry { border: 0px; background: transparent; padding: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: var(--rb-text-xs); font-weight: 500; color: var(--rb-color-accent); cursor: pointer; }
  .comment__container .comment .comment-status .comment-retry:hover { text-decoration: underline; }
  .comment__container .comment .comment-actions { position: absolute; top: 0px; right: 0px; display: flex; gap: 2px; opacity: 0; transform: translateY(2px); transition: opacity 0.2s, transform 0.2s; pointer-events: none; }
  .comment__container .comment .comment-actions .comment-action { position: relative; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 6px; color: var(--rb-color-fg-muted); transition: background 0.15s; }
  .comment__container .comment .comment-actions .comment-action:hover { background: var(--rb-color-surface); }
  .comment__container .comment .comment-actions .comment-action svg { width: 10px; height: 10px; }
  .comment__container .comment .comment-actions .comment-action path { transition: stroke 0.15s; }
  .comment__container .comment .comment-actions .comment-action:hover path { stroke: var(--rb-color-fg-strong); }
  .comment__container .comment.comment--own:hover .comment-actions { opacity: 1; transform: translateY(0px); pointer-events: auto; }
  .comment__container .comment.comment--editing .comment-actions { opacity: 0; transform: translateY(2px); pointer-events: none; }
  .comment__container .comment--editing { opacity: 0.45; }
  .comment__container .comment--entering { overflow: hidden; }
  .comment__container .comment--load { animation-duration: ; animation-timing-function: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-play-state: ; animation-name: ; animation-timeline: ; animation-range-start: ; animation-range-end: ; animation-delay: calc(var(--rb-load-i, 0) * 45ms); }
  @media (prefers-reduced-motion: reduce) {
  .comment__container .comment--load { animation: auto ease 0s 1 normal none running none; }
}
  .comment__container .comment--removing { overflow: hidden; pointer-events: none; }
  .comments .reply { position: relative; }
  .comments .reply .reply-submit { position: absolute; right: 8px; bottom: 8px; z-index: 2; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; cursor: pointer; opacity: 0; transform: translateY(4px); transition: opacity 0.2s, transform 0.2s; }
  .comments .reply .reply-submit.visible { opacity: 1; transform: translateY(0px); }
  .comments .reply .reply-edit-actions { position: absolute; right: 10px; bottom: 8px; z-index: 2; display: flex; align-items: center; gap: 10px; }
  .comments .reply .reply-edit-actions button { border: 0px; background: transparent; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: var(--rb-text-xs); cursor: pointer; padding: 0px; }
  .comments .reply .reply-edit-cancel { color: var(--rb-color-fg-muted); }
  .comments .reply .reply-edit-cancel:hover { color: var(--rb-color-fg); }
  .comments .reply .reply-edit-save { color: var(--rb-color-accent); font-weight: 500; }
  .comments textarea { background-color: var(--rb-color-surface-sunken); width: 100%; border-radius: 12px; height: 80px; min-height: 80px; max-height: 200px; overflow-y: auto; box-sizing: border-box; padding: 12px 12px 30px; font-family: inherit; border: 1px solid transparent; outline: transparent solid 1px; transition: height 0.2s cubic-bezier(0.4, 0, 0.2, 1), outline 0.25s, border 0.25s; color: var(--rb-color-fg); font-size: var(--rb-text-md); resize: none; }
  .comments .reply .char-count, .comments .reply .reply-limit { position: absolute; left: 12px; bottom: 9px; z-index: 2; font-size: var(--rb-text-xs); color: var(--rb-color-fg-muted); font-variant-numeric: tabular-nums; pointer-events: none; transition: color 0.2s; }
  .comments .reply .char-count[data-limit="true"] { color: var(--rb-color-danger); }
  .comments .reply--editing textarea { padding-bottom: 34px; }
  .comments textarea::placeholder { color: var(--rb-color-fg-placeholder); }
  .comments textarea:hover, .comments textarea:focus { border: 1px solid transparent; outline: transparent solid 1px; }
  .comments textarea:disabled { opacity: 0.5; pointer-events: none; }
  .comments textarea.shake { animation: 0.3s ease 0s 1 normal none running rb-shake; }
  .comments__rail { --spin-angle: 0deg; --arc: 100deg; position: absolute; left: 100%; top: 0px; margin-left: 8px; display: flex; flex-direction: column; gap: 2px; padding: 5px; background-color: var(--rb-color-bg); border: 1px solid rgb(51, 51, 51); border-radius: 18px; box-shadow: var(--rb-shadow-lg); isolation: isolate; }
  .comments__rail::before { content: ""; position: absolute; inset: -1px; border-radius: 19px; padding: 1px; mask: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px) content-box exclude, linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px); pointer-events: none; opacity: 0; transition: opacity 0.35s; background: conic-gradient(
      from var(--spin-angle),
      var(--rb-color-accent) var(--arc),
      transparent var(--arc)
    ); }
  .comments__rail-hl { position: absolute; background-color: var(--rb-color-surface); border-radius: 8px; opacity: 0; z-index: 0; pointer-events: none; transition: top 0.28s var(--ease-out),
      left 0.28s var(--ease-out),
      width 0.28s var(--ease-out),
      height 0.28s var(--ease-out),
      opacity 0.18s ease; }
  .comments .rail__item { position: relative; z-index: 1; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; border-radius: 8px; color: var(--rb-color-fg-muted); cursor: pointer; transition: color 0.18s; }
  .comments .rail__item:hover, .comments .rail__item[aria-pressed="true"] { color: var(--rb-color-fg-strong); }
  .comments .rail__close:hover { color: var(--rb-color-accent); }
  .comments__rail .rail__item:hover .rb-tip__bubble--left { opacity: 1; transform: translate(0px, -50%); }
  .comments .icon-wrap { display: grid; grid-template-areas: "icon"; place-items: center; flex-shrink: 0; }
  .comments .icon-wrap .icon { grid-area: icon; display: block; transition: opacity 0.5s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); }
  .comments .icon-close { opacity: 1; transform: scale(1) rotate(0deg); }
  .comments .icon-close path { transition: stroke 0.2s, fill 0.2s; }
  .comments .icon-closed { opacity: 0; transform: scale(0.5) rotate(-15deg); }
  .comments__rail[data-state="closing"], .comments__rail[data-state="filling"], .comments__rail[data-state="closed"] { pointer-events: none; }
  .comments__rail[data-state="closing"] .rail__close, .comments__rail[data-state="filling"] .rail__close, .comments__rail[data-state="closed"] .rail__close { color: var(--rb-color-accent); }
  .comments__rail[data-state="closing"]::before, .comments__rail[data-state="filling"]::before, .comments__rail[data-state="closed"]::before { opacity: 1; }
  .comments__rail[data-state="closed"]::before { --arc: 360deg; background: conic-gradient(from 0deg, var(--rb-color-accent) 360deg, transparent 360deg); }
  .comments__rail[data-state="closed"] .rail__close .icon-close { opacity: 0; transform: scale(0.5) rotate(15deg); }
  .comments__rail[data-state="closed"] .rail__close .icon-closed { opacity: 1; transform: scale(1) rotate(0deg); }
  .comments__rail[data-state="resetting"]::before { --arc: 360deg; opacity: 0; transition: opacity 0.5s; }
  .comments__load-error { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px 16px; text-align: center; }
  .comments__load-error-text { margin: 0px; font-size: var(--rb-text-md); color: var(--rb-color-fg-muted); }
  .comments__readonly { margin: 0px; padding: 10px 12px; font-size: var(--rb-text-sm); line-height: 1.4; color: var(--rb-color-fg-muted); text-align: center; }
}
@layer components {
  .comments .rb-priority { position: relative; display: inline-flex; margin-left: auto; }
  .comments .rb-priority ~ .gh-badge { margin-left: 0px; }
  .comments .rb-priority__chip { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; font-family: inherit; }
  .comments .rb-priority__chip:disabled { cursor: default; }
  .comments .rb-priority__chip:focus, .comments .rb-priority__chip:focus-visible { outline: none; }
  .comments .rb-priority__dot { width: 7px; height: 7px; border-radius: 50%; flex: 0 0 auto; box-shadow: inset 0 0 0 1.4px var(--rb-color-fg-muted); }
  [data-priority="low"] .rb-priority__dot, .rb-priority__dot[data-priority="low"] { box-shadow: none; background: var(--rb-color-fg-placeholder); }
  [data-priority="medium"] .rb-priority__dot, .rb-priority__dot[data-priority="medium"] { box-shadow: none; background: var(--rb-color-fg-muted); }
  [data-priority="high"] .rb-priority__dot, .rb-priority__dot[data-priority="high"] { box-shadow: none; background: var(--rb-color-accent); }
  [data-priority="urgent"] .rb-priority__dot, .rb-priority__dot[data-priority="urgent"] { box-shadow: none; background: var(--rb-color-danger); }
  .comments .rb-priority__menu { position: absolute; top: calc(100% + 4px); right: 0px; z-index: 5; display: flex; flex-direction: column; min-width: 120px; padding: 4px; background: var(--rb-color-surface-sunken); border: 1px solid var(--rb-color-border); border-radius: var(--rb-radius-md); box-shadow: var(--rb-shadow-lg); transform-origin: right top; opacity: 0; transform: translateY(-4px) scale(0.96); pointer-events: none; transition: opacity 0.16s var(--ease-out),
      transform 0.18s var(--ease-out); }
  .comments .rb-priority__menu[data-open="true"] { opacity: 1; transform: translateY(0px) scale(1); pointer-events: auto; }
  .comments .rb-priority__hl { position: absolute; background: var(--rb-color-surface); border-radius: 6px; opacity: 0; pointer-events: none; z-index: 0; transition: top 0.18s var(--ease-out),
      left 0.18s var(--ease-out),
      width 0.18s var(--ease-out),
      height 0.18s var(--ease-out),
      opacity 0.15s ease; }
  .comments .rb-priority__option { position: relative; z-index: 1; display: flex; align-items: center; gap: 8px; padding: 6px 8px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: transparent; border-radius: 6px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: var(--rb-text-sm); color: var(--rb-color-fg); cursor: pointer; text-align: left; }
  .comments .rb-priority__option:hover, .comments .rb-priority__option[aria-checked="true"] { color: var(--rb-color-fg-strong); }
  .comments .rb-priority__option--clear { color: var(--rb-color-fg-muted); }
  .comments .rb-pushbar { display: flex; align-items: center; gap: 4px; padding-left: 30px; margin-top: 4px; }
  .comments .rb-push { position: relative; display: inline-flex; }
  .comments .rb-push__chip { display: inline-flex; align-items: center; gap: 5px; height: 20px; padding: 0 var(--rb-space-2); box-sizing: border-box; border-radius: 8px; background-color: var(--rb-color-surface); color: var(--rb-color-fg); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; font-family: inherit; font-size: var(--rb-text-xs); }
  .comments .rb-push__label { line-height: 1; white-space: nowrap; }
  .comments .rb-push__chip:focus, .comments .rb-push__chip:focus-visible { outline: none; }
  .comments .rb-push__stack { display: inline-flex; align-items: center; }
  .comments .rb-push__stack .rb-push__logo:not(:first-child) { margin-left: -5px; }
  .comments .rb-push__logo { display: inline-flex; align-items: center; justify-content: center; width: 15px; height: 15px; border-radius: 50%; background: var(--rb-color-surface); color: var(--rb-color-fg-muted); flex: 0 0 auto; }
  .comments .rb-push__logo svg { width: 10px; height: 10px; }
  .comments .rb-push__menu { position: absolute; top: calc(100% + 4px); left: 0px; z-index: 5; display: flex; flex-direction: column; min-width: 140px; padding: 4px; background: var(--rb-color-surface-sunken); border: 1px solid var(--rb-color-border); border-radius: var(--rb-radius-md); box-shadow: var(--rb-shadow-lg); transform-origin: left top; opacity: 0; transform: translateY(-4px) scale(0.96); pointer-events: none; transition: opacity 0.16s var(--ease-out),
      transform 0.18s var(--ease-out); }
  .comments .rb-push__menu[data-open="true"] { opacity: 1; transform: translateY(0px) scale(1); pointer-events: auto; }
  .comments .rb-push__hl { position: absolute; background: var(--rb-color-surface); border-radius: 6px; opacity: 0; pointer-events: none; z-index: 0; transition: top 0.18s var(--ease-out),
      left 0.18s var(--ease-out),
      width 0.18s var(--ease-out),
      height 0.18s var(--ease-out),
      opacity 0.15s ease; }
  .comments .rb-push__option { position: relative; z-index: 1; display: flex; align-items: center; gap: 8px; padding: 6px 8px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: transparent; border-radius: 6px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: var(--rb-text-sm); color: var(--rb-color-fg); cursor: pointer; text-align: left; }
  .comments .rb-push__option:hover { color: var(--rb-color-fg-strong); }
  .comments .rb-push__option:disabled { cursor: default; }
  .comments .rb-push__name { flex: 1 1 0%; }
  .comments .rb-push__state { display: inline-flex; align-items: center; justify-content: center; width: 14px; height: 14px; flex: 0 0 auto; color: var(--rb-color-accent); }
  .comments .rb-push__state svg { width: 12px; height: 12px; }
}
@layer components {
  .comments__morph { position: relative; overflow: hidden; border-radius: 24px; }
  .comments__pane { display: flex; flex-direction: column; gap: 12px; transition: opacity 0.2s; }
  .comments__pane[data-active="true"] { position: relative; opacity: 1; }
  .comments__pane[data-active="false"] { position: absolute; inset: 0px; opacity: 0; pointer-events: none; }
  @keyframes rb-spin { 
  100% { transform: rotate(360deg); }
}
  .debug { display: flex; flex-direction: column; }
  .debug__nav { display: flex; align-items: center; gap: 6px; padding: 8px 10px 0px; }
  .debug__nav .rb-dataview__bar { flex: 1 1 auto; min-width: 0px; margin: 0px -10px; padding: 0px 10px 8px; }
  .debug__frame { display: flex; flex-direction: column; gap: 4px; border: 1px solid transparent; background: linear-gradient(var(--rb-color-surface-sunken), var(--rb-color-surface-sunken)) padding-box,
      linear-gradient(180deg, #2d2d2d, transparent 60%) border-box; border-radius: 24px; padding: 4px; box-shadow: inset 0 0 0 4px var(--rb-color-bg),
      var(--rb-shadow-lg); }
  .debug__view { background-color: var(--rb-color-surface-sunken); border-radius: 20px; overflow: hidden; min-height: 232px; }
  .debug__panes { min-height: 180px; max-height: min(440px, 60vh); }
  .debug__state { padding: 28px 8px; text-align: center; color: var(--rb-color-fg-muted); font-size: var(--rb-text-sm); }
  .debug__state--error { color: var(--rb-color-danger); }
  .debug__state .rb-spinner { display: inline-block; width: 13px; height: 13px; margin-right: 7px; vertical-align: -2px; border-radius: 50%; border-width: 1.5px; border-style: solid; border-color: currentcolor color-mix(in srgb, currentcolor 30%, transparent) color-mix(in srgb, currentcolor 30%, transparent); border-image: initial; animation: 0.7s linear 0s infinite normal none running rb-spin; }
  .debug__body { display: flex; flex-direction: column; gap: 22px; padding: 4px 0px 8px; }
  .debug .dbg-label { display: flex; align-items: center; gap: 6px; margin: 0px 0px 10px; padding-left: 2px; font-size: var(--rb-text-sm); letter-spacing: 0.01em; color: var(--rb-color-fg-soft); font-weight: 500; }
  .debug .dbg-label__tally { color: var(--rb-color-fg); background-color: var(--rb-color-surface); border-radius: var(--rb-radius-pill); padding: 0px 6px; font-size: var(--rb-text-nano); }
  .debug .rb-metapill { display: inline-flex; align-items: center; gap: 5px; flex: 0 0 auto; padding: 3px 9px; border: 1px solid var(--rb-color-border-strong); border-radius: var(--rb-radius-pill); font-size: var(--rb-text-xs); color: var(--rb-color-fg-muted); font-variant-numeric: tabular-nums; white-space: nowrap; }
  .debug .rb-metapill svg { width: 11px; height: 11px; flex: 0 0 auto; }
  :is(.debug, .rb-dataview) .rb-ikv { list-style: none; margin: 0px; padding: 0px; border-radius: 16px; display: flex; flex-direction: column; gap: 12px; }
  :is(.debug, .rb-dataview) .rb-ikv__row { display: grid; grid-template-columns: 120px 1fr; align-items: center; }
  :is(.debug, .rb-dataview) .rb-ikv__label { color: var(--rb-color-fg-muted); font-size: var(--rb-text-md); }
  :is(.debug, .rb-dataview) .rb-ikv__v { display: flex; align-items: center; gap: 6px; min-width: 0px; color: rgb(199, 199, 199); font-size: var(--rb-text-md); overflow-wrap: anywhere; }
  :is(.debug, .rb-dataview) .rb-ikv__act { margin-left: auto; flex: 0 0 auto; display: inline-flex; color: var(--rb-color-fg-muted); }
  :is(.debug, .rb-dataview) .rb-ikv__copy { margin-left: auto; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; padding: 0px; border: 0px; border-radius: 6px; background: none; color: var(--rb-color-fg-muted); cursor: pointer; transition: color 0.16s var(--ease-out),
      background-color 0.16s var(--ease-out); }
  :is(.debug, .rb-dataview) .rb-ikv__copy:hover { color: var(--rb-color-fg-soft); background-color: var(--rb-color-surface); }
  :is(.debug, .rb-dataview) .rb-ikv__copy.is-copied { color: var(--rb-color-accent); }
  :is(.debug, .rb-dataview) .rb-ikv__copy svg { width: 13px; height: 13px; }
  :is(.debug, .rb-dataview) .rb-ikv__ic { flex: 0 0 auto; width: 16px; height: 16px; color: rgb(151, 151, 151); display: inline-flex; align-items: center; justify-content: center; }
  :is(.debug, .rb-dataview) .rb-ikv__ic svg { display: block; width: 12px; height: 12px; }
  :is(.debug, .rb-dataview) .rb-ikv__v a { color: var(--rb-color-accent); text-decoration: none; word-break: break-all; }
  :is(.debug, .rb-dataview) .rb-ikv__v a:hover { text-decoration: underline; }
  :is(.debug, .rb-dataview) .rb-ikv__v code { font-size: var(--rb-text-md); }
  .debug .dbg-triage { border: 1px solid var(--rb-color-border); border-radius: 14px; background-color: var(--rb-color-bg); padding: 14px 16px 16px; }
  .debug .dbg-triage__head { display: flex; align-items: center; gap: var(--rb-space-2); margin-bottom: 10px; }
  .debug .dbg-triage__chip { flex: 0 0 auto; padding: 1px var(--rb-space-2); border-radius: var(--rb-radius-pill); background-color: var(--rb-color-surface); color: var(--rb-color-fg); font-size: var(--rb-text-micro); text-transform: capitalize; letter-spacing: 0.02em; }
  .debug .dbg-triage__chip--high { background-color: var(--rb-color-accent-bg); color: var(--rb-color-accent); }
  .debug .dbg-triage__label { font-size: var(--rb-text-xs); font-weight: 500; color: var(--rb-color-fg); }
  .debug .dbg-triage__conf { margin-left: auto; }
  .debug .dbg-triage__summary { margin: 0px; font-size: var(--rb-text-md); line-height: 1.55; color: var(--rb-color-fg); }
  .debug .dbg-triage__steps { margin: var(--rb-space-3) 0 0; padding-left: var(--rb-space-4); display: flex; flex-direction: column; gap: var(--rb-space-1); font-size: var(--rb-text-sm); line-height: 1.5; color: var(--rb-color-fg-soft); }
  .debug .dbg-triage__note { margin: var(--rb-space-3) 0 0; font-size: var(--rb-text-micro); color: var(--rb-color-fg-muted); }
  .debug .dbg-ai { position: relative; }
  .debug .dbg-ai::after { content: ""; position: absolute; left: 11px; top: 30px; bottom: 2px; width: 1px; background: linear-gradient(180deg, var(--rb-color-surface), transparent); }
  .debug .dbg-ai__head { display: flex; align-items: center; gap: 6px; }
  .debug .dbg-ai__avatar { flex: 0 0 auto; width: 24px; height: 24px; border-radius: 50%; background-color: rgb(0, 0, 0); box-shadow: rgba(255, 255, 255, 0.08) 0px 0px 0px 1px inset; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; }
  .debug .dbg-ai__name { font-size: var(--rb-text-sm); color: var(--rb-color-fg-strong); }
  .debug .dbg-ai__meta { padding-left: 30px; margin-top: 2px; font-size: var(--rb-text-xs); line-height: 1.5; color: var(--rb-color-fg-muted); }
  .debug .dbg-evlink { font: inherit; display: inline; margin: 0px; padding: 0px; border: 0px; background: none; color: var(--rb-color-fg-soft); cursor: pointer; text-decoration: underline dotted; text-underline-offset: 4px; transition: color 0.16s var(--ease-out); }
  .debug .dbg-evlink:hover { color: var(--rb-color-fg-strong); text-decoration-style: solid; }
  .debug .dbg-evlink--code { font-family: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace; font-size: var(--rb-text-sm); }
  .debug .dbg-ai__chip { flex: 0 0 auto; display: inline-flex; align-items: center; padding: 4px 7px; border-radius: var(--rb-radius-pill); border: 1px solid rgba(255, 255, 255, 0.1); }
  .debug .dbg-ai__chip-label { font-size: var(--rb-text-nano); font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; line-height: 1; background: linear-gradient(90deg, rgb(255, 107, 157) 0%, rgb(192, 132, 252) 25%, rgb(129, 140, 248) 50%, rgb(56, 189, 248) 75%, rgb(255, 107, 157) 100%) 0% 0% / 200% 100% text; -webkit-text-fill-color: transparent; color: transparent; animation: 3s linear 0s infinite normal none running dbg-chip-flow; }
  @keyframes dbg-chip-flow { 
  0% { background-position: 0% 50%; }
  100% { background-position: -200% 50%; }
}
  @media (prefers-reduced-motion: reduce) {
  .debug .dbg-ai__chip-label { animation: auto ease 0s 1 normal none running none; }
}
  .debug .dbg-ai__chip--kind .dbg-ai__chip-label { background: none; animation: auto ease 0s 1 normal none running none; -webkit-text-fill-color: currentcolor; color: var(--rb-color-fg-soft); }
  .debug .dbg-ai__body { padding-left: 30px; padding-top: 8px; display: flex; flex-direction: column; gap: 12px; font-size: var(--rb-text-md); line-height: 1.6; color: var(--rb-color-fg); }
  .debug .dbg-ai__body p { margin: 0px; }
  .debug .dbg-ai__body code { font-family: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace; font-size: var(--rb-text-sm); color: inherit; }
  .debug .dbg-ai__note { font-size: var(--rb-text-xs); line-height: 1.5; color: var(--rb-color-fg-muted); }
  .debug .dbg-ai__change { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px; }
  .debug .dbg-ai__from { color: var(--rb-color-fg-muted); }
  .debug .dbg-ai__arrow { color: var(--rb-color-fg-muted); }
  .debug .dbg-ai__to { font-weight: 600; color: var(--rb-color-fg-strong); }
  .debug .dbg-ai__state { display: none; }
  .debug[data-ai="ready"] .dbg-ai__state--ready, .debug[data-ai="generating"] .dbg-ai__state--generating, .debug[data-ai="none"] .dbg-ai__state--none, .debug[data-ai="no-credits"] .dbg-ai__state--nocredits { display: flex; }
  .debug .dbg-ai__cta { align-self: flex-start; display: inline-flex; align-items: center; padding: 6px 12px; border-radius: var(--rb-radius-pill); background-color: var(--rb-color-accent); color: var(--rb-color-bg); font-size: var(--rb-text-sm); font-weight: 500; text-decoration: none; transition: filter 0.16s var(--ease-out); }
  .debug .dbg-ai__cta:hover { filter: brightness(1.08); }
  .debug .dbg-ai__cta--btn { border: 0px; cursor: pointer; font: inherit; }
  .debug .dbg-ai__cta--btn:disabled { opacity: 0.6; cursor: default; filter: none; }
  .debug .dbg-ai__working { margin: 0px; font-size: var(--rb-text-md); }
  .debug .dbg-ai__shimmer { background: linear-gradient(90deg, rgb(255, 107, 157) 0%, rgb(192, 132, 252) 25%, rgb(129, 140, 248) 50%, rgb(56, 189, 248) 75%, rgb(255, 107, 157) 100%) 0% 0% / 200% 100% text; -webkit-text-fill-color: transparent; color: transparent; animation: 3s linear 0s infinite normal none running dbg-chip-flow; }
  .debug .dbg-ai__empty { margin: 0px; font-size: var(--rb-text-md); color: var(--rb-color-fg-muted); }
  .debug .dbg-ai__facts { margin-top: 2px; }
  @media (prefers-reduced-motion: reduce) {
  .debug .dbg-ai__shimmer { animation: auto ease 0s 1 normal none running none; }
}
  .debug .dbg-ai .dbg-report__shot { margin: 14px 0px 2px 30px; transition: border-color 0.16s var(--ease-out); }
  .debug .dbg-ai .dbg-report__shot:hover { border-color: var(--rb-color-border-strong); }
  .debug .dbg-files { list-style: none; margin: 0px; padding: 0px; display: flex; flex-direction: column; gap: 6px; }
  .debug .dbg-file { display: inline-flex; align-items: center; gap: 7px; font-family: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace; font-size: var(--rb-text-sm); color: var(--rb-color-accent); text-decoration: none; width: fit-content; }
  .debug .dbg-file__txt { text-decoration: underline dotted; text-underline-offset: 4px; }
  .debug .dbg-file:hover .dbg-file__txt { text-decoration-style: solid; }
  .debug .dbg-file__ic { flex: 0 0 auto; width: 11px; height: 13px; }
  .debug .dbg-divider { height: 1px; background-color: var(--rb-color-border-strong); margin: -4px -16px; }
  .debug .dbg-report__shot { display: block; margin-bottom: 10px; border: 1px solid var(--rb-color-border); border-radius: 12px; overflow: hidden; aspect-ratio: 16 / 9; background-color: var(--rb-color-bg); }
  .debug .dbg-report__shot img { display: block; width: 100%; height: 100%; object-fit: cover; }
  .debug .dbg-report__shotph { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: var(--rb-color-fg-placeholder); }
  .debug .dbg-el { font-family: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace; font-size: var(--rb-text-sm); color: var(--rb-color-fg-strong); }
  .debug .dbg-el__text { color: var(--rb-color-fg-muted); }
  .debug .rb-srcrow { grid-template-columns: 1fr auto 14px; }
  .debug .rb-row--static.rb-srcrow { grid-template-columns: 1fr auto; }
  .debug .dbg-conf { justify-self: end; font-size: var(--rb-text-micro); color: var(--rb-color-fg-muted); font-variant-numeric: tabular-nums; white-space: nowrap; }
  .debug .dbg-evidence { margin: 0px; color: var(--rb-color-fg-soft); font-size: var(--rb-text-xs); line-height: 1.5; }
  .debug .dbg-trace { display: flex; align-items: center; gap: 9px; padding: 9px 11px; border: 1px solid var(--rb-color-border); border-radius: 10px; background-color: var(--rb-color-surface); }
  .debug .dbg-trace__ic { flex: 0 0 auto; color: var(--rb-color-accent); display: inline-flex; }
  .debug .dbg-trace__body { min-width: 0px; flex: 1 1 0%; display: flex; flex-direction: column; gap: 1px; }
  .debug .dbg-trace__label { font-size: var(--rb-text-nano); text-transform: uppercase; letter-spacing: 0.05em; color: var(--rb-color-fg-muted); }
  .debug .dbg-trace__id { font-family: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace; font-size: var(--rb-text-sm); color: var(--rb-color-fg-strong); overflow-wrap: anywhere; }
  .debug .dbg-trace__copy { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border: 1px solid var(--rb-color-border); border-radius: var(--rb-radius-sm); background: none; color: var(--rb-color-fg-muted); cursor: pointer; }
  .debug .dbg-trace__copy:hover { color: var(--rb-color-fg-strong); border-color: var(--rb-color-border-strong); }
  .debug .dbg-trace__hint { margin: 7px 2px 0px; font-size: var(--rb-text-micro); line-height: 1.45; color: var(--rb-color-fg-muted); }
  .debug .dbg-hdr { margin: 0px; display: grid; grid-template-columns: auto 1fr; gap: 4px 12px; font-family: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace; font-size: var(--rb-text-xs); line-height: 1.45; }
  .debug .dbg-hdr dt { color: var(--rb-color-fg-muted); white-space: nowrap; }
  .debug .dbg-hdr dd { margin: 0px; color: var(--rb-color-fg); overflow-wrap: anywhere; }
  .debug .dbg-redacted { font-family: Inter, ui-sans-serif, system-ui, sans-serif; font-size: var(--rb-text-nano); text-transform: uppercase; letter-spacing: 0.04em; color: var(--rb-color-fg-muted); border: 1px solid var(--rb-color-border-strong); border-radius: 4px; padding: 0px 4px; margin-left: 4px; white-space: nowrap; }
  :is(.debug, .rb-dataview) .net-nav { position: relative; overflow: hidden; transition: height 0.36s var(--ease-out); }
  :is(.debug, .rb-dataview) .net-view { transition: opacity 0.22s ease,
      transform 0.36s var(--ease-out); }
  :is(.debug, .rb-dataview) .net-view[data-active="true"] { position: relative; opacity: 1; transform: none; }
  :is(.debug, .rb-dataview) .net-view[data-active="false"] { position: absolute; inset: 0px 0px auto; opacity: 0; pointer-events: none; }
  :is(.debug, .rb-dataview) .net-list[data-active="false"] { transform: translateX(-26px); }
  :is(.debug, .rb-dataview) .net-detail[data-active="false"] { transform: translateX(26px); }
  :is(.debug, .rb-dataview) .net-rows { list-style: none; margin: 0px; padding: 0px; display: flex; flex-direction: column; }
  :is(.debug, .rb-dataview) .net-rows li + li { border-top: 1px solid var(--rb-color-border); }
  :is(.debug, .rb-dataview) .net-row { width: 100%; display: grid; grid-template-columns: 46px 74px minmax(0px, 1fr) 16px; align-items: center; column-gap: 11px; padding: 8px 16px; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; font: inherit; color: inherit; text-align: left; cursor: pointer; }
  :is(.debug, .rb-dataview) .net-row__method, :is(.debug, .rb-dataview) .net-row__url, :is(.debug, .rb-dataview) .net-row__msg, :is(.debug, .rb-dataview) .net-row__chev, :is(.debug, .rb-dataview) .step-row__time, :is(.debug, .rb-dataview) .step-row__desc { transition: color 0.15s ease-in-out; }
  :is(.debug, .rb-dataview) .net-row:not(.is-static):hover .net-row__method, :is(.debug, .rb-dataview) .net-row:not(.is-static):hover .net-row__url, :is(.debug, .rb-dataview) .net-row:not(.is-static):hover .net-row__msg, :is(.debug, .rb-dataview) .net-row:not(.is-static):hover .net-row__chev, :is(.debug, .rb-dataview) .net-row:not(.is-static):hover .step-row__time, :is(.debug, .rb-dataview) .net-row:not(.is-static):hover .step-row__desc { color: var(--rb-color-fg-strong); }
  :is(.debug, .rb-dataview) .net-row:focus-visible { outline: 2px solid var(--rb-color-accent); outline-offset: -2px; }
  :is(.debug, .rb-dataview) .net-row__method { font-family: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace; font-size: var(--rb-text-xs); color: var(--rb-color-fg-muted); }
  :is(.debug, .rb-dataview) .net-row__status { display: inline-flex; align-items: center; gap: 6px; font-family: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace; font-size: var(--rb-text-xs); color: var(--rb-color-danger); white-space: nowrap; }
  :is(.debug, .rb-dataview) .net-row__status svg { width: 12px; height: 12px; flex: 0 0 auto; }
  :is(.debug, .rb-dataview) .net-row__url { font-family: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace; font-size: var(--rb-text-sm); color: var(--rb-color-fg); min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  :is(.debug, .rb-dataview) .net-row__chev { justify-self: end; color: var(--rb-color-fg-muted); display: inline-flex; }
  :is(.debug, .rb-dataview) .net-row--log { grid-template-columns: 80px minmax(0px, 1fr) 16px; }
  :is(.debug, .rb-dataview) .net-row--log .rb-level { display: inline-flex; align-items: center; gap: 6px; width: auto; padding: 0px; background: none; border-radius: 0px; text-transform: none; letter-spacing: normal; font-size: var(--rb-text-xs); white-space: nowrap; }
  :is(.debug, .rb-dataview) .net-row--log .rb-level svg { width: 12px; height: 12px; flex: 0 0 auto; }
  :is(.debug, .rb-dataview) .net-row--log .rb-level--warn { color: var(--rb-color-warn); }
  :is(.debug, .rb-dataview) .net-row__msg { font-family: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace; font-size: var(--rb-text-sm); color: var(--rb-color-fg); min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  :is(.debug, .rb-dataview) .net-row--muted { padding: 6px 8px; font-size: var(--rb-text-xs); color: var(--rb-color-fg-placeholder); }
  :is(.debug, .rb-dataview) .net-detail__level { display: inline-flex; align-items: center; flex: 0 0 auto; height: 20px; padding: 0px 8px; border-radius: var(--rb-radius-pill); font-family: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace; font-size: var(--rb-text-xs); line-height: 1; background: color-mix(in srgb, var(--rb-color-danger) 14%, transparent); color: var(--rb-color-danger); }
  :is(.debug, .rb-dataview) .net-detail[data-level="warn"] .net-detail__level { background: color-mix(in srgb, var(--rb-color-warn) 14%, transparent); color: var(--rb-color-warn); }
  :is(.debug, .rb-dataview) .net-detail[data-level="error"] [data-cd-level] { color: var(--rb-color-danger); }
  :is(.debug, .rb-dataview) .net-detail[data-level="warn"] [data-cd-level] { color: var(--rb-color-warn); }
  :is(.debug, .rb-dataview) .net-detail[data-hasstack="false"] .con-when-stack { display: none; }
  :is(.debug, .rb-dataview) .net-row--step { grid-template-columns: 34px 16px minmax(0px, 1fr) 16px; column-gap: 11px; align-items: center; }
  :is(.debug, .rb-dataview) .net-row.is-static { cursor: default; }
  :is(.debug, .rb-dataview) .net-row.is-static:hover { background: none; }
  :is(.debug, .rb-dataview) .step-row__time { font-family: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace; font-size: var(--rb-text-xs); color: var(--rb-color-fg-muted); font-variant-numeric: tabular-nums; }
  :is(.debug, .rb-dataview) .step-row__ic { width: 16px; height: 16px; color: rgb(151, 151, 151); display: inline-flex; align-items: center; justify-content: center; }
  :is(.debug, .rb-dataview) .step-row__ic svg { width: 12px; height: 12px; }
  :is(.debug, .rb-dataview) .net-row--step.is-err .step-row__ic { color: var(--rb-color-danger); }
  :is(.debug, .rb-dataview) .net-row--step.is-warn .step-row__ic { color: var(--rb-color-warn); }
  .debug .ic-red { color: var(--rb-color-danger); }
  .debug .ic-yellow { color: var(--rb-color-warn); }
  .debug .ic-green { color: rgb(87, 188, 58); }
  :is(.debug, .rb-dataview) .step-row__desc { font-size: var(--rb-text-sm); color: var(--rb-color-fg-soft); min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  :is(.debug, .rb-dataview) .step-row__desc .em { color: var(--rb-color-fg-strong); }
  :is(.debug, .rb-dataview) .step-row__desc .err { color: var(--rb-color-danger); }
  :is(.debug, .rb-dataview) .step-row__desc .mono { font-family: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace; font-size: var(--rb-text-xs); }
  :is(.debug, .rb-dataview) .net-row--step.is-err:hover .net-row__chev { color: var(--rb-color-danger); }
  .debug .step-net { display: flex; align-items: baseline; gap: 8px; min-width: 0px; font-family: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace; }
  .debug .step-net__m { flex: 0 0 auto; color: var(--rb-color-fg-muted); font-size: var(--rb-text-xs); }
  .debug .step-net__s { flex: 0 0 auto; color: var(--rb-color-danger); font-size: var(--rb-text-xs); }
  .debug .step-net__u { min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--rb-color-fg); font-size: var(--rb-text-xs); }
  .debug[data-fill="real"] [data-variant="all"] { display: none; }
  .debug[data-fill="all"] [data-variant="real"] { display: none; }
  .debug .step-rows--all .step-row__time { font-size: var(--rb-text-nano); text-transform: uppercase; letter-spacing: 0.03em; white-space: nowrap; }
  :is(.debug, .rb-dataview) .net-detail { display: flex; flex-direction: column; gap: 16px; padding: 8px 16px 14px; }
  :is(.debug, .rb-dataview) .net-detail__head { display: flex; flex-direction: column; gap: 4px; }
  :is(.debug, .rb-dataview) .net-detail__title { display: flex; align-items: center; gap: 10px; margin: 0px; }
  :is(.debug, .rb-dataview) .net-meta-err { color: var(--rb-color-danger); }
  :is(.debug, .rb-dataview) .net-back__method, :is(.debug, .rb-dataview) .net-back__status { display: inline-flex; align-items: center; flex: 0 0 auto; height: 20px; padding: 0px 8px; border-radius: var(--rb-radius-pill); font-family: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace; font-size: var(--rb-text-xs); line-height: 1; }
  :is(.debug, .rb-dataview) .net-back__method { background: var(--rb-color-bg); color: var(--rb-color-fg-muted); }
  :is(.debug, .rb-dataview) .net-back__status { background: color-mix(in srgb, var(--rb-color-danger) 14%, transparent); color: var(--rb-color-danger); }
  :is(.debug, .rb-dataview) .net-back__url { font-family: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace; font-size: var(--rb-text-sm); color: var(--rb-color-fg); min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  :is(.debug, .rb-dataview) .net-section { display: flex; flex-direction: column; gap: 8px; margin: 0px; }
  :is(.debug, .rb-dataview) .net-band { box-sizing: border-box; width: calc(100% + 32px); margin: 0px -16px; padding: 0px 16px 8px; font-size: var(--rb-text-md); color: var(--rb-color-fg); }
  :is(.debug, .rb-dataview) .net-reason { display: none; margin: 0px; padding: 11px 13px; border: 1px solid var(--rb-color-border); border-radius: 12px; background-color: var(--rb-color-bg); font-size: var(--rb-text-sm); line-height: 1.5; color: var(--rb-color-fg-soft); }
  :is(.debug, .rb-dataview) .net-detail[data-kind="timeout"] .net-when-http, :is(.debug, .rb-dataview) .net-detail[data-kind="network"] .net-when-http { display: none; }
  :is(.debug, .rb-dataview) .net-detail[data-kind="timeout"] .net-reason, :is(.debug, .rb-dataview) .net-detail[data-kind="network"] .net-reason { display: block; }
  .debug .rb-dataview__inner { display: flex; flex-direction: column; gap: 10px; padding: 0px 0px 4px; color: var(--rb-color-fg); }
  .debug .rb-dataview__back { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; margin-left: -4px; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 8px; background: transparent; color: var(--rb-color-fg-muted); cursor: pointer; transition: color 0.15s, background-color 0.15s; }
  .debug .rb-dataview__back:hover { color: var(--rb-color-fg-strong); background-color: var(--rb-color-surface); }
  .debug .rb-tabs { position: relative; display: flex; align-items: center; gap: 2px; flex: 1 1 auto; min-width: 0px; overflow-x: auto; scrollbar-width: none; }
  .debug .rb-tabs::-webkit-scrollbar { display: none; }
  .debug .rb-tabs[data-overflow="true"] { mask-image: linear-gradient(to right, rgb(0, 0, 0) calc(100% - 20px), transparent); }
  .debug .rb-tabs__highlight { position: absolute; top: 0px; left: 0px; height: 100%; background-color: var(--rb-color-surface); border-radius: var(--rb-radius-pill); opacity: 0; z-index: 0; pointer-events: none; transition: left 0.26s var(--ease-out),
      width 0.26s var(--ease-out),
      opacity 0.18s ease; }
  .debug .rb-tab { position: relative; z-index: 1; flex: 0 0 auto; display: inline-flex; align-items: center; gap: 5px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: transparent; color: var(--rb-color-fg-muted); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: var(--rb-text-sm); padding: 4px 9px; border-radius: var(--rb-radius-pill); cursor: pointer; transition: color 0.18s; }
  .debug .rb-tab:hover { color: var(--rb-color-fg-strong); }
  .debug .rb-tab.is-active { color: var(--rb-color-fg-strong); }
  .debug .rb-tab__count { font-size: var(--rb-text-micro); font-variant-numeric: tabular-nums; color: var(--rb-color-fg-muted); background-color: var(--rb-color-bg); border-radius: 20px; padding: 0px 5px; line-height: 16px; }
  .debug .rb-tab.is-active .rb-tab__count { color: var(--rb-color-fg); }
  .debug .rb-tab__count--alert { color: var(--rb-color-danger); }
  .debug .rb-tabpanes { --rb-fade-size: 22px; position: relative; overflow: hidden auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: var(--rb-color-border-strong) transparent; }
  .debug .rb-tabpanes[data-fade-top="true"], .debug .rb-tabpanes[data-fade-bottom="true"] { mask-image: linear-gradient(
      to bottom,
      var(--rb-fade-top, #000) 0,
      #000 var(--rb-fade-size),
      #000 calc(100% - var(--rb-fade-size)),
      var(--rb-fade-bottom, #000) 100%
    ); }
  .debug .rb-tabpanes[data-fade-top="true"] { --rb-fade-top: transparent; }
  .debug .rb-tabpanes[data-fade-bottom="true"] { --rb-fade-bottom: transparent; }
  .debug .rb-tabpanes::-webkit-scrollbar { width: 6px; }
  .debug .rb-tabpanes::-webkit-scrollbar-track { background: transparent; }
  .debug .rb-tabpanes::-webkit-scrollbar-thumb { background: var(--rb-color-border-strong); border-radius: 3px; }
  .debug .rb-tabpanes::-webkit-scrollbar-thumb:hover { background: var(--rb-color-fg-muted); }
  .debug .rb-tabpane { padding: 8px 16px 0px; transition: opacity 0.18s; }
  .debug .rb-tabpane[data-pane="network"], .debug .rb-tabpane[data-pane="console"], .debug .rb-tabpane[data-pane="steps"] { padding: 0px; }
  .debug .rb-tabpane[data-pane="network"] > .rb-empty, .debug .rb-tabpane[data-pane="console"] > .rb-empty, .debug .rb-tabpane[data-pane="steps"] > .rb-empty { padding-left: 16px; padding-right: 16px; }
  .debug .rb-tabpane[data-pane="environment"] { padding: 0px; }
  .debug .rb-tabpane[data-pane="environment"] > .rb-empty { padding-left: 16px; padding-right: 16px; }
  .debug .rb-tabpane[data-pane="environment"] .debug__body { gap: 16px; padding: 0px 16px 16px; }
  .debug .rb-tabpane[data-pane="environment"] .net-section:first-child .net-band { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; }
  :is(.debug, .rb-dataview) :is(.rb-env, .net-detail) .net-band { width: auto; margin: 0px; padding: 0px 4px; font-size: var(--rb-text-xs); font-weight: 500; text-transform: uppercase; letter-spacing: 0.06em; color: var(--rb-color-fg-muted); }
  :is(.debug, .rb-dataview) :is(.rb-env, .net-detail) .rb-ikv { gap: 0px; background: var(--rb-color-bg); border-radius: 12px; padding: 2px 0px; overflow: hidden; }
  :is(.debug, .rb-dataview) :is(.rb-env, .net-detail) .rb-ikv__row { grid-template-columns: 96px 1fr; column-gap: 8px; padding: 9px 12px; }
  :is(.debug, .rb-dataview) :is(.rb-env, .net-detail) :is(.rb-ikv__row + .rb-ikv__row, .rb-ikv__row + .rb-env__ua) { border-top: 1px solid var(--rb-color-border); }
  :is(.debug, .rb-dataview) :is(.rb-env, .net-detail) .rb-ikv__label { font-size: var(--rb-text-sm); min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  :is(.debug, .rb-dataview) :is(.rb-env, .net-detail) .rb-ikv__v { font-size: var(--rb-text-sm); color: var(--rb-color-fg-strong); flex-wrap: nowrap; white-space: nowrap; overflow: hidden; }
  :is(.debug, .rb-dataview) :is(.rb-env, .net-detail) .rb-ikv__v .net-meta-warn { color: var(--rb-color-warn); }
  :is(.debug, .rb-dataview) :is(.rb-env, .net-detail) .rb-ikv__v > span:not(.rb-ikv__ic):not(.rb-ikv__act), :is(.debug, .rb-dataview) :is(.rb-env, .net-detail) .rb-ikv__v > code, :is(.debug, .rb-dataview) :is(.rb-env, .net-detail) .rb-ikv__v > a { min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  :is(.debug, .rb-dataview) :is(.rb-env, .net-detail) .rb-ikv__v a { word-break: normal; }
  :is(.debug, .rb-dataview) .rb-env .rb-env__ua { padding: 8px 12px 9px; font-family: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace; font-size: var(--rb-text-micro); line-height: 1.5; color: var(--rb-color-fg-placeholder); overflow-wrap: anywhere; }
  .debug .rb-tabpane[data-active="true"] { position: relative; opacity: 1; }
  .debug .rb-tabpane[data-active="false"] { position: absolute; inset: 0px; opacity: 0; pointer-events: none; overflow: hidden; }
  .debug .rb-empty { margin: 0px; padding: 6px 2px 8px; color: var(--rb-color-fg-muted); font-size: var(--rb-text-sm); }
  .debug .rb-loglist { list-style: none; margin: 0px; padding: 0px; display: flex; flex-direction: column; }
  .debug .rb-loglist > li + li { border-top: 1px solid var(--rb-color-border); }
  .debug .rb-row { width: 100%; display: grid; align-items: baseline; column-gap: 9px; padding: 9px 2px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: transparent; font: inherit; color: inherit; text-align: left; cursor: pointer; }
  :is(.debug, .rb-dataview) .rb-level { font-family: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace; font-size: var(--rb-text-micro); font-variant-numeric: tabular-nums; }
  :is(.debug, .rb-dataview) .rb-level { justify-self: start; text-transform: uppercase; letter-spacing: 0.04em; padding: 2px 6px; border-radius: 5px; background-color: var(--rb-color-surface); color: var(--rb-color-fg-muted); }
  :is(.debug, .rb-dataview) .rb-level--error { background-color: color-mix(in srgb, var(--rb-color-danger) 16%, transparent); color: var(--rb-color-danger); }
  :is(.debug, .rb-dataview) .rb-level--warn { background-color: color-mix(in srgb, var(--rb-color-accent) 14%, transparent); color: var(--rb-color-accent); }
  .debug .rb-logmsg { font-family: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace; font-size: var(--rb-text-sm); color: var(--rb-color-fg); overflow-wrap: anywhere; }
  .debug .rb-logmsg--url { color: var(--rb-color-fg-strong); }
  .debug .rb-chevron { justify-self: end; display: inline-flex; align-items: center; color: var(--rb-color-fg-muted); transition: transform 0.2s, color 0.15s; }
  .debug button.rb-row:hover .rb-chevron { color: var(--rb-color-fg-strong); }
  .debug li[data-open="true"] .rb-chevron { transform: rotate(90deg); }
  .debug .rb-detail { display: none; padding: 0px 2px 10px; }
  .debug li[data-open="true"] .rb-detail { display: block; }
  .debug .rb-detail__label { display: block; font-size: var(--rb-text-micro); text-transform: uppercase; letter-spacing: 0.05em; color: var(--rb-color-fg-muted); margin: 8px 0px 4px; }
  .debug .rb-detail__label:first-child { margin-top: 0px; }
  .debug .rb-detail__pre { margin: 0px; font-family: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace; font-size: var(--rb-text-xs); line-height: 1.5; color: var(--rb-color-fg); background-color: var(--rb-color-bg); border-radius: 12px; padding: 10px 12px; white-space: pre-wrap; overflow-wrap: anywhere; }
  .debug .rb-detail__pre.dbg-json { white-space: pre; overflow-x: auto; overscroll-behavior-x: contain; }
  .debug .rb-detail__pre.dbg-json::-webkit-scrollbar { height: 6px; }
  .debug .rb-detail__pre.dbg-json::-webkit-scrollbar-thumb { background: var(--rb-color-border-strong); border-radius: 3px; }
  .debug .dbg-json .tok-p { color: var(--rb-color-fg-muted); }
  .debug .dbg-json .tok-k { color: var(--rb-color-fg); }
  .debug .dbg-json .tok-s { color: var(--rb-color-fg-strong); }
  .debug .dbg-json .tok-n { color: var(--rb-color-accent); }
  .debug .dbg-json .tok-redacted { color: var(--rb-color-fg-muted); font-style: italic; }
  .debug__loading, .debug__error { display: none; }
  .debug[data-state="loading"] .debug__panes { display: none; }
  .debug[data-state="loading"] .debug__loading { display: block; }
  .debug[data-state="error"] .debug__panes { display: none; }
  .debug[data-state="error"] .debug__error { display: block; }
  .debug .is-empty { display: none; }
  .debug[data-density="empty"] .has-data { display: none; }
  .debug[data-density="empty"] .is-empty { display: block; }
  .debug[data-density="sparse"] .when-rich, .debug[data-density="empty"] .when-rich { display: none; }
}
@layer components {
  .rb-detected { display: flex; flex-direction: column; width: 360px; max-width: calc(-24px + 100vw); max-height: 62vh; border: 1px solid transparent; background: linear-gradient(var(--rb-color-surface-sunken), var(--rb-color-surface-sunken)) padding-box,
      linear-gradient(180deg, #2d2d2d, transparent 60%) border-box; border-radius: 24px; padding: 4px; box-shadow: inset 0 0 0 4px var(--rb-color-bg),
      var(--rb-shadow-lg); color: var(--rb-color-fg); }
  .rb-detected__view { flex: 1 1 0%; min-height: 0px; display: flex; flex-direction: column; background-color: var(--rb-color-surface-sunken); border-radius: 20px; overflow: hidden; }
  .rb-detected__head { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--rb-space-3); padding: var(--rb-space-4); border-bottom: 1px solid var(--rb-color-border); }
  .rb-detected__head--detail { align-items: center; }
  .rb-detected__titles { display: flex; flex-direction: column; gap: 2px; min-width: 0px; }
  .rb-detected__title { color: var(--rb-color-fg-strong); font-size: var(--rb-control-font); font-weight: 600; }
  .rb-detected__subtitle { color: var(--rb-color-fg-muted); font-size: var(--rb-control-font-sm); }
  .rb-detected__back { display: inline-flex; align-items: center; gap: var(--rb-space-2); padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: transparent; color: var(--rb-color-fg-soft); font-size: var(--rb-control-font-sm); font-weight: 500; cursor: pointer; transition: color var(--rb-transition-fast); }
  .rb-detected__back:hover { color: var(--rb-color-fg-strong); }
  .rb-detected__icon { flex: 0 0 auto; display: grid; place-items: center; width: 24px; height: 24px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: var(--rb-radius-sm); background: transparent; color: var(--rb-color-fg-muted); cursor: pointer; transition: color var(--rb-transition-fast),
      background var(--rb-transition-fast); }
  .rb-detected__icon:hover { color: var(--rb-color-fg-strong); background: var(--rb-color-surface); }
  .rb-detected__chev { color: var(--rb-color-fg-muted); flex: 0 0 auto; }
  .rb-detected__chev--back { transform: rotate(180deg); }
  .rb-detected__list, .rb-detected__detail { overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: var(--rb-color-border-strong) transparent; }
  .rb-detected__list::-webkit-scrollbar, .rb-detected__detail::-webkit-scrollbar { width: 6px; }
  .rb-detected__list::-webkit-scrollbar-track, .rb-detected__detail::-webkit-scrollbar-track { background: transparent; }
  .rb-detected__list::-webkit-scrollbar-thumb, .rb-detected__detail::-webkit-scrollbar-thumb { background: var(--rb-color-border-strong); border-radius: 3px; }
  .rb-detected__list::-webkit-scrollbar-thumb:hover, .rb-detected__detail::-webkit-scrollbar-thumb:hover { background: var(--rb-color-fg-muted); }
  .rb-detected__list { overflow-y: auto; padding: var(--rb-space-2); }
  .rb-detected__row { display: flex; align-items: center; gap: var(--rb-space-3); width: 100%; padding: var(--rb-space-3); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: transparent; text-align: left; cursor: pointer; border-radius: var(--rb-radius-md); transition: background var(--rb-transition-fast); }
  .rb-detected__row:hover { background: var(--rb-color-surface); }
  .rb-detected__row:hover .rb-detected__chev { color: var(--rb-color-fg-soft); }
  .rb-detected__count { flex: 0 0 auto; min-width: 34px; padding: 2px 7px; border-radius: var(--rb-radius-pill); background: var(--rb-color-accent-bg); color: var(--rb-color-accent); font-size: var(--rb-text-micro); font-weight: 600; text-align: center; font-variant-numeric: tabular-nums; }
  .rb-detected__count[data-level="rejection"] { background: color-mix(in srgb, var(--rb-color-warn) 16%, transparent); color: var(--rb-color-warn); }
  .rb-detected__body { display: flex; flex-direction: column; gap: 3px; min-width: 0px; flex: 1 1 0%; }
  .rb-detected__msg { color: var(--rb-color-fg-strong); font-size: var(--rb-control-font-sm); font-weight: 500; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
  .rb-detected__meta { display: flex; align-items: center; gap: var(--rb-space-2); color: var(--rb-color-fg-muted); font-size: var(--rb-text-micro); }
  .rb-detected__path { max-width: 170px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .rb-detected__trigger { max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--rb-color-fg-soft); }
  .rb-detected__dot { opacity: 0.6; }
  .rb-detected__time { flex: 0 0 auto; }
  .rb-detected__detail { overflow-y: auto; padding: var(--rb-space-4); display: flex; flex-direction: column; gap: var(--rb-space-4); }
  .rb-detected__lead { display: flex; flex-direction: column; gap: var(--rb-space-2); }
  .rb-detected__level { align-self: flex-start; padding: 2px 8px; border-radius: var(--rb-radius-pill); background: color-mix(in srgb, var(--rb-color-danger) 15%, transparent); color: var(--rb-color-danger); font-size: var(--rb-text-micro); font-weight: 600; text-transform: uppercase; letter-spacing: 0.03em; }
  .rb-detected__level[data-level="rejection"] { background: color-mix(in srgb, var(--rb-color-warn) 15%, transparent); color: var(--rb-color-warn); }
  .rb-detected__errtitle { margin: 0px; color: var(--rb-color-fg-strong); font-size: var(--rb-control-font); font-weight: 600; line-height: 1.4; word-break: break-word; }
  .rb-detected__lead-trigger { margin: 0px; color: var(--rb-color-fg-muted); font-size: var(--rb-control-font-sm); }
  .rb-detected__lead-trigger span { color: var(--rb-color-fg-soft); }
  .rb-detected__stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(70px, 1fr)); gap: var(--rb-space-2); padding: var(--rb-space-3); background: var(--rb-color-bg); border-radius: var(--rb-radius-md); }
  .rb-detected__trend { display: flex; flex-direction: column; gap: var(--rb-space-2); }
  .rb-detected__spark { display: flex; align-items: flex-end; gap: 3px; height: 32px; padding: var(--rb-space-2) var(--rb-space-3); background: var(--rb-color-bg); border-radius: var(--rb-radius-sm); box-sizing: content-box; }
  .rb-detected__spark-bar { flex: 1 1 0px; min-height: 2px; border-radius: 2px; background: var(--rb-color-danger); }
  .rb-detected__spark-bar[data-empty="true"] { background: var(--rb-color-border-strong); }
  .rb-detected__source { display: flex; align-items: baseline; gap: var(--rb-space-2); min-width: 0px; }
  .rb-detected__source code { padding: 2px 6px; background: var(--rb-color-bg); border-radius: var(--rb-radius-sm); color: var(--rb-color-fg-soft); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: var(--rb-text-micro); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .rb-detected__source-fn { color: var(--rb-color-fg-muted); font-size: var(--rb-text-micro); white-space: nowrap; }
  .rb-detected__stat { display: flex; flex-direction: column; gap: 2px; min-width: 0px; }
  .rb-detected__stat-num { color: var(--rb-color-fg-strong); font-size: var(--rb-control-font); font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .rb-detected__stat-label { color: var(--rb-color-fg-muted); font-size: var(--rb-text-micro); text-transform: uppercase; letter-spacing: 0.03em; }
  .rb-detected__tags { margin: 0px; display: grid; grid-template-columns: 1fr 1fr; gap: var(--rb-space-3) var(--rb-space-4); }
  .rb-detected__tag { display: flex; flex-direction: column; gap: 2px; min-width: 0px; }
  .rb-detected__tag dt { color: var(--rb-color-fg-muted); font-size: var(--rb-text-micro); text-transform: uppercase; letter-spacing: 0.03em; }
  .rb-detected__tag dd { margin: 0px; color: var(--rb-color-fg-soft); font-size: var(--rb-control-font-sm); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .rb-detected__section { display: flex; flex-direction: column; gap: var(--rb-space-2); }
  .rb-detected__section-label { color: var(--rb-color-fg-muted); font-size: var(--rb-text-micro); font-weight: 600; text-transform: uppercase; letter-spacing: 0.03em; }
  .rb-detected__stack { margin: 0px; max-height: 160px; overflow: auto; padding: var(--rb-space-3); background: var(--rb-color-bg); border-radius: var(--rb-radius-sm); color: var(--rb-color-fg-soft); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: var(--rb-text-micro); line-height: 1.6; white-space: pre-wrap; word-break: break-word; }
  .rb-detected__crumbs { margin: 0px; padding: 0px; list-style: none; display: flex; flex-direction: column; border: 1px solid var(--rb-color-border); border-radius: var(--rb-radius-sm); overflow: hidden; }
  .rb-detected__crumb { display: flex; align-items: center; gap: var(--rb-space-3); padding: var(--rb-space-2) var(--rb-space-3); }
  .rb-detected__crumb + .rb-detected__crumb { border-top: 1px solid var(--rb-color-border); }
  .rb-detected__crumb-kind { flex: 0 0 auto; min-width: 58px; padding: 1px 6px; border-radius: var(--rb-radius-sm); background: var(--rb-color-surface); color: var(--rb-color-fg-muted); font-size: var(--rb-text-nano); font-weight: 600; text-transform: uppercase; letter-spacing: 0.02em; text-align: center; }
  .rb-detected__crumb-kind[data-kind="error"], .rb-detected__crumb-kind[data-kind="unhandled"], .rb-detected__crumb-kind[data-kind="rejection"] { color: var(--rb-color-danger); }
  .rb-detected__crumb-kind[data-kind="rageclick"], .rb-detected__crumb-kind[data-kind="warn"] { color: var(--rb-color-warn); }
  .rb-detected__crumb-text { color: var(--rb-color-fg-soft); font-size: var(--rb-text-micro); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .rb-detected__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--rb-space-2); padding: var(--rb-space-3) var(--rb-space-4); border-top: 1px solid var(--rb-color-border); }
  .rb-detected__empty { display: flex; flex-direction: column; align-items: center; gap: var(--rb-space-2); padding: var(--rb-space-4); text-align: center; }
  .rb-detected__empty-title { color: var(--rb-color-fg-soft); font-size: var(--rb-control-font-sm); font-weight: 500; }
  .rb-detected__empty-sub { color: var(--rb-color-fg-muted); font-size: var(--rb-text-micro); }
}
@layer components {
  .modal--settings { width: min(640px, 100%); height: min(452px, 85vh); max-height: 85vh; padding: 0px; gap: 0px; border-radius: 20px; overflow: hidden; font-size: var(--rb-text-md); }
  .modal--settings .modal__body { flex: 1 1 0%; min-height: 0px; padding: 0px; display: flex; color: var(--rb-color-fg); line-height: normal; }
  .rb-settings { --bg: var(--rb-color-bg-deep); --panel: var(--rb-color-bg-elev); --surface: var(--rb-color-surface); --sunken: var(--rb-color-surface-sunken); --fg: var(--rb-color-fg); --fg-muted: var(--rb-color-fg-muted); --fg-placeholder: var(--rb-color-fg-placeholder); --fg-strong: var(--rb-color-fg-strong); --border: var(--rb-color-border); --border-strong: var(--rb-color-border-strong); --outline: var(--rb-color-outline); --accent: var(--rb-color-accent); --accent-fg: var(--rb-color-accent-fg); --accent-bg: var(--rb-color-accent-bg); --danger: var(--rb-color-danger); display: flex; width: 100%; height: 100%; min-height: 0px; font-size: var(--rb-text-md); color: var(--fg); position: relative; }
  .rb-settings *, .rb-settings ::before, .rb-settings ::after { box-sizing: border-box; }
  .rb-settings .nav { width: 180px; flex-shrink: 0; position: relative; padding: 12px; display: flex; flex-direction: column; gap: 14px; border-right: 1px solid var(--border); }
  .rb-settings .nav__highlight { position: absolute; background-color: var(--surface); border-radius: 10px; opacity: 0; z-index: 0; pointer-events: none; transition: top 0.28s var(--ease-out),
      left 0.28s var(--ease-out),
      width 0.28s var(--ease-out),
      height 0.28s var(--ease-out),
      opacity 0.18s ease; }
  .rb-switcher { position: relative; z-index: 2; }
  .rb-switcher__current { width: 100%; display: flex; align-items: center; gap: 8px; padding: 7px 10px; border-radius: 10px; border: 1px solid var(--border); background: var(--sunken); color: var(--fg); cursor: pointer; text-align: left; transition: border-color 0.18s, background-color 0.18s; }
  .rb-switcher__current:hover { border-color: var(--border-strong); }
  .rb-switcher__text { flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 1px; }
  .rb-switcher__name { font-size: var(--rb-text-md); font-weight: 500; color: var(--fg-strong); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .rb-switcher__host { font-size: var(--rb-text-micro); color: var(--fg-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .rb-switcher__chev { flex-shrink: 0; color: var(--fg-muted); display: flex; }
  .rb-switcher__menu { position: absolute; top: calc(100% + 6px); left: 0px; right: 0px; z-index: 5; display: flex; flex-direction: column; gap: 1px; padding: 4px; border-radius: 12px; border: 1px solid var(--border); background: var(--panel); box-shadow: var(--rb-shadow-lg); max-height: 260px; overflow-y: auto; }
  .rb-switcher__opt { display: flex; align-items: center; gap: 8px; padding: 7px 8px; border-radius: 8px; border: 0px; background: transparent; color: var(--fg); cursor: pointer; text-align: left; transition: background-color 0.15s; }
  .rb-switcher__opt:hover { background: var(--surface); }
  .rb-switcher__check { flex-shrink: 0; color: var(--accent); display: flex; }
  .rb-switcher__sep { height: 1px; margin: 4px 2px; background: var(--border); }
  .rb-switcher__signout .rb-switcher__name { color: var(--fg-muted); font-weight: 400; }
  .rb-switcher__signout:hover .rb-switcher__name { color: var(--fg-strong); }
  .rb-settings .nav__group { display: flex; flex-direction: column; gap: 1px; }
  .rb-settings .nav__group-label { font-size: var(--rb-text-xs); font-weight: 500; color: var(--fg-muted); padding: 4px 10px; margin-bottom: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .rb-settings .item { position: relative; z-index: 1; display: flex; flex-direction: row; align-items: center; gap: 9px; padding: 7px 10px; border-radius: 10px; color: var(--fg); cursor: pointer; text-align: left; transition: color 0.18s; }
  .rb-settings .item .icon { width: 15px; height: 15px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
  .rb-settings .item .label { font-size: var(--rb-text-md); flex: 1 1 0%; }
  .rb-settings .item .lock { display: flex; color: var(--fg-muted); opacity: 0.7; }
  .rb-settings .item:hover { color: var(--fg-strong); }
  .rb-settings .item.active { color: var(--fg-strong); }
  @media (max-width: 560px) {
  .rb-settings .nav { width: auto; padding: 12px 8px; }
  .rb-settings .item .label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .rb-settings .item .lock, .rb-settings .nav__group-label { display: none; }
  .rb-settings .item { justify-content: center; padding: 9px 10px; }
}
  .rb-settings .content { flex: 1 1 0%; display: flex; flex-direction: column; min-width: 0px; }
  .rb-settings .content__header { display: flex; align-items: center; justify-content: space-between; padding: 16px 16px 14px; flex-shrink: 0; }
  .rb-settings .content__title { font-size: var(--rb-text-lg); color: var(--fg-strong); font-weight: 600; }
  .rb-settings .content__body { flex: 1 1 0%; overflow-y: auto; padding: 2px 16px 18px; scrollbar-gutter: stable; }
  .rb-settings .content__heading { display: flex; align-items: center; gap: 4px; min-width: 0px; }
  .rb-settings .content__heading .icon-btn { margin-left: -4px; flex-shrink: 0; }
  .rb-settings .icon-btn { width: 26px; height: 26px; display: flex; align-items: center; justify-content: center; border-radius: 8px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: transparent; color: var(--fg-muted); cursor: pointer; transition: background-color 0.18s, color 0.18s; }
  .rb-settings .icon-btn:hover { background-color: var(--surface); color: var(--fg-strong); }
  @keyframes rb-set-panel-in { 
  0% { opacity: 0; transform: translateY(6px); }
  100% { opacity: 1; transform: translateY(0px); }
}
  .rb-settings .panel { display: none; flex-direction: column; gap: 18px; }
  .rb-settings .panel.active { display: flex; animation: rb-set-panel-in 0.28s var(--ease-out); }
  .rb-settings .panel__head { display: flex; align-items: center; justify-content: space-between; }
  .rb-settings .field { display: flex; flex-direction: column; gap: 8px; }
  .rb-settings .field--row { flex-direction: row; align-items: center; gap: 14px; }
  .rb-settings .field label { font-size: var(--rb-text-md); font-weight: 500; color: var(--fg); }
  .rb-settings .field__labelrow { display: flex; align-items: center; justify-content: space-between; min-height: 14px; }
  .rb-settings .save-status { font-size: var(--rb-text-xs); font-weight: 500; display: inline-flex; align-items: center; opacity: 0; transition: opacity 0.2s, color 0.2s; }
  .rb-settings .save-status:not(:empty) { opacity: 1; }
  .rb-settings .save-status[data-kind="dirty"] { color: var(--fg-muted); }
  .rb-settings .save-status[data-kind="saving"] { color: var(--fg-muted); }
  .rb-settings .save-status[data-kind="saved"] { color: var(--accent); }
  .rb-settings .save-status[data-kind="error"] { color: var(--danger); cursor: pointer; text-decoration: underline; text-underline-offset: 2px; }
  .rb-settings .field--invalid input { border-color: var(--danger); outline-color: transparent; }
  .rb-settings .input-row--invalid input { border-color: var(--danger); }
  .rb-settings .hint { font-size: var(--rb-text-xs); line-height: 1.5; color: var(--fg-muted); }
  .rb-settings .hint--error { color: var(--danger); }
  .rb-settings .hint__link { padding: 0px; border: 0px; background: none; font: inherit; color: var(--rb-color-accent); text-decoration: underline; text-underline-offset: 2px; cursor: pointer; }
  .rb-settings .hint__link:focus-visible { outline: 2px solid var(--rb-color-accent); outline-offset: 1px; border-radius: 2px; }
  .rb-settings .hint--success { color: var(--accent); }
  .rb-settings .hint strong { color: var(--fg); font-weight: 500; }
  .rb-settings .hint__test { color: var(--accent); font-family: "JetBrains Mono", Menlo, Consolas, monospace; font-size: var(--rb-text-micro); }
  .rb-settings [data-int-view="mcp"] { display: flex; flex-direction: column; gap: 14px; }
  .rb-settings [data-int-view="mcp"] { display: flex; flex-direction: column; gap: 24px; }
  .rb-settings .mcp-intro { font-size: var(--rb-text-sm); line-height: 1.6; color: var(--fg-muted); }
  .rb-settings .mcp-rule { height: 1px; border: 0px; margin: 0px -16px; background-color: var(--border); }
  .rb-settings .mcp-section { display: flex; flex-direction: column; gap: 13px; }
  .rb-settings .mcp-label { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
  .rb-settings .mcp-label__text { font-size: var(--rb-text-sm); font-weight: 600; color: var(--fg-strong); }
  .rb-settings .mcp-label__hint { font-size: var(--rb-text-xs); color: var(--fg-muted); }
  .rb-settings .mcp-apps { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
  .rb-settings .mcp-app { display: flex; align-items: center; gap: 10px; padding: 11px 12px; border-radius: 13px; background-color: var(--sunken); border: 1px solid var(--border); color: var(--fg); font-family: inherit; cursor: pointer; text-align: left; transition: border-color 0.16s, background-color 0.16s, transform 0.12s; }
  .rb-settings .mcp-app:not(:disabled):hover { border-color: var(--border-strong); background-color: var(--surface); }
  .rb-settings .mcp-app:not(:disabled):hover .mcp-app__cta { color: var(--accent); }
  .rb-settings .mcp-app:not(:disabled):active { transform: translateY(1px); }
  .rb-settings .mcp-app:disabled { opacity: 0.55; cursor: not-allowed; }
  .rb-settings .mcp-app__logo { width: 26px; height: 26px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; color: var(--fg-strong); }
  .rb-settings .mcp-app__logo--cursor { color: var(--fg-strong); }
  .rb-settings .mcp-app__logo--vscode { color: rgb(78, 160, 230); }
  .rb-settings .mcp-app__logo--windsurf { color: rgb(79, 210, 194); }
  .rb-settings .mcp-app__logo--claude { color: rgb(217, 119, 87); }
  .rb-settings .mcp-app__name { flex: 1 1 0%; font-size: var(--rb-text-md); font-weight: 500; color: var(--fg-strong); }
  .rb-settings .mcp-app__cta { display: inline-flex; align-items: center; gap: 1px; font-size: var(--rb-text-sm); font-weight: 500; color: var(--fg-muted); transition: color 0.16s; }
  .rb-settings .mcp-reveal .mcp-reveal__value { font-family: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace; font-size: var(--rb-text-xs); text-overflow: ellipsis; }
  .rb-settings .mcp-tokens { display: flex; flex-direction: column; gap: 8px; }
  .rb-settings .mcp-token { display: flex; align-items: center; gap: 10px; padding: 11px 11px 11px 13px; border-radius: 12px; background-color: var(--sunken); border: 1px solid var(--border); }
  .rb-settings .mcp-token__key { font-size: var(--rb-text-sm); font-weight: 500; color: var(--fg-strong); flex-shrink: 0; max-width: 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .rb-settings .mcp-token__meta { flex: 1 1 0%; min-width: 0px; font-size: var(--rb-text-xs); color: var(--fg-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .rb-settings .mcp-token__revoke { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: var(--fg-muted); font-family: inherit; font-size: var(--rb-text-xs); font-weight: 500; cursor: pointer; padding: 3px 7px; border-radius: 7px; flex-shrink: 0; transition: color 0.15s, background-color 0.15s; }
  .rb-settings .mcp-token__revoke:hover { color: var(--danger); background-color: color-mix(in srgb, var(--danger) 12%, transparent); }
  .rb-settings .mcp-manual > summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 7px; font-size: var(--rb-text-sm); font-weight: 500; color: var(--fg); user-select: none; }
  .rb-settings .mcp-manual > summary::-webkit-details-marker { display: none; }
  .rb-settings .mcp-manual > summary:hover { color: var(--fg-strong); }
  .rb-settings .mcp-manual__chev { color: var(--fg-muted); transition: transform 0.18s var(--ease-out); }
  .rb-settings .mcp-manual[open] .mcp-manual__chev { transform: rotate(90deg); }
  .rb-settings .mcp-manual__body { display: flex; flex-direction: column; gap: 10px; margin-top: 12px; }
  .rb-settings .mcp-code { border-radius: 12px; background-color: var(--sunken); border: 1px solid var(--border); overflow: hidden; }
  .rb-settings .mcp-code__head { display: flex; align-items: center; justify-content: space-between; padding: 7px 10px 7px 12px; border-bottom: 1px solid var(--border); }
  .rb-settings .mcp-code__lang { font-size: var(--rb-text-xs); color: var(--fg-muted); }
  .rb-settings .mcp-code__pre { display: block; margin: 0px; padding: 11px 12px; font-family: "JetBrains Mono", Menlo, Consolas, monospace; font-size: var(--rb-text-xs); line-height: 1.6; color: var(--fg); white-space: pre-wrap; word-break: normal; overflow-wrap: anywhere; }
  .rb-settings input[type="text"], .rb-settings input[type="email"] { background-color: var(--sunken); width: 100%; border-radius: 14px; height: 36px; box-sizing: border-box; padding: 0px 12px; font-family: inherit; border: 1px solid transparent; outline: transparent solid 1px; transition: outline 0.25s, border 0.25s; color: var(--fg); font-size: var(--rb-text-md); }
  .rb-settings input::placeholder { color: var(--fg-placeholder); }
  .rb-settings input:hover { border: 1px solid var(--border-strong); }
  .rb-settings input:focus { border: 1px solid var(--border-strong); outline: 1px solid var(--outline); }
  .rb-settings input[readonly] { color: var(--fg-muted); }
  .rb-settings input[readonly]:hover { border: 1px solid transparent; }
  .rb-settings .input-row { display: flex; gap: 8px; align-items: center; }
  .rb-settings .input-row input { flex: 1 1 0%; }
  .rb-settings .input-row .rb-input-handle { flex: 1 1 0%; min-width: 0px; }
  .rb-settings .input-row[hidden] { display: none; }
  .rb-settings .invite { display: flex; flex-direction: column; gap: 10px; }
  .rb-settings .invite__field { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; width: 100%; min-height: 36px; padding: 5px 8px; border-radius: 14px; background: var(--sunken); border: 1px solid transparent; outline: transparent solid 1px; cursor: text; transition: border 0.2s, outline 0.2s; }
  .rb-settings .invite__field:hover { border-color: var(--border-strong); }
  .rb-settings .invite__field:focus-within { border-color: var(--border-strong); outline-color: var(--outline); }
  .rb-settings .invite__field.is-invalid { border-color: var(--danger); }
  .rb-settings .invite__icon { color: var(--fg-muted); flex-shrink: 0; margin-left: 2px; }
  .rb-settings .invite__field .invite__input, .rb-settings .invite__field .invite__input:hover, .rb-settings .invite__field .invite__input:focus { flex: 1 1 0%; min-width: 150px; width: auto; height: 26px; border: 0px; outline: 0px; box-shadow: none; background: transparent; border-radius: 0px; padding: 0px 2px; color: var(--fg); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: var(--rb-text-md); transition: none; }
  .rb-settings .invite__input::placeholder { color: var(--fg-placeholder); }
  .rb-settings .token { display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0px 3px; background: var(--surface); border-radius: var(--rb-radius-pill); font-size: var(--rb-text-sm); color: var(--fg-strong); white-space: nowrap; max-width: 100%; }
  .rb-settings .token .token-label { overflow: hidden; text-overflow: ellipsis; }
  .rb-settings .token-avatar { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 50%; background: var(--sunken); color: var(--fg); font-size: var(--rb-text-nano); font-weight: 600; text-transform: uppercase; flex-shrink: 0; }
  .rb-settings .token .x { display: flex; align-items: center; justify-content: center; width: 16px; height: 16px; border: 0px; border-radius: 50%; background: transparent; color: var(--fg-muted); font-size: var(--rb-text-md); line-height: 1; cursor: pointer; transition: background 0.15s, color 0.15s; }
  .rb-settings .token .x:hover { background: var(--sunken); color: var(--fg-strong); }
  .rb-settings .invite__actions { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
  .rb-settings .invite__seats { display: inline-flex; align-items: center; gap: 6px; font-size: var(--rb-text-xs); color: var(--fg-muted); min-width: 0px; white-space: nowrap; }
  .rb-settings .invite__seats svg { width: 13px; height: 13px; color: var(--fg-muted); flex-shrink: 0; }
  .rb-settings .invite__seats--warn, .rb-settings .invite__seats--warn svg { color: var(--fg); }
  .rb-settings .invite__controls { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
  .rb-settings .invite__controls .rb-btn, .rb-settings .invite__controls .dropdown__trigger, .rb-settings .invite__controls .dropdown--inline .dropdown__trigger { height: 32px; }
  .rb-settings .invite__box { display: flex; flex-direction: column; }
  .rb-settings .invite__field--joined { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
  .rb-settings .invite__field--joined:hover { border-color: transparent; }
  .rb-settings .invite__confirm { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 12px; max-height: 0px; opacity: 0; overflow: hidden; padding: 0px 12px; background: var(--surface); border-top: 1px solid transparent; border-radius: 0px 0px 14px 14px; transition: max-height 0.3s var(--ease-out),
      padding 0.3s var(--ease-out),
      opacity 0.22s ease,
      border-color 0.3s ease; }
  .rb-settings .invite__confirm.is-open { max-height: 140px; padding: 11px 12px; opacity: 1; border-top-color: var(--border); }
  .rb-settings .invite__confirm .invite__controls { justify-content: flex-end; }
  .rb-settings .invite__confirm-text { font-size: var(--rb-text-sm); line-height: 1.45; color: var(--fg); min-width: 0px; }
  .rb-settings .invite__confirm-text strong { color: var(--fg-strong); font-weight: 600; }
  .rb-settings .invite__confirm .rb-btn { min-width: 92px; height: 32px; }
  .rb-settings .invite__confirm .rb-btn--primary { background-color: var(--border-strong); color: var(--fg-strong); }
  .rb-settings .invite__confirm .rb-btn--primary:not(:disabled):hover { background-color: color-mix(in srgb, var(--border-strong) 80%, #fff); color: var(--fg-strong); }
  .rb-settings .invite-divider { height: 1px; background: var(--border); margin: 8px -16px; }
  .rb-settings .panel[data-panel="members"] .panel__head { gap: 12px; }
  .rb-settings .search--inline { width: 190px; flex-shrink: 0; }
  .rb-settings .search--inline input { height: 30px; }
  .rb-settings .avatar { width: 24px; height: 24px; border-radius: 50%; background-color: var(--surface); color: var(--fg); display: flex; align-items: center; justify-content: center; font-size: var(--rb-text-micro); font-weight: 500; flex-shrink: 0; transition: background-color 0.2s, color 0.2s; }
  .rb-settings .avatar--lg { width: 44px; height: 44px; font-size: var(--rb-text-xl); }
  .rb-settings .avatar--empty { color: var(--fg-muted); }
  .rb-settings .avatar--img { background-size: cover; background-position: center center; }
  .rb-settings .avatar-wrap { position: relative; flex-shrink: 0; display: flex; }
  .rb-settings .avatar__remove { position: absolute; top: -4px; right: -4px; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; padding: 0px; border-radius: 50%; background-color: var(--surface); border: 1.5px solid var(--panel); color: var(--fg-strong); cursor: pointer; transition: background-color 0.15s, color 0.15s; }
  .rb-settings .avatar__remove:hover { background-color: var(--danger); color: var(--rb-color-fg-bright); }
  .rb-settings .avatar__remove[hidden] { display: none; }
  .rb-settings .avatar__actions { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
  .rb-settings .avatar__hint { font-size: var(--rb-text-xs); color: var(--fg-muted); }
  .rb-settings .avatar__status { font-size: var(--rb-text-xs); font-weight: 500; display: inline-flex; align-items: center; }
  .rb-settings .avatar__status[data-kind="saving"] { color: var(--fg-muted); }
  .rb-settings .avatar__status[data-kind="saved"] { color: var(--accent); }
  .rb-settings .avatar__status[data-kind="error"] { color: var(--danger); }
  .rb-settings .row { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
  .rb-settings .row__text { display: flex; flex-direction: column; gap: 3px; min-width: 0px; }
  .rb-settings .row__label { font-size: var(--rb-text-md); color: var(--fg-strong); display: flex; align-items: center; gap: 6px; }
  .rb-settings .row__desc { font-size: var(--rb-text-xs); line-height: 1.4; color: var(--fg-muted); }
  .rb-settings .section-label { font-size: var(--rb-text-xs); font-weight: 500; color: var(--fg-muted); }
  .rb-settings .scope-note { font-size: var(--rb-text-sm); line-height: 1.5; color: var(--fg); background-color: var(--sunken); padding: 10px 12px; border-radius: 12px; }
  .rb-settings .scope-note strong { color: var(--fg-strong); font-weight: 500; }
  .rb-settings .toggle { width: 38px; height: 22px; border-radius: 50px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background-color: var(--sunken); box-shadow: inset 0 0 0 1px var(--rb-color-border-strong); cursor: pointer; padding: 3px; flex-shrink: 0; transition: background-color 0.2s, box-shadow 0.2s; }
  .rb-settings .toggle__knob { display: block; width: 16px; height: 16px; border-radius: 50%; background-color: rgb(85, 85, 85); transition: transform 0.2s var(--ease-out),
      background-color 0.2s ease; }
  .rb-settings .toggle[aria-pressed="true"] { background-color: var(--accent-bg); }
  .rb-settings .toggle[aria-pressed="true"] .toggle__knob { transform: translateX(16px); background-color: var(--accent); }
  .rb-settings .toggle-set { display: flex; align-items: center; gap: 9px; flex-shrink: 0; }
  .rb-settings .toggle-state { font-size: var(--rb-text-sm); font-weight: 500; color: var(--fg-muted); min-width: 20px; text-align: right; }
  .rb-settings .row--muted { opacity: 0.45; pointer-events: none; transition: opacity 0.2s; }
  .rb-settings .save-bar { display: flex; align-items: center; gap: 7px; font-size: var(--rb-text-sm); font-weight: 500; color: var(--fg-muted); height: 16px; opacity: 0; transition: opacity 0.25s, color 0.2s; }
  .rb-settings .save-bar[data-kind="idle"] { opacity: 0; }
  .rb-settings .save-bar[data-kind="saving"] { opacity: 1; color: var(--fg-muted); }
  .rb-settings .save-bar[data-kind="saved"] { opacity: 1; color: var(--accent); }
  .rb-settings .save-bar[data-kind="error"] { opacity: 1; color: var(--danger); cursor: pointer; text-decoration: underline; text-underline-offset: 2px; }
  .rb-settings .save-bar .rb-spinner { display: none; }
  .rb-settings .save-bar__check { display: none; }
  .rb-settings .save-bar[data-kind="saving"] .rb-spinner { display: block; }
  .rb-settings .save-bar[data-kind="saved"] .save-bar__check { display: block; }
  .rb-settings .dropdown { position: relative; }
  .rb-settings .dropdown__trigger { display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; background-color: var(--sunken); border: 1px solid transparent; border-radius: 14px; height: 36px; padding: 0px 12px; font-family: inherit; font-size: var(--rb-text-md); color: var(--fg); cursor: pointer; transition: border-color 0.18s, color 0.18s; }
  .rb-settings .dropdown__trigger:hover { border-color: var(--border-strong); color: var(--fg-strong); }
  .rb-settings .dropdown__trigger svg { color: var(--fg-muted); transition: transform 0.2s var(--ease-out); }
  .rb-settings .dropdown.open .dropdown__trigger { border-color: var(--border-strong); color: var(--fg-strong); }
  .rb-settings .dropdown.open .dropdown__trigger svg { transform: rotate(180deg); }
  .rb-settings .dropdown--inline { width: auto; flex-shrink: 0; }
  .rb-settings .dropdown--inline .dropdown__trigger { height: 28px; width: auto; border-radius: 9px; padding: 0px 9px; gap: 6px; font-size: var(--rb-text-sm); background-color: var(--surface); }
  .rb-settings .dropdown--inline .dropdown__option { font-size: var(--rb-text-sm); }
  .rb-settings .dropdown__menu { position: absolute; top: calc(100% + 6px); left: 0px; right: 0px; min-width: 140px; background-color: var(--surface); border: 1px solid var(--border); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.35) 0px 6px 16px; padding: 5px; display: flex; flex-direction: column; gap: 1px; z-index: 20; opacity: 0; transform: translateY(-4px) scale(0.98); transform-origin: center top; pointer-events: none; transition: opacity 0.16s ease,
      transform 0.18s var(--ease-out); }
  .rb-settings .dropdown__menu--right { left: auto; right: 0px; }
  .rb-settings .dropdown--up .dropdown__menu { top: auto; bottom: calc(100% + 6px); transform-origin: center bottom; transform: translateY(4px) scale(0.98); }
  .rb-settings .dropdown.open .dropdown__menu { opacity: 1; transform: translateY(0px) scale(1); pointer-events: auto; }
  .rb-settings .dropdown__option { display: flex; align-items: center; justify-content: space-between; gap: 10px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: transparent; color: var(--fg); font-family: inherit; font-size: var(--rb-text-md); text-align: left; padding: 7px 9px; border-radius: 8px; cursor: pointer; transition: background-color 0.15s, color 0.15s; white-space: nowrap; }
  .rb-settings .dropdown__option:hover { background-color: rgba(255, 255, 255, 0.05); color: var(--fg-strong); }
  .rb-settings .dropdown__option.active { color: var(--fg-strong); }
  .rb-settings .dropdown__option.active::after { content: ""; width: 6px; height: 6px; border-radius: 50%; background-color: var(--accent); flex-shrink: 0; }
  .rb-settings .dropdown__option--danger { color: var(--danger); }
  .rb-settings .dropdown__option--danger:hover { background-color: color-mix(in srgb, var(--danger) 12%, transparent); color: var(--danger); }
  .rb-settings .list-row { display: flex; align-items: center; gap: 12px; padding: 6px 0px; }
  .rb-settings .list-row__text { display: flex; flex-direction: column; gap: 3px; flex: 1 1 0%; min-width: 0px; }
  .rb-settings .search { position: relative; }
  .rb-settings .search__icon { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--fg-muted); pointer-events: none; }
  .rb-settings .search input { padding-left: 32px; }
  .rb-settings .trunc { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .rb-settings .panel[data-panel="members"].active { height: 100%; }
  .rb-settings .panel[data-panel="members"] .member-scroll { flex: 1 1 0%; min-height: 0px; }
  .rb-settings .panel[data-panel="members"] .member-list { max-height: 100%; height: 100%; }
  .rb-settings .member-scroll { position: relative; }
  .rb-settings .member-scroll::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 36px; background: linear-gradient(to top, var(--panel) 10%, transparent); pointer-events: none; z-index: 2; opacity: 0; transition: opacity 0.2s; }
  .rb-settings .member-scroll.has-fade::after { opacity: 1; }
  .rb-settings .member-list { position: relative; display: flex; flex-direction: column; margin: 0px -8px; max-height: 232px; overflow-y: auto; }
  .rb-settings .member-highlight { position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; background-color: var(--surface); border-radius: 10px; opacity: 0; z-index: 0; pointer-events: none; transition: top 0.2s, left 0.2s, width 0.2s, height 0.2s, opacity 0.15s; }
  .rb-settings .member-list::-webkit-scrollbar { width: 8px; }
  .rb-settings .member-list::-webkit-scrollbar-thumb { background-color: var(--surface); border-radius: 8px; }
  .rb-settings .member-list::-webkit-scrollbar-track { background: transparent; }
  .rb-settings .member { position: relative; z-index: 1; display: flex; align-items: center; gap: 10px; padding: 7px 8px; border-radius: 10px; }
  .rb-settings .member:hover .avatar { background-color: var(--accent-bg); color: var(--accent); }
  .rb-settings .member:has(.dropdown.open) { z-index: 5; }
  .rb-settings .member__text { display: flex; flex-direction: column; gap: 2px; flex: 1 1 0%; min-width: 0px; }
  .rb-settings .member--pending .row__label { color: var(--fg); }
  .rb-settings .role-static { font-size: var(--rb-text-sm); color: var(--fg-muted); padding: 0px 9px; flex-shrink: 0; }
  .rb-settings .member__pending-actions { display: flex; align-items: center; gap: 4px; flex-shrink: 0; }
  .rb-settings .member__revoke { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: transparent; border-radius: 7px; color: var(--fg-muted); cursor: pointer; transition: background-color 0.15s, color 0.15s; }
  .rb-settings .member__revoke:hover { background-color: color-mix(in srgb, var(--danger) 12%, transparent); color: var(--danger); }
  .rb-settings .empty { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 4px; padding: 18px 16px 22px; }
  .rb-settings .empty__icon { width: 44px; height: 44px; border-radius: 12px; background-color: var(--sunken); color: var(--fg-muted); display: flex; align-items: center; justify-content: center; margin-bottom: 6px; }
  .rb-settings .empty__title { font-size: var(--rb-text-md); color: var(--fg-strong); font-weight: 500; }
  .rb-settings .empty__desc { font-size: var(--rb-text-xs); line-height: 1.5; color: var(--fg-muted); max-width: 220px; }
  .rb-settings .empty--inline { padding: 24px 16px; }
  .rb-settings .empty--inline[hidden] { display: none; }
  .rb-settings .list { display: flex; flex-direction: column; }
  .rb-settings .provider-list { display: flex; flex-direction: column; gap: 6px; }
  .rb-settings .provider { display: flex; align-items: center; gap: 12px; background-color: var(--sunken); border-radius: 14px; padding: 10px 12px; }
  .rb-settings .provider--soon { opacity: 0.6; }
  .rb-settings .provider__icon { width: 32px; height: 32px; border-radius: 9px; background-color: var(--surface); color: var(--fg); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
  .rb-settings .provider__icon--sm { width: 24px; height: 24px; border-radius: 7px; }
  .rb-settings .provider__text { display: flex; flex-direction: column; gap: 2px; flex: 1 1 0%; min-width: 0px; }
  .rb-settings .provider--connected { background-color: var(--sunken); }
  .rb-settings [data-int-view] { animation: rb-set-panel-in 0.24s var(--ease-out); }
  .rb-settings .flow { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 5px; padding: 24px 16px 18px; }
  .rb-settings .flow__spinner { width: 44px; height: 44px; border-radius: 12px; background-color: var(--sunken); display: flex; align-items: center; justify-content: center; margin-bottom: 6px; color: var(--fg-muted); }
  .rb-settings .flow__spinner--error { color: var(--danger); }
  .rb-settings .flow__title { font-size: var(--rb-text-md); color: var(--fg-strong); font-weight: 500; }
  .rb-settings .flow__desc { font-size: var(--rb-text-xs); line-height: 1.5; color: var(--fg-muted); max-width: 260px; }
  .rb-settings .flow__link { color: var(--rb-color-accent); text-decoration: underline; text-underline-offset: 2px; }
  .rb-settings .flow__link:focus-visible { outline: 2px solid var(--rb-color-accent); outline-offset: 1px; border-radius: 2px; }
  .rb-settings .flow__actions { display: flex; gap: 8px; margin-top: 10px; }
  .rb-settings .flow__footer { margin-top: 14px; }
  .rb-settings .back { display: inline-flex; align-items: center; gap: 4px; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: var(--fg-muted); font-family: inherit; font-size: var(--rb-text-sm); font-weight: 500; cursor: pointer; padding: 0px 0px 4px; margin-bottom: 12px; transition: color 0.15s; }
  .rb-settings .back:hover { color: var(--fg-strong); }
  .rb-settings .back svg { color: var(--fg-muted); }
  .rb-settings [data-int-view="select"] .search, .rb-settings [data-int-view="select"] .repo-list { margin-bottom: 0px; }
  .rb-settings [data-int-view="select"] .search { margin-bottom: 10px; }
  .rb-settings .repo-list { display: flex; flex-direction: column; gap: 2px; max-height: 168px; overflow-y: auto; margin: 0px -6px; }
  .rb-settings .repo-list::-webkit-scrollbar { width: 8px; }
  .rb-settings .repo-list::-webkit-scrollbar-thumb { background-color: var(--surface); border-radius: 8px; }
  .rb-settings .repo-list::-webkit-scrollbar-track { background: transparent; }
  .rb-settings .repo { display: flex; align-items: center; justify-content: space-between; gap: 10px; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 10px; padding: 9px 10px; font-family: inherit; font-size: var(--rb-text-md); color: var(--fg); cursor: pointer; text-align: left; transition: background-color 0.15s, color 0.15s; }
  .rb-settings .repo:hover { background-color: var(--surface); color: var(--fg-strong); }
  .rb-settings .repo__name { min-width: 0px; }
  .rb-settings .repo__check { display: flex; color: var(--accent); opacity: 0; flex-shrink: 0; transition: opacity 0.15s; }
  .rb-settings .repo--selected { background-color: var(--surface); color: var(--fg-strong); }
  .rb-settings .repo--selected .repo__check { opacity: 1; }
  .rb-settings .connected-repo { display: flex; align-items: center; gap: 10px; background-color: var(--sunken); border-radius: 12px; padding: 10px 12px; margin-bottom: 4px; }
  .rb-settings .connected-repo .row__label { flex: 1 1 0%; min-width: 0px; }
  .rb-settings .provider__actions { display: flex; align-items: center; gap: 4px; flex-shrink: 0; }
  @media (max-width: 560px) {
  .rb-settings .provider--connected { flex-wrap: wrap; }
  .rb-settings .provider--connected .provider__actions { flex-basis: 100%; justify-content: flex-end; }
}
  .rb-settings [data-int-view="configure"]:not([hidden]) { display: flex; flex-direction: column; gap: 16px; }
  .rb-settings [data-int-view="configure"] .back { margin-bottom: 2px; }
  .rb-settings [data-int-view="configure"] .connected-repo { margin-bottom: 0px; }
  .rb-settings [data-int-view="configure"] .flow__footer { margin-top: 0px; }
  .rb-settings .chips { display: flex; flex-wrap: wrap; gap: 6px; }
  .rb-settings .chip { display: inline-flex; align-items: center; gap: 4px; background-color: var(--surface); border-radius: 9px; padding: 5px 6px 5px 10px; font-size: var(--rb-text-sm); color: var(--fg); }
  .rb-settings .chip__x { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: transparent; color: var(--fg-muted); font-size: var(--rb-text-xl); line-height: 1; cursor: pointer; padding: 0px 3px; transition: color 0.15s; }
  .rb-settings .chip__x:hover { color: var(--fg-strong); }
  .rb-settings .content__body::-webkit-scrollbar { width: 8px; }
  .rb-settings .content__body::-webkit-scrollbar-thumb { background-color: var(--surface); border-radius: 8px; }
  .rb-settings .content__body::-webkit-scrollbar-track { background: transparent; }
  .rb-settings .rb-toast-host { position: absolute; top: 14px; left: 0px; right: 0px; z-index: 30; display: flex; flex-direction: column; align-items: center; gap: 6px; pointer-events: none; }
  .rb-settings .rb-toast { pointer-events: auto; max-width: 300px; padding: 7px 11px; border-radius: 8px; font-family: inherit; font-size: var(--rb-text-sm); font-weight: 500; text-align: left; color: var(--fg-strong); background-color: var(--surface); border: 1px solid var(--border); box-shadow: rgba(0, 0, 0, 0.4) 0px 4px 14px, rgba(0, 0, 0, 0.3) 0px 1px 2px; cursor: pointer; animation: 0.4s cubic-bezier(0.21, 1.02, 0.73, 1) 0s 1 normal none running rb-toast-in; }
  .rb-settings .rb-toast--leaving { animation: 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s 1 normal forwards running rb-toast-out; }
  .rb-settings .rb-toast--error { color: var(--danger); }
  @keyframes rb-toast-in { 
  0% { opacity: 0; transform: translateY(-14px) scale(0.96); }
  100% { opacity: 1; transform: translateY(0px) scale(1); }
}
  @keyframes rb-toast-out { 
  0% { opacity: 1; transform: translateY(0px) scale(1); }
  100% { opacity: 0; transform: translateY(-14px) scale(0.96); }
}
  .rb-settings .chip .chip__meta { color: var(--rb-color-fg-muted); font-size: var(--rb-text-xs); }
  .rb-settings .ai-meter { display: flex; flex-direction: column; gap: var(--rb-space-2); }
  .rb-settings .ai-meter .ai-meter__bar { height: 6px; border-radius: var(--rb-radius-pill); background-color: var(--rb-color-surface-sunken); border: 1px solid var(--rb-color-border); overflow: hidden; }
  .rb-settings .ai-meter .ai-meter__fill { height: 100%; border-radius: inherit; background-color: var(--rb-color-accent); transition: width 0.3s; }
  .rb-settings .ai-meter .ai-meter__count { font-size: var(--rb-text-xs); color: var(--rb-color-fg-muted); }
  @media (prefers-reduced-motion: reduce) {
  .rb-settings .nav__highlight, .rb-settings .panel.active, .rb-settings .dropdown__menu, .rb-settings .toggle__knob, .rb-settings .dropdown__trigger svg, .rb-settings [data-int-view], .rb-settings .repo__check, .rb-settings .save-status, .rb-settings .row--muted, .rb-settings .save-bar, .rb-settings .rb-toast, .rb-settings .member-scroll::after, .rb-settings .member-highlight, .rb-settings .invite__confirm, .rb-settings .ai-meter .ai-meter__fill { transition: none; animation: auto ease 0s 1 normal none running none; }
}
}
@layer components {
  .rb-settings .fieldmap { display: flex; flex-direction: column; gap: var(--rb-space-3); }
  .rb-settings .fieldmap__intro { margin: 0 0 var(--rb-space-1); }
  .rb-settings .fieldmap__line { display: grid; grid-template-columns: minmax(0px, 1fr) 16px minmax(0px, 1fr); column-gap: var(--rb-space-2); align-items: center; }
  .rb-settings .fieldmap__cell { min-width: 0px; }
  .rb-settings .fieldmap__mid { display: flex; align-items: center; justify-content: center; }
  .rb-settings .fieldmap__arrow { color: var(--fg-muted); }
  .rb-settings .fieldmap__arrow svg { flex: 0 0 auto; }
  .rb-settings .fieldmap__cols { padding-bottom: var(--rb-space-2); border-bottom: 1px solid var(--border); }
  .rb-settings .fieldmap__row { display: flex; flex-direction: column; gap: var(--rb-space-2); padding-bottom: var(--rb-space-3); border-bottom: 1px solid var(--border); }
  .rb-settings .fieldmap__row:last-of-type { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; padding-bottom: 0px; }
  .rb-settings .fieldmap__row .row__label { flex-wrap: wrap; }
  .rb-settings .fieldmap__cell .dropdown--inline { max-width: 100%; }
  .rb-settings .fieldmap__cell .dropdown--inline .dropdown__trigger { max-width: 100%; }
  .rb-settings .fieldmap-link { width: 100%; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 0px; font: inherit; color: inherit; text-align: left; cursor: pointer; }
  .rb-settings .fieldmap-link svg { color: var(--fg-muted); flex: 0 0 auto; transition: color var(--rb-transition-fast); }
  .rb-settings .fieldmap-link:hover svg { color: var(--fg-strong); }
  .rb-settings .fieldmap__required { color: var(--danger); font-weight: var(--rb-font-semibold); }
  .rb-settings .fieldmap__warnbadge { color: var(--rb-color-warn); border-color: color-mix(in srgb, var(--rb-color-warn) 35%, transparent); }
  .rb-settings .fieldmap__valuemap { display: flex; flex-direction: column; gap: var(--rb-space-2); }
  .rb-settings .fieldmap__rbvalue { display: inline-flex; align-items: center; gap: 6px; min-width: 0px; }
  .rb-settings .fieldmap .rb-priority__dot { width: 7px; height: 7px; border-radius: 50%; flex: 0 0 auto; }
  .rb-settings .fieldmap__static { display: flex; flex-direction: column; align-items: flex-start; gap: var(--rb-space-1); }
  .rb-settings .fieldmap__staticcap { margin: 0px; }
  .rb-settings .fieldmap__staticline { align-items: center; }
  .rb-settings .fieldmap__opts { display: flex; flex-wrap: wrap; gap: var(--rb-space-2); }
  .rb-settings .fieldmap__opt { display: inline-flex; align-items: center; height: 22px; padding: 0px 10px; border-radius: var(--rb-radius-pill); border: 1px solid var(--border-strong); background: none; color: var(--fg); font-family: inherit; font-size: var(--rb-text-xs); font-weight: var(--rb-font-medium); cursor: pointer; transition: color var(--rb-transition-fast),
      border-color var(--rb-transition-fast),
      background-color var(--rb-transition-fast); }
  .rb-settings .fieldmap__opt:hover { color: var(--fg-strong); border-color: var(--fg-muted); }
  .rb-settings .fieldmap__opt--on { color: var(--accent); background-color: var(--accent-bg); border-color: color-mix(in srgb, var(--accent) 40%, transparent); }
  .rb-settings .fieldmap--error { align-items: flex-start; gap: var(--rb-space-3); padding: var(--rb-space-3) 0; }
  .rb-settings .fieldmap__errortext { margin: 0px; }
  @media (max-width: 480px) {
  .rb-settings .fieldmap__line { grid-template-columns: minmax(0px, 1fr) 14px minmax(0px, 1fr); column-gap: var(--rb-space-1); }
  .rb-settings .fieldmap__cell .dropdown--inline .dropdown__trigger { padding: 0px 7px; gap: 4px; }
}
}
@layer components {
  .rb-settings .bill-intro { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
  .rb-settings .bill-intro__text { font-size: var(--rb-text-md); line-height: 1.5; color: var(--fg); }
  .rb-settings .bill-intro__text strong { color: var(--fg-strong); font-weight: 500; }
  .rb-settings .bill-card { background-color: var(--sunken); border: 1px solid var(--border); border-radius: 14px; padding: 0px 14px; }
  .rb-settings .bill-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 46px; padding: 11px 0px; border-bottom: 1px solid var(--border); }
  .rb-settings .bill-row:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
  .rb-settings .bill-row:has(+ .bill-commit) { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
  .rb-settings .bill-row__label { font-size: var(--rb-text-md); color: var(--fg-muted); flex-shrink: 0; }
  .rb-settings .bill-row__value { font-size: var(--rb-text-md); color: var(--fg-strong); font-weight: 500; text-align: right; min-width: 0px; }
  .rb-settings .bill-row--stack { flex-direction: column; align-items: stretch; gap: 9px; }
  .rb-settings .bill-row__top { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
  .rb-settings .bill-row .segmented { flex-shrink: 0; }
  .rb-settings .bill-row__sub { display: block; font-size: var(--rb-text-xs); font-weight: 400; color: var(--fg-muted); margin-top: 2px; }
  .rb-settings .bill-meter { height: 4px; border-radius: 50px; background-color: var(--surface); overflow: hidden; }
  .rb-settings .bill-meter__fill { height: 100%; border-radius: 50px; background-color: var(--accent); transition: width 0.3s var(--ease-out); }
  .rb-settings .bill-meter--low .bill-meter__fill { background-color: var(--danger); }
  .rb-settings .bill-meter-note { font-size: var(--rb-text-xs); color: var(--fg-muted); margin-top: 8px; }
  .rb-settings .bill-seats { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
  .rb-settings .bill-seats__hint { font-size: var(--rb-text-xs); color: var(--fg-muted); text-align: right; }
  .rb-settings .bill-stepper { display: inline-flex; align-items: center; gap: 4px; background-color: var(--surface); border-radius: 10px; padding: 3px; }
  .rb-settings .bill-step { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 7px; background: transparent; color: var(--fg); font-family: inherit; font-size: var(--rb-text-xl); line-height: 1; cursor: pointer; transition: background-color 0.15s, color 0.15s; }
  .rb-settings .bill-step:hover { background-color: var(--sunken); color: var(--fg-strong); }
  .rb-settings .bill-step:disabled { opacity: 0.35; cursor: not-allowed; background: transparent; color: var(--fg); }
  .rb-settings .bill-step__count { min-width: 18px; text-align: center; font-size: var(--rb-text-md); font-weight: 500; color: var(--fg-strong); }
  .rb-settings .bill-price { font-size: var(--rb-text-md); color: var(--fg-strong); font-weight: 500; }
  .rb-settings .bill-price__period { color: var(--fg-muted); font-weight: 400; }
  .rb-settings .bill-commit { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0px -14px; padding: 0px 14px; max-height: 0px; opacity: 0; overflow: hidden; border-top: 1px solid transparent; border-radius: 0px 0px 13px 13px; background-color: var(--surface); transition: max-height 0.3s var(--ease-out),
      padding 0.3s var(--ease-out),
      opacity 0.22s ease,
      border-color 0.3s ease; }
  .rb-settings .bill-commit.is-open { max-height: 140px; padding: 12px 14px; opacity: 1; border-top-color: var(--border); }
  .rb-settings .bill-commit__text { font-size: var(--rb-text-sm); line-height: 1.45; color: var(--fg); min-width: 0px; }
  .rb-settings .bill-commit__text strong { color: var(--fg-strong); font-weight: 600; }
  .rb-settings .bill-commit__sub { color: var(--fg-muted); }
  .rb-settings .bill-commit__actions { display: flex; gap: 6px; flex-shrink: 0; }
  .rb-settings .bill-commit__actions .rb-btn--primary { background-color: var(--rb-color-border-strong); color: var(--rb-color-fg-strong); }
  .rb-settings .bill-commit__actions .rb-btn--primary:not(:disabled):hover { background-color: color-mix(in srgb, var(--rb-color-border-strong) 80%, #fff); color: var(--rb-color-fg-strong); }
  .rb-settings .bill-plan { display: inline-flex; align-items: center; gap: 7px; }
  .rb-settings .bill-cancel { display: flex; justify-content: center; margin-top: 14px; }
  .rb-settings .bill-cancel button { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: var(--fg-muted); font-family: inherit; font-size: var(--rb-text-xs); cursor: pointer; padding: 4px 8px; border-radius: 7px; transition: color 0.15s; }
  .rb-settings .bill-cancel button:hover { color: var(--fg); text-decoration: underline; text-underline-offset: 2px; }
  .rb-settings .bill-cancel-view { display: flex; flex-direction: column; gap: 14px; }
  .rb-settings .cx-desc { font-size: var(--rb-text-sm); line-height: 1.6; color: var(--fg-muted); }
  .rb-settings .cx-desc strong { color: var(--fg); font-weight: 500; }
  .rb-settings .cx-q { font-size: var(--rb-text-sm); font-weight: 500; color: var(--fg); }
  .rb-settings .cx-q__optional { color: var(--fg-muted); font-weight: 400; }
  .rb-settings .cx-reasons { display: flex; flex-wrap: wrap; gap: 7px; margin-top: -6px; }
  .rb-settings .cx-chip { font-family: inherit; font-size: var(--rb-text-sm); color: var(--fg); background-color: var(--sunken); border: 1px solid var(--border); border-radius: var(--rb-radius-pill); padding: 6px 11px; cursor: pointer; transition: color 0.15s, background-color 0.15s, border-color 0.15s; }
  .rb-settings .cx-chip:not(:disabled):hover { border-color: var(--border-strong); }
  .rb-settings .cx-chip.is-selected { color: var(--accent); border-color: var(--accent); background-color: var(--accent-bg); }
  .rb-settings .cx-chip:disabled { cursor: not-allowed; }
  .rb-settings .cx-note { width: 100%; box-sizing: border-box; min-height: 64px; resize: none; background-color: var(--sunken); color: var(--fg); border: 1px solid transparent; outline: transparent solid 1px; border-radius: 12px; padding: 10px 12px; font-family: inherit; font-size: var(--rb-text-md); line-height: 1.5; transition: outline var(--rb-transition-control),
      border var(--rb-transition-control); }
  .rb-settings .cx-note::placeholder { color: var(--fg-placeholder); }
  .rb-settings .cx-note:focus { border: 1px solid var(--border-strong); outline: 1px solid var(--outline); }
  .rb-settings .cx-actions { display: flex; flex-direction: column; gap: 8px; margin-top: 2px; }
  .rb-settings .bill-banner { display: flex; align-items: center; gap: 11px; padding: 11px 13px; border-radius: 12px; background-color: var(--sunken); border: 1px solid var(--border); font-size: var(--rb-text-sm); line-height: 1.5; color: var(--fg); }
  .rb-settings .bill-banner svg { flex-shrink: 0; color: var(--fg-muted); }
  .rb-settings .bill-banner strong { color: var(--fg-strong); font-weight: 500; }
  .rb-settings .bill-banner__text { flex: 1 1 0%; min-width: 0px; }
  .rb-settings .bill-banner .rb-btn { flex-shrink: 0; }
  .rb-settings .bill-banner--accent { background-color: color-mix(in srgb, var(--accent) 7%, var(--sunken)); border-color: color-mix(in srgb, var(--accent) 20%, transparent); }
  .rb-settings .bill-banner--accent svg { color: var(--accent); }
  .rb-settings .bill-banner--danger { background-color: color-mix(in srgb, var(--danger) 9%, var(--sunken)); border-color: color-mix(in srgb, var(--danger) 24%, transparent); }
  .rb-settings .bill-banner--danger svg { color: var(--danger); }
  .rb-settings .bill-action { display: flex; align-items: center; gap: 16px; background-color: var(--sunken); border: 1px solid var(--border); border-radius: 14px; padding: 12px 14px; }
  .rb-settings .bill-action .row__text { flex: 1 1 0%; min-width: 0px; }
  .rb-settings .bill-action .rb-btn { flex-shrink: 0; }
  .rb-settings .bill-footer { display: flex; justify-content: flex-end; gap: 8px; }
  .rb-settings .bill-footer .rb-btn svg { margin-right: 6px; color: var(--fg-muted); }
  @media (max-width: 560px) {
  .rb-settings .bill-row { flex-wrap: wrap; }
  .rb-settings .bill-footer { flex-wrap: wrap; justify-content: flex-start; }
}
  @media (prefers-reduced-motion: reduce) {
  .rb-settings .bill-commit, .rb-settings .bill-meter__fill { transition: none; }
}
}
@layer components {
  .rb-setup-pill svg { width: auto; height: 13px; }
  .rb-setup-pill svg path { fill: var(--rb-color-fg-strong); }
  .toolbar:has(.rb-setup-pill:not(:disabled)) { isolation: isolate; }
  .toolbar:has(.rb-setup-pill:not(:disabled))::after { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; pointer-events: none; background-image: ; background-position-x: ; background-position-y: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-repeat: no-repeat; background-size: 220% 100%; animation: 2.6s ease-in-out 0s infinite normal none running rb-setup-shimmer; }
  @keyframes rb-setup-shimmer { 
  0% { background-position: 140% 0px; }
  100% { background-position: -40% 0px; }
}
  .rb-onboard { position: fixed; inset: 0px; z-index: var(--rb-z-modal); display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(0, 0, 0, 0.55); pointer-events: auto; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-size: var(--rb-text-md); color: var(--rb-color-fg); animation: 0.18s ease 0s 1 normal both running rb-onboard-fade; }
  .rb-onboard *, .rb-onboard ::before, .rb-onboard ::after { margin: 0px; box-sizing: border-box; }
  @keyframes rb-onboard-fade { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
  .rb-onboard .setup { position: relative; display: flex; width: 720px; max-width: 100%; background: var(--rb-color-bg); border-radius: 24px; overflow: hidden; border: 1px solid var(--rb-color-border); min-height: 384px; animation: rb-card-in 0.24s var(--ease-out) both; }
  @keyframes rb-card-in { 
  0% { opacity: 0; transform: scale(0.97) translateY(6px); }
  100% { opacity: 1; transform: none; }
}
  .rb-onboard .pane { display: flex; flex-direction: column; flex: 1 1 0%; gap: 32px; animation: 0.22s ease 0s 1 normal both running rb-pane-in; }
  @keyframes rb-pane-in { 
  0% { opacity: 0; transform: translateY(4px); }
  100% { opacity: 1; transform: none; }
}
  .rb-onboard .close { position: absolute; top: 14px; right: 14px; z-index: 5; display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; padding: 0px; border: 0px; border-radius: 8px; background: transparent; color: var(--rb-color-fg-muted); cursor: pointer; transition: background 0.15s, color 0.15s; }
  .rb-onboard .close:hover { background: var(--rb-color-surface); color: var(--rb-color-fg-strong); }
  .rb-onboard .close svg { width: 15px; height: 15px; }
  .rb-onboard .left { position: relative; width: 330px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-right: 1px solid rgb(40, 40, 40); background-color: var(--rb-color-bg-deep); }
  .rb-onboard .left .grid { position: absolute; inset: 0px; pointer-events: none; background-image: radial-gradient(circle, rgba(255, 255, 255, 0.08) 0.6px, transparent 0.6px); background-size: 10px 10px; mask-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(255, 255, 255) 40%, transparent 92%); }
  .rb-onboard .left .ascii-logo { position: absolute; inset: 0px; width: 100%; height: 100%; pointer-events: none; }
  .rb-onboard .left .brand { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 12px; }
  .rb-onboard .left .brand-mark { display: flex; }
  .rb-onboard .left .brand-mark svg { width: auto; height: 38px; }
  .rb-onboard .left .brand-name { font-size: var(--rb-text-xl); font-weight: 500; letter-spacing: 0.2px; color: var(--rb-color-fg-strong); }
  .rb-onboard .right { flex: 1 1 0%; min-width: 0px; padding: 24px; display: flex; flex-direction: column; }
  .rb-onboard .header .title { font-size: var(--rb-text-md); font-weight: 400; color: var(--rb-color-fg-strong); margin-bottom: 8px; }
  .rb-onboard .header .sub-title { font-size: var(--rb-text-md); color: var(--rb-color-fg-soft); line-height: 1.5; }
  .rb-onboard .setup.welcome .pane { gap: 8px; }
  .rb-onboard .title .accent { color: var(--rb-color-accent); }
  .rb-onboard .features { display: flex; flex-direction: column; gap: 12px; padding: 12px 0px 20px; }
  .rb-onboard .feature { display: flex; align-items: flex-start; gap: 12px; }
  .rb-onboard .feature .ic { display: inline-flex; flex-shrink: 0; padding-top: 2px; color: var(--rb-color-fg-strong); }
  .rb-onboard .feature .ic svg { width: 14px; height: 14px; }
  .rb-onboard .feature .f-text { display: flex; flex-direction: column; gap: 2px; padding-top: 1px; }
  .rb-onboard .feature .f-title { font-size: var(--rb-text-md); color: var(--rb-color-fg-strong); }
  .rb-onboard .feature .f-desc { font-size: var(--rb-text-sm); line-height: 1.4; color: var(--rb-color-fg-muted); }
  .rb-onboard .section-rule { width: calc(100% + 48px); margin: 0px -24px; height: 1px; background: var(--rb-color-border); }
  .rb-onboard .section-rule + .step { padding-top: 20px; }
  .rb-onboard .step { display: flex; flex-direction: column; gap: 12px; width: 100%; }
  .rb-onboard .step label { font-size: var(--rb-text-md); font-weight: 400; color: var(--rb-color-fg); }
  .rb-onboard .step .group { display: flex; flex-direction: row; gap: 8px; }
  .rb-onboard .step .meta-tag { background-color: var(--rb-color-bg); border-radius: 16px; border: 1px solid rgb(40, 40, 40); }
  .rb-onboard .step .meta-tag .header { font-size: var(--rb-text-sm); color: var(--rb-color-fg-soft); padding: 8px 12px; border-bottom: 1px solid rgb(40, 40, 40); background-color: rgb(29, 29, 29); border-top-left-radius: 16px; border-top-right-radius: 16px; }
  .rb-onboard .step .meta-tag .code { display: flex; align-items: center; gap: 8px; font-size: var(--rb-text-xs); color: var(--rb-color-fg); padding: 12px; }
  .rb-onboard .step .meta-tag .code code { flex: 1 1 0%; min-width: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-color: var(--rb-color-surface); height: 22px; }
  .rb-onboard .step .meta-tag .copy-btn { position: relative; flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; background: var(--rb-color-surface); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 8px; color: var(--rb-color-fg); cursor: pointer; transition: 0.15s; }
  .rb-onboard .step .meta-tag .copy-btn.copied { color: var(--rb-color-accent); }
  .rb-onboard .step .meta-tag .copy-btn:hover { background: rgb(46, 46, 46); color: var(--rb-color-fg-strong); }
  .rb-onboard .step .meta-tag .copy-btn svg { width: 10px; height: 10px; transition: transform 0.15s var(--ease-out); }
  .rb-onboard .step .meta-tag .copy-btn.copied svg { transform: scale(1.15); }
  @media (prefers-reduced-motion: reduce) {
  .rb-onboard .step .meta-tag .copy-btn svg { transition: none; }
  .rb-onboard .step .meta-tag .copy-btn.copied svg { transform: none; }
}
  .rb-onboard .step .meta-tag code { background-color: rgb(32, 32, 32); border-radius: 8px; padding: 4px 6px; }
  .rb-onboard .footer { margin-top: auto; display: flex; justify-content: space-between; width: 100%; align-items: center; }
  .rb-onboard .footer .page { font-size: var(--rb-text-xs); color: rgb(163, 163, 163); }
  .rb-onboard .footer .actions { display: flex; align-items: center; gap: 8px; }
  .rb-onboard .optional { display: inline-flex; align-items: center; vertical-align: middle; flex-shrink: 0; margin-left: 6px; padding: 4px 6px; font-size: var(--rb-text-micro); font-weight: 500; line-height: 1; letter-spacing: 0.04em; text-transform: uppercase; color: var(--rb-color-fg-muted); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: var(--rb-radius-md); }
  .rb-onboard .terms { margin-top: 2px; font-size: var(--rb-text-xs); line-height: 1.5; color: var(--rb-color-fg-muted); }
  .rb-onboard .terms a { color: var(--rb-color-fg); text-decoration: none; border-bottom: 1px solid var(--rb-color-border-strong); transition: color 0.15s, border-color 0.15s; }
  .rb-onboard .terms a:hover { color: var(--rb-color-fg-strong); }
  .rb-onboard .sub-title strong { color: var(--rb-color-fg-strong); font-weight: 500; }
  .rb-onboard .sub-title code { background-color: var(--rb-color-surface); border-radius: var(--rb-radius-sm); padding: 1px 5px; font-size: var(--rb-text-sm); }
  .rb-onboard .hint { display: flex; align-items: center; gap: 10px; font-size: var(--rb-text-md); color: var(--rb-color-fg); }
  .rb-onboard .rb-spinner { flex-shrink: 0; color: var(--rb-color-accent); }
  .rb-onboard .rb-btn .rb-spinner { color: inherit; }
  .rb-onboard .muted-links { font-size: var(--rb-text-sm); color: var(--rb-color-fg-muted); }
  .rb-onboard .muted-links a { color: var(--rb-color-fg); text-decoration: none; cursor: pointer; transition: color 0.15s; }
  .rb-onboard .muted-links a:hover { color: var(--rb-color-fg-strong); }
  .rb-onboard .muted-links a[aria-disabled="true"] { color: var(--rb-color-fg-placeholder); cursor: default; pointer-events: none; }
  .rb-onboard .muted-links .sep { margin: 0px 4px; color: var(--rb-color-fg-placeholder); }
  .rb-onboard .note { font-size: var(--rb-text-sm); color: var(--rb-color-fg-muted); line-height: 1.5; }
  .rb-onboard .note-warn { color: var(--rb-color-danger); }
  .rb-onboard .plan { position: relative; overflow: hidden; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; display: flex; flex-direction: column; gap: 14px; }
  .rb-onboard .plan-divider { height: 1px; background: var(--rb-color-border); margin: 0px -18px; }
  .rb-onboard .plan-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
  .rb-onboard .annual { display: flex; align-items: center; gap: 7px; flex-shrink: 0; font-size: var(--rb-text-xs); color: var(--rb-color-fg-muted); cursor: pointer; }
  .rb-onboard .switch { flex-shrink: 0; width: 26px; height: 15px; border-radius: var(--rb-radius-pill); background: var(--rb-color-surface); border: 1px solid var(--rb-color-border-strong); display: flex; align-items: center; padding: 0px 2px; transition: background 0.15s; }
  .rb-onboard .switch .knob { width: 10px; height: 10px; border-radius: 50%; background: var(--rb-color-fg); transition: transform 0.15s; }
  .rb-onboard .switch[aria-checked="true"] { background: var(--rb-color-accent); border-color: var(--rb-color-accent); }
  .rb-onboard .switch[aria-checked="true"] .knob { transform: translateX(11px); background: var(--rb-color-accent-bg); }
  .rb-onboard .plan-bottom { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
  .rb-onboard .price { display: flex; align-items: baseline; gap: 6px; }
  .rb-onboard .price .amt { font-size: var(--rb-text-md); font-weight: 600; letter-spacing: -0.01em; color: var(--rb-color-fg-strong); }
  .rb-onboard .price .for { font-size: var(--rb-text-sm); color: var(--rb-color-fg); }
  .rb-onboard .renews { font-size: var(--rb-text-xs); color: var(--rb-color-fg-muted); }
  .rb-onboard .card-block { display: flex; flex-direction: column; gap: 8px; }
  .rb-onboard .card-block label { font-size: var(--rb-text-md); color: var(--rb-color-fg); }
  .rb-onboard .card-el { border: 1px solid var(--rb-color-border-strong); border-radius: 12px; background-color: var(--rb-color-surface-sunken); overflow: hidden; }
  .rb-onboard .card-el-row { display: flex; align-items: center; }
  .rb-onboard .card-el-row + .card-el-row { border-top: 1px solid var(--rb-color-border-strong); }
  .rb-onboard .card-el-row.split > input { flex: 1 1 0%; }
  .rb-onboard .card-el-row.split > input + input { border-left: 1px solid var(--rb-color-border-strong); }
  .rb-onboard .card-el .lead-glyph { width: 15px; height: 15px; margin-left: 12px; color: var(--rb-color-fg-muted); flex-shrink: 0; }
  .rb-onboard .card-el input { width: 100%; box-sizing: border-box; height: 36px; padding: 0px 12px; border: 0px; outline: 0px; background: transparent; color: var(--rb-color-fg); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: var(--rb-text-md); }
  .rb-onboard .card-el input::placeholder { color: var(--rb-color-fg-placeholder); }
  .rb-onboard .card-el:focus-within { border-color: var(--rb-color-border-strong); outline: 1px solid var(--rb-color-outline); }
  .rb-onboard .brands { display: flex; align-items: center; gap: 4px; padding-right: 10px; flex-shrink: 0; }
  .rb-onboard .brand { font-size: var(--rb-text-nano); font-weight: 700; letter-spacing: 0.02em; color: var(--rb-color-fg-strong); border-radius: 3px; padding: 2px 4px; line-height: 1; }
  .rb-onboard .brand-visa { background: rgb(20, 52, 203); }
  .rb-onboard .brand-mc { background: rgb(201, 40, 30); }
  .rb-onboard .brand-amex { background: rgb(31, 114, 205); }
  .rb-onboard .secure { display: flex; align-items: center; gap: 7px; font-size: var(--rb-text-xs); line-height: 1.5; color: var(--rb-color-fg-muted); }
  .rb-onboard .secure .lock { width: 12px; height: 12px; flex-shrink: 0; color: var(--rb-color-fg); }
  .rb-onboard .secure strong { color: var(--rb-color-fg-strong); font-weight: 600; }
  .rb-onboard .bill-intro { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
  .rb-onboard .bill-intro__text { font-size: var(--rb-text-md); line-height: 1.5; color: var(--rb-color-fg); }
  .rb-onboard .bill-intro__text strong { color: var(--rb-color-fg-strong); font-weight: 500; }
  .rb-onboard .bill-card { background-color: var(--rb-color-surface-sunken); border: 1px solid var(--rb-color-border); border-radius: 14px; padding: 0px 14px; }
  .rb-onboard .bill-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 46px; padding: 11px 0px; border-bottom: 1px solid var(--rb-color-border); }
  .rb-onboard .bill-row:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
  .rb-onboard .bill-row__label { font-size: var(--rb-text-md); color: var(--rb-color-fg-muted); flex-shrink: 0; }
  .rb-onboard .bill-row__value { font-size: var(--rb-text-md); color: var(--rb-color-fg-strong); font-weight: 500; text-align: right; min-width: 0px; }
  .rb-onboard .bill-row__sub { display: block; font-size: var(--rb-text-xs); font-weight: 400; color: var(--rb-color-fg-muted); margin-top: 2px; }
  .rb-onboard .bill-price { font-size: var(--rb-text-md); color: var(--rb-color-fg-strong); font-weight: 500; }
  .rb-onboard .bill-price__period { color: var(--rb-color-fg-muted); font-weight: 400; }
  .rb-onboard .hint { font-size: var(--rb-text-xs); line-height: 1.5; color: var(--rb-color-fg-muted); }
  .rb-onboard .status-pill { display: inline-flex; align-items: center; gap: 6px; align-self: flex-start; margin-bottom: 12px; font-size: var(--rb-text-xs); font-weight: 500; color: var(--rb-color-fg-strong); background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: var(--rb-radius-pill); padding: 3px 11px 3px 8px; backdrop-filter: blur(8px); box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 0px inset; }
  .rb-onboard .status-pill .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--rb-color-accent); box-shadow: rgba(220, 237, 49, 0.2) 0px 0px 0px 3px; }
  .rb-onboard .invite { display: flex; flex-direction: column; gap: 10px; }
  .rb-onboard .invite-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
  .rb-onboard .invite label { font-size: var(--rb-text-md); color: var(--rb-color-fg); }
  .rb-onboard .invite-field { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; box-sizing: border-box; min-height: var(--rb-control-h); padding: 3px 8px; border-radius: 14px; background: var(--rb-color-surface-sunken); border: 1px solid transparent; outline: transparent solid 1px; cursor: text; transition: outline 0.25s, border 0.25s; }
  .rb-onboard .invite-field:hover { border: 1px solid var(--rb-color-border-strong); }
  .rb-onboard .invite-field:focus-within { border: 1px solid var(--rb-color-border-strong); outline: 1px solid var(--rb-color-outline); }
  .rb-onboard .invite-input { flex: 1 1 0%; min-width: 140px; height: 28px; border: 0px; background: transparent; color: var(--rb-color-fg); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: var(--rb-text-md); outline: none; padding: 0px 4px; }
  .rb-onboard .invite-input::placeholder { color: var(--rb-color-fg-placeholder); }
  .rb-onboard .token { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0px 4px; background: var(--rb-color-surface); border-radius: var(--rb-radius-pill); font-size: var(--rb-text-sm); color: var(--rb-color-fg-strong); white-space: nowrap; }
  .rb-onboard .token-avatar { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; background: var(--rb-color-surface-sunken); color: var(--rb-color-fg); font-size: var(--rb-text-micro); font-weight: 600; text-transform: uppercase; flex-shrink: 0; }
  .rb-onboard .token .x { display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; margin-left: 2px; border: 0px; border-radius: 50%; background: transparent; color: var(--rb-color-fg-muted); font-size: var(--rb-text-lg); line-height: 1; cursor: pointer; transition: background 0.15s, color 0.15s; }
  .rb-onboard .token .x:hover { background: var(--rb-color-surface-sunken); color: var(--rb-color-fg-strong); }
  .rb-onboard .seats { display: inline-flex; align-items: center; gap: 6px; font-size: var(--rb-text-xs); color: var(--rb-color-fg); }
  .rb-onboard .seats svg { width: 13px; height: 13px; color: var(--rb-color-fg-muted); }
  .rb-onboard .error { font-size: var(--rb-text-sm); line-height: 1.5; color: var(--rb-color-danger); }
  @media (max-width: 760px) {
  .rb-onboard .left { display: none; }
}
  @media (prefers-reduced-motion: reduce) {
  .rb-onboard, .rb-onboard .setup, .rb-onboard .pane { animation: auto ease 0s 1 normal none running none; }
  .rb-onboard .setup { transition: none; }
  .rb-setup-pill:not(:disabled)::after { display: none; }
}
}
@layer components {
  .rb-welcome .pane { gap: 20px; }
  .rb-welcome .scene { position: absolute; inset: 0px; padding: 18px; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 1; }
  .rb-welcome .ws-thread { flex: 0 0 auto; width: 265px; max-width: 100%; }
  .rb-welcome .ws-thread__list { display: flex; flex-direction: column; gap: 14px; background-color: var(--rb-color-bg); border: 1px solid var(--rb-color-border); padding: 12px; border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.45) 0px 8px 28px; }
  .rb-welcome .ws-comment { display: flex; flex-direction: column; gap: 2px; position: relative; }
  .rb-welcome .ws-comment:has(+ .ws-comment)::after { content: ""; position: absolute; left: 12px; top: 28px; bottom: -12px; width: 1px; background-color: rgb(35, 35, 35); }
  .rb-welcome .ws-comment__head { display: flex; align-items: center; gap: 6px; }
  .rb-welcome .ws-comment__avatar { width: 24px; height: 24px; border-radius: 50%; background-color: var(--rb-color-surface); color: var(--rb-color-fg); display: flex; align-items: center; justify-content: center; font-size: var(--rb-text-micro); position: relative; z-index: 1; flex-shrink: 0; background-size: cover; background-position: center center; }
  .rb-welcome .ws-comment__name { font-size: var(--rb-text-sm); color: var(--rb-color-fg-strong); }
  .rb-welcome .ws-comment__time { font-size: var(--rb-text-micro); color: rgb(96, 96, 96); }
  .rb-welcome .ws-comment__body { color: var(--rb-color-fg); line-height: 160%; font-size: var(--rb-text-md); padding-left: 30px; }
  .rb-welcome .mention-tag { color: var(--rb-color-accent); font-weight: 500; }
  .rb-welcome .acc { display: block; }
  .rb-welcome .acc__item { border-top: 1px solid var(--rb-color-border); }
  .rb-welcome .acc__item:first-child { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; }
  .rb-welcome .acc__head { width: 100%; display: flex; align-items: center; gap: 10px; padding: 11px 0px; background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: var(--rb-text-md); font-weight: 400; color: var(--rb-color-fg); text-align: left; cursor: pointer; }
  .rb-welcome .acc__head:hover { color: var(--rb-color-fg-strong); }
  .rb-welcome .acc__label { flex: 1 1 0%; min-width: 0px; }
  .rb-welcome .acc__chev { flex: 0 0 auto; display: inline-flex; color: var(--rb-color-fg-muted); transition: transform 0.28s var(--ease-out),
      color 0.18s ease; }
  .rb-welcome .acc__item.is-open .acc__chev { transform: rotate(90deg); }
  .rb-welcome .acc__head:hover .acc__chev { color: var(--rb-color-fg); }
  .rb-welcome .acc__body { max-height: 0px; overflow: hidden; transition: max-height 0.32s var(--ease-out); }
  .rb-welcome .acc__inner { overflow: hidden; padding-bottom: 13px; }
  .rb-welcome .acc__inner > * { margin-bottom: 12px; }
  .rb-welcome .acc__inner > :last-child { margin-bottom: 0px; }
  .rb-welcome .acc__hint { margin: -2px 0px 0px; font-size: var(--rb-text-xs); line-height: 1.5; color: var(--rb-color-fg-muted); }
  .rb-welcome .name-row { display: flex; align-items: center; gap: 10px; }
  .rb-welcome .avatar-up { flex: 0 0 auto; position: relative; width: 36px; height: 36px; border-radius: 14px; background-image: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border: 1px solid var(--rb-color-border-strong); color: var(--rb-color-fg-muted); display: flex; align-items: center; justify-content: center; cursor: pointer; overflow: hidden; background-size: cover; background-position: center center; transition: border-color 0.2s, color 0.2s; }
  .rb-welcome .avatar-up:hover { border-color: var(--rb-color-fg-muted); color: var(--rb-color-fg); }
  .rb-welcome .name-input { flex: 1 1 0%; min-width: 0px; width: 100%; box-sizing: border-box; height: 36px; padding: 0px 12px; border-radius: 14px; background-color: var(--rb-color-surface-sunken); color: var(--rb-color-fg); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: var(--rb-text-md); border: 1px solid transparent; outline: transparent solid 1px; transition: outline 0.25s, border 0.25s; }
  .rb-welcome .name-input::placeholder { color: var(--rb-color-fg-placeholder); }
  .rb-welcome .name-input:hover { border: 1px solid var(--rb-color-border-strong); }
  .rb-welcome .name-input:focus { border: 1px solid var(--rb-color-border-strong); outline: 1px solid var(--rb-color-outline); }
  .rb-welcome .handle { display: flex; align-items: center; height: 36px; background: var(--rb-color-surface-sunken); border: 1px solid transparent; outline: transparent solid 1px; border-radius: 14px; padding: 0px 10px 0px 12px; transition: outline 0.25s, border 0.25s; }
  .rb-welcome .handle:focus-within { border-color: var(--rb-color-border-strong); outline-color: var(--rb-color-outline); }
  .rb-welcome .handle__at { color: var(--rb-color-fg-muted); font-size: var(--rb-text-md); margin-right: 2px; }
  .rb-welcome .handle__input { flex: 1 1 0%; min-width: 0px; height: 100%; background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: var(--rb-text-md); color: var(--rb-color-fg); }
  .rb-welcome .handle__input::placeholder { color: var(--rb-color-fg-placeholder); }
  .rb-welcome .handle__status { flex: 0 0 auto; font-size: var(--rb-text-sm); }
  .rb-welcome .handle.is-available { border-color: color-mix(in srgb, var(--rb-color-accent) 45%, transparent); }
  .rb-welcome .handle.is-available .handle__status { color: var(--rb-color-accent); }
  .rb-welcome .handle.is-taken { border-color: color-mix(in srgb, var(--rb-color-danger) 45%, transparent); }
  .rb-welcome .handle.is-taken .handle__status { color: var(--rb-color-danger); }
  @media (prefers-reduced-motion: reduce) {
  .rb-welcome .acc__body, .rb-welcome .acc__chev { transition: none; }
}
}
@layer components {
  .rb-app-toasts { pointer-events: none; position: fixed; inset: 16px 0px auto; z-index: var(--rb-z-toast); display: flex; flex-direction: column; align-items: center; gap: 6px; }
  .rb-app-toasts .rb-toast { pointer-events: auto; max-width: 300px; padding: 7px 11px; border-radius: 8px; font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; font-size: var(--rb-text-sm); font-weight: 500; text-align: left; color: var(--rb-color-fg-strong); background-color: var(--rb-color-surface); border: 1px solid var(--rb-color-border); box-shadow: rgba(0, 0, 0, 0.4) 0px 4px 14px, rgba(0, 0, 0, 0.3) 0px 1px 2px; cursor: pointer; animation: 0.4s cubic-bezier(0.21, 1.02, 0.73, 1) 0s 1 normal none running rb-app-toast-in; }
  .rb-app-toasts .rb-toast--leaving { animation: 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s 1 normal forwards running rb-app-toast-out; }
  @keyframes rb-app-toast-in { 
  0% { opacity: 0; transform: translateY(-14px) scale(0.96); }
  100% { opacity: 1; transform: translateY(0px) scale(1); }
}
  @keyframes rb-app-toast-out { 
  0% { opacity: 1; transform: translateY(0px) scale(1); }
  100% { opacity: 0; transform: translateY(-14px) scale(0.96); }
}
  .rb-app-toasts .rb-toast--error { color: var(--rb-color-danger); }
  @media (prefers-reduced-motion: reduce) {
  .rb-app-toasts .rb-toast { animation: auto ease 0s 1 normal none running none; }
}
}
@layer components {
  .rb-tip { position: relative; display: inline-flex; }
  .rb-tip__bubble { position: absolute; z-index: 3; padding: var(--rb-space-1) 8px; border-radius: var(--rb-control-radius); background: rgb(18, 18, 18); border: 1px solid var(--rb-color-border); color: var(--rb-color-fg-bright); font-size: var(--rb-text-xs); line-height: 1.35; white-space: nowrap; box-shadow: var(--rb-shadow-lg); opacity: 0; pointer-events: none; transition: opacity var(--rb-transition-fast),
      transform var(--rb-transition-fast); }
  .rb-tip__bubble--top { bottom: calc(100% + var(--rb-space-2)); left: 50%; transform: translate(-50%, 2px); }
  .rb-tip__bubble--bottom { top: calc(100% + var(--rb-space-2)); left: 50%; transform: translate(-50%, -2px); }
  .rb-tip__bubble--left { right: calc(100% + var(--rb-space-2)); top: 50%; transform: translate(2px, -50%); }
  .rb-tip__bubble--right { left: calc(100% + var(--rb-space-2)); top: 50%; transform: translate(-2px, -50%); }
  .rb-tip__bubble.is-open { opacity: 1; }
  .rb-tip__bubble--top.is-open, .rb-tip__bubble--bottom.is-open { transform: translate(-50%, 0px); }
  .rb-tip__bubble--left.is-open, .rb-tip__bubble--right.is-open { transform: translate(0px, -50%); }
  .rb-tip__bubble--wrap { white-space: normal; width: max-content; max-width: 220px; }
  @media (prefers-reduced-motion: reduce) {
  .rb-tip__bubble { transition: none; }
}
}