@makaio/framework 1.0.0-dev-1781022866275 → 1.0.0-dev-1781023871421

package/dist/style.css

@@ -0,0 +1,3782 @@
+._1YnlUa_appShell {
+  background: var(--color-bg-primary);
+  width: 100%;
+  min-height: 100vh;
+  color: var(--color-text-primary);
+  font-family: var(--font-ui);
+  grid-template: "_1YnlUa_sidebar _1YnlUa_main" 1fr
+  / auto 1fr;
+  display: grid;
+  overflow: hidden;
+}
+
+._1YnlUa_appShell._1YnlUa_sidebarCollapsed {
+  grid-template-columns: 0 1fr;
+}
+
+._1YnlUa_appShell._1YnlUa_sidebarCollapsed ._1YnlUa_sidebar {
+  display: none;
+}
+
+._1YnlUa_sidebar {
+  background: var(--color-bg-primary);
+  border-right: 1px solid var(--color-border-subtle);
+  z-index: 20;
+  grid-area: _1YnlUa_sidebar;
+  height: 100vh;
+  overflow: hidden;
+  box-shadow: .25rem 0 1.5rem #0d0f1266;
+}
+
+._1YnlUa_mainWrapper {
+  background: radial-gradient(circle at top right, var(--color-bg-tertiary), var(--color-bg-primary) 50%, var(--color-bg-primary));
+  flex-direction: column;
+  grid-area: _1YnlUa_main;
+  height: 100vh;
+  display: flex;
+  overflow: hidden;
+}
+
+._1YnlUa_topbar {
+  backdrop-filter: blur(.25rem);
+  border-bottom: 1px solid var(--color-border-subtle);
+  z-index: 20;
+  background: #0d0f124d;
+  flex-shrink: 0;
+  align-items: center;
+  height: 3.5rem;
+  padding: 0 1.5rem;
+  display: flex;
+}
+
+._1YnlUa_main {
+  flex-direction: column;
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  overflow-y: auto;
+}
+
+._1YnlUa_main::-webkit-scrollbar {
+  width: .375rem;
+}
+
+._1YnlUa_main::-webkit-scrollbar-track {
+  background: none;
+}
+
+._1YnlUa_main::-webkit-scrollbar-thumb {
+  background: var(--color-border-default);
+  border-radius: .1875rem;
+}
+
+._1YnlUa_main::-webkit-scrollbar-thumb:hover {
+  background: #e9eaed33;
+}
+
+._1YnlUa_bottomPanel {
+  z-index: 20;
+  flex-shrink: 0;
+}
+
+._1YnlUa_footer {
+  border-top: 1px solid var(--color-border-subtle);
+  background: var(--color-bg-secondary);
+  flex-shrink: 0;
+  padding: 1rem 1.5rem;
+}
+._WVYnW_header {
+  justify-content: space-between;
+  align-items: center;
+  min-height: 4rem;
+  padding: 1rem 1.5rem;
+  display: flex;
+}
+
+._WVYnW_titleSection {
+  flex-direction: column;
+  gap: .25rem;
+  display: flex;
+}
+
+._WVYnW_title {
+  color: var(--color-text-primary);
+  margin: 0;
+  font-family: Inter, system-ui, -apple-system, sans-serif;
+  font-size: 1.5rem;
+  font-weight: 600;
+}
+
+._WVYnW_subtitle {
+  color: var(--color-text-muted);
+  margin: 0;
+  font-size: .875rem;
+}
+
+._WVYnW_actions {
+  align-items: center;
+  gap: .5rem;
+  display: flex;
+}
+
+._WVYnW_textAction {
+  color: var(--color-text-secondary);
+  cursor: pointer;
+  background: none;
+  border: 1px solid #0000;
+  border-radius: .5rem;
+  align-items: center;
+  padding: .5rem .75rem;
+  font-family: Quicksand, system-ui, -apple-system, sans-serif;
+  font-size: .875rem;
+  font-weight: 500;
+  transition: all .2s ease-out;
+  display: flex;
+}
+
+._WVYnW_textAction:hover {
+  color: var(--color-text-primary);
+  border-color: var(--color-border-subtle);
+  background: linear-gradient(90deg, #e9eaed14, #e9eaed05);
+}
+
+._WVYnW_textAction:focus-visible {
+  outline: 2px solid var(--color-accent-primary);
+  outline-offset: 2px;
+}
+
+._WVYnW_textAction:disabled {
+  opacity: .5;
+  cursor: not-allowed;
+}
+
+._WVYnW_iconAction {
+  width: 2.25rem;
+  height: 2.25rem;
+  color: var(--color-text-secondary);
+  cursor: pointer;
+  background: none;
+  border: 1px solid #0000;
+  border-radius: 50%;
+  justify-content: center;
+  align-items: center;
+  transition: all .2s ease-out;
+  display: flex;
+}
+
+._WVYnW_iconAction:hover {
+  color: var(--color-text-primary);
+  background: #e9eaed0d;
+}
+
+._WVYnW_iconAction:focus-visible {
+  outline: 2px solid var(--color-accent-primary);
+  outline-offset: 2px;
+}
+
+._WVYnW_iconAction._WVYnW_active {
+  background: var(--color-info-bg);
+  color: var(--color-info);
+  border-color: #3b82f64d;
+}
+
+._WVYnW_iconAction:disabled {
+  opacity: .5;
+  cursor: not-allowed;
+}
+.D5o48W_glassPanel {
+  backdrop-filter: blur(12px);
+  background-color: #15181dcc;
+  border: 1px solid #ffffff0d;
+  border-radius: 1rem;
+  box-shadow: 0 4px 20px -2px #00000080;
+}
+
+.D5o48W_hoverable {
+  transition: all .2s ease-out;
+}
+
+.D5o48W_hoverable:hover {
+  background: #1d2128cc;
+  border: 1px solid #e9eaed1a;
+}
+.WyQBIW_sidebar {
+  border-right: 1px solid var(--color-border-subtle);
+  background: var(--color-bg-primary);
+  z-index: 20;
+  flex-direction: column;
+  align-items: center;
+  width: 4rem;
+  height: 100%;
+  padding: 1.5rem 0;
+  display: flex;
+  box-shadow: .25rem 0 1.5rem #0d0f1266;
+}
+
+.WyQBIW_navSection {
+  flex-direction: column;
+  flex: 1;
+  align-items: center;
+  gap: 1rem;
+  width: 100%;
+  display: flex;
+}
+
+.WyQBIW_bottomSection {
+  flex-direction: column;
+  align-items: center;
+  gap: 1rem;
+  display: flex;
+}
+
+.WyQBIW_navItem {
+  width: 2.5rem;
+  height: 2.5rem;
+  color: var(--color-text-secondary);
+  cursor: pointer;
+  transition: background-color color ease-out;
+  background: none;
+  border: none;
+  border-radius: .75rem;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  position: relative;
+}
+
+.WyQBIW_navItem:hover {
+  color: var(--color-text-primary);
+  background: #e9eaed0d;
+}
+
+.WyQBIW_navItem:focus-visible {
+  outline: 2px solid var(--color-accent-primary);
+  outline-offset: 2px;
+}
+
+.WyQBIW_navItem.WyQBIW_active {
+  color: var(--color-accent-primary);
+  background: #f59e0b1a;
+}
+
+.WyQBIW_navItem.WyQBIW_active .WyQBIW_activeIndicator {
+  background: var(--color-accent-primary);
+  border-radius: 0 .25rem .25rem 0;
+  width: .25rem;
+  height: 1rem;
+  position: absolute;
+  left: 0;
+  box-shadow: 0 0 15px #f59e0b26;
+}
+
+.WyQBIW_icon {
+  justify-content: center;
+  align-items: center;
+  width: 1.25rem;
+  height: 1.25rem;
+  display: flex;
+}
+
+.WyQBIW_icon svg {
+  width: 100%;
+  height: 100%;
+}
+.F05FMG_toggleButton {
+  width: 1.5rem;
+  height: 1.5rem;
+  color: var(--color-text-muted);
+  cursor: pointer;
+  z-index: 10;
+  background: none;
+  border: none;
+  border-radius: .5rem;
+  justify-content: center;
+  align-items: center;
+  transition: all .15s;
+  display: flex;
+  position: absolute;
+  bottom: 1rem;
+  right: 1rem;
+}
+
+.F05FMG_toggleButton:hover {
+  color: var(--color-text-primary);
+  background-color: var(--color-bg-tertiary);
+}
+
+.F05FMG_sidebar {
+  background: var(--color-bg-primary);
+  border-right: 1px solid var(--color-border-subtle);
+  z-index: 30;
+  flex-direction: column;
+  width: 16rem;
+  min-width: 12.5rem;
+  height: 100%;
+  transition: width .3s;
+  display: flex;
+  position: relative;
+  box-shadow: 4px 0 24px #0006;
+}
+
+.F05FMG_sidebar.F05FMG_collapsed {
+  width: 4rem;
+  min-width: 4rem;
+}
+
+.F05FMG_sidebar.F05FMG_collapsed .F05FMG_title, .F05FMG_sidebar.F05FMG_collapsed .F05FMG_logo, .F05FMG_sidebar.F05FMG_collapsed .F05FMG_shortcut, .F05FMG_sidebar.F05FMG_collapsed .F05FMG_sectionTitle {
+  display: none;
+}
+
+.F05FMG_sidebar.F05FMG_collapsed .F05FMG_navLabel {
+  clip: rect(0, 0, 0, 0);
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border: 0;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  position: absolute;
+  overflow: hidden;
+}
+
+.F05FMG_sidebar.F05FMG_collapsed .F05FMG_navIcon {
+  margin: 0;
+}
+
+.F05FMG_sidebar.F05FMG_collapsed .F05FMG_navLink {
+  justify-content: center;
+  padding: .5rem;
+}
+
+.F05FMG_sidebar.F05FMG_collapsed .F05FMG_footer {
+  display: none;
+}
+
+.F05FMG_sidebar.F05FMG_collapsed .F05FMG_section + .F05FMG_section {
+  border-top: none;
+  margin-top: .25rem;
+  padding-top: .25rem;
+}
+
+.F05FMG_sidebar.F05FMG_collapsed .F05FMG_toggleButton {
+  bottom: 1rem;
+  right: 50%;
+  transform: translateX(50%);
+}
+
+.F05FMG_header {
+  border-bottom: 1px solid #0000;
+  justify-content: center;
+  align-items: center;
+  min-height: 5rem;
+  padding: 0;
+  display: flex;
+}
+
+.F05FMG_logo {
+  width: auto;
+  height: 6rem;
+  color: var(--color-accent-primary);
+}
+
+.F05FMG_title {
+  color: var(--color-text-muted);
+  text-transform: uppercase;
+  letter-spacing: .05em;
+  margin: 0;
+  font-family: Quicksand, system-ui, -apple-system, sans-serif;
+  font-size: .875rem;
+  font-weight: 600;
+}
+
+.F05FMG_nav {
+  flex-direction: column;
+  flex: 1;
+  align-items: center;
+  padding: 1rem 0;
+  display: flex;
+  overflow-y: auto;
+}
+
+.F05FMG_navList {
+  width: 100%;
+  margin: 0;
+  padding: 0 1rem;
+  list-style: none;
+}
+
+.F05FMG_navItem {
+  margin-bottom: .5rem;
+}
+
+.F05FMG_navLink {
+  color: #9ca3af;
+  background: none;
+  border: 1px solid #0000;
+  border-radius: .75rem;
+  align-items: center;
+  gap: .75rem;
+  padding: .625rem .75rem;
+  font-family: Quicksand, system-ui, -apple-system, sans-serif;
+  font-size: .875rem;
+  font-weight: 500;
+  text-decoration: none;
+  transition: all .2s ease-out;
+  display: flex;
+  position: relative;
+}
+
+.F05FMG_navLink:hover {
+  color: #e9eaed;
+  background: linear-gradient(90deg, #ffffff14 0%, #ffffff05 100%);
+  border-color: #ffffff0d;
+}
+
+.F05FMG_navLink:focus-visible {
+  outline-offset: 2px;
+  outline: 2px solid #f59e0b;
+}
+
+.F05FMG_navLink {
+  text-align: left;
+  cursor: pointer;
+  width: 100%;
+}
+
+.F05FMG_staticItem {
+  cursor: default;
+}
+
+.F05FMG_navLink.F05FMG_active {
+  color: #f59e0b;
+  background: linear-gradient(90deg, #f59e0b26 0%, #f59e0b0d 100%);
+  border-color: #f59e0b4d;
+}
+
+.F05FMG_navLink.F05FMG_active:after {
+  content: "";
+  background-color: #f59e0b;
+  border-top-right-radius: .25rem;
+  border-bottom-right-radius: .25rem;
+  width: 4px;
+  height: 16px;
+  position: absolute;
+  top: 50%;
+  left: 0;
+  transform: translateY(-50%);
+  box-shadow: 0 0 15px #f59e0b26;
+}
+
+.F05FMG_navLink.F05FMG_active .F05FMG_navIcon {
+  color: var(--color-accent-primary);
+}
+
+.F05FMG_navIcon {
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  width: 1.25rem;
+  height: 1.25rem;
+  display: flex;
+  position: relative;
+}
+
+.F05FMG_badge {
+  color: #e9eaed;
+  text-align: center;
+  white-space: nowrap;
+  pointer-events: none;
+  background: #ef4444;
+  border-radius: 9999px;
+  min-width: .75rem;
+  height: .75rem;
+  padding: 0 .1875rem;
+  font-family: Inter, system-ui, -apple-system, sans-serif;
+  font-size: .625rem;
+  font-weight: 600;
+  line-height: .75rem;
+  position: absolute;
+  top: .125rem;
+  right: .125rem;
+  transform: translate(50%, -50%);
+}
+
+.F05FMG_navLabel {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: 1;
+  overflow: hidden;
+}
+
+.F05FMG_shortcut {
+  color: var(--color-text-muted);
+  opacity: .7;
+  flex-shrink: 0;
+  font-size: .75rem;
+}
+
+.F05FMG_section {
+  width: 100%;
+  margin: 0;
+  padding: 0;
+}
+
+.F05FMG_section + .F05FMG_section {
+  border-top: 1px solid var(--color-border-subtle);
+  margin-top: 1rem;
+  padding-top: 1rem;
+}
+
+.F05FMG_sectionTitle {
+  font-family: var(--font-ui);
+  color: var(--color-text-muted);
+  text-transform: uppercase;
+  letter-spacing: .05em;
+  margin: 0 0 .25rem;
+  padding: .25rem 1rem;
+  font-size: .75rem;
+  font-weight: 600;
+}
+
+.F05FMG_footer {
+  border-top: 1px solid var(--color-border-subtle);
+  margin-top: auto;
+  padding: 1rem;
+}
+._85zTlG_splitPane {
+  flex-direction: column;
+  display: flex;
+  position: absolute;
+  inset: 0;
+}
+
+._85zTlG_panel {
+  min-height: 0;
+  overflow: hidden;
+}
+
+._85zTlG_leafPane {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+
+._85zTlG_resizeHandle {
+  background: none;
+  transition: background-color .2s ease-out, color .2s ease-out, border-color .2s ease-out;
+  position: relative;
+}
+
+._85zTlG_resizeHandle:hover, ._85zTlG_resizeHandle:active {
+  background: #f59e0b;
+}
+
+._85zTlG_resizeHandle[data-orientation="vertical"] {
+  cursor: row-resize;
+  height: 1px;
+}
+
+._85zTlG_resizeHandle[data-orientation="vertical"]:before {
+  content: "";
+  background: none;
+  height: .5625rem;
+  position: absolute;
+  top: -.25rem;
+  left: 0;
+  right: 0;
+}
+
+._85zTlG_resizeHandle[data-orientation="vertical"]:hover:before, ._85zTlG_resizeHandle[data-orientation="vertical"]:active:before {
+  opacity: .3;
+  background: #f59e0b;
+}
+
+._85zTlG_resizeHandle[data-orientation="horizontal"] {
+  cursor: col-resize;
+  width: 1px;
+}
+
+._85zTlG_resizeHandle[data-orientation="horizontal"]:before {
+  content: "";
+  background: none;
+  width: .5625rem;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: -.25rem;
+}
+
+._85zTlG_resizeHandle[data-orientation="horizontal"]:hover:before, ._85zTlG_resizeHandle[data-orientation="horizontal"]:active:before {
+  opacity: .3;
+  background: #f59e0b;
+}
+.TwpDyW_topbar {
+  background: var(--color-bg-secondary);
+  border-bottom: 1px solid var(--color-border-subtle);
+  height: 3.5rem;
+  font-family: var(--font-nav);
+  z-index: 20;
+  justify-content: space-between;
+  align-items: center;
+  gap: 1rem;
+  padding: 0 1.5rem;
+  display: flex;
+  position: relative;
+}
+
+.TwpDyW_breadcrumbs {
+  flex: 1;
+  align-items: center;
+  gap: .75rem;
+  min-width: 0;
+  display: flex;
+}
+
+.TwpDyW_crumbWrapper {
+  align-items: center;
+  gap: .75rem;
+  display: flex;
+}
+
+.TwpDyW_crumbLink {
+  color: var(--color-text-muted);
+  cursor: pointer;
+  font-size: .875rem;
+  font-weight: 500;
+  text-decoration: none;
+  transition: color .2s ease-out;
+}
+
+.TwpDyW_crumbLink:hover {
+  color: var(--color-text-primary);
+}
+
+.TwpDyW_crumb {
+  color: var(--color-text-primary);
+  cursor: default;
+  font-size: .875rem;
+  font-weight: 500;
+}
+
+.TwpDyW_crumb:is(button) {
+  cursor: pointer;
+  transition: color .2s ease-out;
+}
+
+.TwpDyW_crumb:is(button):hover {
+  color: var(--color-text-primary);
+}
+
+.TwpDyW_separator {
+  color: var(--color-text-muted);
+  user-select: none;
+  font-size: .875rem;
+}
+
+.TwpDyW_actions {
+  flex-shrink: 0;
+  align-items: center;
+  gap: .5rem;
+  display: flex;
+}
+._8kV5-W_page {
+  background-color: var(--color-bg-primary);
+  flex-direction: column;
+  flex: 1;
+  width: 100%;
+  height: 100%;
+  min-height: 0;
+  display: flex;
+  overflow: hidden;
+}
+
+._8kV5-W_content {
+  flex-direction: column;
+  flex: 1;
+  min-height: 0;
+  padding: 1.5rem;
+  display: flex;
+  position: relative;
+  overflow: auto;
+}
+
+._8kV5-W_content._8kV5-W_noPadding {
+  padding: 0;
+}
+.rHtY2G_panel {
+  backdrop-filter: blur(12px);
+  transition: border-color box-shadow ease-out;
+  background: #15181dcc;
+  border: 1px solid #e9eaed0d;
+  border-radius: 1rem;
+  flex-direction: column;
+  font-family: Inter, system-ui, -apple-system, sans-serif;
+  display: flex;
+  box-shadow: 0 4px 20px -2px #0d0f1280;
+}
+
+.rHtY2G_elevated {
+  backdrop-filter: blur(16px);
+  background: #15181de6;
+  border: 1px solid #e9eaed14;
+  box-shadow: 0 8px 32px -4px #0d0f1299;
+}
+
+.rHtY2G_bordered {
+  backdrop-filter: blur(8px);
+  background: #15181d99;
+  border: 1px solid #e9eaed1a;
+  box-shadow: 0 4px 20px -2px #0d0f1280;
+}
+
+.rHtY2G_ghost {
+  backdrop-filter: none;
+  box-shadow: none;
+  background: none;
+  border: 1px solid #e9eaed0d;
+}
+
+.rHtY2G_fullHeight {
+  height: 100%;
+}
+
+.rHtY2G_header {
+  background: #0d0f121a;
+  border-bottom: 1px solid #e9eaed0d;
+  justify-content: space-between;
+  align-items: center;
+  gap: 1rem;
+  padding: 1rem 1.25rem;
+  display: flex;
+}
+
+.rHtY2G_headerMain {
+  flex: 1;
+  align-items: center;
+  gap: .75rem;
+  min-width: 0;
+  display: flex;
+}
+
+.rHtY2G_titlePrefix {
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.rHtY2G_titlePrefix svg {
+  width: 1rem;
+  height: 1rem;
+}
+
+.rHtY2G_headerText {
+  flex-direction: column;
+  gap: .25rem;
+  min-width: 0;
+  display: flex;
+}
+
+.rHtY2G_title {
+  color: var(--color-text-primary);
+  text-transform: uppercase;
+  letter-spacing: .05em;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  margin: 0;
+  font-size: .75rem;
+  font-weight: 600;
+  overflow: hidden;
+}
+
+.rHtY2G_subtitle {
+  color: var(--color-text-secondary);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  margin: 0;
+  font-size: .75rem;
+  font-weight: 400;
+  overflow: hidden;
+}
+
+.rHtY2G_actions {
+  flex-shrink: 0;
+  align-items: center;
+  gap: .5rem;
+  display: flex;
+}
+
+.rHtY2G_body {
+  flex: 1;
+  min-height: 0;
+  overflow: auto;
+}
+
+.rHtY2G_body::-webkit-scrollbar {
+  width: .375rem;
+  height: .375rem;
+}
+
+.rHtY2G_body::-webkit-scrollbar-track {
+  background: none;
+}
+
+.rHtY2G_body::-webkit-scrollbar-thumb {
+  background: #e9eaed1a;
+  border-radius: .1875rem;
+}
+
+.rHtY2G_body::-webkit-scrollbar-thumb:hover {
+  background: #e9eaed33;
+}
+
+.rHtY2G_padding-none {
+  padding: 0;
+}
+
+.rHtY2G_padding-sm {
+  padding: .75rem;
+}
+
+.rHtY2G_padding-md {
+  padding: 1.25rem;
+}
+
+.rHtY2G_padding-lg {
+  padding: 2rem;
+}
+.uxhQ6a_content {
+  flex: 1;
+  min-height: 0;
+  padding: 1rem;
+  overflow: auto;
+}
+._0BpSOW_slotPanel {
+  backdrop-filter: blur(.75rem);
+  background-color: #15181d99;
+  border: 1px solid #ffffff0d;
+  border-radius: .75rem;
+  flex-direction: column;
+  height: 100%;
+  min-height: 0;
+  display: flex;
+  overflow: hidden;
+  box-shadow: 0 4px 20px -2px #00000080;
+}
+
+._0BpSOW_padding-none {
+  padding: 0;
+}
+
+._0BpSOW_padding-sm {
+  padding: .5rem;
+}
+
+._0BpSOW_padding-md {
+  padding: .75rem;
+}
+
+._0BpSOW_padding-lg {
+  padding: 1rem;
+}
+.XE_tSG_button {
+  cursor: pointer;
+  white-space: nowrap;
+  border: none;
+  border-radius: .5rem;
+  justify-content: center;
+  align-items: center;
+  gap: .5rem;
+  font-family: Inter, system-ui, -apple-system, sans-serif;
+  font-weight: 500;
+  transition: background-color .2s, opacity .2s, transform .1s, box-shadow .2s, border-color .2s;
+  display: inline-flex;
+  position: relative;
+}
+
+.XE_tSG_button:focus-visible {
+  outline: 2px solid var(--color-accent-primary);
+  outline-offset: 2px;
+}
+
+.XE_tSG_button:disabled {
+  opacity: .5;
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.XE_tSG_button:active:not(:disabled) {
+  transform: scale(.98);
+}
+
+.XE_tSG_sm {
+  height: 1.75rem;
+  padding: 0 .75rem;
+  font-size: .75rem;
+}
+
+.XE_tSG_sm.XE_tSG_iconOnly {
+  width: 1.75rem;
+  padding: 0;
+}
+
+.XE_tSG_sm .XE_tSG_spinner {
+  width: .75rem;
+  height: .75rem;
+}
+
+.XE_tSG_md {
+  height: 2.25rem;
+  padding: 0 1rem;
+  font-size: .875rem;
+}
+
+.XE_tSG_md.XE_tSG_iconOnly {
+  width: 2.25rem;
+  padding: 0;
+}
+
+.XE_tSG_md .XE_tSG_spinner {
+  width: 1rem;
+  height: 1rem;
+}
+
+.XE_tSG_lg {
+  height: 2.75rem;
+  padding: 0 1.5rem;
+  font-size: 1rem;
+}
+
+.XE_tSG_lg.XE_tSG_iconOnly {
+  width: 2.75rem;
+  padding: 0;
+}
+
+.XE_tSG_lg .XE_tSG_spinner {
+  width: 1.125rem;
+  height: 1.125rem;
+}
+
+.XE_tSG_primary {
+  background: var(--color-accent-primary);
+  color: var(--color-bg-primary);
+  box-shadow: 0 0 15px #f59e0b26;
+}
+
+.XE_tSG_primary:hover:not(:disabled) {
+  background: var(--color-accent-primary-hover);
+  box-shadow: 0 0 20px #f59e0b40;
+}
+
+.XE_tSG_secondary {
+  color: var(--color-text-primary);
+  border: 1px solid var(--color-border-default);
+  background: #e9eaed0d;
+}
+
+.XE_tSG_secondary:hover:not(:disabled) {
+  border-color: var(--color-border-default);
+  background: #e9eaed1a;
+}
+
+.XE_tSG_ghost {
+  color: var(--color-text-secondary);
+  background: none;
+}
+
+.XE_tSG_ghost:hover:not(:disabled) {
+  color: var(--color-text-primary);
+  background: #e9eaed0d;
+}
+
+.XE_tSG_danger {
+  background: var(--color-danger);
+  color: var(--color-text-white);
+}
+
+.XE_tSG_danger:hover:not(:disabled) {
+  background: color-mix(in srgb, var(--color-danger) 85%, var(--color-bg-primary));
+}
+
+.XE_tSG_fullWidth {
+  width: 100%;
+}
+
+.XE_tSG_loading .XE_tSG_label, .XE_tSG_loading .XE_tSG_icon {
+  opacity: 0;
+}
+
+.XE_tSG_icon {
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.XE_tSG_icon svg {
+  width: 1em;
+  height: 1em;
+}
+
+.XE_tSG_label {
+  text-align: center;
+  flex: 1;
+}
+
+.XE_tSG_spinner {
+  border: 2px solid;
+  border-top-color: #0000;
+  border-radius: 50%;
+  animation: .6s linear infinite XE_tSG_makaio-spin;
+  position: absolute;
+}
+
+@keyframes XE_tSG_makaio-spin {
+  from {
+    transform: rotate(0);
+  }
+
+  to {
+    transform: rotate(360deg);
+  }
+}
+._6p65aW_badge {
+  white-space: nowrap;
+  vertical-align: middle;
+  border-style: solid;
+  border-width: 1px;
+  border-radius: .375rem;
+  align-items: center;
+  gap: .25rem;
+  font-family: Inter, system-ui, -apple-system, sans-serif;
+  font-weight: 500;
+  line-height: 1;
+  display: inline-flex;
+}
+
+._6p65aW_size-sm {
+  text-transform: uppercase;
+  letter-spacing: .05em;
+  height: 1.25rem;
+  padding: .125rem .5rem;
+  font-size: .75rem;
+}
+
+._6p65aW_size-sm ._6p65aW_icon, ._6p65aW_size-sm ._6p65aW_icon svg {
+  width: .75rem;
+  height: .75rem;
+}
+
+._6p65aW_size-md {
+  height: 1.5rem;
+  padding: 0 .625rem;
+  font-size: .75rem;
+}
+
+._6p65aW_size-md ._6p65aW_icon, ._6p65aW_size-md ._6p65aW_icon svg {
+  width: .875rem;
+  height: .875rem;
+}
+
+._6p65aW_icon {
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  display: inline-flex;
+}
+
+._6p65aW_content {
+  align-items: center;
+  display: inline-flex;
+}
+
+._6p65aW_variant-default {
+  color: #9ca3af;
+  background: #1d212880;
+  border-color: #e9eaed1a;
+}
+
+._6p65aW_variant-primary {
+  color: #f59e0b;
+  background: #f59e0b1a;
+  border-color: #f59e0b33;
+}
+
+._6p65aW_variant-success {
+  color: #22c55e;
+  background: #22c55e1a;
+  border-color: #22c55e33;
+}
+
+._6p65aW_variant-warning {
+  color: #f59e0b;
+  background: #f59e0b1a;
+  border-color: #f59e0b33;
+}
+
+._6p65aW_variant-danger {
+  color: #ef4444;
+  background: #ef44441a;
+  border-color: #ef444433;
+}
+
+._6p65aW_variant-info {
+  color: #3b82f6;
+  background: #3b82f61a;
+  border-color: #3b82f633;
+}
+.yQNseG_wrapper {
+  flex-direction: column;
+  gap: .375rem;
+  display: flex;
+}
+
+.yQNseG_label {
+  font-family: var(--font-ui);
+  color: var(--color-text-primary);
+  margin-bottom: .125rem;
+  font-size: .875rem;
+  font-weight: 500;
+}
+
+.yQNseG_inputContainer {
+  align-items: center;
+  display: flex;
+  position: relative;
+}
+
+.yQNseG_input {
+  border: 1px solid var(--color-border-default);
+  border-radius: var(--radius-lg);
+  background: var(--color-bg-primary);
+  width: 100%;
+  color: var(--color-text-primary);
+  font-family: var(--font-ui);
+  transition: border-color box-shadow background-color;
+}
+
+.yQNseG_input::placeholder {
+  color: var(--color-text-muted);
+  opacity: .7;
+}
+
+.yQNseG_input:hover:not(:disabled):not(.yQNseG_error) {
+  border-color: color-mix(in srgb, var(--color-text-primary) 15%, transparent);
+  background: var(--color-bg-secondary);
+}
+
+.yQNseG_input:focus:not(:disabled):not(.yQNseG_error) {
+  border-color: var(--color-accent-primary);
+  background: var(--color-bg-secondary);
+  outline: none;
+  box-shadow: 0 0 15px #f59e0b26;
+}
+
+.yQNseG_input:disabled {
+  opacity: .5;
+  cursor: not-allowed;
+  background: var(--color-bg-primary);
+}
+
+.yQNseG_sm {
+  height: 2.25rem;
+  padding: 0 .75rem;
+  font-size: .75rem;
+}
+
+.yQNseG_sm.yQNseG_hasLeftIcon {
+  padding-left: 2.25rem;
+}
+
+.yQNseG_sm.yQNseG_hasRightIcon {
+  padding-right: 2.25rem;
+}
+
+.yQNseG_md {
+  height: 2.75rem;
+  padding: 0 .875rem;
+  font-size: .875rem;
+}
+
+.yQNseG_md.yQNseG_hasLeftIcon {
+  padding-left: 2.5rem;
+}
+
+.yQNseG_md.yQNseG_hasRightIcon {
+  padding-right: 2.5rem;
+}
+
+.yQNseG_lg {
+  height: 3.25rem;
+  padding: 0 1.125rem;
+  font-size: 1rem;
+}
+
+.yQNseG_lg.yQNseG_hasLeftIcon {
+  padding-left: 3rem;
+}
+
+.yQNseG_lg.yQNseG_hasRightIcon {
+  padding-right: 3rem;
+}
+
+.yQNseG_error {
+  border-color: var(--color-error);
+}
+
+.yQNseG_error:focus {
+  border-color: var(--color-error);
+  box-shadow: 0 0 0 3px var(--color-error-bg);
+  background: var(--color-bg-secondary);
+  outline: none;
+}
+
+.yQNseG_error:hover:not(:disabled) {
+  border-color: color-mix(in srgb, var(--color-error) 60%, transparent);
+}
+
+.yQNseG_leftIcon, .yQNseG_rightIcon {
+  color: var(--color-text-muted);
+  pointer-events: none;
+  justify-content: center;
+  align-items: center;
+  transition: color .2s ease-out;
+  display: flex;
+  position: absolute;
+}
+
+.yQNseG_leftIcon svg, .yQNseG_rightIcon svg {
+  width: 1em;
+  height: 1em;
+}
+
+.yQNseG_leftIcon {
+  left: .875rem;
+}
+
+.yQNseG_sm .yQNseG_leftIcon {
+  left: .75rem;
+}
+
+.yQNseG_lg .yQNseG_leftIcon {
+  left: 1.125rem;
+}
+
+.yQNseG_rightIcon {
+  right: .875rem;
+}
+
+.yQNseG_sm .yQNseG_rightIcon {
+  right: .75rem;
+}
+
+.yQNseG_lg .yQNseG_rightIcon {
+  right: 1.125rem;
+}
+
+.yQNseG_inputContainer:focus-within .yQNseG_leftIcon, .yQNseG_input:focus ~ .yQNseG_rightIcon {
+  color: var(--color-accent-primary);
+}
+
+.yQNseG_inputContainer:has(.yQNseG_error:focus) .yQNseG_leftIcon, .yQNseG_error:focus ~ .yQNseG_rightIcon {
+  color: var(--color-error);
+}
+
+.yQNseG_helperText {
+  font-family: var(--font-ui);
+  color: var(--color-text-secondary);
+  margin-top: .125rem;
+  font-size: .75rem;
+  line-height: 1.4;
+}
+
+.yQNseG_errorText {
+  color: var(--color-error);
+}
+.Fnu01q_wrapper {
+  flex-direction: column;
+  gap: .375rem;
+  display: flex;
+}
+
+.Fnu01q_label {
+  font-family: var(--font-ui);
+  color: var(--color-text-primary);
+  margin-bottom: .125rem;
+  font-size: .875rem;
+  font-weight: 500;
+}
+
+.Fnu01q_textarea {
+  width: 100%;
+  min-height: calc(var(--min-rows, 3) * 1.5rem + 1rem);
+  border: 1px solid var(--color-border-default);
+  background: var(--color-bg-secondary);
+  color: var(--color-text-primary);
+  font-family: var(--font-ui);
+  resize: vertical;
+  transition: border-color box-shadow background-color .2s ease-out;
+  border-radius: .375rem;
+  padding: .625rem .75rem;
+  font-size: .875rem;
+  line-height: 1.5;
+}
+
+.Fnu01q_textarea::placeholder {
+  color: var(--color-text-muted);
+}
+
+.Fnu01q_textarea:hover:not(:disabled) {
+  border-color: color-mix(in srgb, var(--color-text-primary) 20%, transparent);
+}
+
+.Fnu01q_textarea:focus {
+  border-color: var(--color-accent-primary);
+  background: var(--color-bg-tertiary);
+  outline: none;
+  box-shadow: 0 0 15px #f59e0b26;
+}
+
+.Fnu01q_textarea:disabled {
+  opacity: .5;
+  cursor: not-allowed;
+  background: var(--color-bg-primary);
+  resize: none;
+}
+
+.Fnu01q_textarea::-webkit-scrollbar {
+  width: .375rem;
+}
+
+.Fnu01q_textarea::-webkit-scrollbar-track {
+  background: none;
+}
+
+.Fnu01q_textarea::-webkit-scrollbar-thumb {
+  background-color: color-mix(in srgb, var(--color-text-primary) 10%, transparent);
+  border-radius: 9999px;
+}
+
+.Fnu01q_textarea::-webkit-scrollbar-thumb:hover {
+  background-color: color-mix(in srgb, var(--color-text-primary) 20%, transparent);
+}
+
+.Fnu01q_error {
+  border-color: var(--color-danger);
+}
+
+.Fnu01q_error:focus {
+  border-color: var(--color-danger);
+  box-shadow: 0 0 0 3px var(--color-error-bg);
+}
+
+.Fnu01q_disabled {
+  opacity: .5;
+  cursor: not-allowed;
+}
+
+.Fnu01q_helperText {
+  font-family: var(--font-ui);
+  color: var(--color-text-secondary);
+  margin-top: .125rem;
+  font-size: .75rem;
+}
+
+.Fnu01q_errorText {
+  color: var(--color-danger);
+}
+.GlFJSq_iconButton {
+  font-family: var(--font-ui);
+  cursor: pointer;
+  border: none;
+  border-radius: .5rem;
+  justify-content: center;
+  align-items: center;
+  transition: background-color .15s, transform .1s;
+  display: inline-flex;
+}
+
+.GlFJSq_iconButton:disabled {
+  opacity: .5;
+  cursor: not-allowed;
+}
+
+.GlFJSq_iconButton:active:not(:disabled) {
+  transform: scale(.98);
+}
+
+.GlFJSq_sm {
+  width: 1.75rem;
+  height: 1.75rem;
+}
+
+.GlFJSq_md {
+  width: 2.25rem;
+  height: 2.25rem;
+}
+
+.GlFJSq_lg {
+  width: 2.75rem;
+  height: 2.75rem;
+}
+
+.GlFJSq_ghost {
+  color: var(--color-text-secondary);
+  background: none;
+}
+
+.GlFJSq_ghost:hover:not(:disabled) {
+  background: color-mix(in srgb, var(--color-text-primary) 5%, transparent);
+  color: var(--color-text-primary);
+}
+
+.GlFJSq_ghost:active:not(:disabled), .GlFJSq_filled {
+  background: var(--color-accent-primary);
+  color: var(--color-bg-primary);
+}
+
+.GlFJSq_filled:hover:not(:disabled) {
+  background: var(--color-accent-primary-hover);
+}
+
+.GlFJSq_filled:active:not(:disabled) {
+  opacity: .9;
+}
+
+.GlFJSq_iconWrapper {
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.GlFJSq_sm .GlFJSq_iconWrapper {
+  width: 1rem;
+  height: 1rem;
+}
+
+.GlFJSq_md .GlFJSq_iconWrapper {
+  width: 1.25rem;
+  height: 1.25rem;
+}
+
+.GlFJSq_lg .GlFJSq_iconWrapper {
+  width: 1.5rem;
+  height: 1.5rem;
+}
+
+.GlFJSq_iconWrapper svg {
+  width: 100%;
+  height: 100%;
+}
+._8KaZCa_triggerWrapper {
+  display: inline-block;
+  position: relative;
+}
+
+._8KaZCa_tooltip {
+  z-index: 70;
+  max-width: 18.75rem;
+  font-family: var(--font-ui);
+  color: var(--color-text-primary);
+  background: var(--color-bg-tertiary);
+  border: 1px solid var(--color-border-default);
+  box-shadow: 0 4px 20px -2px color-mix(in srgb, var(--color-bg-primary) 60%, transparent);
+  pointer-events: none;
+  word-wrap: break-word;
+  border-radius: .5rem;
+  padding: .5rem .75rem;
+  font-size: .75rem;
+  line-height: 1.4;
+  animation: .15s ease-out _8KaZCa_tooltipFadeIn;
+  position: fixed;
+}
+
+@keyframes _8KaZCa_tooltipFadeIn {
+  from {
+    opacity: 0;
+    transform: scale(.95);
+  }
+
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
+._8KaZCa_content {
+  z-index: 1;
+  position: relative;
+}
+
+._8KaZCa_arrow {
+  background: var(--color-bg-tertiary);
+  border: 1px solid var(--color-border-default);
+  width: .5rem;
+  height: .5rem;
+  position: absolute;
+  transform: rotate(45deg);
+}
+
+._8KaZCa_top ._8KaZCa_arrow {
+  border-top: none;
+  border-left: none;
+  margin-left: -4px;
+  bottom: -5px;
+  left: 50%;
+}
+
+._8KaZCa_bottom ._8KaZCa_arrow {
+  border-bottom: none;
+  border-right: none;
+  margin-left: -4px;
+  top: -5px;
+  left: 50%;
+}
+
+._8KaZCa_left ._8KaZCa_arrow {
+  border-top: none;
+  border-right: none;
+  margin-top: -4px;
+  top: 50%;
+  right: -5px;
+}
+
+._8KaZCa_right ._8KaZCa_arrow {
+  border-bottom: none;
+  border-left: none;
+  margin-top: -4px;
+  top: 50%;
+  left: -5px;
+}
+.FCrQ1G_dropdownContainer {
+  display: inline-block;
+  position: relative;
+}
+
+.FCrQ1G_triggerWrapper {
+  cursor: pointer;
+  display: inline-block;
+}
+
+.FCrQ1G_triggerWrapper:focus-visible {
+  outline: 2px solid var(--color-accent-primary);
+  outline-offset: 2px;
+  border-radius: .375rem;
+}
+
+.FCrQ1G_dropdownMenu {
+  z-index: 10;
+  background: color-mix(in srgb, var(--color-bg-secondary) 95%, transparent);
+  -webkit-backdrop-filter: blur(12px);
+  border: 1px solid color-mix(in srgb, var(--color-text-primary) 5%, transparent);
+  min-width: 12.5rem;
+  max-width: 17.5rem;
+  box-shadow: 0 10px 40px -5px color-mix(in srgb, var(--color-bg-primary) 60%, transparent);
+  user-select: none;
+  border-radius: .75rem;
+  animation: .15s ease-out FCrQ1G_dropdownFadeIn;
+  position: absolute;
+  top: calc(100% + .5rem);
+  overflow: hidden;
+}
+
+.FCrQ1G_dropdownMenu.FCrQ1G_start {
+  left: 0;
+}
+
+.FCrQ1G_dropdownMenu.FCrQ1G_end {
+  right: 0;
+}
+
+.FCrQ1G_menuItem {
+  cursor: pointer;
+  text-align: left;
+  width: 100%;
+  font-family: var(--font-ui);
+  color: var(--color-text-secondary);
+  background: none;
+  border: none;
+  align-items: center;
+  gap: .75rem;
+  padding: .5rem .75rem;
+  font-size: .875rem;
+  font-weight: 400;
+  transition: background-color .1s ease-out, color .1s ease-out;
+  display: flex;
+}
+
+.FCrQ1G_menuItem:hover:not(:disabled) {
+  background: color-mix(in srgb, var(--color-text-primary) 5%, transparent);
+  color: var(--color-text-primary);
+}
+
+.FCrQ1G_menuItem.FCrQ1G_selected:not(:disabled) {
+  background: color-mix(in srgb, var(--color-text-primary) 8%, transparent);
+  color: var(--color-text-primary);
+}
+
+.FCrQ1G_menuItem:focus-visible {
+  background: color-mix(in srgb, var(--color-text-primary) 8%, transparent);
+  color: var(--color-text-primary);
+  outline: none;
+}
+
+.FCrQ1G_menuItem.FCrQ1G_disabled {
+  opacity: .5;
+  cursor: not-allowed;
+}
+
+.FCrQ1G_menuItem.FCrQ1G_disabled:hover {
+  color: var(--color-text-secondary);
+  background: none;
+}
+
+.FCrQ1G_menuItem .FCrQ1G_itemIcon {
+  opacity: .7;
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  width: 1rem;
+  height: 1rem;
+  transition: opacity .1s ease-out;
+  display: flex;
+}
+
+.FCrQ1G_menuItem:hover:not(:disabled) .FCrQ1G_itemIcon, .FCrQ1G_menuItem.FCrQ1G_selected:not(:disabled) .FCrQ1G_itemIcon {
+  opacity: 1;
+}
+
+.FCrQ1G_menuItem .FCrQ1G_itemLabel {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  flex: 1;
+  overflow: hidden;
+}
+
+.FCrQ1G_menuItem .FCrQ1G_itemShortcut {
+  font-family: var(--font-mono);
+  color: var(--color-text-muted);
+  opacity: .8;
+  margin-left: auto;
+  font-size: .75rem;
+}
+
+.FCrQ1G_menuItem:hover:not(:disabled) .FCrQ1G_itemShortcut, .FCrQ1G_menuItem.FCrQ1G_selected:not(:disabled) .FCrQ1G_itemShortcut {
+  opacity: 1;
+}
+
+.FCrQ1G_divider {
+  background: color-mix(in srgb, var(--color-text-primary) 5%, transparent);
+  height: 1px;
+  margin: .25rem 0;
+}
+
+@keyframes FCrQ1G_dropdownFadeIn {
+  from {
+    opacity: 0;
+    transform: translateY(-8px) scale(.95);
+  }
+
+  to {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+}
+._2wQTxq_chipGroup {
+  flex-wrap: wrap;
+  align-items: center;
+  gap: .5rem;
+  display: flex;
+}
+
+._2wQTxq_chip {
+  cursor: pointer;
+  opacity: .6;
+  background: none;
+  border: none;
+  padding: 0;
+  transition: opacity .2s ease-out;
+}
+
+._2wQTxq_chip:hover {
+  opacity: .8;
+}
+
+._2wQTxq_chip:focus-visible {
+  outline: 2px solid var(--color-accent-primary);
+  outline-offset: 2px;
+  border-radius: var(--radius-sm);
+}
+
+._2wQTxq_chip._2wQTxq_selected {
+  opacity: 1;
+}
+.xy8JEW_buttonGroupFilter {
+  flex-wrap: wrap;
+  align-items: center;
+  gap: .5rem;
+  display: flex;
+}
+
+.xy8JEW_label {
+  color: var(--color-text-secondary);
+  font-size: .875rem;
+  font-weight: 500;
+}
+
+.xy8JEW_buttons {
+  flex-wrap: wrap;
+  gap: .5rem;
+  display: flex;
+}
+
+.xy8JEW_button {
+  border: 1px solid var(--color-border-default);
+  color: var(--color-text-secondary);
+  cursor: pointer;
+  background-color: #0000;
+  border-radius: .5rem;
+  padding: .5rem .75rem;
+  font-size: .75rem;
+  transition: color .15s, border-color .15s, background-color .15s;
+}
+
+.xy8JEW_button:hover:not(:disabled) {
+  border-color: var(--color-border-hover);
+  color: var(--color-text-primary);
+}
+
+.xy8JEW_button:disabled {
+  opacity: .5;
+  cursor: not-allowed;
+}
+
+.xy8JEW_button:focus-visible, .xy8JEW_buttonActive:focus-visible {
+  outline: 2px solid var(--color-accent-primary);
+  outline-offset: 2px;
+}
+
+.xy8JEW_buttonActive {
+  border: 1px solid var(--color-border-default);
+  color: var(--color-text-white);
+  cursor: pointer;
+  background-color: #0000;
+  background-color: var(--color-accent-primary);
+  border-color: var(--color-accent-primary);
+  border-radius: .5rem;
+  padding: .5rem .75rem;
+  font-size: .75rem;
+  transition: color .15s, border-color .15s, background-color .15s;
+}
+
+.xy8JEW_buttonActive:hover:not(:disabled) {
+  filter: brightness(1.1);
+}
+
+.xy8JEW_buttonActive:disabled {
+  opacity: .5;
+  cursor: not-allowed;
+}
+._0GfS0W_section {
+  backdrop-filter: blur(.5rem);
+  border: 1px solid var(--color-border-subtle);
+  background-color: #15181d66;
+  border-radius: .375rem;
+  flex-direction: column;
+  margin: .5rem;
+  display: flex;
+}
+
+._0GfS0W_header {
+  border-radius: .375rem;
+  align-items: center;
+  display: flex;
+}
+
+._0GfS0W_headerToggle {
+  cursor: pointer;
+  user-select: none;
+  min-width: 0;
+  font: inherit;
+  color: inherit;
+  text-align: left;
+  background: linear-gradient(90deg, #e9eaed0d 0%, #e9eaed05 100%);
+  border: none;
+  border-radius: .375rem;
+  flex: 1;
+  justify-content: space-between;
+  align-items: center;
+  padding: .75rem 1rem;
+  transition: all .2s ease-out;
+  display: flex;
+}
+
+._0GfS0W_headerToggle:hover {
+  box-shadow: inset 2px 0 0 var(--color-accent-primary);
+  background: linear-gradient(90deg, #f59e0b26 0%, #f59e0b0d 100%);
+}
+
+._0GfS0W_headerToggle:hover ._0GfS0W_chevron {
+  color: var(--color-accent-primary);
+}
+
+._0GfS0W_headerToggle:focus-visible {
+  outline: 2px solid var(--color-accent-primary);
+  outline-offset: -2px;
+}
+
+._0GfS0W_headerAction {
+  flex-shrink: 0;
+  align-items: center;
+  padding-right: .5rem;
+  display: flex;
+}
+
+._0GfS0W_title {
+  text-transform: uppercase;
+  letter-spacing: .1em;
+  color: var(--color-text-muted);
+  margin: 0;
+  font-size: .625rem;
+  font-weight: 700;
+}
+
+._0GfS0W_chevron {
+  color: var(--color-text-muted);
+  justify-content: center;
+  align-items: center;
+  transition: all .2s ease-out;
+  display: flex;
+  transform: rotate(0);
+}
+
+._0GfS0W_chevron._0GfS0W_collapsed {
+  transform: rotate(-90deg);
+}
+
+._0GfS0W_chevron svg {
+  width: .875rem;
+  height: .875rem;
+}
+
+._0GfS0W_content {
+  grid-template-rows: 0fr;
+  transition: all .2s ease-out;
+  display: grid;
+}
+
+._0GfS0W_content._0GfS0W_expanded {
+  grid-template-rows: 1fr;
+}
+
+._0GfS0W_contentInner {
+  padding: 0 1rem;
+  overflow: hidden;
+}
+
+._0GfS0W_expanded > ._0GfS0W_contentInner {
+  padding-bottom: .5rem;
+}
+.sI20Uq_contextMenu {
+  z-index: 60;
+  backdrop-filter: blur(16px);
+  background-color: #15181de6;
+  border: 1px solid #ffffff0d;
+  border-radius: .75rem;
+  min-width: 12.5rem;
+  max-width: 17.5rem;
+  font-family: Inter, system-ui, -apple-system, sans-serif;
+  position: fixed;
+  overflow: hidden;
+  box-shadow: 0 10px 40px -5px #0009, 0 0 0 1px #ffffff0d, inset 0 1px #ffffff0d;
+}
+
+.sI20Uq_header {
+  background-color: #15181db3;
+  border-bottom: 1px solid #ffffff0d;
+  padding: .5rem .75rem;
+}
+
+.sI20Uq_emptyState {
+  text-align: center;
+  color: #6b7280;
+  padding: 1rem;
+  font-size: .875rem;
+}
+
+.sI20Uq_actionGroups {
+  padding: .25rem 0;
+}
+
+.sI20Uq_group:not(:last-child) {
+  border-bottom: 1px solid #ffffff0d;
+}
+
+.sI20Uq_groupLabel {
+  color: #6b7280;
+  text-transform: uppercase;
+  letter-spacing: .05em;
+  padding: .375rem .75rem;
+  font-size: .75rem;
+  font-weight: 600;
+}
+
+.sI20Uq_actionItem {
+  color: #9ca3af;
+  text-align: left;
+  cursor: pointer;
+  background: none;
+  border: none;
+  border-radius: .375rem;
+  align-items: center;
+  gap: .5rem;
+  width: 100%;
+  margin: 0 .25rem;
+  padding: .5rem .75rem;
+  font-size: .875rem;
+  transition: background-color .1s, color .1s;
+  display: flex;
+}
+
+.sI20Uq_actionItem:hover {
+  color: #e9eaed;
+  background-color: #ffffff1a;
+}
+
+.sI20Uq_actionItem:hover .sI20Uq_shortcut {
+  color: #e9eaed;
+}
+
+.sI20Uq_actionItem:focus-visible {
+  color: #e9eaed;
+  background-color: #ffffff1a;
+  outline: none;
+}
+
+.sI20Uq_actionItem:focus-visible .sI20Uq_shortcut {
+  color: #e9eaed;
+}
+
+.sI20Uq_icon {
+  color: #6b7280;
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  width: 1rem;
+  font-size: .875rem;
+  display: flex;
+}
+
+.sI20Uq_actionItem:hover .sI20Uq_icon, .sI20Uq_actionItem:focus-visible .sI20Uq_icon {
+  color: inherit;
+}
+
+.sI20Uq_label {
+  flex: 1;
+}
+
+.sI20Uq_shortcut {
+  color: #6b7280;
+  margin-left: auto;
+  font-family: JetBrains Mono, SF Mono, Consolas, monospace;
+  font-size: .75rem;
+}
+.VFTfwG_popoverContainer {
+  display: inline-block;
+  position: relative;
+}
+
+.VFTfwG_triggerWrapper {
+  cursor: pointer;
+  display: inline-block;
+}
+
+.VFTfwG_triggerWrapper:focus-visible {
+  outline: 2px solid var(--color-accent-primary);
+  outline-offset: 2px;
+  border-radius: .375rem;
+}
+
+.VFTfwG_popoverPanel {
+  z-index: 60;
+  background: var(--color-bg-secondary);
+  border: 1px solid var(--color-border-default);
+  border-radius: .5rem;
+  animation: .15s ease-out VFTfwG_popoverFadeIn;
+  position: absolute;
+  top: calc(100% + .5rem);
+  box-shadow: 0 10px 40px -5px #0009, 0 0 0 1px #ffffff0d;
+}
+
+.VFTfwG_popoverPanel.VFTfwG_start {
+  left: 0;
+}
+
+.VFTfwG_popoverPanel.VFTfwG_end {
+  right: 0;
+}
+
+@keyframes VFTfwG_popoverFadeIn {
+  from {
+    opacity: 0;
+    transform: translateY(-.5rem) scale(.95);
+  }
+
+  to {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+}
+._0EzyrW_track {
+  border: 1px solid var(--color-border-default);
+  background: var(--color-bg-tertiary);
+  cursor: pointer;
+  border-radius: 9999px;
+  flex-shrink: 0;
+  align-items: center;
+  padding: 0;
+  transition: background-color .15s, border-color .15s, opacity .15s;
+  display: inline-flex;
+  position: relative;
+}
+
+._0EzyrW_track:focus-visible {
+  outline: 2px solid var(--color-accent-primary);
+  outline-offset: 2px;
+}
+
+._0EzyrW_track:active:not(:disabled) {
+  opacity: .85;
+}
+
+._0EzyrW_checked {
+  background: var(--color-accent-primary);
+  border-color: var(--color-accent-primary);
+}
+
+._0EzyrW_disabled {
+  opacity: .4;
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+._0EzyrW_size-sm {
+  width: 2rem;
+  height: 1.125rem;
+}
+
+._0EzyrW_size-sm ._0EzyrW_knob {
+  width: .75rem;
+  height: .75rem;
+  left: .1875rem;
+}
+
+._0EzyrW_size-sm._0EzyrW_checked ._0EzyrW_knob {
+  transform: translateY(-50%) translateX(.875rem);
+}
+
+._0EzyrW_size-md {
+  width: 2.5rem;
+  height: 1.5rem;
+}
+
+._0EzyrW_size-md ._0EzyrW_knob {
+  width: 1rem;
+  height: 1rem;
+  left: .25rem;
+}
+
+._0EzyrW_size-md._0EzyrW_checked ._0EzyrW_knob {
+  transform: translateY(-50%) translateX(1rem);
+}
+
+._0EzyrW_knob {
+  background: var(--color-text-white);
+  border-radius: 9999px;
+  transition: transform .15s;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  box-shadow: 0 1px 3px #0000001a;
+}
+._5Q7BQq_dialog {
+  background: var(--glass-bg);
+  -webkit-backdrop-filter: blur(.75rem);
+  border: 1px solid var(--glass-border-subtle);
+  width: 90%;
+  max-width: 31.25rem;
+  box-shadow: var(--shadow-modal);
+  border-radius: .75rem;
+  padding: 0;
+}
+
+._5Q7BQq_dialog::backdrop {
+  background-color: var(--glass-bg-hover);
+  -webkit-backdrop-filter: blur(.25rem);
+}
+
+._5Q7BQq_dialog._5Q7BQq_position-center {
+  margin: auto;
+}
+
+._5Q7BQq_dialog._5Q7BQq_position-top-center {
+  margin: 2rem auto auto;
+}
+
+._5Q7BQq_dialog._5Q7BQq_position-bottom-center {
+  margin: auto auto 2rem;
+}
+
+._5Q7BQq_content {
+  padding: 1.5rem;
+}
+
+._5Q7BQq_title {
+  color: var(--color-text-primary);
+  font-size: 1.25rem;
+  font-weight: 600;
+  font-family: var(--font-ui);
+  margin: 0 0 .75rem;
+}
+
+._5Q7BQq_message {
+  color: var(--color-text-secondary);
+  line-height: 1.5;
+  font-family: var(--font-ui);
+  margin: 0;
+}
+
+._5Q7BQq_details {
+  color: var(--color-text-muted);
+  white-space: pre-wrap;
+  font-size: .875rem;
+  line-height: 1.5;
+  font-family: var(--font-ui);
+  margin: .75rem 0 0;
+}
+
+._5Q7BQq_checkboxRow {
+  color: var(--color-text-secondary);
+  font-family: var(--font-ui);
+  align-items: center;
+  gap: .5rem;
+  margin: 1rem 0 0;
+  font-size: .875rem;
+  display: flex;
+}
+
+._5Q7BQq_actions {
+  justify-content: flex-end;
+  gap: .75rem;
+  margin-top: 1.5rem;
+  display: flex;
+}
+.Auackq_dialog {
+  background: var(--glass-bg);
+  -webkit-backdrop-filter: blur(.75rem);
+  border: 1px solid var(--glass-border-subtle);
+  width: calc(100% - 2rem);
+  max-width: 31.25rem;
+  box-shadow: var(--shadow-modal);
+  border-radius: 1rem;
+  padding: 0;
+}
+
+.Auackq_dialog::backdrop {
+  background-color: var(--glass-bg-hover);
+  -webkit-backdrop-filter: blur(.25rem);
+}
+
+.Auackq_dialog {
+  margin: auto;
+}
+
+.Auackq_content {
+  padding: 1.5rem;
+}
+
+.Auackq_title {
+  color: var(--color-text-primary);
+  margin: 0 0 .75rem;
+  font-family: Inter, system-ui, -apple-system, sans-serif;
+  font-size: 1.25rem;
+  font-weight: 600;
+}
+
+.Auackq_message {
+  color: var(--color-text-secondary);
+  margin: 0 0 1rem;
+  font-family: Inter, system-ui, -apple-system, sans-serif;
+  line-height: 1.5;
+}
+
+.Auackq_inputContainer {
+  margin-bottom: 1.5rem;
+}
+
+.Auackq_input, .Auackq_textarea {
+  border: 1px solid var(--glass-border-subtle);
+  background: var(--glass-bg);
+  width: 100%;
+  color: var(--color-text-primary);
+  box-sizing: border-box;
+  border-radius: .5rem;
+  padding: .75rem;
+  font-family: Inter, system-ui, -apple-system, sans-serif;
+  font-size: .875rem;
+  line-height: 1.5;
+}
+
+.Auackq_input::placeholder, .Auackq_textarea::placeholder {
+  color: var(--color-text-muted);
+}
+
+.Auackq_input:focus, .Auackq_textarea:focus {
+  border-color: var(--color-accent-primary);
+  box-shadow: 0 0 0 .125rem var(--color-accent-primary-glow);
+  outline: none;
+}
+
+.Auackq_textarea {
+  resize: vertical;
+  min-height: 6rem;
+}
+
+.Auackq_hint {
+  color: var(--color-text-muted);
+  margin-top: .5rem;
+  font-family: Inter, system-ui, -apple-system, sans-serif;
+  font-size: .75rem;
+  display: block;
+}
+
+.Auackq_actions {
+  justify-content: flex-end;
+  gap: .75rem;
+  display: flex;
+}
+._oIFpq_container {
+  z-index: 50;
+  pointer-events: none;
+  visibility: hidden;
+  transition: visibility 0s linear .35s;
+  position: fixed;
+  inset: 0;
+}
+
+._oIFpq_container._oIFpq_open {
+  visibility: visible;
+  pointer-events: auto;
+  transition-delay: 0s;
+}
+
+._oIFpq_container._oIFpq_open ._oIFpq_overlay {
+  opacity: 1;
+}
+
+._oIFpq_container._oIFpq_open ._oIFpq_panel {
+  transform: translateX(0);
+}
+
+._oIFpq_left ._oIFpq_panel {
+  border-left: none;
+  border-right: 1px solid #ffffff1a;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  transform: translateX(-100%);
+}
+
+._oIFpq_left._oIFpq_open ._oIFpq_panel {
+  transform: translateX(0);
+}
+
+._oIFpq_right ._oIFpq_panel {
+  top: 0;
+  bottom: 0;
+  right: 0;
+  transform: translateX(100%);
+}
+
+._oIFpq_right._oIFpq_open ._oIFpq_panel {
+  transform: translateX(0);
+}
+
+._oIFpq_bottom ._oIFpq_panel {
+  border-radius: .75rem .75rem 0 0;
+  max-height: 80vh;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  transform: translateY(100%);
+  width: 100% !important;
+}
+
+._oIFpq_bottom._oIFpq_open ._oIFpq_panel {
+  transform: translateY(0);
+}
+
+._oIFpq_overlay {
+  appearance: none;
+  backdrop-filter: blur(4px);
+  opacity: 0;
+  cursor: pointer;
+  background: #0d0f1299;
+  border: none;
+  margin: 0;
+  padding: 0;
+  transition: opacity .3s ease-out;
+  position: absolute;
+  inset: 0;
+}
+
+._oIFpq_panel {
+  backdrop-filter: blur(20px);
+  background: #15181d;
+  border-left: 1px solid #ffffff1a;
+  flex-direction: column;
+  max-height: 100vh;
+  transition: transform .35s cubic-bezier(.4, 0, .2, 1);
+  display: flex;
+  position: absolute;
+  overflow: hidden;
+  box-shadow: 0 10px 40px -5px #0009, 0 0 0 1px #ffffff0d;
+}
+
+._oIFpq_width-sm {
+  width: 20rem;
+}
+
+._oIFpq_width-md {
+  width: 30rem;
+}
+
+._oIFpq_width-lg {
+  width: 40rem;
+}
+
+._oIFpq_header {
+  border-bottom: 1px solid #ffffff0d;
+  flex-shrink: 0;
+  justify-content: space-between;
+  align-items: flex-start;
+  gap: 1rem;
+  padding: 1.25rem;
+  display: flex;
+}
+
+._oIFpq_titleGroup {
+  flex: 1;
+  min-width: 0;
+}
+
+._oIFpq_title {
+  color: #e9eaed;
+  margin: 0;
+  font-family: Inter, system-ui, -apple-system, sans-serif;
+  font-size: 1.125rem;
+  font-weight: 600;
+  line-height: 1.25;
+}
+
+._oIFpq_subtitle {
+  color: #9ca3af;
+  margin: .25rem 0 0;
+  font-family: Inter, system-ui, -apple-system, sans-serif;
+  font-size: .875rem;
+  font-weight: 400;
+  line-height: 1.5;
+}
+
+._oIFpq_closeButton {
+  color: #9ca3af;
+  cursor: pointer;
+  background: none;
+  border: none;
+  border-radius: .5rem;
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  width: 2rem;
+  height: 2rem;
+  transition: background-color .2s ease-out, color .2s ease-out;
+  display: flex;
+}
+
+._oIFpq_closeButton:hover {
+  color: #e9eaed;
+  background: #1d2128;
+}
+
+._oIFpq_closeButton:focus-visible {
+  outline-offset: 2px;
+  outline: 2px solid #f59e0b;
+}
+
+._oIFpq_closeButton:active {
+  background: #e9eaed0d;
+}
+
+._oIFpq_content {
+  color: #e9eaed;
+  flex: 1;
+  padding: 1.25rem;
+  font-family: Inter, system-ui, -apple-system, sans-serif;
+  overflow: auto;
+}
+
+._oIFpq_content::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+
+._oIFpq_content::-webkit-scrollbar-track {
+  background: none;
+}
+
+._oIFpq_content::-webkit-scrollbar-thumb {
+  background: #ffffff1a;
+  border-radius: 9999px;
+}
+
+._oIFpq_content::-webkit-scrollbar-thumb:hover {
+  background: #fff3;
+}
+
+@media (width <= 768px) {
+  ._oIFpq_right ._oIFpq_panel {
+    border-top: 1px solid #ffffff1a;
+    border-left: none;
+    border-radius: .75rem .75rem 0 0;
+    max-height: 85vh;
+    inset: auto 0 0;
+    transform: translateY(100%);
+    width: 100% !important;
+  }
+
+  ._oIFpq_right._oIFpq_open ._oIFpq_panel {
+    transform: translateY(0);
+  }
+}
+.fqH8Ba_container {
+  height: 100%;
+  display: flex;
+  position: relative;
+}
+
+.fqH8Ba_container.fqH8Ba_vertical {
+  flex-direction: column;
+  width: 100%;
+}
+
+.fqH8Ba_handle {
+  cursor: ew-resize;
+  z-index: 70;
+  background: none;
+  width: .25rem;
+  transition: background-color .15s ease-out;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+}
+
+.fqH8Ba_handle:hover, .fqH8Ba_handle.fqH8Ba_dragging {
+  background: #f59e0b;
+}
+
+.fqH8Ba_vertical .fqH8Ba_handle {
+  cursor: ns-resize;
+  width: auto;
+  height: .25rem;
+  top: 0;
+  left: 0;
+  right: 0;
+}
+
+.fqH8Ba_content {
+  background: #15181d;
+  flex-direction: column;
+  flex: 1;
+  display: flex;
+  overflow: hidden;
+}
+
+.fqH8Ba_header {
+  border-bottom: 1px solid #ffffff0d;
+  flex-shrink: 0;
+  justify-content: space-between;
+  align-items: center;
+  padding: .75rem 1rem;
+  display: flex;
+}
+
+.fqH8Ba_headerTitle {
+  color: #9ca3af;
+  font-family: Inter, system-ui, -apple-system, sans-serif;
+  font-size: .875rem;
+  font-weight: 500;
+}
+
+.fqH8Ba_headerActions {
+  align-items: center;
+  gap: .25rem;
+  display: flex;
+}
+
+.fqH8Ba_iconButton {
+  color: #6b7280;
+  cursor: pointer;
+  background: none;
+  border: none;
+  border-radius: .375rem;
+  justify-content: center;
+  align-items: center;
+  width: 1.75rem;
+  height: 1.75rem;
+  transition: background-color .15s ease-out, color .15s ease-out, border-color .15s ease-out;
+  display: flex;
+}
+
+.fqH8Ba_iconButton:hover {
+  color: #9ca3af;
+  background: #1d2128;
+}
+
+.fqH8Ba_iconButton:focus-visible {
+  outline-offset: 2px;
+  outline: 2px solid #f59e0b;
+}
+
+.fqH8Ba_iconButton.fqH8Ba_active {
+  color: #f59e0b;
+}
+
+.fqH8Ba_body {
+  flex: 1;
+  padding: .75rem;
+  overflow-y: auto;
+}
+
+.fqH8Ba_body::-webkit-scrollbar {
+  width: .375rem;
+  height: .375rem;
+}
+
+.fqH8Ba_body::-webkit-scrollbar-track {
+  background: none;
+}
+
+.fqH8Ba_body::-webkit-scrollbar-thumb {
+  background: #e9eaed1a;
+  border-radius: 9999px;
+}
+
+.fqH8Ba_body::-webkit-scrollbar-thumb:hover {
+  background: #fff3;
+}
+._7qO2wq_root {
+  backdrop-filter: blur(12px);
+  border-radius: var(--radius-lg);
+  background-color: #15181dcc;
+  border: 1px solid #ffffff0d;
+  min-width: 20rem;
+  max-width: 30rem;
+  padding: .75rem;
+  box-shadow: 0 4px 20px -2px #00000080;
+}
+
+._7qO2wq_content {
+  margin-bottom: .5rem;
+}
+
+._7qO2wq_title {
+  color: #e9eaed;
+  margin-bottom: .25rem;
+  font-family: Inter, system-ui, -apple-system, sans-serif;
+  font-size: .875rem;
+  font-weight: 600;
+}
+
+._7qO2wq_message {
+  color: #9ca3af;
+  font-family: Inter, system-ui, -apple-system, sans-serif;
+  font-size: .75rem;
+  line-height: 1.5;
+}
+
+._7qO2wq_actions {
+  flex-wrap: wrap;
+  gap: .5rem;
+  display: flex;
+}
+
+._7qO2wq_action {
+  border-radius: var(--radius-md);
+  cursor: pointer;
+  color: #e9eaed;
+  background: none;
+  border: 1px solid #0000;
+  padding: .25rem .5rem;
+  font-family: Inter, system-ui, -apple-system, sans-serif;
+  font-size: .75rem;
+  font-weight: 500;
+  transition: all .2s ease-out;
+}
+
+._7qO2wq_action:focus-visible {
+  outline: 2px solid var(--color-accent-primary);
+  outline-offset: 2px;
+}
+
+._7qO2wq_action:hover {
+  background: #15181d;
+}
+
+._7qO2wq_action._7qO2wq_default {
+  border-color: #ffffff1a;
+}
+
+._7qO2wq_action._7qO2wq_destructive {
+  color: #ef4444;
+  border-color: #ef4444;
+}
+
+._7qO2wq_action._7qO2wq_destructive:hover {
+  background: color-mix(in srgb, var(--color-danger) 10%, transparent);
+}
+
+._7qO2wq_action._7qO2wq_outline {
+  border-color: #ffffff0d;
+}
+
+._7qO2wq_action._7qO2wq_dismiss {
+  color: #6b7280;
+  border-color: #ffffff0d;
+}
+
+._7qO2wq_action._7qO2wq_dismiss:hover {
+  color: #9ca3af;
+}
+.ZryHjW_container {
+  background: #15181d;
+  border: 1px solid #ffffff1a;
+  border-radius: .5rem;
+  flex-direction: column;
+  display: flex;
+  overflow: hidden;
+}
+
+.ZryHjW_container.ZryHjW_small {
+  min-height: 12.5rem;
+}
+
+.ZryHjW_container.ZryHjW_medium {
+  min-height: 25rem;
+}
+
+.ZryHjW_container.ZryHjW_large {
+  min-height: 37.5rem;
+}
+
+.ZryHjW_container.ZryHjW_flexible {
+  height: 100%;
+  min-height: 12.5rem;
+}
+
+.ZryHjW_container.ZryHjW_error {
+  border-color: #ef4444;
+}
+
+.ZryHjW_header {
+  background: #0d0f12;
+  border-bottom: 1px solid #ffffff0d;
+  justify-content: space-between;
+  align-items: center;
+  padding: .75rem 1rem;
+  display: flex;
+}
+
+.ZryHjW_title {
+  color: #e9eaed;
+  font-size: .875rem;
+  font-weight: 600;
+}
+
+.ZryHjW_removeButton {
+  color: #6b7280;
+  cursor: pointer;
+  background: none;
+  border: none;
+  border-radius: .375rem;
+  justify-content: center;
+  align-items: center;
+  width: 1.5rem;
+  height: 1.5rem;
+  padding: 0;
+  font-size: 1.25rem;
+  line-height: 1;
+  transition: background-color .15s, color .15s;
+  display: flex;
+}
+
+.ZryHjW_removeButton:hover {
+  color: #e9eaed;
+  background: #1d2128;
+}
+
+.ZryHjW_removeButton:focus-visible {
+  outline-offset: 2px;
+  outline: 2px solid #f59e0b;
+}
+
+.ZryHjW_content {
+  flex: 1;
+  padding: 1rem;
+  overflow: auto;
+}
+
+.ZryHjW_errorMessage {
+  color: #ef4444;
+  margin: 0 0 1rem;
+  font-size: .875rem;
+}
+
+.ZryHjW_retryButton {
+  color: #0d0f12;
+  cursor: pointer;
+  background: #f59e0b;
+  border: none;
+  border-radius: .375rem;
+  padding: .5rem 1rem;
+  font-size: .875rem;
+  font-weight: 500;
+}
+
+.ZryHjW_retryButton:hover {
+  opacity: .9;
+}
+
+.ZryHjW_retryButton:focus-visible {
+  outline-offset: 2px;
+  outline: 2px solid #f59e0b;
+}
+.iC7Dmq_widget {
+  color: var(--color-text-primary);
+  flex-direction: column;
+  gap: 1rem;
+  height: 100%;
+  padding: 1rem;
+  display: flex;
+}
+
+.iC7Dmq_widget[data-size="medium"], .iC7Dmq_widget[data-size="small"] {
+  gap: .5rem;
+  padding: .75rem;
+}
+
+.iC7Dmq_section {
+  flex-direction: column;
+  gap: .5rem;
+  display: flex;
+}
+
+.iC7Dmq_sectionLabel {
+  color: var(--color-text-muted);
+  font-size: var(--font-size-xs);
+  font-weight: var(--font-weight-bold);
+  letter-spacing: .08em;
+  text-transform: uppercase;
+}
+
+.iC7Dmq_machineIdButton {
+  appearance: none;
+  background: var(--color-bg-secondary);
+  border: 1px solid var(--color-border-default);
+  border-radius: var(--radius-md);
+  color: var(--color-text-primary);
+  cursor: pointer;
+  font-family: var(--font-mono);
+  font-size: var(--font-size-sm);
+  text-align: left;
+  padding: .6rem .75rem;
+  transition: border-color .15s;
+}
+
+.iC7Dmq_machineIdButton:hover {
+  border-color: var(--color-border-hover);
+}
+
+.iC7Dmq_machineIdButton:disabled {
+  color: var(--color-text-muted);
+  cursor: not-allowed;
+}
+
+.iC7Dmq_feedbackSuccess {
+  color: var(--color-success);
+  font-size: var(--font-size-xs);
+}
+
+.iC7Dmq_feedbackError {
+  color: var(--color-danger);
+  font-size: var(--font-size-xs);
+}
+
+.iC7Dmq_extensionsSection {
+  flex-direction: column;
+  flex: 1;
+  gap: .5rem;
+  min-height: 0;
+  display: flex;
+}
+
+.iC7Dmq_extensionsList {
+  scrollbar-color: var(--color-border-default) transparent;
+  scrollbar-width: thin;
+  flex-direction: column;
+  flex: 1;
+  gap: .5rem;
+  min-height: 0;
+  display: flex;
+  overflow-y: auto;
+}
+
+.iC7Dmq_extensionCard {
+  background: var(--color-bg-primary);
+  border: 1px solid var(--color-border-subtle);
+  border-radius: var(--radius-md);
+  flex-direction: column;
+  gap: .25rem;
+  padding: .6rem .75rem;
+  display: flex;
+}
+
+.iC7Dmq_extensionHeader {
+  justify-content: space-between;
+  align-items: center;
+  gap: .75rem;
+  display: flex;
+}
+
+.iC7Dmq_extensionStatus {
+  color: var(--color-text-secondary);
+  font-size: var(--font-size-xs);
+  text-transform: capitalize;
+  align-items: center;
+  gap: .4rem;
+  display: inline-flex;
+}
+
+.iC7Dmq_statusDot {
+  border-radius: 999px;
+  width: .5rem;
+  height: .5rem;
+  display: inline-block;
+}
+
+.iC7Dmq_extensionError {
+  color: var(--color-danger);
+  font-size: var(--font-size-xs);
+}
+
+.iC7Dmq_emptyExtensions {
+  color: var(--color-text-muted);
+}
+
+.iC7Dmq_summaryRow {
+  align-items: center;
+  gap: .5rem;
+  display: flex;
+}
+
+.iC7Dmq_summaryText {
+  color: var(--color-text-secondary);
+  font-size: var(--font-size-sm);
+}
+
+.iC7Dmq_restartButton {
+  appearance: none;
+  background: var(--color-bg-tertiary);
+  border: 1px solid var(--color-border-default);
+  border-radius: var(--radius-md);
+  color: var(--color-text-muted);
+  cursor: not-allowed;
+  font-weight: var(--font-weight-semibold);
+  margin-top: auto;
+  padding: .6rem .85rem;
+}
+
+.iC7Dmq_compactRow {
+  align-items: center;
+  gap: .4rem;
+  display: flex;
+  overflow: hidden;
+}
+
+.iC7Dmq_compactLabel {
+  color: var(--color-text-primary);
+  font-size: var(--font-size-xs);
+  font-weight: var(--font-weight-semibold);
+}
+
+.iC7Dmq_compactMachineId {
+  color: var(--color-text-muted);
+  font-family: var(--font-mono);
+  font-size: var(--font-size-xs);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  min-width: 0;
+  overflow: hidden;
+}
+.react-grid-layout {
+  transition: height .2s;
+  position: relative;
+}
+
+.react-grid-item {
+  transition: left .2s, top .2s, width .2s, height .2s;
+}
+
+.react-grid-item img {
+  pointer-events: none;
+  user-select: none;
+}
+
+.react-grid-item.cssTransforms {
+  transition-property: transform, width, height;
+}
+
+.react-grid-item.resizing {
+  z-index: 1;
+  will-change: width, height;
+  transition: none;
+}
+
+.react-grid-item.react-draggable-dragging {
+  z-index: 3;
+  will-change: transform;
+  transition: none;
+}
+
+.react-grid-item.dropping {
+  visibility: hidden;
+}
+
+.react-grid-item.react-grid-placeholder {
+  opacity: .2;
+  z-index: 2;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  -o-user-select: none;
+  background: red;
+  transition-duration: .1s;
+}
+
+.react-grid-item.react-grid-placeholder.placeholder-resizing {
+  transition: none;
+}
+
+.react-grid-item > .react-resizable-handle {
+  width: 20px;
+  height: 20px;
+  position: absolute;
+}
+
+.react-grid-item > .react-resizable-handle:after {
+  content: "";
+  border-bottom: 2px solid #0006;
+  border-right: 2px solid #0006;
+  width: 5px;
+  height: 5px;
+  position: absolute;
+  bottom: 3px;
+  right: 3px;
+}
+
+.react-resizable-hide > .react-resizable-handle {
+  display: none;
+}
+
+.react-grid-item > .react-resizable-handle.react-resizable-handle-sw {
+  cursor: sw-resize;
+  bottom: 0;
+  left: 0;
+  transform: rotate(90deg);
+}
+
+.react-grid-item > .react-resizable-handle.react-resizable-handle-se {
+  cursor: se-resize;
+  bottom: 0;
+  right: 0;
+}
+
+.react-grid-item > .react-resizable-handle.react-resizable-handle-nw {
+  cursor: nw-resize;
+  top: 0;
+  left: 0;
+  transform: rotate(180deg);
+}
+
+.react-grid-item > .react-resizable-handle.react-resizable-handle-ne {
+  cursor: ne-resize;
+  top: 0;
+  right: 0;
+  transform: rotate(270deg);
+}
+
+.react-grid-item > .react-resizable-handle.react-resizable-handle-w, .react-grid-item > .react-resizable-handle.react-resizable-handle-e {
+  cursor: ew-resize;
+  margin-top: -10px;
+  top: 50%;
+}
+
+.react-grid-item > .react-resizable-handle.react-resizable-handle-w {
+  left: 0;
+  transform: rotate(135deg);
+}
+
+.react-grid-item > .react-resizable-handle.react-resizable-handle-e {
+  right: 0;
+  transform: rotate(315deg);
+}
+
+.react-grid-item > .react-resizable-handle.react-resizable-handle-n, .react-grid-item > .react-resizable-handle.react-resizable-handle-s {
+  cursor: ns-resize;
+  margin-left: -10px;
+  left: 50%;
+}
+
+.react-grid-item > .react-resizable-handle.react-resizable-handle-n {
+  top: 0;
+  transform: rotate(225deg);
+}
+
+.react-grid-item > .react-resizable-handle.react-resizable-handle-s {
+  bottom: 0;
+  transform: rotate(45deg);
+}
+.react-resizable {
+  position: relative;
+}
+
+.react-resizable-handle {
+  box-sizing: border-box;
+  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+");
+  background-position: 100% 100%;
+  background-repeat: no-repeat;
+  background-origin: content-box;
+  width: 20px;
+  height: 20px;
+  padding: 0 3px 3px 0;
+  position: absolute;
+}
+
+.react-resizable-handle-sw {
+  cursor: sw-resize;
+  bottom: 0;
+  left: 0;
+  transform: rotate(90deg);
+}
+
+.react-resizable-handle-se {
+  cursor: se-resize;
+  bottom: 0;
+  right: 0;
+}
+
+.react-resizable-handle-nw {
+  cursor: nw-resize;
+  top: 0;
+  left: 0;
+  transform: rotate(180deg);
+}
+
+.react-resizable-handle-ne {
+  cursor: ne-resize;
+  top: 0;
+  right: 0;
+  transform: rotate(270deg);
+}
+
+.react-resizable-handle-w, .react-resizable-handle-e {
+  cursor: ew-resize;
+  margin-top: -10px;
+  top: 50%;
+}
+
+.react-resizable-handle-w {
+  left: 0;
+  transform: rotate(135deg);
+}
+
+.react-resizable-handle-e {
+  right: 0;
+  transform: rotate(315deg);
+}
+
+.react-resizable-handle-n, .react-resizable-handle-s {
+  cursor: ns-resize;
+  margin-left: -10px;
+  left: 50%;
+}
+
+.react-resizable-handle-n {
+  top: 0;
+  transform: rotate(225deg);
+}
+
+.react-resizable-handle-s {
+  bottom: 0;
+  transform: rotate(45deg);
+}
+._8CiLUa_grid {
+  flex: 1;
+  width: 100%;
+  min-height: 0;
+}
+
+._8CiLUa_grid .react-grid-layout {
+  min-height: 100% !important;
+}
+
+._8CiLUa_gridEditing {
+  border-radius: var(--radius-lg);
+}
+
+.react-grid-placeholder {
+  background: color-mix(in srgb, var(--color-accent-primary) 18%, transparent) !important;
+  border: 1px dashed var(--color-accent-primary) !important;
+  border-radius: var(--radius-lg) !important;
+  opacity: 1 !important;
+  z-index: 0 !important;
+}
+
+._8CiLUa_widgetWrapper {
+  backdrop-filter: blur(8px);
+  background: var(--glass-bg);
+  border: 1px solid var(--color-border-default);
+  border-radius: var(--radius-lg);
+  flex-direction: column;
+  height: 100%;
+  transition: border-color .2s, box-shadow .2s;
+  display: flex;
+  position: relative;
+  overflow: hidden;
+}
+
+._8CiLUa_removeButton {
+  background: var(--color-danger);
+  color: var(--color-text-primary);
+  cursor: pointer;
+  opacity: .9;
+  z-index: 20;
+  border: none;
+  border-radius: 999px;
+  justify-content: center;
+  align-items: center;
+  width: 1.5rem;
+  height: 1.5rem;
+  padding: 0;
+  font-size: 1rem;
+  line-height: 1;
+  transition: transform .2s, opacity .2s;
+  display: flex;
+  position: absolute;
+  top: .35rem;
+  right: .35rem;
+}
+
+._8CiLUa_removeButton:hover {
+  opacity: 1;
+  transform: scale(1.08);
+}
+
+._8CiLUa_dragHandle {
+  cursor: move;
+  z-index: 10;
+  background: none;
+  position: absolute;
+  inset: 0;
+}
+
+._8CiLUa_missingWidget {
+  background: var(--glass-bg);
+  border: 1px solid var(--color-danger);
+  border-radius: var(--radius-lg);
+  color: var(--color-danger);
+  font-size: var(--font-size-sm);
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+  padding: .75rem;
+  display: flex;
+}
+
+._8CiLUa_widgetWrapper .react-resizable-handle {
+  z-index: 15;
+  background-image: none;
+  width: 12px;
+  height: 12px;
+  bottom: 4px;
+  right: 4px;
+}
+
+._8CiLUa_widgetWrapper .react-resizable-handle:after {
+  border-bottom: 2px solid var(--color-text-muted);
+  border-right: 2px solid var(--color-text-muted);
+  content: "";
+  width: 8px;
+  height: 8px;
+  position: absolute;
+  bottom: 2px;
+  right: 2px;
+}
+
+._8CiLUa_widgetContent {
+  flex: 1;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+
+._8CiLUa_activatable {
+  cursor: pointer;
+}
+
+._8CiLUa_widgetContentEditing {
+  pointer-events: none;
+}
+.bFr9EG_palette {
+  background: var(--glass-bg);
+  border: 1px solid var(--color-border-default);
+  border-radius: var(--radius-lg);
+  z-index: 40;
+  width: 17.5rem;
+  position: absolute;
+  overflow: hidden;
+  box-shadow: 0 10px 40px -5px #0009, 0 0 0 1px #ffffff0d;
+}
+
+.bFr9EG_palette:not(.bFr9EG_dragging) {
+  transition: transform 50ms ease-out;
+}
+
+.bFr9EG_dragging {
+  cursor: grabbing;
+  box-shadow: 0 10px 40px -5px #0009, 0 0 0 1px #ffffff0d;
+}
+
+.bFr9EG_header {
+  background: var(--color-bg-secondary);
+  border-bottom: 1px solid var(--color-border-subtle);
+  user-select: none;
+  justify-content: space-between;
+  align-items: center;
+  padding: .75rem;
+  display: flex;
+}
+
+.bFr9EG_dragHandle {
+  cursor: grab;
+  flex: 1;
+  align-items: center;
+  gap: .5rem;
+  display: flex;
+}
+
+.bFr9EG_dragIcon {
+  color: var(--color-text-muted);
+  letter-spacing: -.1em;
+  opacity: .5;
+  flex-shrink: 0;
+}
+
+.bFr9EG_title {
+  color: var(--color-text-primary);
+  font-size: var(--font-size-xs);
+  font-weight: var(--font-weight-bold);
+  letter-spacing: .08em;
+  text-transform: uppercase;
+}
+
+.bFr9EG_controls {
+  gap: .25rem;
+  display: flex;
+}
+
+.bFr9EG_controlButton {
+  border-radius: var(--radius-sm);
+  color: var(--color-text-muted);
+  cursor: pointer;
+  font-size: var(--font-size-base);
+  background: none;
+  border: none;
+  justify-content: center;
+  align-items: center;
+  width: 1.5rem;
+  height: 1.5rem;
+  padding: 0;
+  line-height: 1;
+  display: flex;
+}
+
+.bFr9EG_controlButton:hover {
+  background: var(--color-border-subtle);
+  color: var(--color-text-primary);
+}
+
+.bFr9EG_minimized {
+  width: auto;
+  min-width: 8rem;
+}
+
+.bFr9EG_content {
+  scrollbar-width: thin;
+  max-height: 24rem;
+  overflow-y: auto;
+}
+
+.bFr9EG_searchInput {
+  appearance: none;
+  background: var(--color-bg-primary);
+  border: 1px solid var(--color-border-default);
+  border-radius: var(--radius-md);
+  color: var(--color-text-primary);
+  width: calc(100% - 1.5rem);
+  margin: .75rem;
+  padding: .55rem .7rem;
+}
+
+.bFr9EG_list {
+  flex-direction: column;
+  gap: .5rem;
+  padding: .5rem;
+  display: flex;
+}
+
+.bFr9EG_widgetItem {
+  background: var(--color-border-subtle);
+  border: 1px solid var(--color-border-default);
+  border-radius: var(--radius-lg);
+  cursor: grab;
+  padding: .75rem;
+  transition: background .2s, border-color .2s;
+}
+
+.bFr9EG_widgetItem:hover {
+  background: var(--color-border-default);
+  border-color: var(--color-border-hover);
+}
+
+.bFr9EG_disabled {
+  cursor: not-allowed;
+  filter: grayscale();
+  opacity: .45;
+}
+
+.bFr9EG_disabled:hover {
+  background: var(--color-border-subtle);
+  border-color: var(--color-border-default);
+}
+
+.bFr9EG_itemHeader {
+  align-items: center;
+  gap: .5rem;
+  margin-bottom: .35rem;
+  display: flex;
+}
+
+.bFr9EG_itemDot {
+  background: color-mix(in srgb, var(--color-info) 16%, transparent);
+  border: 1px solid color-mix(in srgb, var(--color-info) 45%, transparent);
+  border-radius: 999px;
+  flex-shrink: 0;
+  width: .7rem;
+  height: .7rem;
+}
+
+.bFr9EG_itemName {
+  color: var(--color-text-primary);
+  font-size: var(--font-size-xs);
+  font-weight: var(--font-weight-semibold);
+}
+
+.bFr9EG_itemDesc {
+  color: var(--color-text-muted);
+  font-size: var(--font-size-xs);
+  line-height: 1.2;
+}
+.T8uBNW_canvas {
+  background-color: var(--color-bg-primary);
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  position: relative;
+  overflow: hidden;
+}
+
+.T8uBNW_fixed .T8uBNW_gridArea {
+  padding: 8px;
+}
+
+.T8uBNW_gridArea {
+  flex-direction: column;
+  flex: 1;
+  min-height: 0;
+  padding: 1rem;
+  display: flex;
+  position: relative;
+  overflow: hidden auto;
+}
+
+.T8uBNW_emptyState, .T8uBNW_messageState, .T8uBNW_errorState {
+  color: var(--color-text-muted);
+  justify-content: center;
+  align-items: center;
+  padding: 1.5rem;
+  display: flex;
+}
+
+.T8uBNW_emptyState {
+  opacity: .55;
+  pointer-events: none;
+  flex-direction: column;
+  position: absolute;
+  inset: 0;
+}
+
+.T8uBNW_emptyState p:first-child {
+  font-size: var(--font-size-xl);
+  font-weight: var(--font-weight-semibold);
+  margin-bottom: 1rem;
+}
+
+.T8uBNW_errorState {
+  color: var(--color-danger);
+}
+.fyehUG_overlay {
+  z-index: 45;
+  pointer-events: none;
+  visibility: hidden;
+  transition: visibility 0s linear .3s;
+  position: fixed;
+  inset: 0;
+}
+
+.fyehUG_overlay.fyehUG_open {
+  visibility: visible;
+  pointer-events: auto;
+  transition-delay: 0s;
+}
+
+.fyehUG_overlay.fyehUG_open .fyehUG_panel {
+  opacity: 1;
+  transform: translateX(0);
+}
+
+.fyehUG_panel {
+  opacity: 0;
+  background: #0d0f12;
+  flex-direction: column;
+  transition: transform .3s cubic-bezier(.4, 0, .2, 1), opacity .3s ease-out;
+  display: flex;
+  position: absolute;
+  inset: 0;
+  transform: translateX(100%);
+}
+
+.fyehUG_header {
+  border-bottom: 1px solid #ffffff1a;
+  flex-shrink: 0;
+  justify-content: space-between;
+  align-items: center;
+  gap: .75rem;
+  padding: .75rem 1.25rem;
+  display: flex;
+}
+
+.fyehUG_title {
+  color: #e9eaed;
+  margin: 0;
+  font-family: Inter, system-ui, -apple-system, sans-serif;
+  font-size: 1rem;
+  font-weight: 600;
+  line-height: 1.25;
+}
+
+.fyehUG_closeButton {
+  appearance: none;
+  color: #9ca3af;
+  cursor: pointer;
+  background: none;
+  border: none;
+  border-radius: .375rem;
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  width: 2rem;
+  height: 2rem;
+  transition: background-color .2s ease-out, color .2s ease-out;
+  display: flex;
+}
+
+.fyehUG_closeButton:hover {
+  color: #e9eaed;
+  background: #1d2128;
+}
+
+.fyehUG_closeButton:focus-visible {
+  outline-offset: 2px;
+  outline: 2px solid #f59e0b;
+}
+
+.fyehUG_content {
+  flex: 1;
+  min-height: 0;
+  overflow: auto;
+}
+
+.fyehUG_content::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+
+.fyehUG_content::-webkit-scrollbar-track {
+  background: none;
+}
+
+.fyehUG_content::-webkit-scrollbar-thumb {
+  background: #ffffff1a;
+  border-radius: 9999px;
+}
+
+.fyehUG_content::-webkit-scrollbar-thumb:hover {
+  background: #fff3;
+}
+
+.fyehUG_loadingState, .fyehUG_errorState {
+  color: #6b7280;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+  font-family: Inter, system-ui, -apple-system, sans-serif;
+  font-size: .875rem;
+  display: flex;
+}
+._IegBG_indicator {
+  color: var(--color-text-secondary);
+  font-size: var(--font-size-sm);
+  align-items: center;
+  gap: .5rem;
+  display: inline-flex;
+}
+
+._IegBG_dot {
+  border-radius: 999px;
+  width: .5rem;
+  height: .5rem;
+  display: inline-block;
+}
+
+._IegBG_dotConnected {
+  background-color: var(--color-success);
+}
+
+._IegBG_dotDisconnected {
+  background-color: var(--color-danger);
+}
+._1PvBiq_shell {
+  background-color: var(--color-bg-primary);
+  color: var(--color-text-primary);
+  flex-direction: column;
+  height: 100vh;
+  display: flex;
+}
+
+._1PvBiq_header {
+  border-bottom: 1px solid var(--color-border-default);
+  justify-content: space-between;
+  align-items: center;
+  gap: .75rem;
+  padding: .75rem 1.25rem;
+  display: flex;
+}
+
+._1PvBiq_branding {
+  flex-direction: column;
+  gap: .1rem;
+  display: flex;
+}
+
+._1PvBiq_brandName {
+  font-size: var(--font-size-base);
+  font-weight: var(--font-weight-semibold);
+  letter-spacing: .04em;
+}
+
+._1PvBiq_brandSubtitle {
+  color: var(--color-text-muted);
+  font-size: var(--font-size-xs);
+}
+
+._1PvBiq_headerActions {
+  align-items: center;
+  gap: .75rem;
+  display: flex;
+}
+
+._1PvBiq_editButton {
+  appearance: none;
+  border: 1px solid var(--color-border-default);
+  border-radius: var(--radius-sm);
+  color: var(--color-text-secondary);
+  cursor: pointer;
+  font-size: var(--font-size-xs);
+  font-weight: var(--font-weight-medium);
+  background: none;
+  align-items: center;
+  gap: .35rem;
+  padding: .35rem .65rem;
+  transition: background .15s, border-color .15s, color .15s;
+  display: flex;
+}
+
+._1PvBiq_editButton:hover {
+  background: var(--color-border-subtle);
+  border-color: var(--color-border-hover);
+  color: var(--color-text-primary);
+}
+
+._1PvBiq_editButtonActive {
+  background: var(--color-accent-primary);
+  border-color: var(--color-accent-primary);
+  color: var(--color-bg-primary);
+}
+
+._1PvBiq_editButtonActive:hover {
+  background: var(--color-accent-primary);
+  border-color: var(--color-accent-primary);
+  color: var(--color-bg-primary);
+  opacity: .9;
+}
+
+._1PvBiq_main {
+  flex: 1;
+  min-height: 0;
+}
+.ZS9g2G_widget {
+  align-items: center;
+  height: 100%;
+  padding: .5rem;
+  display: flex;
+}
+
+.ZS9g2G_button {
+  appearance: none;
+  background: var(--color-bg-secondary);
+  border: 1px solid var(--color-border-default);
+  border-radius: var(--radius-md);
+  color: var(--color-text-primary);
+  cursor: pointer;
+  font-size: var(--font-size-sm);
+  font-weight: var(--font-weight-semibold);
+  width: 100%;
+  padding: .5rem .75rem;
+  transition: background-color .15s, border-color .15s;
+}
+
+.ZS9g2G_button:focus-visible {
+  outline: 2px solid var(--color-accent-primary);
+  outline-offset: 2px;
+}
+
+.ZS9g2G_button:hover:not(:disabled) {
+  background: var(--color-bg-tertiary);
+  border-color: var(--color-border-hover);
+}
+
+.ZS9g2G_button:disabled {
+  color: var(--color-text-muted);
+  cursor: not-allowed;
+  opacity: .6;
+}
+.d91lNG_root {
+  border-radius: var(--radius-lg, 12px);
+  -webkit-app-region: no-drag;
+  background: none;
+  flex-direction: column;
+  width: 100%;
+  height: 100vh;
+  display: flex;
+  position: relative;
+  overflow: hidden;
+}
+
+.d91lNG_canvas {
+  background-color: var(--color-bg-primary);
+  border-radius: var(--radius-lg, 12px);
+  flex: 1;
+  min-height: 0;
+  overflow: hidden;
+}
+
+.d91lNG_loadingState {
+  color: var(--color-text-muted);
+  font-size: var(--font-size-xs);
+  pointer-events: none;
+  position: absolute;
+  bottom: .5rem;
+  left: .75rem;
+}
+.xdwtsW_errorContainer {
+  border: 1px solid var(--color-border-subtle);
+  background: var(--color-bg-secondary);
+  color: var(--color-text-primary);
+  border-radius: .75rem;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: .5rem;
+  padding: 1.5rem;
+  display: flex;
+}
+
+.xdwtsW_title {
+  margin: 0;
+  font-size: 1.125rem;
+}
+
+.xdwtsW_subtitle {
+  color: var(--color-text-muted);
+  margin: 0;
+  font-size: .875rem;
+}
+
+.xdwtsW_errorMessage {
+  background: var(--color-bg-tertiary);
+  width: 100%;
+  color: var(--color-danger);
+  white-space: pre-wrap;
+  border-radius: .5rem;
+  margin: 0;
+  padding: .75rem;
+  font-size: .75rem;
+}
+
+.xdwtsW_retryButton {
+  border: 1px solid var(--color-border-default);
+  background: var(--color-bg-primary);
+  color: var(--color-text-primary);
+  cursor: pointer;
+  border-radius: .5rem;
+  padding: .5rem 1rem;
+  transition: background-color .15s ease-out, color .15s ease-out, border-color .15s ease-out;
+}
+
+.xdwtsW_retryButton:hover {
+  border-color: var(--color-accent-primary);
+  color: var(--color-accent-primary);
+}