opus-react 0.2.20 → 0.2.22

package/dist/index.css

@@ -5669,8 +5669,11 @@
 /* components/ProgressRing/ProgressRing.module.css */
 .opus_YxX6Hh_ring {
   aspect-ratio: 1;
-  width: min(100%, 220px);
-  min-width: 0;
+  flex-shrink: 0;
+  width: 220px;
+  min-width: 220px;
+  max-width: 220px;
+  height: 220px;
   position: relative;
 }
 
@@ -5765,8 +5768,11 @@
 /* components/Speedometer/Speedometer.module.css */
 .opus__jpB7z_speedometer {
   aspect-ratio: 220 / 130;
-  width: min(100%, 260px);
-  min-width: 0;
+  flex-shrink: 0;
+  width: 260px;
+  min-width: 260px;
+  max-width: 260px;
+  height: auto;
   position: relative;
   overflow: hidden;
 }
@@ -6690,6 +6696,130 @@
   overflow: hidden;
 }
 
+.opus_zN0bNb_rowHeaderInner {
+  align-items: center;
+  gap: 6px;
+  min-width: 0;
+  max-width: 100%;
+  display: inline-flex;
+}
+
+.opus_zN0bNb_rowHeaderLabel {
+  text-overflow: ellipsis;
+  min-width: 0;
+  overflow: hidden;
+}
+
+.opus_zN0bNb_chevron {
+  flex: none;
+  width: 10px;
+  height: 10px;
+  font-size: 10px;
+  line-height: 1;
+}
+
+.opus_zN0bNb_chevron svg {
+  width: 10px !important;
+  height: 10px !important;
+}
+
+.opus_zN0bNb_expandButton {
+  width: 18px;
+  height: 18px;
+  color: var(--opus-muted);
+  cursor: pointer;
+  background: none;
+  border: 0;
+  border-radius: 4px;
+  flex: none;
+  place-items: center;
+  padding: 0;
+  font-size: 10px;
+  line-height: 1;
+  display: inline-grid;
+}
+
+.opus_zN0bNb_expandButton:hover {
+  color: var(--opus-accent);
+  background: color-mix(in srgb, var(--opus-accent) 12%, transparent);
+}
+
+.opus_zN0bNb_expandButton svg {
+  width: 10px !important;
+  height: 10px !important;
+}
+
+.opus_zN0bNb_expandSpacer {
+  flex: none;
+  width: 18px;
+  height: 18px;
+}
+
+.opus_zN0bNb_groupRow td, .opus_zN0bNb_groupCell {
+  vertical-align: middle;
+  height: 34px;
+  max-height: 34px;
+  background: color-mix(in srgb, var(--opus-accent) 10%, var(--opus-panel)) !important;
+  padding: 0 !important;
+}
+
+.opus_zN0bNb_groupButton {
+  box-sizing: border-box;
+  width: 100%;
+  height: 34px;
+  max-height: 34px;
+  color: var(--opus-text);
+  cursor: pointer;
+  font: inherit;
+  text-align: left;
+  background: none;
+  border: 0;
+  align-items: center;
+  gap: 8px;
+  padding: 0 12px;
+  font-size: .82rem;
+  font-weight: 800;
+  line-height: 1;
+  display: flex;
+}
+
+.opus_zN0bNb_groupButton svg {
+  flex: none;
+  width: 10px !important;
+  height: 10px !important;
+}
+
+.opus_zN0bNb_groupCount {
+  color: var(--opus-muted);
+  margin-left: auto;
+  font-size: .74rem;
+  font-weight: 700;
+}
+
+.opus_zN0bNb_detailRow td, .opus_zN0bNb_detailCell {
+  color: var(--opus-muted);
+  font-size: .82rem;
+  line-height: 1.45;
+  white-space: normal !important;
+  background: color-mix(in srgb, var(--opus-accent) 6%, var(--opus-panel)) !important;
+  padding: 12px 14px !important;
+}
+
+.opus_zN0bNb_spacerRow td {
+  background: none !important;
+  border: 0 !important;
+}
+
+.opus_zN0bNb_infiniteFooter {
+  border-top: 1px solid color-mix(in srgb, var(--opus-border) 72%, transparent);
+  min-height: 36px;
+  color: var(--opus-muted);
+  place-items: center;
+  font-size: .74rem;
+  font-weight: 700;
+  display: grid;
+}
+
 @media (prefers-reduced-transparency: reduce) {
   .opus_zN0bNb_grid thead th:before {
     backdrop-filter: none;
@@ -7924,19 +8054,24 @@
   gap: 8px;
   width: 100%;
   min-width: 0;
+  max-width: 100%;
   display: grid;
 }
 
-.opus_NkO9Yb_content[data-size="small"] {
-  width: 180px;
+.opus_NkO9Yb_content[data-size="small"]:not([data-fill="true"]) {
+  max-width: 180px;
+}
+
+.opus_NkO9Yb_content[data-size="medium"]:not([data-fill="true"]) {
+  max-width: 240px;
 }
 
-.opus_NkO9Yb_content[data-size="medium"] {
-  width: 240px;
+.opus_NkO9Yb_content[data-size="large"]:not([data-fill="true"]) {
+  max-width: 340px;
 }
 
-.opus_NkO9Yb_content[data-size="large"] {
-  width: min(100%, 340px);
+.opus_NkO9Yb_content[data-fill="true"] {
+  max-width: 100%;
 }
 
 .opus_NkO9Yb_caption {
@@ -7964,6 +8099,8 @@
 .opus_8llAjm_gallery {
   grid-template-columns: repeat(var(--model-gallery-columns), minmax(0, 1fr));
   gap: 14px;
+  width: 100%;
+  min-width: 0;
   display: grid;
 }
 
@@ -7981,6 +8118,8 @@
 
 .opus_8llAjm_gallery > * {
   width: 100%;
+  min-width: 0;
+  max-width: 100%;
 }
 
 .opus_8llAjm_empty {
@@ -8085,6 +8224,1029 @@
   display: flex;
 }
 
+/* components/Badge/Badge.module.css */
+.opus_1GJHzl_badge {
+  letter-spacing: .01em;
+  white-space: nowrap;
+  vertical-align: middle;
+  border: 1px solid #0000;
+  border-radius: 999px;
+  align-items: center;
+  gap: 6px;
+  max-width: 100%;
+  font-weight: 650;
+  line-height: 1;
+  display: inline-flex;
+}
+
+.opus_1GJHzl_badge[data-size="sm"] {
+  min-height: 20px;
+  padding: 0 8px;
+  font-size: .68rem;
+}
+
+.opus_1GJHzl_badge[data-size="md"] {
+  min-height: 24px;
+  padding: 0 10px;
+  font-size: .74rem;
+}
+
+.opus_1GJHzl_dot {
+  background: currentColor;
+  border-radius: 999px;
+  flex-shrink: 0;
+  width: 6px;
+  height: 6px;
+}
+
+.opus_1GJHzl_badge[data-variant="solid"] {
+  color: var(--badge-solid-fg);
+  background: var(--badge-solid-bg);
+}
+
+.opus_1GJHzl_badge[data-variant="soft"] {
+  color: var(--badge-soft-fg);
+  background: var(--badge-soft-bg);
+}
+
+.opus_1GJHzl_badge[data-variant="outline"] {
+  color: var(--badge-outline-fg);
+  border-color: var(--badge-outline-border);
+  background: none;
+}
+
+.opus_1GJHzl_badge[data-tone="neutral"] {
+  --badge-solid-bg: color-mix(in srgb, var(--opus-muted) 72%, var(--opus-text));
+  --badge-solid-fg: var(--opus-panel);
+  --badge-soft-bg: color-mix(in srgb, var(--opus-muted) 16%, transparent);
+  --badge-soft-fg: var(--opus-muted);
+  --badge-outline-fg: var(--opus-muted);
+  --badge-outline-border: color-mix(in srgb, var(--opus-muted) 40%, transparent);
+}
+
+.opus_1GJHzl_badge[data-tone="accent"] {
+  --badge-solid-bg: var(--opus-accent);
+  --badge-solid-fg: var(--opus-accent-contrast, #fff);
+  --badge-soft-bg: var(--opus-accent-soft);
+  --badge-soft-fg: var(--opus-accent);
+  --badge-outline-fg: var(--opus-accent);
+  --badge-outline-border: color-mix(in srgb, var(--opus-accent) 45%, transparent);
+}
+
+.opus_1GJHzl_badge[data-tone="success"] {
+  --badge-solid-bg: #16a34a;
+  --badge-solid-fg: #fff;
+  --badge-soft-bg: #22c55e29;
+  --badge-soft-fg: #15803d;
+  --badge-outline-fg: #16a34a;
+  --badge-outline-border: #22c55e6b;
+}
+
+.opus_1GJHzl_badge[data-tone="warning"] {
+  --badge-solid-bg: #d97706;
+  --badge-solid-fg: #fff;
+  --badge-soft-bg: #f59e0b29;
+  --badge-soft-fg: #b45309;
+  --badge-outline-fg: #d97706;
+  --badge-outline-border: #f59e0b6b;
+}
+
+.opus_1GJHzl_badge[data-tone="danger"] {
+  --badge-solid-bg: #dc2626;
+  --badge-solid-fg: #fff;
+  --badge-soft-bg: #ef444429;
+  --badge-soft-fg: #b91c1c;
+  --badge-outline-fg: #dc2626;
+  --badge-outline-border: #ef44446b;
+}
+
+.opus_1GJHzl_badge[data-tone="info"] {
+  --badge-solid-bg: #2563eb;
+  --badge-solid-fg: #fff;
+  --badge-soft-bg: #3b82f629;
+  --badge-soft-fg: #1d4ed8;
+  --badge-outline-fg: #2563eb;
+  --badge-outline-border: #3b82f66b;
+}
+
+[data-theme="dark"] .opus_1GJHzl_badge[data-tone="success"] {
+  --badge-soft-fg: #86efac;
+}
+
+[data-theme="dark"] .opus_1GJHzl_badge[data-tone="warning"] {
+  --badge-soft-fg: #fcd34d;
+}
+
+[data-theme="dark"] .opus_1GJHzl_badge[data-tone="danger"] {
+  --badge-soft-fg: #fca5a5;
+}
+
+[data-theme="dark"] .opus_1GJHzl_badge[data-tone="info"] {
+  --badge-soft-fg: #93c5fd;
+}
+
+/* components/Divider/Divider.module.css */
+.opus_ux1i0D_divider, .opus_ux1i0D_line {
+  background: color-mix(in srgb, var(--opus-border) 100%, transparent);
+  border: 0;
+}
+
+.opus_ux1i0D_divider[data-tone="muted"], .opus_ux1i0D_labelled[data-tone="muted"] .opus_ux1i0D_line {
+  background: color-mix(in srgb, var(--opus-muted) 28%, transparent);
+}
+
+.opus_ux1i0D_divider[data-tone="strong"], .opus_ux1i0D_labelled[data-tone="strong"] .opus_ux1i0D_line {
+  background: color-mix(in srgb, var(--opus-border-strong, var(--opus-border)) 100%, transparent);
+}
+
+.opus_ux1i0D_divider[data-orientation="horizontal"] {
+  width: 100%;
+  height: 1px;
+  margin: 0;
+  display: block;
+}
+
+.opus_ux1i0D_divider[data-orientation="vertical"] {
+  align-self: stretch;
+  width: 1px;
+  height: 1.6em;
+  min-height: 24px;
+  display: inline-block;
+}
+
+.opus_ux1i0D_labelled {
+  grid-template-columns: 1fr auto 1fr;
+  align-items: center;
+  gap: 12px;
+  width: 100%;
+  display: grid;
+}
+
+.opus_ux1i0D_line {
+  height: 1px;
+}
+
+.opus_ux1i0D_label {
+  color: var(--opus-muted);
+  letter-spacing: .04em;
+  text-transform: uppercase;
+  white-space: nowrap;
+  font-size: .78rem;
+  font-weight: 600;
+}
+
+/* components/Avatar/Avatar.module.css */
+.opus_jsRWxO_avatar {
+  border: 1px solid color-mix(in srgb, var(--opus-border) 80%, transparent);
+  background: linear-gradient(135deg, color-mix(in srgb, var(--opus-accent) 28%, transparent), color-mix(in srgb, var(--opus-muted) 18%, transparent)),
+    color-mix(in srgb, var(--opus-panel) 88%, transparent);
+  color: var(--opus-text);
+  user-select: none;
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  font-weight: 700;
+  line-height: 1;
+  display: inline-flex;
+  overflow: hidden;
+}
+
+.opus_jsRWxO_avatar[data-shape="circle"] {
+  border-radius: 999px;
+}
+
+.opus_jsRWxO_avatar[data-shape="rounded"] {
+  border-radius: calc(var(--opus-input-radius-large, 6px) + 2px);
+}
+
+.opus_jsRWxO_avatar[data-size="sm"] {
+  width: 28px;
+  height: 28px;
+  font-size: .68rem;
+}
+
+.opus_jsRWxO_avatar[data-size="md"] {
+  width: 36px;
+  height: 36px;
+  font-size: .76rem;
+}
+
+.opus_jsRWxO_avatar[data-size="lg"] {
+  width: 48px;
+  height: 48px;
+  font-size: .9rem;
+}
+
+.opus_jsRWxO_avatar[data-size="xl"] {
+  width: 64px;
+  height: 64px;
+  font-size: 1.05rem;
+}
+
+.opus_jsRWxO_image {
+  object-fit: cover;
+  width: 100%;
+  height: 100%;
+}
+
+.opus_jsRWxO_initials {
+  letter-spacing: .02em;
+}
+
+/* components/AvatarGroup/AvatarGroup.module.css */
+.opus_Vv36ne_group {
+  align-items: center;
+  display: inline-flex;
+}
+
+.opus_Vv36ne_item {
+  margin-left: -8px;
+  display: inline-flex;
+}
+
+.opus_Vv36ne_item:first-child {
+  margin-left: 0;
+}
+
+.opus_Vv36ne_item [class*="avatar"] {
+  box-shadow: 0 0 0 2px var(--opus-panel, #10132b);
+}
+
+.opus_Vv36ne_overflow {
+  border: 1px solid color-mix(in srgb, var(--opus-border) 80%, transparent);
+  background: color-mix(in srgb, var(--opus-muted) 18%, var(--opus-panel));
+  color: var(--opus-text);
+  box-shadow: 0 0 0 2px var(--opus-panel, #10132b);
+  border-radius: 999px;
+  justify-content: center;
+  align-items: center;
+  margin-left: -8px;
+  font-weight: 700;
+  display: inline-flex;
+}
+
+.opus_Vv36ne_overflow[data-size="sm"] {
+  width: 28px;
+  height: 28px;
+  font-size: .64rem;
+}
+
+.opus_Vv36ne_overflow[data-size="md"] {
+  width: 36px;
+  height: 36px;
+  font-size: .7rem;
+}
+
+.opus_Vv36ne_overflow[data-size="lg"] {
+  width: 48px;
+  height: 48px;
+  font-size: .78rem;
+}
+
+.opus_Vv36ne_overflow[data-size="xl"] {
+  width: 64px;
+  height: 64px;
+  font-size: .9rem;
+}
+
+/* components/Statistic/Statistic.module.css */
+.opus_vCN1bv_root {
+  gap: 6px;
+  min-width: 0;
+  display: grid;
+}
+
+.opus_vCN1bv_label {
+  color: var(--opus-muted);
+  margin: 0;
+  font-size: .82rem;
+  font-weight: 600;
+}
+
+.opus_vCN1bv_value {
+  color: var(--opus-text);
+  letter-spacing: -.03em;
+  align-items: baseline;
+  gap: 4px;
+  margin: 0;
+  font-size: clamp(1.6rem, 2.4vw, 2.1rem);
+  font-weight: 750;
+  line-height: 1.1;
+  display: inline-flex;
+}
+
+.opus_vCN1bv_affix {
+  color: var(--opus-muted);
+  font-size: .72em;
+  font-weight: 650;
+}
+
+.opus_vCN1bv_trend {
+  align-items: center;
+  gap: 6px;
+  margin: 0;
+  font-size: .78rem;
+  font-weight: 650;
+  display: inline-flex;
+}
+
+.opus_vCN1bv_trend[data-trend="up"] {
+  color: #15803d;
+}
+
+.opus_vCN1bv_trend[data-trend="down"] {
+  color: #b91c1c;
+}
+
+.opus_vCN1bv_trend[data-trend="flat"] {
+  color: var(--opus-muted);
+}
+
+[data-theme="dark"] .opus_vCN1bv_trend[data-trend="up"] {
+  color: #86efac;
+}
+
+[data-theme="dark"] .opus_vCN1bv_trend[data-trend="down"] {
+  color: #fca5a5;
+}
+
+/* components/List/List.module.css */
+.opus_ys3xlo_list {
+  border: 1px solid var(--opus-border);
+  border-radius: var(--opus-input-radius-large, 6px);
+  background: color-mix(in srgb, var(--opus-panel) 88%, transparent);
+  gap: 0;
+  width: 100%;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: grid;
+  overflow: hidden;
+}
+
+.opus_ys3xlo_list[data-ordered="true"] {
+  counter-reset: opus-list;
+}
+
+.opus_ys3xlo_item {
+  border-bottom: 1px solid var(--opus-border);
+  grid-template-columns: auto minmax(0, 1fr);
+  align-items: start;
+  gap: 12px;
+  padding: 14px 16px;
+  display: grid;
+}
+
+.opus_ys3xlo_list[data-density="compact"] .opus_ys3xlo_item {
+  gap: 10px;
+  padding: 10px 12px;
+}
+
+.opus_ys3xlo_item:last-child {
+  border-bottom: 0;
+}
+
+.opus_ys3xlo_list[data-ordered="true"] .opus_ys3xlo_item {
+  counter-increment: opus-list;
+}
+
+.opus_ys3xlo_list[data-ordered="true"] .opus_ys3xlo_item:not(:has(.opus_ys3xlo_icon)):before {
+  content: counter(opus-list);
+  background: color-mix(in srgb, var(--opus-accent) 14%, transparent);
+  width: 24px;
+  height: 24px;
+  color: var(--opus-accent);
+  border-radius: 999px;
+  justify-content: center;
+  align-items: center;
+  font-size: .72rem;
+  font-weight: 700;
+  display: inline-flex;
+}
+
+.opus_ys3xlo_icon {
+  background: color-mix(in srgb, var(--opus-accent) 12%, transparent);
+  width: 28px;
+  height: 28px;
+  color: var(--opus-accent);
+  border-radius: 8px;
+  justify-content: center;
+  align-items: center;
+  font-size: .82rem;
+  display: inline-flex;
+}
+
+.opus_ys3xlo_body {
+  gap: 4px;
+  min-width: 0;
+  display: grid;
+}
+
+.opus_ys3xlo_head {
+  justify-content: space-between;
+  align-items: baseline;
+  gap: 12px;
+  display: flex;
+}
+
+.opus_ys3xlo_title {
+  color: var(--opus-text);
+  font-size: .9rem;
+  font-weight: 650;
+}
+
+.opus_ys3xlo_meta {
+  color: var(--opus-muted);
+  white-space: nowrap;
+  font-size: .76rem;
+}
+
+.opus_ys3xlo_description {
+  color: var(--opus-muted);
+  margin: 0;
+  font-size: .82rem;
+  line-height: 1.45;
+}
+
+/* components/DescriptionList/DescriptionList.module.css */
+.opus_FY8OsC_list {
+  gap: 14px;
+  width: 100%;
+  margin: 0;
+  display: grid;
+}
+
+.opus_FY8OsC_row {
+  gap: 4px;
+  min-width: 0;
+  display: grid;
+}
+
+.opus_FY8OsC_list[data-layout="inline"] .opus_FY8OsC_row {
+  grid-template-columns: minmax(7rem, 11rem) minmax(0, 1fr);
+  align-items: baseline;
+  gap: 16px;
+}
+
+.opus_FY8OsC_term {
+  color: var(--opus-muted);
+  letter-spacing: .02em;
+  margin: 0;
+  font-size: .78rem;
+  font-weight: 650;
+}
+
+.opus_FY8OsC_details {
+  color: var(--opus-text);
+  margin: 0;
+  font-size: .92rem;
+  line-height: 1.45;
+}
+
+/* components/PropertyGrid/PropertyGrid.module.css */
+.opus_Bnfsue_grid {
+  border: 1px solid var(--opus-border);
+  border-radius: var(--opus-input-radius-large, 6px);
+  background: color-mix(in srgb, var(--opus-panel) 92%, transparent);
+  width: 100%;
+  display: grid;
+  overflow: hidden;
+}
+
+.opus_Bnfsue_row {
+  border-bottom: 1px solid var(--opus-border);
+  grid-template-columns: minmax(8rem, 12rem) minmax(0, 1fr);
+  display: grid;
+}
+
+.opus_Bnfsue_row:last-child {
+  border-bottom: 0;
+}
+
+.opus_Bnfsue_label {
+  background: color-mix(in srgb, var(--opus-muted) 8%, transparent);
+  color: var(--opus-muted);
+  padding: 10px 12px;
+  font-size: .78rem;
+  font-weight: 650;
+}
+
+.opus_Bnfsue_valueCell {
+  justify-content: space-between;
+  align-items: center;
+  gap: 10px;
+  min-width: 0;
+  padding: 10px 12px;
+  display: flex;
+}
+
+.opus_Bnfsue_value {
+  min-width: 0;
+  color: var(--opus-text);
+  font-family: var(--font-ibm-plex-mono), ui-monospace, monospace;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: .8rem;
+  overflow: hidden;
+}
+
+.opus_Bnfsue_copy {
+  border: 1px solid var(--opus-border);
+  color: var(--opus-muted);
+  cursor: pointer;
+  background: none;
+  border-radius: 999px;
+  flex-shrink: 0;
+  padding: 4px 8px;
+  font-size: .7rem;
+  font-weight: 650;
+}
+
+.opus_Bnfsue_copy:hover {
+  color: var(--opus-text);
+  border-color: color-mix(in srgb, var(--opus-accent) 40%, var(--opus-border));
+}
+
+.opus_Bnfsue_copy:focus-visible {
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--opus-accent) 24%, transparent);
+  outline: none;
+}
+
+@media (width <= 560px) {
+  .opus_Bnfsue_row {
+    grid-template-columns: 1fr;
+  }
+
+  .opus_Bnfsue_label {
+    border-bottom: 1px solid var(--opus-border);
+  }
+}
+
+/* components/ContentTimeline/ContentTimeline.module.css */
+.opus_vApy-v_list {
+  gap: 0;
+  width: 100%;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: grid;
+}
+
+.opus_vApy-v_item {
+  grid-template-columns: 20px minmax(0, 1fr);
+  align-items: stretch;
+  gap: 14px;
+  display: grid;
+}
+
+.opus_vApy-v_rail {
+  flex-direction: column;
+  align-items: center;
+  padding-top: 4px;
+  display: flex;
+  position: relative;
+}
+
+.opus_vApy-v_dot {
+  background: var(--opus-accent);
+  width: 10px;
+  height: 10px;
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--opus-accent) 18%, transparent);
+  border-radius: 999px;
+  flex-shrink: 0;
+}
+
+.opus_vApy-v_item[data-status="success"] .opus_vApy-v_dot {
+  background: #16a34a;
+  box-shadow: 0 0 0 3px #22c55e2e;
+}
+
+.opus_vApy-v_item[data-status="warning"] .opus_vApy-v_dot {
+  background: #d97706;
+  box-shadow: 0 0 0 3px #f59e0b2e;
+}
+
+.opus_vApy-v_item[data-status="danger"] .opus_vApy-v_dot {
+  background: #dc2626;
+  box-shadow: 0 0 0 3px #ef44442e;
+}
+
+.opus_vApy-v_item[data-status="muted"] .opus_vApy-v_dot {
+  background: var(--opus-muted);
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--opus-muted) 16%, transparent);
+}
+
+.opus_vApy-v_line {
+  background: color-mix(in srgb, var(--opus-border) 90%, transparent);
+  flex: 1;
+  width: 2px;
+  min-height: 18px;
+  margin-top: 6px;
+}
+
+.opus_vApy-v_body {
+  min-width: 0;
+  padding-bottom: 22px;
+}
+
+.opus_vApy-v_item:last-child .opus_vApy-v_body {
+  padding-bottom: 0;
+}
+
+.opus_vApy-v_head {
+  justify-content: space-between;
+  align-items: baseline;
+  gap: 12px;
+  display: flex;
+}
+
+.opus_vApy-v_title {
+  color: var(--opus-text);
+  margin: 0;
+  font-size: .92rem;
+  font-weight: 650;
+}
+
+.opus_vApy-v_time {
+  color: var(--opus-muted);
+  white-space: nowrap;
+  font-size: .76rem;
+}
+
+.opus_vApy-v_description {
+  color: var(--opus-muted);
+  margin: 6px 0 0;
+  font-size: .84rem;
+  line-height: 1.45;
+}
+
+/* components/TreeView/TreeView.module.css */
+.opus_NlkzXy_tree, .opus_NlkzXy_children {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.opus_NlkzXy_tree {
+  border: 1px solid var(--opus-border);
+  border-radius: var(--opus-input-radius-large, 6px);
+  background: color-mix(in srgb, var(--opus-panel) 92%, transparent);
+  width: 100%;
+  overflow: hidden;
+}
+
+.opus_NlkzXy_node {
+  display: grid;
+}
+
+.opus_NlkzXy_row {
+  border-bottom: 1px solid color-mix(in srgb, var(--opus-border) 70%, transparent);
+  align-items: center;
+  gap: 6px;
+  min-height: 36px;
+  padding-right: 12px;
+  display: flex;
+}
+
+.opus_NlkzXy_node:last-child > .opus_NlkzXy_row {
+  border-bottom: 0;
+}
+
+.opus_NlkzXy_toggle, .opus_NlkzXy_leafMark {
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  width: 22px;
+  height: 22px;
+  display: inline-flex;
+}
+
+.opus_NlkzXy_toggle {
+  color: var(--opus-muted);
+  cursor: pointer;
+  background: none;
+  border: 0;
+  border-radius: 6px;
+  padding: 0;
+}
+
+.opus_NlkzXy_toggle:hover {
+  background: color-mix(in srgb, var(--opus-accent) 12%, transparent);
+  color: var(--opus-text);
+}
+
+.opus_NlkzXy_toggle:focus-visible {
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--opus-accent) 24%, transparent);
+  outline: none;
+}
+
+.opus_NlkzXy_leafMark {
+  color: #0000;
+}
+
+.opus_NlkzXy_label {
+  color: var(--opus-text);
+  font-size: .86rem;
+  font-weight: 550;
+}
+
+/* components/MasonryGrid/MasonryGrid.module.css */
+.opus_Fxxd7-_grid {
+  width: 100%;
+}
+
+.opus_Fxxd7-_card {
+  break-inside: avoid;
+  page-break-inside: avoid;
+  border: 1px solid var(--opus-border);
+  border-radius: var(--opus-input-radius-large, 6px);
+  background: linear-gradient(180deg, color-mix(in srgb, var(--opus-accent) 8%, transparent), transparent 48%),
+    color-mix(in srgb, var(--opus-panel) 94%, transparent);
+  gap: 8px;
+  padding: 16px;
+  display: grid;
+}
+
+.opus_Fxxd7-_title {
+  color: var(--opus-text);
+  margin: 0;
+  font-size: .9rem;
+  font-weight: 650;
+}
+
+.opus_Fxxd7-_body {
+  color: var(--opus-muted);
+  margin: 0;
+  font-size: .82rem;
+  line-height: 1.45;
+}
+
+@media (width <= 720px) {
+  .opus_Fxxd7-_grid {
+    column-count: 2 !important;
+  }
+}
+
+@media (width <= 480px) {
+  .opus_Fxxd7-_grid {
+    column-count: 1 !important;
+  }
+}
+
+/* components/JsonViewer/JsonViewer.module.css */
+.opus_uLDgXq_root {
+  border: 1px solid var(--opus-border);
+  border-radius: var(--opus-input-radius-large, 6px);
+  background: color-mix(in srgb, var(--opus-panel) 94%, #000 4%);
+  width: 100%;
+  max-height: 420px;
+  font-family: var(--font-ibm-plex-mono), ui-monospace, monospace;
+  padding: 12px;
+  font-size: .78rem;
+  line-height: 1.55;
+  overflow: auto;
+}
+
+.opus_uLDgXq_block, .opus_uLDgXq_children {
+  display: grid;
+}
+
+.opus_uLDgXq_line, .opus_uLDgXq_toggleLine {
+  text-align: left;
+  align-items: baseline;
+  gap: 4px;
+  min-height: 24px;
+  display: flex;
+}
+
+.opus_uLDgXq_toggleLine {
+  width: 100%;
+  color: inherit;
+  cursor: pointer;
+  font: inherit;
+  background: none;
+  border: 0;
+  padding: 0;
+}
+
+.opus_uLDgXq_toggleLine:hover {
+  background: color-mix(in srgb, var(--opus-accent) 8%, transparent);
+}
+
+.opus_uLDgXq_toggleLine:focus-visible {
+  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--opus-accent) 28%, transparent);
+  outline: none;
+}
+
+.opus_uLDgXq_chevron {
+  width: 12px;
+  color: var(--opus-muted);
+  flex-shrink: 0;
+}
+
+.opus_uLDgXq_key {
+  color: color-mix(in srgb, var(--opus-accent) 80%, var(--opus-text));
+}
+
+.opus_uLDgXq_summary {
+  color: var(--opus-muted);
+}
+
+.opus_uLDgXq_string {
+  color: #16a34a;
+}
+
+.opus_uLDgXq_number {
+  color: #2563eb;
+}
+
+.opus_uLDgXq_boolean {
+  color: #d97706;
+}
+
+.opus_uLDgXq_null {
+  color: var(--opus-muted);
+}
+
+[data-theme="dark"] .opus_uLDgXq_string {
+  color: #86efac;
+}
+
+[data-theme="dark"] .opus_uLDgXq_number {
+  color: #93c5fd;
+}
+
+[data-theme="dark"] .opus_uLDgXq_boolean {
+  color: #fcd34d;
+}
+
+/* components/Icon/Icon.module.css */
+.opus_7ASn4M_icon {
+  color: var(--opus-text);
+  place-items: center;
+  line-height: 1;
+  display: inline-grid;
+}
+
+.opus_7ASn4M_icon[data-size="sm"] {
+  width: .75rem;
+  height: .75rem;
+  font-size: .75rem;
+}
+
+.opus_7ASn4M_icon[data-size="md"] {
+  width: 1rem;
+  height: 1rem;
+  font-size: 1rem;
+}
+
+.opus_7ASn4M_icon[data-size="lg"] {
+  width: 1.35rem;
+  height: 1.35rem;
+  font-size: 1.35rem;
+}
+
+.opus_7ASn4M_icon[data-tone="muted"] {
+  color: var(--opus-muted);
+}
+
+.opus_7ASn4M_icon[data-tone="accent"] {
+  color: var(--opus-accent);
+}
+
+.opus_7ASn4M_icon[data-tone="success"] {
+  color: #22c55e;
+}
+
+.opus_7ASn4M_icon[data-tone="warning"] {
+  color: #f59e0b;
+}
+
+.opus_7ASn4M_icon[data-tone="danger"] {
+  color: #f43f5e;
+}
+
+.opus_7ASn4M_icon svg {
+  width: 1em !important;
+  height: 1em !important;
+}
+
+/* components/Spinner/Spinner.module.css */
+.opus_g5cd4Q_spinner {
+  place-items: center;
+  line-height: 0;
+  display: inline-grid;
+}
+
+.opus_g5cd4Q_spinner[data-size="sm"] {
+  width: 16px;
+  height: 16px;
+}
+
+.opus_g5cd4Q_spinner[data-size="md"] {
+  width: 24px;
+  height: 24px;
+}
+
+.opus_g5cd4Q_spinner[data-size="lg"] {
+  width: 36px;
+  height: 36px;
+}
+
+.opus_g5cd4Q_ring {
+  box-sizing: border-box;
+  border-style: solid;
+  border-width: 2px;
+  border-color: color-mix(in srgb, var(--opus-accent) 28%, transparent);
+  border-top-color: var(--opus-accent);
+  border-radius: 50%;
+  width: 100%;
+  height: 100%;
+  animation: .75s linear infinite opus_g5cd4Q_opus-spinner-rotate;
+}
+
+.opus_g5cd4Q_spinner[data-tone="muted"] .opus_g5cd4Q_ring {
+  border-color: color-mix(in srgb, var(--opus-muted) 28%, transparent);
+  border-top-color: var(--opus-muted);
+}
+
+.opus_g5cd4Q_spinner[data-tone="inverse"] .opus_g5cd4Q_ring {
+  border-color: #fff #ffffff47 #ffffff47;
+}
+
+@keyframes opus_g5cd4Q_opus-spinner-rotate {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+/* components/VisuallyHidden/VisuallyHidden.module.css */
+.opus_DIv7wy_hidden {
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  position: absolute;
+  overflow: hidden;
+}
+
+/* components/FocusTrap/FocusTrap.module.css */
+.opus_fJckCZ_trap {
+  display: contents;
+}
+
+.opus_fJckCZ_trap[data-active="true"] {
+  outline: none;
+}
+
+/* components/KeyboardShortcut/KeyboardShortcut.module.css */
+.opus_pZh5vX_shortcut {
+  color: var(--opus-muted);
+  align-items: center;
+  gap: 4px;
+  font-family: inherit;
+  font-weight: 700;
+  display: inline-flex;
+}
+
+.opus_pZh5vX_shortcut[data-size="sm"] .opus_pZh5vX_key {
+  min-width: 1.35rem;
+  min-height: 1.35rem;
+  padding: 0 5px;
+  font-size: .68rem;
+}
+
+.opus_pZh5vX_shortcut[data-size="md"] .opus_pZh5vX_key {
+  min-width: 1.55rem;
+  min-height: 1.55rem;
+  padding: 0 7px;
+  font-size: .74rem;
+}
+
+.opus_pZh5vX_key {
+  border: 1px solid color-mix(in srgb, var(--opus-border) 85%, transparent);
+  background: color-mix(in srgb, var(--opus-panel) 88%, transparent);
+  box-shadow: inset 0 -1px 0 color-mix(in srgb, var(--opus-border) 70%, transparent);
+  color: var(--opus-text);
+  text-transform: capitalize;
+  border-radius: 6px;
+  place-items: center;
+  display: inline-grid;
+}
+
+.opus_pZh5vX_plus {
+  opacity: .7;
+  margin: 0 1px;
+}
+
+/* components/CopyButton/CopyButton.module.css */
+.opus_Ij6tWr_wrap {
+  display: inline-flex;
+}
+
 /* components/Sidebar/Sidebar.module.css */
 .opus_4Pogux_layout {
   border: 1px solid var(--opus-border);