@lobehub/ui 6.0.0-beta.7 → 6.0.0-beta.9

package/es/style.css

@@ -101,1132 +101,2945 @@
 }
 
 @layer lobe-ui {
-  .lobe-draggable-side-nav-body::-webkit-scrollbar-thumb:hover {
-    background-color: var(--lobe-color-border);
+  .lobe-picker.lobe-picker-underlined {
+    border-block-end-color: var(--lobe-color-border);
+    border-radius: 0;
   }
-}
 
-@layer lobe-ui {
-  .lobe-menu-positioner > * {
-    will-change: opacity, transform;
-    transform-origin: var(--transform-origin);
-    animation: none;
+  .lobe-picker.lobe-picker-underlined:hover:not(:focus-within, .lobe-picker-disabled) {
+    border-block-end-color: var(--lobe-color-primary-hover);
   }
 
-  .lobe-menu-positioner[data-open] > * {
-    opacity: 1;
-    transition: opacity var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-out),
-      transform var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-out);
-    transform: scaleY(1);
+  .lobe-picker.lobe-picker-underlined:focus-within {
+    border-block-end-color: var(--lobe-color-primary);
   }
 
-  .lobe-menu-positioner[data-open] > [data-starting-style], .lobe-menu-positioner[data-closed] > * {
-    transform: scaleY(var(--lobe-dropdown-animation-scale-y));
-    opacity: 0;
+  .lobe-picker-root.lobe-picker {
+    width: auto;
+    max-width: 100%;
+    position: relative;
   }
 
-  .lobe-menu-positioner[data-closed] > * {
-    transition: opacity var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-in),
-      transform var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-in);
+  .lobe-picker-root.lobe-picker .lobe-picker-input {
+    flex: auto;
+    align-items: center;
+    gap: 8px;
+    min-width: 0;
+    display: inline-flex;
+    position: relative;
   }
 
-  .lobe-menu-popup:has([data-highlighted]) :is([role^="menuitem"], [role="option"]):hover:not([data-highlighted]) {
-    background: none !important;
+  .lobe-picker-root.lobe-picker .lobe-picker-input > input {
+    width: auto;
+    min-width: 0;
+    font: inherit;
+    font-variant-numeric: tabular-nums;
+    color: inherit;
+    text-overflow: ellipsis;
+    appearance: none;
+    background: none;
+    border: none;
+    outline: none;
+    flex: auto;
+    padding: 0;
   }
 
-  .lobe-menu-icon svg {
-    width: 100%;
-    height: 100%;
+  .lobe-picker-root.lobe-picker .lobe-picker-input > input::placeholder {
+    color: var(--lobe-color-text-placeholder);
   }
 
-  .lobe-menu-submenu-arrow svg {
-    width: 12px;
-    height: 12px;
+  .lobe-picker-root.lobe-picker .lobe-picker-input > input:disabled {
+    cursor: not-allowed;
   }
 
-  .lobe-menu-label a, .lobe-menu-label a:visited, .lobe-menu-label a:hover, .lobe-menu-label a:active {
-    color: inherit;
+  .lobe-picker-root.lobe-picker-range:not(.lobe-picker-disabled):has(input:disabled) {
+    cursor: auto;
+    color: var(--lobe-color-text);
+    opacity: 1;
   }
-}
 
-@layer lobe-ui {
-  .lobe-emoji-picker em-emoji-picker {
-    --rgb-accent: var(--emoji-picker-rgb-accent, 0, 0, 0);
-    --shadow: none;
-    --rgb-background: var(--emoji-picker-rgb-background, 255, 255, 255);
-    --border-radius: 0;
+  .lobe-picker-root.lobe-picker-range:not(.lobe-picker-disabled) .lobe-picker-input:has( > input:disabled) {
+    cursor: not-allowed;
+    color: var(--lobe-color-text-quaternary);
   }
 
-  .lobe-emoji-picker-avatar {
-    transition: background .15s var(--lobe-motion-ease-out);
+  .lobe-picker-root.lobe-picker .lobe-picker-input-placeholder > input {
+    color: var(--lobe-color-text-placeholder);
+  }
+
+  .lobe-picker-root.lobe-picker .lobe-picker-prefix {
+    color: var(--lobe-color-text-tertiary);
+    flex: none;
+    align-items: center;
+    display: inline-flex;
+  }
+
+  .lobe-picker-root.lobe-picker .lobe-picker-suffix {
+    pointer-events: none;
+    width: 16px;
+    color: var(--lobe-color-text-tertiary);
+    transition: opacity .15s var(--lobe-motion-ease-out);
+    flex: none;
+    justify-content: center;
+    align-items: center;
+    display: inline-flex;
+  }
+
+  .lobe-picker-root.lobe-picker .lobe-picker-clear {
+    cursor: pointer;
+    z-index: 1;
+    width: 16px;
+    height: 16px;
+    color: var(--lobe-color-bg-container);
+    opacity: 0;
+    background: var(--lobe-color-text-quaternary);
+    transition: opacity .15s var(--lobe-motion-ease-out);
+    border: 0;
+    border-radius: 50%;
+    flex: none;
+    justify-content: center;
+    align-items: center;
+    margin-inline-start: -24px;
+    padding: 0;
+    display: inline-flex;
     position: relative;
   }
 
-  .lobe-emoji-picker-avatar:hover {
-    background: var(--lobe-color-fill-secondary) !important;
+  .lobe-picker-root.lobe-picker .lobe-picker-clear:hover {
+    background: var(--lobe-color-text-tertiary);
   }
 
-  .lobe-emoji-picker-popover {
-    padding: 0 !important;
-    overflow: hidden !important;
+  .lobe-picker-root.lobe-picker:not(.lobe-picker-disabled):hover .lobe-picker-clear {
+    opacity: 1;
   }
 
-  .lobe-emoji-picker-positioner {
-    width: fit-content !important;
+  .lobe-picker-root.lobe-picker:not(.lobe-picker-disabled):hover .lobe-picker-suffix:not(:last-child) {
+    opacity: 0;
   }
 
-  .lobe-emoji-picker-tabs-root {
-    width: auto !important;
+  .lobe-picker-root.lobe-picker-disabled .lobe-picker-clear {
+    display: none;
   }
 
-  .lobe-emoji-picker-tabs-list {
-    padding: 4px;
-    box-shadow: none !important;
-    gap: 8px !important;
+  .lobe-picker-root.lobe-picker-multiple {
+    --lobe-picker-tag-height: 24px;
+    cursor: pointer;
+    padding-block: 1px;
   }
 
-  .lobe-emoji-picker-tabs-indicator {
-    border-start-start-radius: 3px;
-    border-start-end-radius: 3px;
-    height: 3px !important;
+  .lobe-picker-root.lobe-picker-multiple.lobe-picker-small {
+    --lobe-picker-tag-height: 16px;
   }
 
-  .lobe-emoji-picker-tab {
-    width: 32px;
-    border-radius: var(--lobe-border-radius) !important;
-    height: 32px !important;
-    padding: 0 !important;
-    transition: background-color .1s ease-out !important;
+  .lobe-picker-root.lobe-picker-multiple.lobe-picker-large {
+    --lobe-picker-tag-height: 32px;
   }
 
-  .lobe-emoji-picker-tab:hover:not([data-disabled]) {
-    background: var(--lobe-color-fill-tertiary) !important;
+  .lobe-picker-root.lobe-picker-multiple .lobe-picker-selector {
+    flex: 1;
+    min-width: 0;
+    position: relative;
   }
-}
 
-@layer lobe-ui {
-  .lobe-form-list-cell > :not(:focus-within, :has([aria-invalid="true"]), :hover) {
-    box-shadow: none;
-    background: none;
-    border-color: #0000;
+  .lobe-picker-root.lobe-picker-multiple .lobe-picker-selection-overflow {
+    flex-wrap: wrap;
+    align-items: center;
+    max-width: 100%;
+    display: flex;
   }
 
-  .lobe-form-list-cell > :hover:not(:focus-within, :has([aria-invalid="true"])) {
-    box-shadow: none;
+  .lobe-picker-root.lobe-picker-multiple .lobe-picker-selection-overflow-item {
+    flex: none;
+    max-width: 100%;
   }
 
-  .lobe-form-list-cell > :hover:not(:focus-within, :has([aria-invalid="true"]), [data-variant="filled"]) {
-    background: var(--lobe-color-fill-tertiary);
+  .lobe-picker-root.lobe-picker-multiple .lobe-picker-selection-item {
+    box-sizing: border-box;
+    max-width: 100%;
+    height: var(--lobe-picker-tag-height);
+    border-radius: var(--lobe-border-radius-sm);
+    font-size: var(--lobe-font-size-sm);
+    line-height: var(--lobe-picker-tag-height);
+    color: var(--lobe-color-text);
+    white-space: nowrap;
+    background: var(--lobe-color-fill-secondary);
+    align-items: center;
+    gap: 4px;
+    margin-block: 2px;
+    margin-inline-end: 4px;
+    padding-inline: 8px 4px;
+    display: flex;
   }
-}
 
-@layer lobe-ui {
-  @keyframes lobe-syntax-highlighter-fade-in {
-    0% {
-      opacity: 0;
-    }
+  .lobe-picker-root.lobe-picker-multiple.lobe-picker-large .lobe-picker-selection-item {
+    font-size: var(--lobe-font-size);
+  }
 
-    100% {
-      opacity: 1;
-    }
+  .lobe-picker-root.lobe-picker-multiple .lobe-picker-selection-item:not(:has(.lobe-picker-selection-item-remove)) {
+    padding-inline-end: 8px;
   }
 
-  .lobe-syntax-highlighter pre {
-    margin: 0;
-    overflow-x: auto;
+  .lobe-picker-root.lobe-picker-multiple .lobe-picker-selection-item-content {
+    font-variant-numeric: tabular-nums;
+    text-overflow: ellipsis;
+    overflow: hidden;
   }
 
-  .lobe-syntax-highlighter-shiki pre {
-    -webkit-user-select: none;
-    user-select: none;
+  .lobe-picker-root.lobe-picker-multiple .lobe-picker-selection-item-remove {
+    cursor: pointer;
+    color: var(--lobe-color-icon);
+    flex: none;
+    align-items: center;
+    display: inline-flex;
   }
 
-  .lobe-syntax-highlighter-shiki pre code {
-    flex-direction: column;
-    gap: 4px;
-    display: flex;
+  .lobe-picker-root.lobe-picker-multiple .lobe-picker-selection-item-remove:hover {
+    color: var(--lobe-color-text-heading);
   }
 
-  .lobe-syntax-highlighter-shiki pre code .line {
-    -webkit-user-select: text;
-    user-select: text;
-    width: calc(100% + 32px);
-    margin-block: 0;
-    margin-inline: -16px;
-    padding-block: 0;
-    padding-inline: 16px;
+  .lobe-picker-root.lobe-picker-multiple .lobe-picker-selection-placeholder {
+    line-height: calc(var(--lobe-picker-tag-height) + 4px);
+    color: var(--lobe-color-text-placeholder);
+    text-overflow: ellipsis;
+    white-space: nowrap;
     display: block;
+    overflow: hidden;
   }
 
-  .lobe-syntax-highlighter-shiki pre.has-focused .line:not(.focused) {
-    opacity: .5;
+  .lobe-picker-root.lobe-picker-multiple .lobe-picker-multiple-input {
+    z-index: -1;
+    opacity: 0;
+    border: 0;
+    width: 0;
+    height: 0;
+    padding: 0;
+    position: absolute;
   }
 
-  .lobe-syntax-highlighter-shiki pre .highlighted {
-    background: var(--lobe-color-fill-tertiary);
+  .lobe-picker-root.lobe-picker-multiple.lobe-picker-disabled {
+    cursor: not-allowed;
+    color: var(--lobe-color-text-quaternary);
+    opacity: .66;
   }
 
-  .lobe-syntax-highlighter-shiki pre .highlighted.warning {
-    background: var(--lobe-color-warning-bg);
+  .lobe-picker-root.lobe-picker-status-error {
+    --lobe-picker-status: var(--lobe-color-error);
+    --lobe-picker-status-hover: var(--lobe-color-error-border-hover);
+    --lobe-picker-status-bg: var(--lobe-color-error-bg);
+    --lobe-picker-status-bg-hover: var(--lobe-color-error-bg-hover);
   }
 
-  .lobe-syntax-highlighter-shiki pre .highlighted.error {
-    background: var(--lobe-color-error-bg);
+  .lobe-picker-root.lobe-picker-status-warning {
+    --lobe-picker-status: var(--lobe-color-warning);
+    --lobe-picker-status-hover: var(--lobe-color-warning-border-hover);
+    --lobe-picker-status-bg: var(--lobe-color-warning-bg);
+    --lobe-picker-status-bg-hover: var(--lobe-color-warning-bg-hover);
   }
 
-  .lobe-syntax-highlighter-shiki pre .highlighted-word {
-    border: 1px solid var(--lobe-color-border-secondary);
-    border-radius: var(--lobe-border-radius);
-    background: var(--lobe-color-fill-tertiary);
-    padding-block: .1em;
-    padding-inline: .2em;
+  .lobe-picker-root:is(.lobe-picker-status-error, .lobe-picker-status-warning):not(.lobe-picker-disabled).lobe-picker-outlined {
+    border-color: var(--lobe-picker-status);
   }
 
-  .lobe-syntax-highlighter-shiki pre .diff.remove {
-    background: var(--lobe-color-error-bg);
+  .lobe-picker-root:is(.lobe-picker-status-error, .lobe-picker-status-warning):not(.lobe-picker-disabled).lobe-picker-outlined:hover:not(:focus-within) {
+    border-color: var(--lobe-picker-status-hover);
   }
 
-  .lobe-syntax-highlighter-shiki pre .diff.remove:before {
-    content: "-";
-    color: var(--lobe-color-error-text);
-    display: inline-block;
-    position: absolute;
-    inset-inline-start: 4px;
+  .lobe-picker-root:is(.lobe-picker-status-error, .lobe-picker-status-warning):not(.lobe-picker-disabled).lobe-picker-outlined:focus-within {
+    border-color: var(--lobe-picker-status);
+    box-shadow: 0 0 0 2px var(--lobe-picker-status-bg);
   }
 
-  .lobe-syntax-highlighter-shiki pre .diff.add {
-    background: var(--lobe-color-success-bg);
+  .lobe-picker-root:is(.lobe-picker-status-error, .lobe-picker-status-warning):not(.lobe-picker-disabled).lobe-picker-filled {
+    background: var(--lobe-picker-status-bg);
   }
 
-  .lobe-syntax-highlighter-shiki pre .diff.add:before {
-    content: "+";
-    color: var(--lobe-color-success-text);
-    display: inline-block;
-    position: absolute;
-    inset-inline-start: 4px;
+  .lobe-picker-root:is(.lobe-picker-status-error, .lobe-picker-status-warning):not(.lobe-picker-disabled).lobe-picker-filled:hover:not(:focus-within) {
+    background: var(--lobe-picker-status-bg-hover);
   }
 
-  .lobe-syntax-highlighter-transparent pre {
-    background: none !important;
+  .lobe-picker-root:is(.lobe-picker-status-error, .lobe-picker-status-warning):not(.lobe-picker-disabled).lobe-picker-filled:focus-within {
+    border-color: var(--lobe-picker-status);
+    background: var(--lobe-color-bg-container);
   }
 
-  .lobe-syntax-highlighter-animated .animate-fade-in, .lobe-syntax-highlighter-animated .katex-html > .katex-base, .lobe-syntax-highlighter-animated code:not(:has(span.line)) {
-    opacity: 1;
-    animation: 1s ease-in-out lobe-syntax-highlighter-fade-in;
+  .lobe-picker-root:is(.lobe-picker-status-error, .lobe-picker-status-warning):not(.lobe-picker-disabled).lobe-picker-underlined {
+    border-block-end-color: var(--lobe-picker-status);
   }
 
-  .lobe-syntax-highlighter-animated span.line > span.stream-char {
-    opacity: 0;
-    animation: lobe-syntax-highlighter-fade-in var(--lobe-syntax-highlighter-stream-fade)
-      cubic-bezier(.33, 0, .67, 1) forwards;
+  .lobe-picker-root:is(.lobe-picker-status-error, .lobe-picker-status-warning):not(.lobe-picker-disabled):is(.lobe-picker-borderless, .lobe-picker-underlined) .lobe-picker-input > input, .lobe-picker-root:is(.lobe-picker-status-error, .lobe-picker-status-warning):not(.lobe-picker-disabled) .lobe-picker-prefix {
+    color: var(--lobe-picker-status);
   }
 
-  .lobe-syntax-highlighter-animated .katex-display .katex-html span {
-    animation: none !important;
-    -webkit-mask: none !important;
-    mask: none !important;
+  .lobe-picker-root.lobe-picker-rtl, .lobe-picker-root.lobe-picker-dropdown-rtl {
+    direction: rtl;
   }
 
-  .lobe-syntax-highlighter-padded pre {
-    padding: 16px;
+  .lobe-picker-root.lobe-picker-rtl .lobe-picker-range-separator .lucide, .lobe-picker-root.lobe-picker-dropdown-rtl .lobe-picker-header > button .lucide {
+    transform: scaleX(-1);
   }
 
-  .lobe-syntax-highlighter-unpadded pre {
-    padding: 0;
+  .lobe-picker-root.lobe-picker-range .lobe-picker-input {
+    flex: auto;
   }
-}
 
-@layer lobe-ui {
-  .lobe-highlighter .language-title {
-    opacity: .5;
-    filter: grayscale();
-    transition: opacity,
-      grayscale .2s var(--lobe-motion-ease-in-out);
+  .lobe-picker-root.lobe-picker-range .lobe-picker-range-separator {
+    color: var(--lobe-color-text-tertiary);
+    flex: none;
+    align-items: center;
+    display: inline-flex;
   }
 
-  .lobe-highlighter .panel-actions {
+  .lobe-picker-root.lobe-picker-range .lobe-picker-active-bar {
+    pointer-events: none;
     opacity: 0;
-    transition: opacity .2s var(--lobe-motion-ease-in-out);
+    background: var(--lobe-color-primary);
+    height: 2px;
+    transition: inset-inline-start .2s var(--lobe-motion-ease-out),
+        width .2s var(--lobe-motion-ease-out),
+        opacity .2s var(--lobe-motion-ease-out);
+    position: absolute;
+    inset-block-end: -1px;
   }
 
-  .lobe-highlighter:hover .language-title {
+  .lobe-picker-root.lobe-picker-range.lobe-picker-focused .lobe-picker-active-bar {
     opacity: 1;
-    filter: grayscale(0%);
   }
 
-  .lobe-highlighter:hover .panel-actions, .lobe-highlighter:hover .lobe-highlighter-actions, .lobe-highlighter:hover .lobe-highlighter-lang {
-    opacity: 1;
+  .lobe-picker-root.lobe-picker-dropdown {
+    pointer-events: auto;
+    color: var(--lobe-color-text);
+    font-size: 14px;
   }
 
-  .lobe-highlighter pre {
-    height: 100%;
-    font-size: 12px;
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-range-arrow {
+    display: none;
   }
 
-  .lobe-highlighter code {
-    background: none !important;
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-panel-container {
+    vertical-align: top;
+    background: var(--lobe-color-bg-elevated);
+    box-shadow: var(--lobe-box-shadow), var(--lobe-ring);
+    border-radius: 16px;
+    display: inline-block;
+    overflow: hidden;
   }
 
-  .lobe-highlighter-nowrap pre, .lobe-highlighter-nowrap code {
-    text-wrap: nowrap;
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-panel-layout {
+    align-items: stretch;
+    display: flex;
   }
 
-  .lobe-highlighter-wrap pre, .lobe-highlighter-wrap code {
-    text-wrap: wrap;
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-panels {
+    flex-wrap: nowrap;
+    display: flex;
   }
 
-  .lobe-highlighter-lang.lobe-highlighter-lang {
-    z-index: 2;
-    font-family: var(--lobe-font-family-code);
-    color: var(--lobe-color-text-secondary);
-    opacity: 0;
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-presets {
+    border-inline-end: 1px solid var(--lobe-color-fill-secondary);
     background: var(--lobe-color-fill-quaternary);
-    backdrop-filter: saturate(150%) blur(10px);
-    box-shadow: none;
-    transition: opacity .1s;
-    position: absolute;
-    inset-block: auto 8px;
-    inset-inline: auto 8px;
-  }
-}
-
-@layer lobe-ui {
-  .lobe-html-preview-loading-source [data-code-type="highlighter"] {
-    box-shadow: none;
-    background: none;
+    flex-direction: column;
+    min-width: 120px;
+    max-width: 200px;
+    display: flex;
   }
 
-  .lobe-html-preview-loading-source pre, .lobe-html-preview-loading-source code {
-    background: none !important;
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-presets ul {
+    flex: auto;
+    height: 0;
+    margin: 0;
+    padding: 6px;
+    list-style: none;
+    overflow: auto;
   }
-}
 
-@layer lobe-ui {
-  .lobe-image-viewer-image {
-    -webkit-user-drag: none;
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-presets li {
+    cursor: pointer;
+    color: var(--lobe-color-text);
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    transition: background-color .15s var(--lobe-motion-ease-out);
+    border-radius: 6px;
+    padding-block: 4px;
+    padding-inline: 8px;
+    font-size: 13px;
+    line-height: 20px;
+    overflow: hidden;
   }
-}
 
-@layer lobe-ui {
-  .lobe-list-label a {
-    color: inherit;
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-presets li:hover {
+    background: var(--lobe-color-fill-tertiary);
   }
-}
 
-@layer lobe-ui {
-  .lobe-markdown-table-copy {
-    z-index: 1;
-    opacity: 0;
-    background: var(--lobe-color-bg-container);
-    box-shadow: 0 0 0 1px var(--lobe-color-border-secondary);
-    transition: opacity var(--lobe-motion-duration-mid) var(--lobe-motion-ease-in-out);
-    position: absolute;
-    inset-block-start: calc(.75em + (var(--lobe-markdown-line-height) * .5em));
-    inset-inline-end: .5em;
-    transform: translateY(-50%);
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-presets li:has( > .lobe-picker-preset-active) {
+    background: var(--lobe-color-fill-secondary);
+    font-weight: 500;
   }
 
-  .lobe-markdown-table:hover .lobe-markdown-table-copy, .lobe-markdown-table:focus-within .lobe-markdown-table-copy {
-    opacity: 1;
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-presets li + li {
+    margin-block-start: 2px;
   }
 
-  .lobe-markdown-table > table {
-    margin-block: 0;
+  .lobe-picker-root.lobe-picker-dropdown.lobe-picker-dropdown-dark .lobe-picker-presets {
+    border-inline-end-color: var(--lobe-color-fill-tertiary);
+    background: #0000001f;
   }
 
-  .lobe-markdown-table > table thead th:last-child {
-    padding-inline-end: calc(1em + 32px);
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-panel {
+    outline: none;
+    flex-direction: column;
+    display: inline-flex;
   }
-}
 
-@layer lobe-ui {
-  .lobe-search-result-card {
-    min-width: 160px;
-    max-width: 160px;
-    color: initial;
-    font-size: 12px;
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-panels > .lobe-picker-panel + .lobe-picker-panel {
+    border-inline-start: 1px solid var(--lobe-color-border-secondary);
   }
 
-  .lobe-search-result-card-url {
-    -webkit-line-clamp: 1;
-    text-overflow: ellipsis;
-    -webkit-box-orient: vertical;
-    display: -webkit-box;
-    overflow: hidden;
+  .lobe-picker-root.lobe-picker-dropdown :is(.lobe-picker-date-panel, .lobe-picker-week-panel, .lobe-picker-month-panel, .lobe-picker-quarter-panel, .lobe-picker-year-panel, .lobe-picker-decade-panel) {
+    width: 288px;
   }
-}
 
-@layer lobe-ui {
-  .lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown {
-    --lobe-markdown-font-size: 16px;
-    --lobe-markdown-header-multiple: 1;
-    --lobe-markdown-margin-multiple: 2;
-    --lobe-markdown-line-height: 1.8;
-    --lobe-markdown-border-radius: var(--lobe-border-radius-lg);
-    --lobe-markdown-border-color: var(--lobe-color-fill-quaternary);
-    width: 100%;
-    max-width: 100%;
-    font-size: var(--lobe-markdown-font-size);
-    line-height: var(--lobe-markdown-line-height);
-    overflow-wrap: break-word;
-    padding-inline: 1px;
-    position: relative;
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-header {
+    align-items: center;
+    gap: 2px;
+    padding-block: 12px 4px;
+    padding-inline: 12px;
+    display: flex;
   }
 
-  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) a {
-    color: var(--lobe-color-info-text);
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-header > button {
+    cursor: pointer;
+    width: 28px;
+    height: 28px;
+    color: var(--lobe-color-text-secondary);
+    background: none;
+    border: 0;
+    border-radius: 50%;
+    flex: none;
+    justify-content: center;
+    align-items: center;
+    padding: 0;
+    display: inline-flex;
   }
 
-  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) a:hover {
-    color: var(--lobe-color-info-hover);
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-header > button:focus-visible:not([data-lobe-focus-ring="managed"]) {
+    --lobe-focus-ring-color: var(--lobe-color-info);
+    outline: 2px solid color-mix(in srgb, var(--lobe-color-info) 90.0%, transparent);
+    outline-offset: 2px;
+    animation: .2s cubic-bezier(.22, 1, .36, 1) lobe-picker-ring-in;
   }
 
-  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) blockquote {
-    margin-block: calc(var(--lobe-markdown-margin-multiple) * .5em);
-    border-inline-start: solid 4px var(--lobe-color-border);
-    color: var(--lobe-color-text-secondary);
-    margin-inline: 0;
-    padding-block: 0;
-    padding-inline: 1em;
+  @media (prefers-reduced-motion: reduce) {
+    .lobe-picker-root.lobe-picker-dropdown .lobe-picker-header > button:focus-visible:not([data-lobe-focus-ring="managed"]) {
+      animation: none;
+    }
   }
 
-  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) code:not(:has(span)) {
-    border: 1px solid var(--lobe-markdown-border-color);
-    font-family: var(--lobe-font-family-code);
-    overflow-wrap: break-word;
-    white-space: break-spaces;
-    background: var(--lobe-color-fill-secondary);
-    border-radius: .25em;
-    margin-inline: .25em;
-    padding-block: .1em;
-    padding-inline: .4em;
-    font-size: .875em;
-    line-height: 1;
-    display: inline;
+  @media (forced-colors: active) {
+    .lobe-picker-root.lobe-picker-dropdown .lobe-picker-header > button:focus-visible:not([data-lobe-focus-ring="managed"]) {
+      outline-color: canvastext;
+      animation: none;
+    }
   }
 
-  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) del {
-    color: var(--lobe-color-text-description);
-    text-decoration: line-through;
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-header > button:hover:not(:disabled) {
+    color: var(--lobe-color-text);
+    background: var(--lobe-color-fill-tertiary);
   }
 
-  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) details {
-    margin-block: calc(var(--lobe-markdown-margin-multiple) * .5em);
-    border-radius: calc(var(--lobe-markdown-border-radius) * 1px);
-    background: var(--lobe-color-fill-tertiary);
-    box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);
-    padding-block: .75em;
-    padding-inline: 1em;
+  .lobe-picker-root.lobe-picker-dropdown :is(.lobe-picker-header-prev-btn-disabled, .lobe-picker-header-next-btn-disabled, .lobe-picker-header-super-prev-btn-disabled, .lobe-picker-header-super-next-btn-disabled) {
+    cursor: not-allowed;
+    opacity: .3;
   }
 
-  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) details summary {
-    cursor: pointer;
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-header-view {
+    flex: 1;
+    justify-content: center;
     align-items: center;
-    list-style: none;
+    gap: 4px;
+    min-width: 0;
+    font-weight: 600;
     display: flex;
   }
 
-  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) details summary:before {
-    content: "";
-    border-block-end: 1.5px solid var(--lobe-color-text-secondary);
-    border-inline-end: 1.5px solid var(--lobe-color-text-secondary);
-    width: .4em;
-    height: .4em;
-    font-family: var(--lobe-font-family);
-    transition: transform .2s var(--lobe-motion-ease-out);
-    display: block;
-    position: absolute;
-    inset-inline-end: 1.25em;
-    transform: rotateZ(-45deg);
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-header-view > button {
+    cursor: pointer;
+    font: inherit;
+    color: inherit;
+    background: none;
+    border: 0;
+    border-radius: 6px;
+    padding-block: 2px;
+    padding-inline: 4px;
   }
 
-  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) details[open] summary {
-    border-block-end: 1px dashed var(--lobe-color-border);
-    padding-block-end: .75em;
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-header-view > button:focus-visible:not([data-lobe-focus-ring="managed"]) {
+    --lobe-focus-ring-color: var(--lobe-color-info);
+    outline: 2px solid color-mix(in srgb, var(--lobe-color-info) 90.0%, transparent);
+    outline-offset: 2px;
+    animation: .2s cubic-bezier(.22, 1, .36, 1) lobe-picker-ring-in;
   }
 
-  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) details[open] summary:before {
-    transform: rotateZ(45deg);
+  @media (prefers-reduced-motion: reduce) {
+    .lobe-picker-root.lobe-picker-dropdown .lobe-picker-header-view > button:focus-visible:not([data-lobe-focus-ring="managed"]) {
+      animation: none;
+    }
   }
 
-  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) h1, :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) h2, :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) h3, :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) h4, :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) h5, :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) h6 {
-    margin-block: max(calc(var(--lobe-markdown-header-multiple) * var(--lobe-markdown-margin-multiple) * .4em),
-        var(--lobe-markdown-font-size));
-    font-weight: bold;
-    line-height: 1.25;
+  @media (forced-colors: active) {
+    .lobe-picker-root.lobe-picker-dropdown .lobe-picker-header-view > button:focus-visible:not([data-lobe-focus-ring="managed"]) {
+      outline-color: canvastext;
+      animation: none;
+    }
   }
 
-  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) h1 {
-    font-size: calc(var(--lobe-markdown-font-size) * (1 + 1.5 * var(--lobe-markdown-header-multiple)));
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-header-view > button:hover:not(:disabled) {
+    color: var(--lobe-color-primary);
   }
 
-  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) h2 {
-    font-size: calc(var(--lobe-markdown-font-size) * (1 + var(--lobe-markdown-header-multiple)));
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-header-view > button:disabled {
+    cursor: default;
   }
 
-  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) h3 {
-    font-size: calc(var(--lobe-markdown-font-size) * (1 + .5 * var(--lobe-markdown-header-multiple)));
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-body {
+    padding-block: 4px 12px;
+    padding-inline: 12px;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-content {
+    table-layout: fixed;
+    border-collapse: collapse;
+    width: 100%;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-content th {
+    height: 28px;
+    color: var(--lobe-color-text-tertiary);
+    text-align: center;
+    padding: 0;
+    font-size: 12px;
+    font-weight: 400;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-cell {
+    cursor: pointer;
+    color: var(--lobe-color-text-quaternary);
+    text-align: center;
+    padding-block: 2px;
+    padding-inline: 0;
+    position: relative;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-cell:before {
+    content: "";
+    z-index: 0;
+    height: 32px;
+    position: absolute;
+    inset-block-start: 50%;
+    inset-inline: 0;
+    transform: translateY(-50%);
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-cell-in-view {
+    color: var(--lobe-color-text);
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-cell-inner {
+    z-index: 1;
+    box-sizing: border-box;
+    font-variant-numeric: tabular-nums;
+    min-width: 32px;
+    height: 32px;
+    transition: background .15s var(--lobe-motion-ease-out),
+        color .15s var(--lobe-motion-ease-out);
+    border-radius: 999px;
+    justify-content: center;
+    align-items: center;
+    font-size: 13px;
+    display: inline-flex;
+    position: relative;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-cell:not(.lobe-picker-cell-disabled, .lobe-picker-cell-selected, .lobe-picker-cell-range-start, .lobe-picker-cell-range-end):hover .lobe-picker-cell-inner {
+    background: var(--lobe-color-fill-tertiary);
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-cell-in-view.lobe-picker-cell-today .lobe-picker-cell-inner {
+    font-weight: var(--lobe-font-weight-strong);
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown :is(.lobe-picker-cell-in-view.lobe-picker-cell-selected, .lobe-picker-cell-in-view.lobe-picker-cell-range-start, .lobe-picker-cell-in-view.lobe-picker-cell-range-end) .lobe-picker-cell-inner {
+    color: var(--lobe-color-bg-container);
+    background: var(--lobe-color-text);
+    font-weight: 600;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-cell-in-view.lobe-picker-cell-in-range:before {
+    background: var(--lobe-color-fill-secondary);
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-cell-in-view.lobe-picker-cell-range-start:not(.lobe-picker-cell-range-end):before {
+    background: var(--lobe-color-fill-secondary);
+    inset-inline-start: 50%;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-cell-in-view.lobe-picker-cell-range-end:not(.lobe-picker-cell-range-start):before {
+    background: var(--lobe-color-fill-secondary);
+    inset-inline-end: 50%;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-cell-disabled {
+    cursor: not-allowed;
+    color: var(--lobe-color-text-quaternary);
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-cell-disabled:before {
+    background: none;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown :is(.lobe-picker-month-panel, .lobe-picker-quarter-panel, .lobe-picker-year-panel, .lobe-picker-decade-panel) .lobe-picker-cell {
+    padding-block: 8px;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown :is(.lobe-picker-month-panel, .lobe-picker-quarter-panel, .lobe-picker-year-panel, .lobe-picker-decade-panel) .lobe-picker-cell:before {
+    height: 36px;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown :is(.lobe-picker-month-panel, .lobe-picker-quarter-panel, .lobe-picker-year-panel, .lobe-picker-decade-panel) .lobe-picker-cell-inner {
+    min-width: 64px;
+    height: 36px;
+    padding-inline: 8px;
+    font-size: 14px;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-decade-panel .lobe-picker-cell-inner {
+    white-space: nowrap;
+    padding-inline: 6px;
+    font-size: 13px;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown :is(.lobe-picker-week-panel, .lobe-picker-date-panel-show-week) {
+    width: 320px;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-cell-week {
+    color: var(--lobe-color-text-tertiary);
+    font-size: 12px;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-date-panel-show-week .lobe-picker-cell-week {
+    cursor: default;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-week-panel .lobe-picker-cell:hover .lobe-picker-cell-inner {
+    background: none;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-week-panel .lobe-picker-cell:first-child:before {
+    border-start-start-radius: 999px;
+    border-end-start-radius: 999px;
+    inset-inline-start: 2px;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-week-panel .lobe-picker-cell:last-child:before {
+    border-start-end-radius: 999px;
+    border-end-end-radius: 999px;
+    inset-inline-end: 2px;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-week-panel-row:hover .lobe-picker-cell:before {
+    background: var(--lobe-color-fill-tertiary);
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-week-panel-row-range-hover .lobe-picker-cell:before, .lobe-picker-root.lobe-picker-dropdown .lobe-picker-week-panel-row-hover .lobe-picker-cell:before {
+    background: var(--lobe-color-fill-secondary);
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown :is(.lobe-picker-week-panel-row-selected, .lobe-picker-dropdown-multiple .lobe-picker-week-panel-row-hover, .lobe-picker-week-panel-row-range-start, .lobe-picker-week-panel-row-range-end) .lobe-picker-cell {
+    color: var(--lobe-color-bg-container);
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown :is(.lobe-picker-week-panel-row-selected, .lobe-picker-dropdown-multiple .lobe-picker-week-panel-row-hover, .lobe-picker-week-panel-row-range-start, .lobe-picker-week-panel-row-range-end) .lobe-picker-cell:before {
+    background: var(--lobe-color-text);
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown :is(.lobe-picker-week-panel-row-selected, .lobe-picker-dropdown-multiple .lobe-picker-week-panel-row-hover, .lobe-picker-week-panel-row-range-start, .lobe-picker-week-panel-row-range-end) .lobe-picker-cell .lobe-picker-cell-inner {
+    box-shadow: none;
+    font-weight: 600;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-cell-keyboard-active {
+    display: none;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-cell-in-view:has( > .lobe-picker-cell-keyboard-active) .lobe-picker-cell-inner {
+    outline: 2px solid var(--lobe-color-primary);
+    outline-offset: 1px;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-datetime-panel {
+    align-items: stretch;
+    display: flex;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-datetime-panel > .lobe-picker-time-panel {
+    border-inline-start: 1px solid var(--lobe-color-border-secondary);
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-panel {
+    flex-direction: column;
+    min-width: 0;
+    display: flex;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-panel .lobe-picker-header-view {
+    font-variant-numeric: tabular-nums;
+    height: 28px;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-panel .lobe-picker-content {
+    flex: auto;
+    height: 224px;
+    padding-block: 4px 12px;
+    padding-inline: 4px;
+    display: flex;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-datetime-panel .lobe-picker-time-panel .lobe-picker-content {
+    flex: 1 1 0;
+    height: auto;
+    min-height: 0;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-panel-column {
+    scrollbar-width: thin;
+    flex: none;
+    width: 56px;
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    overflow-y: hidden;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-panel-column:after {
+    content: "";
+    height: calc(100% - 28px);
+    display: block;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-panel-column:hover {
+    overflow-y: auto;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-panel-column + .lobe-picker-time-panel-column {
+    border-inline-start: 1px solid var(--lobe-color-border-secondary);
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-panel-cell {
+    cursor: pointer;
+    padding-block: 1px;
+    padding-inline: 4px;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-panel-cell-inner {
+    font-variant-numeric: tabular-nums;
+    height: 26px;
+    color: var(--lobe-color-text);
+    text-align: center;
+    transition: background .15s var(--lobe-motion-ease-out),
+        color .15s var(--lobe-motion-ease-out);
+    border-radius: 6px;
+    font-size: 13px;
+    line-height: 26px;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-panel-cell:not(.lobe-picker-time-panel-cell-disabled, .lobe-picker-time-panel-cell-selected):hover .lobe-picker-time-panel-cell-inner {
+    background: var(--lobe-color-fill-tertiary);
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-panel-cell-selected .lobe-picker-time-panel-cell-inner {
+    color: var(--lobe-color-bg-container);
+    background: var(--lobe-color-text);
+    font-weight: 600;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-panel-cell-disabled {
+    cursor: not-allowed;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-panel-cell-disabled .lobe-picker-time-panel-cell-inner {
+    color: var(--lobe-color-text-quaternary);
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-clock-header {
+    flex: 1;
+    justify-content: center;
+    align-items: center;
+    gap: 2px;
+    min-height: 28px;
+    display: flex;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-clock-segment {
+    cursor: pointer;
+    font-variant-numeric: tabular-nums;
+    color: var(--lobe-color-text-tertiary);
+    transition: background .15s var(--lobe-motion-ease-out),
+        color .15s var(--lobe-motion-ease-out);
+    background: none;
+    border: 0;
+    border-radius: 8px;
+    padding-block: 2px;
+    padding-inline: 6px;
+    font-family: inherit;
+    font-size: 22px;
+    line-height: 1.2;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-clock-segment:hover:not(:disabled) {
+    color: var(--lobe-color-text);
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-clock-segment:disabled {
+    cursor: not-allowed;
+    opacity: .4;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-clock-segment-active {
+    color: var(--lobe-color-text);
+    background: var(--lobe-color-fill-tertiary);
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-clock-colon {
+    color: var(--lobe-color-text-quaternary);
+    font-size: 22px;
+    line-height: 1.2;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-clock-stepper {
+    flex-direction: column;
+    align-items: center;
+    display: flex;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-clock-stepper > button {
+    cursor: pointer;
+    width: 24px;
+    height: 14px;
+    color: var(--lobe-color-text-tertiary);
+    background: none;
+    border: 0;
+    border-radius: 4px;
+    justify-content: center;
+    align-items: center;
+    padding: 0;
+    display: inline-flex;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-clock-stepper > button:hover {
+    color: var(--lobe-color-text);
+    background: var(--lobe-color-fill-tertiary);
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-clock-stepper-value {
+    cursor: ns-resize;
+    font-variant-numeric: tabular-nums;
+    color: var(--lobe-color-text-secondary);
+    font-size: 15px;
+    line-height: 1.2;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-clock-meridiem {
+    flex-direction: column;
+    gap: 2px;
+    margin-inline-start: 6px;
+    display: flex;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-clock-meridiem .lobe-picker-time-clock-segment {
+    padding-block: 1px;
+    padding-inline: 6px;
+    font-size: 11px;
+    font-weight: 500;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-clock-body {
+    justify-content: center;
+    padding-block: 8px 14px;
+    padding-inline: 14px;
+    display: flex;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-clock-dial {
+    touch-action: none;
+    cursor: pointer;
+    -webkit-user-select: none;
+    user-select: none;
+    background: var(--lobe-color-fill-quaternary);
+    border-radius: 50%;
+    outline: none;
+    flex: none;
+    position: relative;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-clock-dial:focus-visible {
+    box-shadow: 0 0 0 2px color-mix(in srgb, var(--lobe-color-info) 90.0%, transparent);
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-clock-hand {
+    z-index: 1;
+    transform-origin: 50% 100%;
+    background: var(--lobe-color-text);
+    width: 2px;
+    transition: transform .22s cubic-bezier(.22, 1, .36, 1), top .22s cubic-bezier(.22, 1, .36, 1), height .22s cubic-bezier(.22, 1, .36, 1);
+    position: absolute;
+    inset-inline-start: calc(50% - 1px);
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-clock-center {
+    z-index: 1;
+    background: var(--lobe-color-text);
+    border-radius: 50%;
+    width: 6px;
+    height: 6px;
+    position: absolute;
+    inset-block-start: calc(50% - 3px);
+    inset-inline-start: calc(50% - 3px);
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-clock-knob {
+    z-index: 1;
+    background: var(--lobe-color-text);
+    border-radius: 50%;
+    width: 30px;
+    height: 30px;
+    transition: left .22s cubic-bezier(.22, 1, .36, 1), top .22s cubic-bezier(.22, 1, .36, 1);
+    position: absolute;
+    transform: translate(-50%, -50%);
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-clock-knob-inner {
+    width: 26px;
+    height: 26px;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-clock-knob-off-tick {
+    box-shadow: inset 0 0 0 12px var(--lobe-color-text),
+        inset 0 0 0 15px var(--lobe-color-bg-container);
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-clock-dial-dragging :is(.lobe-picker-time-clock-hand, .lobe-picker-time-clock-knob) {
+    transition: none;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .lobe-picker-root.lobe-picker-dropdown :is(.lobe-picker-time-clock-hand, .lobe-picker-time-clock-knob) {
+      transition: none;
+    }
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-clock-number {
+    pointer-events: none;
+    z-index: 2;
+    font-variant-numeric: tabular-nums;
+    width: 30px;
+    height: 30px;
+    color: var(--lobe-color-text);
+    transition: color .12s var(--lobe-motion-ease-out);
+    background: none;
+    border: 0;
+    border-radius: 50%;
+    justify-content: center;
+    align-items: center;
+    padding: 0;
+    font-family: inherit;
+    font-size: 13px;
+    display: flex;
+    position: absolute;
+    transform: translate(-50%, -50%);
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-clock-number:disabled {
+    color: var(--lobe-color-text-quaternary);
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-clock-number-inner {
+    width: 26px;
+    height: 26px;
+    color: var(--lobe-color-text-tertiary);
+    font-size: 11px;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-time-clock-number-selected {
+    color: var(--lobe-color-bg-container);
+    font-weight: 600;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-footer {
+    border-block-start: 1px solid var(--lobe-color-fill-secondary);
+    background: none;
+    align-items: center;
+    gap: 8px;
+    min-width: 0;
+    display: flex;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown.lobe-picker-dropdown-dark .lobe-picker-footer {
+    border-block-start-color: var(--lobe-color-fill-tertiary);
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-footer-extra {
+    min-width: 0;
+    color: var(--lobe-color-text-secondary);
+    text-align: start;
+    flex: 1;
+    padding-block: 8px;
+    padding-inline: 12px;
+    font-size: 13px;
+    line-height: 20px;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-footer-extra + .lobe-picker-ranges {
+    flex: none;
+    padding-inline-start: 0;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-ranges {
+    flex: 1;
+    justify-content: space-between;
+    align-items: center;
+    gap: 8px;
+    margin: 0;
+    padding-block: 8px;
+    padding-inline: 12px;
+    list-style: none;
+    display: flex;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-ranges > .lobe-picker-now {
+    margin-inline: auto;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-ranges > .lobe-picker-now:has( + .lobe-picker-ok) {
+    margin-inline: 0;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-ranges > .lobe-picker-ok {
+    margin-inline-start: auto;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-now-btn {
+    cursor: pointer;
+    color: var(--lobe-color-text);
+    border-radius: 6px;
+    padding-block: 2px;
+    padding-inline: 8px;
+    font-size: 13px;
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-now-btn:focus-visible:not([data-lobe-focus-ring="managed"]) {
+    --lobe-focus-ring-color: var(--lobe-color-info);
+    outline: 2px solid color-mix(in srgb, var(--lobe-color-info) 90.0%, transparent);
+    outline-offset: 2px;
+    animation: .2s cubic-bezier(.22, 1, .36, 1) lobe-picker-ring-in;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .lobe-picker-root.lobe-picker-dropdown .lobe-picker-now-btn:focus-visible:not([data-lobe-focus-ring="managed"]) {
+      animation: none;
+    }
+  }
+
+  @media (forced-colors: active) {
+    .lobe-picker-root.lobe-picker-dropdown .lobe-picker-now-btn:focus-visible:not([data-lobe-focus-ring="managed"]) {
+      outline-color: canvastext;
+      animation: none;
+    }
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-now-btn:hover {
+    background: var(--lobe-color-fill-tertiary);
+  }
+
+  .lobe-picker-root.lobe-picker-dropdown .lobe-picker-now-btn-disabled {
+    cursor: not-allowed;
+    color: var(--lobe-color-text-quaternary);
+  }
+
+  @keyframes lobe-picker-ring-in {
+    from {
+      outline-offset: 5px;
+      outline-color: #0000;
+    }
+  }
+}
+
+@layer lobe-ui {
+  .lobe-draggable-side-nav-body::-webkit-scrollbar-thumb:hover {
+    background-color: var(--lobe-color-border);
+  }
+}
+
+@layer lobe-ui {
+  .lobe-menu-positioner > * {
+    will-change: opacity, transform;
+    transform-origin: var(--transform-origin);
+    animation: none;
+  }
+
+  .lobe-menu-positioner[data-open] > * {
+    opacity: 1;
+    transition: opacity var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-out),
+      transform var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-out);
+    transform: scaleY(1);
+  }
+
+  .lobe-menu-positioner[data-open] > [data-starting-style], .lobe-menu-positioner[data-closed] > * {
+    transform: scaleY(var(--lobe-dropdown-animation-scale-y));
+    opacity: 0;
+  }
+
+  .lobe-menu-positioner[data-closed] > * {
+    transition: opacity var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-in),
+      transform var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-in);
+  }
+
+  .lobe-menu-popup:has([data-highlighted]) :is([role^="menuitem"], [role="option"]):hover:not([data-highlighted]) {
+    background: none !important;
+  }
+
+  .lobe-menu-icon svg {
+    width: 100%;
+    height: 100%;
+  }
+
+  .lobe-menu-submenu-arrow svg {
+    width: 12px;
+    height: 12px;
+  }
+
+  .lobe-menu-label a, .lobe-menu-label a:visited, .lobe-menu-label a:hover, .lobe-menu-label a:active {
+    color: inherit;
+  }
+}
+
+@layer lobe-ui {
+  .lobe-emoji-picker em-emoji-picker {
+    --rgb-accent: var(--emoji-picker-rgb-accent, 0, 0, 0);
+    --shadow: none;
+    --rgb-background: var(--emoji-picker-rgb-background, 255, 255, 255);
+    --border-radius: 0;
+  }
+
+  .lobe-emoji-picker-avatar {
+    transition: background .15s var(--lobe-motion-ease-out);
+    position: relative;
+  }
+
+  .lobe-emoji-picker-avatar:hover {
+    background: var(--lobe-color-fill-secondary) !important;
+  }
+
+  .lobe-emoji-picker-popover {
+    padding: 0 !important;
+    overflow: hidden !important;
+  }
+
+  .lobe-emoji-picker-positioner {
+    width: fit-content !important;
+  }
+
+  .lobe-emoji-picker-tabs-root {
+    width: auto !important;
+  }
+
+  .lobe-emoji-picker-tabs-list {
+    padding: 4px;
+    box-shadow: none !important;
+    gap: 8px !important;
+  }
+
+  .lobe-emoji-picker-tabs-indicator {
+    border-start-start-radius: 3px;
+    border-start-end-radius: 3px;
+    height: 3px !important;
+  }
+
+  .lobe-emoji-picker-tab {
+    width: 32px;
+    border-radius: var(--lobe-border-radius) !important;
+    height: 32px !important;
+    padding: 0 !important;
+    transition: background-color .1s ease-out !important;
+  }
+
+  .lobe-emoji-picker-tab:hover:not([data-disabled]) {
+    background: var(--lobe-color-fill-tertiary) !important;
+  }
+}
+
+@layer lobe-ui {
+  .lobe-form-list-cell > :not(:focus-within, :has([aria-invalid="true"]), :hover) {
+    box-shadow: none;
+    background: none;
+    border-color: #0000;
+  }
+
+  .lobe-form-list-cell > :hover:not(:focus-within, :has([aria-invalid="true"])) {
+    box-shadow: none;
+  }
+
+  .lobe-form-list-cell > :hover:not(:focus-within, :has([aria-invalid="true"]), [data-variant="filled"]) {
+    background: var(--lobe-color-fill-tertiary);
+  }
+}
+
+@layer lobe-ui {
+  @keyframes lobe-syntax-highlighter-fade-in {
+    0% {
+      opacity: 0;
+    }
+
+    100% {
+      opacity: 1;
+    }
+  }
+
+  .lobe-syntax-highlighter pre {
+    margin: 0;
+    overflow-x: auto;
+  }
+
+  .lobe-syntax-highlighter-shiki pre {
+    -webkit-user-select: none;
+    user-select: none;
+  }
+
+  .lobe-syntax-highlighter-shiki pre code {
+    flex-direction: column;
+    gap: 4px;
+    display: flex;
+  }
+
+  .lobe-syntax-highlighter-shiki pre code .line {
+    -webkit-user-select: text;
+    user-select: text;
+    width: calc(100% + 32px);
+    margin-block: 0;
+    margin-inline: -16px;
+    padding-block: 0;
+    padding-inline: 16px;
+    display: block;
+  }
+
+  .lobe-syntax-highlighter-shiki pre.has-focused .line:not(.focused) {
+    opacity: .5;
+  }
+
+  .lobe-syntax-highlighter-shiki pre .highlighted {
+    background: var(--lobe-color-fill-tertiary);
+  }
+
+  .lobe-syntax-highlighter-shiki pre .highlighted.warning {
+    background: var(--lobe-color-warning-bg);
+  }
+
+  .lobe-syntax-highlighter-shiki pre .highlighted.error {
+    background: var(--lobe-color-error-bg);
+  }
+
+  .lobe-syntax-highlighter-shiki pre .highlighted-word {
+    border: 1px solid var(--lobe-color-border-secondary);
+    border-radius: var(--lobe-border-radius);
+    background: var(--lobe-color-fill-tertiary);
+    padding-block: .1em;
+    padding-inline: .2em;
+  }
+
+  .lobe-syntax-highlighter-shiki pre .diff.remove {
+    background: var(--lobe-color-error-bg);
+  }
+
+  .lobe-syntax-highlighter-shiki pre .diff.remove:before {
+    content: "-";
+    color: var(--lobe-color-error-text);
+    display: inline-block;
+    position: absolute;
+    inset-inline-start: 4px;
+  }
+
+  .lobe-syntax-highlighter-shiki pre .diff.add {
+    background: var(--lobe-color-success-bg);
+  }
+
+  .lobe-syntax-highlighter-shiki pre .diff.add:before {
+    content: "+";
+    color: var(--lobe-color-success-text);
+    display: inline-block;
+    position: absolute;
+    inset-inline-start: 4px;
+  }
+
+  .lobe-syntax-highlighter-transparent pre {
+    background: none !important;
+  }
+
+  .lobe-syntax-highlighter-animated .animate-fade-in, .lobe-syntax-highlighter-animated .katex-html > .katex-base, .lobe-syntax-highlighter-animated code:not(:has(span.line)) {
+    opacity: 1;
+    animation: 1s ease-in-out lobe-syntax-highlighter-fade-in;
+  }
+
+  .lobe-syntax-highlighter-animated span.line > span.stream-char {
+    opacity: 0;
+    animation: lobe-syntax-highlighter-fade-in var(--lobe-syntax-highlighter-stream-fade)
+      cubic-bezier(.33, 0, .67, 1) forwards;
+  }
+
+  .lobe-syntax-highlighter-animated .katex-display .katex-html span {
+    animation: none !important;
+    -webkit-mask: none !important;
+    mask: none !important;
+  }
+
+  .lobe-syntax-highlighter-padded pre {
+    padding: 16px;
+  }
+
+  .lobe-syntax-highlighter-unpadded pre {
+    padding: 0;
+  }
+}
+
+@layer lobe-ui {
+  .lobe-highlighter .language-title {
+    opacity: .5;
+    filter: grayscale();
+    transition: opacity,
+      grayscale .2s var(--lobe-motion-ease-in-out);
+  }
+
+  .lobe-highlighter .panel-actions {
+    opacity: 0;
+    transition: opacity .2s var(--lobe-motion-ease-in-out);
+  }
+
+  .lobe-highlighter:hover .language-title {
+    opacity: 1;
+    filter: grayscale(0%);
+  }
+
+  .lobe-highlighter:hover .panel-actions, .lobe-highlighter:hover .lobe-highlighter-actions, .lobe-highlighter:hover .lobe-highlighter-lang {
+    opacity: 1;
+  }
+
+  .lobe-highlighter pre {
+    height: 100%;
+    font-size: 12px;
+  }
+
+  .lobe-highlighter code {
+    background: none !important;
+  }
+
+  .lobe-highlighter-nowrap pre, .lobe-highlighter-nowrap code {
+    text-wrap: nowrap;
+  }
+
+  .lobe-highlighter-wrap pre, .lobe-highlighter-wrap code {
+    text-wrap: wrap;
+  }
+
+  .lobe-highlighter-lang.lobe-highlighter-lang {
+    z-index: 2;
+    font-family: var(--lobe-font-family-code);
+    color: var(--lobe-color-text-secondary);
+    opacity: 0;
+    background: var(--lobe-color-fill-quaternary);
+    backdrop-filter: saturate(150%) blur(10px);
+    box-shadow: none;
+    transition: opacity .1s;
+    position: absolute;
+    inset-block: auto 8px;
+    inset-inline: auto 8px;
+  }
+}
+
+@layer lobe-ui {
+  .lobe-html-preview-loading-source [data-code-type="highlighter"] {
+    box-shadow: none;
+    background: none;
+  }
+
+  .lobe-html-preview-loading-source pre, .lobe-html-preview-loading-source code {
+    background: none !important;
+  }
+}
+
+@layer lobe-ui {
+  .lobe-image-viewer-image {
+    -webkit-user-drag: none;
+  }
+}
+
+@layer lobe-ui {
+  .lobe-list-label a {
+    color: inherit;
+  }
+}
+
+@layer lobe-ui {
+  .lobe-markdown-table-copy {
+    z-index: 1;
+    opacity: 0;
+    background: var(--lobe-color-bg-container);
+    box-shadow: 0 0 0 1px var(--lobe-color-border-secondary);
+    transition: opacity var(--lobe-motion-duration-mid) var(--lobe-motion-ease-in-out);
+    position: absolute;
+    inset-block-start: calc(.75em + (var(--lobe-markdown-line-height) * .5em));
+    inset-inline-end: .5em;
+    transform: translateY(-50%);
+  }
+
+  .lobe-markdown-table:hover .lobe-markdown-table-copy, .lobe-markdown-table:focus-within .lobe-markdown-table-copy {
+    opacity: 1;
+  }
+
+  .lobe-markdown-table > table {
+    margin-block: 0;
+  }
+
+  .lobe-markdown-table > table thead th:last-child {
+    padding-inline-end: calc(1em + 32px);
+  }
+}
+
+@layer lobe-ui {
+  .lobe-search-result-card {
+    min-width: 160px;
+    max-width: 160px;
+    color: initial;
+    font-size: 12px;
+  }
+
+  .lobe-search-result-card-url {
+    -webkit-line-clamp: 1;
+    text-overflow: ellipsis;
+    -webkit-box-orient: vertical;
+    display: -webkit-box;
+    overflow: hidden;
+  }
+}
+
+@layer lobe-ui {
+  .lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown {
+    --lobe-markdown-font-size: 16px;
+    --lobe-markdown-header-multiple: 1;
+    --lobe-markdown-margin-multiple: 2;
+    --lobe-markdown-line-height: 1.8;
+    --lobe-markdown-border-radius: var(--lobe-border-radius-lg);
+    --lobe-markdown-border-color: var(--lobe-color-fill-quaternary);
+    width: 100%;
+    max-width: 100%;
+    font-size: var(--lobe-markdown-font-size);
+    line-height: var(--lobe-markdown-line-height);
+    overflow-wrap: break-word;
+    padding-inline: 1px;
+    position: relative;
+  }
+
+  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) a {
+    color: var(--lobe-color-info-text);
+  }
+
+  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) a:hover {
+    color: var(--lobe-color-info-hover);
+  }
+
+  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) blockquote {
+    margin-block: calc(var(--lobe-markdown-margin-multiple) * .5em);
+    border-inline-start: solid 4px var(--lobe-color-border);
+    color: var(--lobe-color-text-secondary);
+    margin-inline: 0;
+    padding-block: 0;
+    padding-inline: 1em;
+  }
+
+  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) code:not(:has(span)) {
+    border: 1px solid var(--lobe-markdown-border-color);
+    font-family: var(--lobe-font-family-code);
+    overflow-wrap: break-word;
+    white-space: break-spaces;
+    background: var(--lobe-color-fill-secondary);
+    border-radius: .25em;
+    margin-inline: .25em;
+    padding-block: .1em;
+    padding-inline: .4em;
+    font-size: .875em;
+    line-height: 1;
+    display: inline;
+  }
+
+  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) del {
+    color: var(--lobe-color-text-description);
+    text-decoration: line-through;
+  }
+
+  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) details {
+    margin-block: calc(var(--lobe-markdown-margin-multiple) * .5em);
+    border-radius: calc(var(--lobe-markdown-border-radius) * 1px);
+    background: var(--lobe-color-fill-tertiary);
+    box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);
+    padding-block: .75em;
+    padding-inline: 1em;
+  }
+
+  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) details summary {
+    cursor: pointer;
+    align-items: center;
+    list-style: none;
+    display: flex;
+  }
+
+  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) details summary:before {
+    content: "";
+    border-block-end: 1.5px solid var(--lobe-color-text-secondary);
+    border-inline-end: 1.5px solid var(--lobe-color-text-secondary);
+    width: .4em;
+    height: .4em;
+    font-family: var(--lobe-font-family);
+    transition: transform .2s var(--lobe-motion-ease-out);
+    display: block;
+    position: absolute;
+    inset-inline-end: 1.25em;
+    transform: rotateZ(-45deg);
+  }
+
+  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) details[open] summary {
+    border-block-end: 1px dashed var(--lobe-color-border);
+    padding-block-end: .75em;
+  }
+
+  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) details[open] summary:before {
+    transform: rotateZ(45deg);
+  }
+
+  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) h1, :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) h2, :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) h3, :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) h4, :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) h5, :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) h6 {
+    margin-block: max(calc(var(--lobe-markdown-header-multiple) * var(--lobe-markdown-margin-multiple) * .4em),
+        var(--lobe-markdown-font-size));
+    font-weight: bold;
+    line-height: 1.25;
+  }
+
+  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) h1 {
+    font-size: calc(var(--lobe-markdown-font-size) * (1 + 1.5 * var(--lobe-markdown-header-multiple)));
+  }
+
+  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) h2 {
+    font-size: calc(var(--lobe-markdown-font-size) * (1 + var(--lobe-markdown-header-multiple)));
+  }
+
+  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) h3 {
+    font-size: calc(var(--lobe-markdown-font-size) * (1 + .5 * var(--lobe-markdown-header-multiple)));
   }
 
   :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) h4 {
     font-size: calc(var(--lobe-markdown-font-size) * (1 + .25 * var(--lobe-markdown-header-multiple)));
   }
 
-  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) h5, :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) h6 {
-    font-size: calc(var(--lobe-markdown-font-size) * 1);
+  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) h5, :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) h6 {
+    font-size: calc(var(--lobe-markdown-font-size) * 1);
+  }
+
+  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) hr {
+    width: 100%;
+    margin-block: calc(var(--lobe-markdown-margin-multiple) * 1.5em);
+    border-color: var(--lobe-color-border);
+    border-style: dashed;
+    border-width: 1px;
+    border-block-start: none;
+    border-inline: none;
+  }
+
+  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) img {
+    max-width: 100%;
+  }
+
+  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) > img, :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) > p > img {
+    margin-block: calc(var(--lobe-markdown-margin-multiple) * .5em);
+    border-radius: calc(var(--lobe-markdown-border-radius) * 1px);
+    box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);
+  }
+
+  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) li {
+    margin-block: calc(var(--lobe-markdown-margin-multiple) * .33em);
+  }
+
+  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) li p:first-child {
+    display: inline;
+  }
+
+  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) ul, :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) ol {
+    margin-block: calc(var(--lobe-markdown-margin-multiple) * .5em);
+    margin-inline-start: 1em;
+    padding-inline-start: 0;
+    list-style-position: outside;
+  }
+
+  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) ul > ul, :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) ul > ol, :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) ol > ul, :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) ol > ol {
+    margin-block: 0;
+  }
+
+  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) ul > li, :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) ol > li {
+    margin-inline-start: 1em;
+  }
+
+  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) ol {
+    list-style: auto;
+  }
+
+  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) ul {
+    list-style-type: none;
+  }
+
+  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) ul > li:before {
+    content: "-";
+    opacity: .5;
+    margin-inline: -1em .5em;
+    display: inline-block;
+    position: absolute;
+  }
+
+  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) .task-list-item:before {
+    display: none !important;
+  }
+
+  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) .task-list-item input[type="checkbox"] {
+    vertical-align: middle;
+    margin-block: 0 .25em;
+    margin-inline: -1.6em .2em;
+  }
+
+  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) .task-list-item input[type="checkbox"]:dir(rtl) {
+    margin: 0 -1.6em .25em .2em;
+  }
+
+  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) p {
+    line-height: var(--lobe-markdown-line-height);
+    letter-spacing: .02em;
+    margin-block: 4px;
+  }
+
+  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) p:not(:first-child) {
+    margin-block-start: calc(var(--lobe-markdown-margin-multiple) * .5em);
+  }
+
+  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) p:not(:last-child) {
+    margin-block-end: calc(var(--lobe-markdown-margin-multiple) * .5em);
+  }
+
+  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) pre {
+    font-size: calc(var(--lobe-markdown-font-size) * .85);
+  }
+
+  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) strong {
+    font-weight: 600;
+  }
+
+  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) svg {
+    line-height: 1;
+  }
+
+  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) table {
+    border-spacing: 0;
+    border-collapse: collapse;
+    box-sizing: border-box;
+    width: max-content;
+    max-width: 100%;
+    margin-block: calc(var(--lobe-markdown-margin-multiple) * .5em);
+    border-radius: calc(var(--lobe-markdown-border-radius) * 1px);
+    text-align: start;
+    text-indent: initial;
+    text-wrap: pretty;
+    word-break: auto-phrase;
+    overflow-wrap: break-word;
+    box-shadow: 0 0 0 1px var(--lobe-color-border-secondary);
+    unicode-bidi: isolate;
+    display: block;
+    overflow: auto hidden;
+  }
+
+  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) table code {
+    overflow-wrap: break-word;
+  }
+
+  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) table thead {
+    background: var(--lobe-color-fill-quaternary);
+  }
+
+  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) table tr {
+    box-shadow: 0 1px 0 var(--lobe-color-border-secondary);
+  }
+
+  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) table th, :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) table td {
+    text-align: start;
+    min-width: 120px;
+    padding-block: .75em;
+    padding-inline: 1em;
+  }
+
+  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) > video, :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) > p > video {
+    margin-block: calc(var(--lobe-markdown-margin-multiple) * .5em);
+    border-radius: calc(var(--lobe-markdown-border-radius) * 1px);
+    box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);
+  }
+
+  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) video {
+    max-width: 100%;
+  }
+
+  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) .footnotes {
+    color: #8b949e;
+    margin-block-start: calc(var(--lobe-markdown-margin-multiple) * 1em);
+    font-size: smaller;
+  }
+
+  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) .footnotes #footnote-label {
+    display: none;
+  }
+
+  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) .footnotes > ol {
+    margin: 0 !important;
+  }
+
+  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) sub {
+    font-size: .75em;
+    line-height: var(--lobe-markdown-line-height);
+    vertical-align: baseline;
+    position: relative;
+    inset-block-end: -.25em;
+  }
+
+  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) sup {
+    font-size: .75em;
+    line-height: var(--lobe-markdown-line-height);
+    vertical-align: baseline;
+    position: relative;
+    inset-block-start: -.25em;
+  }
+
+  .lobe-markdown-chat ol > li::marker, .lobe-markdown-chat ul > li::marker, .lobe-markdown-chat ol > li > li::marker, .lobe-markdown-chat ul > li > li::marker {
+    color: var(--lobe-color-text-secondary) !important;
+  }
+
+  .lobe-markdown-chat ul {
+    list-style: unset;
+  }
+
+  .lobe-markdown-chat ul > li:before {
+    content: unset;
+    display: unset;
+  }
+
+  .lobe-markdown-latex .katex-error {
+    color: var(--lobe-color-text-description) !important;
+  }
+
+  .lobe-markdown-latex .katex-html {
+    padding: 3px;
+    overflow: auto hidden;
+  }
+
+  .lobe-markdown-latex .katex-html .base {
+    margin-block: 0;
+    margin-inline: auto;
+  }
+
+  .lobe-markdown-latex .katex-html .tag {
+    padding-inline-start: .5rem;
+    display: inline-block;
+    position: relative !important;
+  }
+
+  .lobe-markdown-gfm .markdown-alert {
+    margin-block: calc(var(--lobe-markdown-margin-multiple) * .5em);
+    border-inline-start: solid 4px var(--lobe-color-border);
+    padding-inline-start: 1em;
+  }
+
+  .lobe-markdown-gfm .markdown-alert > p {
+    margin-block-start: 0 !important;
+  }
+
+  .lobe-markdown-gfm .markdown-alert > :first-child {
+    margin-block-start: 0;
+  }
+
+  .lobe-markdown-gfm .markdown-alert > :last-child {
+    margin-block-end: 0;
+  }
+
+  .lobe-markdown-gfm .markdown-alert-note {
+    border-inline-start-color: var(--lobe-color-info);
+  }
+
+  .lobe-markdown-gfm .markdown-alert-tip {
+    border-inline-start-color: var(--lobe-color-success);
+  }
+
+  .lobe-markdown-gfm .markdown-alert-important {
+    border-inline-start-color: var(--lobe-purple);
+  }
+
+  .lobe-markdown-gfm .markdown-alert-warning {
+    border-inline-start-color: var(--lobe-color-warning);
+  }
+
+  .lobe-markdown-gfm .markdown-alert-caution {
+    border-inline-start-color: var(--lobe-color-error);
+  }
+
+  .lobe-markdown-gfm .markdown-alert-title {
+    align-items: center;
+    font-weight: 500;
+    display: flex;
+    margin-block-end: .5em !important;
+  }
+
+  .lobe-markdown-gfm .markdown-alert-note .markdown-alert-title {
+    color: var(--lobe-color-info);
+    fill: var(--lobe-color-info);
+  }
+
+  .lobe-markdown-gfm .markdown-alert-tip .markdown-alert-title {
+    color: var(--lobe-color-success);
+    fill: var(--lobe-color-success);
+  }
+
+  .lobe-markdown-gfm .markdown-alert-important .markdown-alert-title {
+    color: var(--lobe-purple);
+    fill: var(--lobe-purple);
+  }
+
+  .lobe-markdown-gfm .markdown-alert-warning .markdown-alert-title {
+    color: var(--lobe-color-warning);
+    fill: var(--lobe-color-warning);
+  }
+
+  .lobe-markdown-gfm .markdown-alert-caution .markdown-alert-title {
+    color: var(--lobe-color-error);
+    fill: var(--lobe-color-error);
+  }
+
+  .lobe-markdown-gfm .octicon {
+    vertical-align: text-bottom;
+    margin-inline-end: .5em;
+    display: inline-block;
+    overflow: visible !important;
+  }
+
+  .lobe-markdown-gfm .sr-only {
+    word-wrap: normal;
+    clip: rect(0, 0, 0, 0);
+    border: 0;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    position: absolute;
+    overflow: hidden;
+  }
+
+  .lobe-markdown-gfm sup:has([aria-describedby="footnote-label"]) {
+    margin-inline: 2px;
+    vertical-align: super !important;
+  }
+
+  .lobe-markdown-gfm sup:has([aria-describedby="footnote-label"]) [data-footnote-ref] {
+    width: 16px;
+    height: 16px;
+    font-family: var(--lobe-font-family-code);
+    text-align: center;
+    background: var(--lobe-color-fill-secondary);
+    border-radius: 4px;
+    font-size: 10px;
+    display: inline-block;
+    color: var(--lobe-color-text-secondary) !important;
+  }
+
+  .lobe-markdown-gfm code.color-preview {
+    gap: .4em;
+    position: relative;
+    display: inline-flex !important;
+  }
+
+  .lobe-markdown-gfm code.color-preview:after {
+    content: "";
+    border: 1px solid var(--lobe-color-fill);
+    background-color: attr(data-color);
+    background-color: var(--color-preview-color, #000);
+    border-radius: 50%;
+    width: .66em;
+    height: .66em;
+  }
+}
+
+@layer lobe-ui {
+  @keyframes lobe-mermaid-fade-in {
+    0% {
+      opacity: 0;
+    }
+
+    100% {
+      opacity: 1;
+    }
+  }
+
+  .lobe-mermaid img {
+    width: 100%;
+    height: auto;
+    display: block;
+  }
+
+  .lobe-mermaid svg {
+    width: 100%;
+    height: auto;
+    max-height: 480px;
+    display: block;
+  }
+
+  .lobe-mermaid svg text {
+    font-family: var(--lobe-font-family);
+  }
+
+  .lobe-mermaid-transparent img {
+    background: none !important;
+  }
+
+  .lobe-mermaid-animated img {
+    opacity: 1;
+    animation: .5s ease-in-out lobe-mermaid-fade-in;
+  }
+}
+
+@layer lobe-ui {
+  .lobe-popover-viewport [data-previous], .lobe-popover-viewport [data-current] {
+    opacity: 1;
+    filter: blur();
+    transition: transform var(--lobe-popover-layout-duration) var(--lobe-popover-layout-ease),
+      opacity calc(var(--lobe-popover-layout-duration) / 2) var(--lobe-popover-animation-ease-out),
+      filter calc(var(--lobe-popover-layout-duration) / 2) var(--lobe-popover-animation-ease-out);
+    transform: translateX(0);
+  }
+
+  .lobe-popover-viewport [data-current] {
+    transition-delay: 0s, calc(var(--lobe-popover-layout-duration) / 6),
+      calc(var(--lobe-popover-layout-duration) / 6);
+  }
+
+  .lobe-popover-viewport [data-previous][data-ending-style], .lobe-popover-viewport [data-current][data-starting-style] {
+    filter: blur(var(--lobe-popover-content-blur));
+  }
+
+  .lobe-popover-viewport [data-previous] {
+    width: calc(var(--popup-width) - var(--lobe-popover-viewport-inline-padding) * 2);
+    position: absolute;
+    inset-block-start: 12px;
+    inset-inline-start: var(--lobe-popover-viewport-inline-padding);
+  }
+
+  .lobe-popover-viewport[data-transitioning] [data-current] {
+    width: calc(var(--positioner-width) - var(--lobe-popover-viewport-inline-padding) * 2);
+  }
+
+  .lobe-popover-viewport[data-repop] [data-previous] {
+    display: none;
+  }
+
+  .lobe-popover-viewport[data-repop] [data-current] {
+    transition: none;
+  }
+
+  .lobe-popover-viewport[data-activation-direction~="right"] [data-previous][data-ending-style] {
+    transform: translateX(calc(var(--lobe-popover-content-shift) * -1));
+    opacity: 0;
+  }
+
+  .lobe-popover-viewport[data-activation-direction~="right"] [data-current][data-starting-style], .lobe-popover-viewport[data-activation-direction~="left"] [data-previous][data-ending-style] {
+    transform: translateX(var(--lobe-popover-content-shift));
+    opacity: 0;
+  }
+
+  .lobe-popover-viewport[data-activation-direction~="left"] [data-current][data-starting-style] {
+    transform: translateX(calc(var(--lobe-popover-content-shift) * -1));
+    opacity: 0;
+  }
+
+  .lobe-popover-viewport[data-activation-direction~="down"] [data-previous][data-ending-style] {
+    transform: translateY(calc(var(--lobe-popover-content-shift) * -1));
+    opacity: 0;
+  }
+
+  .lobe-popover-viewport[data-activation-direction~="down"] [data-current][data-starting-style], .lobe-popover-viewport[data-activation-direction~="up"] [data-previous][data-ending-style] {
+    transform: translateY(var(--lobe-popover-content-shift));
+    opacity: 0;
+  }
+
+  .lobe-popover-viewport[data-activation-direction~="up"] [data-current][data-starting-style] {
+    transform: translateY(calc(var(--lobe-popover-content-shift) * -1));
+    opacity: 0;
+  }
+}
+
+@layer lobe-ui {
+  .lobe-pro-table-root {
+    --lobe-pro-table-status-default: var(--lobe-color-text-quaternary);
+    --lobe-pro-table-status-error: var(--lobe-color-error);
+    --lobe-pro-table-status-processing: var(--lobe-color-primary);
+    --lobe-pro-table-status-success: var(--lobe-color-success);
+    --lobe-pro-table-status-warning: var(--lobe-color-warning);
+    flex-direction: column;
+    gap: 16px;
+    min-width: 0;
+    display: flex;
+  }
+
+  .lobe-pro-table-root > :has( > [data-pro-table-search]) {
+    margin-block-end: 8px;
+  }
+
+  .lobe-pro-table-root[data-fullscreen] {
+    background: var(--lobe-color-bg-layout);
+    padding: 16px;
+    overflow: auto;
+  }
+
+  .lobe-pro-table-density-item {
+    cursor: pointer;
+    border-radius: var(--lobe-border-radius-sm);
+    height: 32px;
+    font: inherit;
+    color: var(--lobe-color-text);
+    text-align: start;
+    background: none;
+    border: none;
+    justify-content: space-between;
+    align-items: center;
+    gap: 8px;
+    padding-inline: 8px;
+    display: flex;
+  }
+
+  .lobe-pro-table-density-item:hover, .lobe-pro-table-density-item:focus-visible {
+    background: var(--lobe-color-fill-tertiary);
+    outline: none;
+  }
+
+  .lobe-pro-table-density-item[aria-checked="true"] {
+    font-weight: 500;
+  }
+
+  .lobe-pro-table-index-border {
+    font-variant-numeric: tabular-nums;
+    min-width: 18px;
+    height: 18px;
+    color: var(--lobe-color-text);
+    background: var(--lobe-color-fill-secondary);
+    border-radius: 9px;
+    justify-content: center;
+    align-items: center;
+    padding-inline: 4px;
+    font-size: 12px;
+    display: inline-flex;
+  }
+
+  .lobe-pro-table-index-border[data-top] {
+    color: var(--lobe-color-bg-layout);
+    background: var(--lobe-color-primary);
+  }
+
+  .lobe-pro-table-light-filter-item {
+    flex: none;
+    align-items: center;
+    width: 160px;
+    display: inline-flex;
+  }
+
+  .lobe-pro-table-light-filter-item > * {
+    width: 100%;
+  }
+
+  .lobe-pro-table-search-actions {
+    flex-wrap: wrap;
+    grid-column-end: -1;
+    justify-content: flex-end;
+    align-items: center;
+    gap: 8px;
+    display: flex;
+  }
+
+  .lobe-pro-table-search-actions[data-layout="vertical"] {
+    align-self: end;
+  }
+
+  .lobe-pro-table-search-field {
+    min-width: 0;
+  }
+
+  .lobe-pro-table-search-field > div {
+    gap: 8px;
+    padding-block: 0;
+  }
+
+  .lobe-pro-table-search-field > div > label {
+    width: var(--lobe-pro-table-label-width, auto);
+    min-width: 0;
+    max-width: 100%;
+    color: var(--lobe-color-text-secondary);
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    flex: none;
+    overflow: hidden;
+  }
+
+  .lobe-pro-table-search-field > div > label * {
+    min-width: 0;
+    max-width: 100%;
+  }
+
+  .lobe-pro-table-search-field[data-layout="horizontal"] > div > label {
+    text-align: end;
+  }
+
+  .lobe-pro-table-search-field[data-layout="vertical"] > div > label {
+    text-align: start;
+    width: 100%;
+  }
+
+  .lobe-pro-table-search-field > div > div {
+    flex: 1;
+    align-items: stretch;
+    min-width: 0;
+  }
+
+  .lobe-pro-table-search-label {
+    color: var(--lobe-color-text-secondary);
+    text-align: end;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    flex: none;
+    overflow: hidden;
+  }
+
+  .lobe-pro-table-search-label[data-layout="vertical"] {
+    text-align: start;
+  }
+
+  .lobe-pro-table-setting-item {
+    align-items: center;
+    gap: 4px;
+    min-height: 32px;
+    padding-inline: 12px 8px;
+    display: flex;
+  }
+
+  .lobe-pro-table-setting-item:hover {
+    background: var(--lobe-color-fill-tertiary);
+  }
+
+  .lobe-pro-table-setting-item:hover [data-setting-actions] {
+    opacity: 1;
+  }
+
+  .lobe-pro-table-setting-item-actions {
+    opacity: 0;
+    flex: none;
+    gap: 2px;
+    display: flex;
+  }
+
+  .lobe-pro-table-setting-item-actions:focus-within {
+    opacity: 1;
+  }
+
+  @keyframes lobe-pro-table-status-pulse {
+    0% {
+      box-shadow: 0 0 0 0 color-mix(in srgb, currentcolor 40.0%, transparent);
+    }
+
+    100% {
+      box-shadow: 0 0 0 4px #0000;
+    }
+  }
+
+  .lobe-pro-table-status-processing {
+    color: var(--lobe-color-primary);
+    animation: 1.2s ease-out infinite lobe-pro-table-status-pulse;
+  }
+}
+
+@layer lobe-ui {
+  .lobe-result-extra > :is(div, section, form) {
+    flex: 100%;
+  }
+}
+
+@layer lobe-ui {
+  @property --lobe-scroll-area-fade-top {
+    syntax: "<length>";
+    inherits: true;
+    initial-value: 0;
+  }
+
+  @property --lobe-scroll-area-fade-bottom {
+    syntax: "<length>";
+    inherits: true;
+    initial-value: 0;
+  }
+
+  .lobe-scroll-area-fade {
+    --scroll-area-overflow-y-start: inherit;
+    --scroll-area-overflow-y-end: inherit;
+    --lobe-scroll-area-fade-size: 40px;
+    --lobe-scroll-area-fade-top: min(var(--lobe-scroll-area-fade-size),
+      var(--scroll-area-overflow-y-start, 0px));
+    --lobe-scroll-area-fade-bottom: min(var(--lobe-scroll-area-fade-size),
+      var(--scroll-area-overflow-y-end, 0px));
+    -webkit-mask-image: linear-gradient(to bottom,
+      transparent 0,
+      #000 var(--lobe-scroll-area-fade-top),
+      #000 calc(100.0% - var(--lobe-scroll-area-fade-bottom)),
+      transparent 100.0%);
+    mask-image: linear-gradient(to bottom,
+      transparent 0,
+      #000 var(--lobe-scroll-area-fade-top),
+      #000 calc(100.0% - var(--lobe-scroll-area-fade-bottom)),
+      transparent 100.0%);
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+  }
+
+  .lobe-scroll-area-fade-horizontal {
+    --scroll-area-overflow-x-start: inherit;
+    --scroll-area-overflow-x-end: inherit;
+    --lobe-scroll-area-fade-size: 40px;
+    --lobe-scroll-area-fade-left: min(var(--lobe-scroll-area-fade-size),
+      var(--scroll-area-overflow-x-start, 0px));
+    --lobe-scroll-area-fade-right: min(var(--lobe-scroll-area-fade-size),
+      var(--scroll-area-overflow-x-end, 0px));
+    -webkit-mask-image: linear-gradient(to right,
+      transparent 0,
+      #000 var(--lobe-scroll-area-fade-left),
+      #000 calc(100.0% - var(--lobe-scroll-area-fade-right)),
+      transparent 100.0%);
+    mask-image: linear-gradient(to right,
+      transparent 0,
+      #000 var(--lobe-scroll-area-fade-left),
+      #000 calc(100.0% - var(--lobe-scroll-area-fade-right)),
+      transparent 100.0%);
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+  }
+
+  .lobe-scroll-area-fade-both {
+    --scroll-area-overflow-x-start: inherit;
+    --scroll-area-overflow-x-end: inherit;
+    --scroll-area-overflow-y-start: inherit;
+    --scroll-area-overflow-y-end: inherit;
+    --lobe-scroll-area-fade-size: 40px;
+    --lobe-scroll-area-fade-top: min(var(--lobe-scroll-area-fade-size),
+      var(--scroll-area-overflow-y-start, 0px));
+    --lobe-scroll-area-fade-bottom: min(var(--lobe-scroll-area-fade-size),
+      var(--scroll-area-overflow-y-end, 0px));
+    --lobe-scroll-area-fade-left: min(var(--lobe-scroll-area-fade-size),
+      var(--scroll-area-overflow-x-start, 0px));
+    --lobe-scroll-area-fade-right: min(var(--lobe-scroll-area-fade-size),
+      var(--scroll-area-overflow-x-end, 0px));
+    -webkit-mask-composite: source-in;
+    mask-composite: intersect;
+    -webkit-mask-image: linear-gradient(to bottom,
+        transparent 0,
+        #000 var(--lobe-scroll-area-fade-top),
+        #000 calc(100.0% - var(--lobe-scroll-area-fade-bottom)),
+        transparent 100.0%),
+      linear-gradient(to right,
+        transparent 0,
+        #000 var(--lobe-scroll-area-fade-left),
+        #000 calc(100.0% - var(--lobe-scroll-area-fade-right)),
+        transparent 100.0%);
+    mask-image: linear-gradient(to bottom,
+        transparent 0,
+        #000 var(--lobe-scroll-area-fade-top),
+        #000 calc(100.0% - var(--lobe-scroll-area-fade-bottom)),
+        transparent 100.0%),
+      linear-gradient(to right,
+        transparent 0,
+        #000 var(--lobe-scroll-area-fade-left),
+        #000 calc(100.0% - var(--lobe-scroll-area-fade-right)),
+        transparent 100.0%);
+    -webkit-mask-size: 100% 100%, 100% 100%;
+    mask-size: 100% 100%, 100% 100%;
+    -webkit-mask-repeat: no-repeat, no-repeat;
+    mask-repeat: no-repeat, no-repeat;
   }
 
-  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) hr {
+  @supports (animation-timeline: scroll()) {
+    @keyframes lobe-scroll-area-fade-top-in {
+      from {
+        --lobe-scroll-area-fade-top: 0;
+      }
+
+      to {
+        --lobe-scroll-area-fade-top: var(--lobe-scroll-area-fade-size);
+      }
+    }
+
+    @keyframes lobe-scroll-area-fade-bottom-out {
+      from {
+        --lobe-scroll-area-fade-bottom: var(--lobe-scroll-area-fade-size);
+      }
+
+      to {
+        --lobe-scroll-area-fade-bottom: 0;
+      }
+    }
+
+    @keyframes lobe-scroll-area-fade-left-in {
+      from {
+        --lobe-scroll-area-fade-left: 0;
+      }
+
+      to {
+        --lobe-scroll-area-fade-left: var(--lobe-scroll-area-fade-size);
+      }
+    }
+
+    @keyframes lobe-scroll-area-fade-right-out {
+      from {
+        --lobe-scroll-area-fade-right: var(--lobe-scroll-area-fade-size);
+      }
+
+      to {
+        --lobe-scroll-area-fade-right: 0;
+      }
+    }
+
+    .lobe-scroll-area-fade {
+      animation-name: lobe-scroll-area-fade-top-in, lobe-scroll-area-fade-bottom-out;
+      animation-duration: 1ms, 1ms;
+      animation-timing-function: linear, linear;
+      animation-fill-mode: both, both;
+      animation-timeline: scroll(self y), scroll(self y);
+      animation-range: 0 var(--lobe-scroll-area-fade-size),
+        calc(100.0% - var(--lobe-scroll-area-fade-size)) 100.0%;
+    }
+
+    .lobe-scroll-area-fade-horizontal {
+      animation-name: lobe-scroll-area-fade-left-in, lobe-scroll-area-fade-right-out;
+      animation-duration: 1ms, 1ms;
+      animation-timing-function: linear, linear;
+      animation-fill-mode: both, both;
+      animation-timeline: scroll(self x), scroll(self x);
+      animation-range: 0 var(--lobe-scroll-area-fade-size),
+        calc(100.0% - var(--lobe-scroll-area-fade-size)) 100.0%;
+    }
+
+    .lobe-scroll-area-fade-both {
+      animation-name: lobe-scroll-area-fade-top-in, lobe-scroll-area-fade-bottom-out, lobe-scroll-area-fade-left-in, lobe-scroll-area-fade-right-out;
+      animation-duration: 1ms, 1ms, 1ms, 1ms;
+      animation-timing-function: linear, linear, linear, linear;
+      animation-fill-mode: both, both, both, both;
+      animation-timeline: scroll(self y), scroll(self y), scroll(self x), scroll(self x);
+      animation-range: 0 var(--lobe-scroll-area-fade-size),
+        calc(100.0% - var(--lobe-scroll-area-fade-size)) 100.0%,
+        0 var(--lobe-scroll-area-fade-size),
+        calc(100.0% - var(--lobe-scroll-area-fade-size)) 100.0%;
+    }
+  }
+}
+
+@layer lobe-ui {
+  [data-orientation="horizontal"] .lobe-segmented-indicator:dir(rtl) {
+    --lobe-segmented-indicator-start: var(--active-item-right);
+  }
+}
+
+@layer lobe-ui {
+  .lobe-select-arrow > svg {
     width: 100%;
-    margin-block: calc(var(--lobe-markdown-margin-multiple) * 1.5em);
-    border-color: var(--lobe-color-border);
-    border-style: dashed;
-    border-width: 1px;
-    border-block-start: none;
-    border-inline: none;
+    height: 100%;
   }
+}
 
-  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) img {
-    max-width: 100%;
+@layer lobe-ui {
+  .lobe-snippet-highlight pre {
+    align-items: center;
+    height: 100%;
+    display: flex;
   }
+}
 
-  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) > img, :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) > p > img {
-    margin-block: calc(var(--lobe-markdown-margin-multiple) * .5em);
-    border-radius: calc(var(--lobe-markdown-border-radius) * 1px);
-    box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);
+@layer lobe-ui {
+  .lobe-switch {
+    --switch-dir: 1;
   }
 
-  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) li {
-    margin-block: calc(var(--lobe-markdown-margin-multiple) * .33em);
+  .lobe-switch:dir(rtl), [dir="rtl"] .lobe-switch {
+    --switch-dir: -1;
   }
+}
 
-  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) li p:first-child {
-    display: inline;
+@layer lobe-ui {
+  .lobe-table {
+    --lobe-table-border-color: var(--lobe-fill-border, var(--lobe-color-fill));
+    --lobe-table-border: 1px solid var(--lobe-table-border-color);
+    --lobe-table-z-fixed: 2;
+    --lobe-table-cell: var(--lobe-table-bg, var(--lobe-color-bg-container));
+    --lobe-table-fill: transparent;
+    --lobe-table-hover-bg: var(--lobe-color-fill-tertiary);
+    --lobe-table-selected-bg: color-mix(in srgb, var(--lobe-color-primary) 6.0%, transparent);
+    --lobe-table-selected-hover-bg: color-mix(in srgb, var(--lobe-color-primary) 10.0%, transparent);
+    color: var(--lobe-color-text);
+    background: var(--lobe-table-bg, var(--lobe-color-bg-container));
+    font-size: 14px;
   }
 
-  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) ul, :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) ol {
-    margin-block: calc(var(--lobe-markdown-margin-multiple) * .5em);
-    margin-inline-start: 1em;
-    padding-inline-start: 0;
-    list-style-position: outside;
+  .lobe-table table {
+    border-spacing: 0;
+    border-collapse: separate;
+    text-align: start;
+    width: 100%;
   }
 
-  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) ul > ul, :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) ul > ol, :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) ol > ul, :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) ol > ol {
-    margin-block: 0;
+  .lobe-table .lobe-table-cell, .lobe-table .lobe-table-thead > tr > th, .lobe-table .lobe-table-tbody > tr > td, .lobe-table tfoot > tr > th, .lobe-table tfoot > tr > td {
+    padding-block: var(--lobe-table-padding-block);
+    padding-inline: var(--lobe-table-padding-inline);
+    overflow-wrap: break-word;
+    vertical-align: middle;
+    position: relative;
   }
 
-  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) ul > li, :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) ol > li {
-    margin-inline-start: 1em;
+  .lobe-table .lobe-table-tbody > tr > td[rowspan]:not([rowspan="0"], [rowspan="1"]):before, .lobe-table .lobe-table-tbody-virtual .lobe-table-cell[rowspan]:not([rowspan="0"], [rowspan="1"]):before {
+    pointer-events: none;
+    content: "";
+    border-inline: var(--lobe-table-border);
+    position: absolute;
+    inset: 0;
   }
 
-  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) ol {
-    list-style: auto;
+  .lobe-table .lobe-table-tbody > tr > td[rowspan]:first-child:before, .lobe-table .lobe-table-tbody-virtual .lobe-table-cell[rowspan]:first-child:before {
+    border-inline-start: 0;
   }
 
-  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) ul {
-    list-style-type: none;
+  .lobe-table .lobe-table-tbody > tr > td[rowspan]:last-child:before, .lobe-table .lobe-table-tbody-virtual .lobe-table-cell[rowspan]:last-child:before {
+    border-inline-end: 0;
   }
 
-  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) ul > li:before {
-    content: "-";
-    opacity: .5;
-    margin-inline: -1em .5em;
-    display: inline-block;
-    position: absolute;
+  .lobe-table .lobe-table-thead > tr > th, .lobe-table .lobe-table-thead > tr > td {
+    color: var(--lobe-color-text-secondary);
+    text-align: start;
+    background: var(--lobe-table-cell);
+    box-shadow: inset 0 -1px 0 var(--lobe-table-border-color),
+        inset 0 999px 0 var(--lobe-color-fill-quaternary);
+    font-size: 13px;
+    font-weight: 500;
   }
 
-  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) .task-list-item:before {
-    display: none !important;
+  :is(.lobe-table .lobe-table-thead > tr > th, .lobe-table .lobe-table-thead > tr > td)[colspan]:not([colspan="1"]) {
+    text-align: center;
   }
 
-  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) .task-list-item input[type="checkbox"] {
-    vertical-align: middle;
-    margin-block: 0 .25em;
-    margin-inline: -1.6em .2em;
+  .lobe-table .lobe-table-tbody > tr > td, .lobe-table .lobe-table-tbody > tr > th {
+    border-block-end: var(--lobe-table-border);
+    font-weight: inherit;
+    font-variant-numeric: tabular-nums;
+    text-align: start;
+    background: var(--lobe-table-cell);
+    transition: background-color var(--lobe-motion-duration-mid);
   }
 
-  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) .task-list-item input[type="checkbox"]:dir(rtl) {
-    margin: 0 -1.6em .25em .2em;
+  .lobe-table.lobe-table-filled .lobe-table-tbody > tr:last-child > td, .lobe-table.lobe-table-filled .lobe-table-tbody > tr:last-child > th, .lobe-table.lobe-table-outlined .lobe-table-tbody > tr:last-child > td, .lobe-table.lobe-table-outlined .lobe-table-tbody > tr:last-child > th, .lobe-table.lobe-table-borderless table:has( > tfoot) > .lobe-table-tbody > tr:last-child > td, .lobe-table.lobe-table-borderless table:has( > tfoot) > .lobe-table-tbody > tr:last-child > th {
+    border-block-end: 0;
   }
 
-  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) p {
-    line-height: var(--lobe-markdown-line-height);
-    letter-spacing: .02em;
-    margin-block: 4px;
+  .lobe-table .lobe-table-tbody > tr.lobe-table-placeholder > td {
+    color: var(--lobe-color-text-description);
+    text-align: center;
+    padding-block: 32px;
   }
 
-  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) p:not(:first-child) {
-    margin-block-start: calc(var(--lobe-markdown-margin-multiple) * .5em);
+  .lobe-table .lobe-table-tbody > tr.lobe-table-placeholder > td:has([data-table-skeleton]) {
+    color: inherit;
+    text-align: start;
+    vertical-align: top;
+    padding: 0;
   }
 
-  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) p:not(:last-child) {
-    margin-block-end: calc(var(--lobe-markdown-margin-multiple) * .5em);
+  .lobe-table .lobe-table-tbody > tr.lobe-table-row-clickable {
+    cursor: pointer;
+  }
+
+  .lobe-table .lobe-table-tbody > tr > td.lobe-table-column-sort {
+    background: var(--lobe-color-fill-quaternary);
+  }
+
+  .lobe-table .lobe-table-cell-ellipsis {
+    text-overflow: ellipsis;
+    word-break: keep-all;
+    white-space: nowrap;
+    overflow: hidden;
+  }
+
+  .lobe-table .lobe-table-cell-ellipsis.lobe-table-cell-fix-start-shadow, .lobe-table .lobe-table-cell-ellipsis.lobe-table-cell-fix-end-shadow {
+    overflow: visible;
+  }
+
+  :is(.lobe-table .lobe-table-cell-ellipsis.lobe-table-cell-fix-start-shadow, .lobe-table .lobe-table-cell-ellipsis.lobe-table-cell-fix-end-shadow) .lobe-table-cell-content {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    display: block;
+    overflow: hidden;
+  }
+
+  .lobe-table > .lobe-table-title, .lobe-table > .lobe-table-footer {
+    padding-block: var(--lobe-table-padding-block);
+    padding-inline: var(--lobe-table-padding-inline);
   }
 
-  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) pre {
-    font-size: calc(var(--lobe-markdown-font-size) * .85);
+  .lobe-table > .lobe-table-footer {
+    color: var(--lobe-color-text);
+    background: var(--lobe-color-fill-quaternary);
   }
 
-  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) strong {
-    font-weight: 600;
+  .lobe-table .lobe-table-container {
+    position: relative;
   }
 
-  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) svg {
-    line-height: 1;
+  .lobe-table .lobe-table-container:before, .lobe-table .lobe-table-container:after {
+    pointer-events: none;
+    content: "";
+    z-index: calc(var(--columns-count, 1) * 2 + var(--lobe-table-z-fixed) + 1);
+    width: 30px;
+    transition: box-shadow var(--lobe-motion-duration-slow);
+    position: absolute;
+    inset-block: 0 -1px;
   }
 
-  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) table {
-    border-spacing: 0;
-    border-collapse: collapse;
-    box-sizing: border-box;
-    width: max-content;
-    max-width: 100%;
-    margin-block: calc(var(--lobe-markdown-margin-multiple) * .5em);
-    border-radius: calc(var(--lobe-markdown-border-radius) * 1px);
-    text-align: start;
-    text-indent: initial;
-    text-wrap: pretty;
-    word-break: auto-phrase;
-    overflow-wrap: break-word;
-    box-shadow: 0 0 0 1px var(--lobe-color-border-secondary);
-    unicode-bidi: isolate;
-    display: block;
-    overflow: auto hidden;
+  .lobe-table .lobe-table-container:before {
+    inset-inline-start: 0;
   }
 
-  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) table code {
-    overflow-wrap: break-word;
+  .lobe-table .lobe-table-container:after {
+    inset-inline-end: 0;
   }
 
-  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) table thead {
-    background: var(--lobe-color-fill-quaternary);
+  .lobe-table.lobe-table-has-fix-start > .lobe-table-container:before, .lobe-table.lobe-table-has-fix-end > .lobe-table-container:after {
+    display: none;
   }
 
-  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) table tr {
-    box-shadow: 0 1px 0 var(--lobe-color-border-secondary);
+  .lobe-table.lobe-table-fix-start-shadow-show > .lobe-table-container:before {
+    box-shadow: inset 10px 0 8px -8px var(--lobe-color-split);
   }
 
-  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) table th, :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) table td {
-    text-align: start;
-    min-width: 120px;
-    padding-block: .75em;
-    padding-inline: 1em;
+  .lobe-table.lobe-table-fix-end-shadow-show > .lobe-table-container:after {
+    box-shadow: inset -10px 0 8px -8px var(--lobe-color-split);
   }
 
-  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) > video, :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) > p > video {
-    margin-block: calc(var(--lobe-markdown-margin-multiple) * .5em);
-    border-radius: calc(var(--lobe-markdown-border-radius) * 1px);
-    box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);
+  .lobe-table .lobe-table-thead > tr > th.lobe-table-cell-fix, .lobe-table .lobe-table-tbody > tr > td.lobe-table-cell-fix, .lobe-table tfoot > tr > td.lobe-table-cell-fix, .lobe-table .lobe-table-cell.lobe-table-cell-fix {
+    z-index: calc(var(--z-offset-reverse) + var(--lobe-table-z-fixed));
+    position: sticky;
   }
 
-  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) video {
-    max-width: 100%;
+  .lobe-table .lobe-table-cell-fix {
+    background: none;
   }
 
-  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) .footnotes {
-    color: #8b949e;
-    margin-block-start: calc(var(--lobe-markdown-margin-multiple) * 1em);
-    font-size: smaller;
+  .lobe-table .lobe-table-cell-fix:after {
+    pointer-events: none;
+    content: "";
+    width: 30px;
+    transition: box-shadow var(--lobe-motion-duration-slow);
+    position: absolute;
+    inset-block: 0 -1px;
   }
 
-  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) .footnotes #footnote-label {
-    display: none;
+  .lobe-table .lobe-table-cell-fix-start:after {
+    inset-inline-start: 100%;
   }
 
-  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) .footnotes > ol {
-    margin: 0 !important;
+  .lobe-table .lobe-table-cell-fix-end:after {
+    inset-inline-end: 100%;
   }
 
-  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) sub {
-    font-size: .75em;
-    line-height: var(--lobe-markdown-line-height);
-    vertical-align: baseline;
-    position: relative;
-    inset-block-end: -.25em;
+  .lobe-table.lobe-table-fix-start-shadow-show .lobe-table-cell-fix-start-shadow:after {
+    box-shadow: inset 10px 0 8px -8px var(--lobe-color-split);
   }
 
-  :is(.lobe-markdown:not(:has(.ignore-markdown-style)), .lobe-markdown .markdown) sup {
-    font-size: .75em;
-    line-height: var(--lobe-markdown-line-height);
-    vertical-align: baseline;
-    position: relative;
-    inset-block-start: -.25em;
+  .lobe-table.lobe-table-fix-end-shadow-show .lobe-table-cell-fix-end-shadow:after {
+    box-shadow: inset -10px 0 8px -8px var(--lobe-color-split);
   }
 
-  .lobe-markdown-chat ol > li::marker, .lobe-markdown-chat ul > li::marker, .lobe-markdown-chat ol > li > li::marker, .lobe-markdown-chat ul > li > li::marker {
-    color: var(--lobe-color-text-secondary) !important;
+  .lobe-table .lobe-table-sticky-holder {
+    z-index: calc(var(--columns-count, 1) * 2 + var(--lobe-table-z-fixed) + 1);
+    backdrop-filter: blur(16px);
+    background: none;
+    position: sticky;
   }
 
-  .lobe-markdown-chat ul {
-    list-style: unset;
+  .lobe-table .lobe-table-sticky-scroll {
+    z-index: calc(var(--columns-count, 1) * 2 + var(--lobe-table-z-fixed) + 1);
+    position: sticky;
+    inset-block-end: 0;
   }
 
-  .lobe-markdown-chat ul > li:before {
-    content: unset;
-    display: unset;
+  .lobe-table .lobe-table-sticky-scroll-bar {
+    position: absolute;
+    inset-block-end: 0;
   }
 
-  .lobe-markdown-latex .katex-error {
-    color: var(--lobe-color-text-description) !important;
+  .lobe-table .lobe-table-selection-col {
+    width: 32px;
   }
 
-  .lobe-markdown-latex .katex-html {
-    padding: 3px;
-    overflow: auto hidden;
+  .lobe-table .lobe-table-selection-col.lobe-table-selection-col-with-dropdown {
+    width: 56px;
   }
 
-  .lobe-markdown-latex .katex-html .base {
-    margin-block: 0;
-    margin-inline: auto;
+  .lobe-table.lobe-table-outlined .lobe-table-selection-col {
+    width: 48px;
   }
 
-  .lobe-markdown-latex .katex-html .tag {
-    padding-inline-start: .5rem;
-    display: inline-block;
-    position: relative !important;
+  .lobe-table.lobe-table-outlined .lobe-table-selection-col.lobe-table-selection-col-with-dropdown {
+    width: 72px;
   }
 
-  .lobe-markdown-gfm .markdown-alert {
-    margin-block: calc(var(--lobe-markdown-margin-multiple) * .5em);
-    border-inline-start: solid 4px var(--lobe-color-border);
-    padding-inline-start: 1em;
+  .lobe-table .lobe-table-selection-column {
+    text-align: center;
+    padding-inline: 8px;
   }
 
-  .lobe-markdown-gfm .markdown-alert > p {
-    margin-block-start: 0 !important;
+  .lobe-table .lobe-table-selection-column > * {
+    vertical-align: middle;
   }
 
-  .lobe-markdown-gfm .markdown-alert > :first-child {
-    margin-block-start: 0;
+  .lobe-table.lobe-table.lobe-table.lobe-table .lobe-table-tbody > tr.lobe-table-row-selected > td {
+    background: var(--lobe-table-selected-bg);
   }
 
-  .lobe-markdown-gfm .markdown-alert > :last-child {
-    margin-block-end: 0;
+  .lobe-table.lobe-table.lobe-table.lobe-table .lobe-table-tbody > tr.lobe-table-row-selected > td.lobe-table-cell-row-hover {
+    background: var(--lobe-table-selected-hover-bg);
   }
 
-  .lobe-markdown-gfm .markdown-alert-note {
-    border-inline-start-color: var(--lobe-color-info);
+  .lobe-table .lobe-table-expand-icon-col {
+    width: 48px;
   }
 
-  .lobe-markdown-gfm .markdown-alert-tip {
-    border-inline-start-color: var(--lobe-color-success);
+  .lobe-table .lobe-table-row-expand-icon-cell {
+    text-align: center;
   }
 
-  .lobe-markdown-gfm .markdown-alert-important {
-    border-inline-start-color: var(--lobe-purple);
+  .lobe-table .lobe-table-row-expand-icon-cell .lobe-table-row-expand-icon {
+    float: none;
+    vertical-align: sub;
+    display: inline-flex;
   }
 
-  .lobe-markdown-gfm .markdown-alert-warning {
-    border-inline-start-color: var(--lobe-color-warning);
+  .lobe-table .lobe-table-row-indent {
+    float: inline-start;
+    height: 1px;
   }
 
-  .lobe-markdown-gfm .markdown-alert-caution {
-    border-inline-start-color: var(--lobe-color-error);
+  .lobe-table .lobe-table-row-expand-icon {
+    float: inline-start;
+    vertical-align: middle;
+    flex: none;
   }
 
-  .lobe-markdown-gfm .markdown-alert-title {
-    align-items: center;
-    font-weight: 500;
-    display: flex;
-    margin-block-end: .5em !important;
+  .lobe-table .lobe-table-row-expand-icon.lobe-table-row-expand-icon-spaced {
+    visibility: hidden;
+    width: 24px;
+    height: 24px;
+    display: inline-block;
   }
 
-  .lobe-markdown-gfm .markdown-alert-note .markdown-alert-title {
-    color: var(--lobe-color-info);
-    fill: var(--lobe-color-info);
+  .lobe-table .lobe-table-row-indent + .lobe-table-row-expand-icon {
+    margin-block: -1px;
+    margin-inline-end: 8px;
   }
 
-  .lobe-markdown-gfm .markdown-alert-tip .markdown-alert-title {
-    color: var(--lobe-color-success);
-    fill: var(--lobe-color-success);
+  .lobe-table tr.lobe-table-expanded-row > td, .lobe-table tr.lobe-table-expanded-row:hover > td {
+    background: var(--lobe-color-fill-quaternary);
   }
 
-  .lobe-markdown-gfm .markdown-alert-important .markdown-alert-title {
-    color: var(--lobe-purple);
-    fill: var(--lobe-purple);
+  .lobe-table .lobe-table-expanded-row-fixed {
+    width: var(--lobe-table-component-width, auto);
+    margin-block: calc(var(--lobe-table-padding-block) * -1);
+    margin-inline: calc(var(--lobe-table-padding-inline) * -1);
+    padding-block: var(--lobe-table-padding-block);
+    padding-inline: var(--lobe-table-padding-inline);
+    position: sticky;
+    inset-inline-start: 0;
+    overflow: hidden;
   }
 
-  .lobe-markdown-gfm .markdown-alert-warning .markdown-alert-title {
-    color: var(--lobe-color-warning);
-    fill: var(--lobe-color-warning);
+  :is(.lobe-table .lobe-table-tbody > tr > td > .lobe-table-wrapper:only-child, .lobe-table .lobe-table-tbody > tr > td > .lobe-table-expanded-row-fixed > .lobe-table-wrapper:only-child) .lobe-table {
+    margin-block: calc(var(--lobe-table-padding-block) * -1);
+    margin-inline: calc(48px - var(--lobe-table-padding-inline))
+          calc(var(--lobe-table-padding-inline) * -1);
   }
 
-  .lobe-markdown-gfm .markdown-alert-caution .markdown-alert-title {
-    color: var(--lobe-color-error);
-    fill: var(--lobe-color-error);
+  :is(.lobe-table .lobe-table-tbody > tr > td > .lobe-table-wrapper:only-child, .lobe-table .lobe-table-tbody > tr > td > .lobe-table-expanded-row-fixed > .lobe-table-wrapper:only-child) .lobe-table-tbody > tr:last-child > td {
+    border-block-end: 0;
   }
 
-  .lobe-markdown-gfm .octicon {
-    vertical-align: text-bottom;
-    margin-inline-end: .5em;
-    display: inline-block;
-    overflow: visible !important;
+  :is(.lobe-table .lobe-table-tbody > tr > td > .lobe-table-wrapper:only-child, .lobe-table .lobe-table-tbody > tr > td > .lobe-table-expanded-row-fixed > .lobe-table-wrapper:only-child) .lobe-table.lobe-table-outlined > .lobe-table-title, :is(.lobe-table .lobe-table-tbody > tr > td > .lobe-table-wrapper:only-child, .lobe-table .lobe-table-tbody > tr > td > .lobe-table-expanded-row-fixed > .lobe-table-wrapper:only-child) .lobe-table.lobe-table-outlined > .lobe-table-container, :is(.lobe-table .lobe-table-tbody > tr > td > .lobe-table-wrapper:only-child, .lobe-table .lobe-table-tbody > tr > td > .lobe-table-expanded-row-fixed > .lobe-table-wrapper:only-child) .lobe-table.lobe-table-outlined > .lobe-table-footer {
+    box-shadow: none;
+    border-block: 0;
+    border-inline-end: 0;
+    border-radius: 0;
   }
 
-  .lobe-markdown-gfm .sr-only {
-    word-wrap: normal;
-    clip: rect(0, 0, 0, 0);
-    border: 0;
-    width: 1px;
-    height: 1px;
-    padding: 0;
-    position: absolute;
-    overflow: hidden;
+  :is(.lobe-table .lobe-table-tbody > tr > td > .lobe-table-wrapper:only-child, .lobe-table .lobe-table-tbody > tr > td > .lobe-table-expanded-row-fixed > .lobe-table-wrapper:only-child) .lobe-table.lobe-table-outlined > .lobe-table-title + .lobe-table-container {
+    border-block-start: var(--lobe-table-border);
   }
 
-  .lobe-markdown-gfm sup:has([aria-describedby="footnote-label"]) {
-    margin-inline: 2px;
-    vertical-align: super !important;
+  :is(.lobe-table .lobe-table-tbody > tr > td > .lobe-table-wrapper:only-child, .lobe-table .lobe-table-tbody > tr > td > .lobe-table-expanded-row-fixed > .lobe-table-wrapper:only-child) .lobe-table.lobe-table-outlined:has( > .lobe-table-footer) > .lobe-table-container {
+    border-block-end: var(--lobe-table-border);
   }
 
-  .lobe-markdown-gfm sup:has([aria-describedby="footnote-label"]) [data-footnote-ref] {
-    width: 16px;
-    height: 16px;
-    font-family: var(--lobe-font-family-code);
-    text-align: center;
-    background: var(--lobe-color-fill-secondary);
-    border-radius: 4px;
-    font-size: 10px;
-    display: inline-block;
-    color: var(--lobe-color-text-secondary) !important;
+  .lobe-table.lobe-table-outlined .lobe-table-tbody > tr > td > .lobe-table-expanded-row-fixed {
+    margin-inline: calc((var(--lobe-table-padding-inline) + 1px) * -1);
   }
 
-  .lobe-markdown-gfm code.color-preview {
-    gap: .4em;
+  .lobe-table .lobe-table-summary {
+    z-index: var(--lobe-table-z-fixed);
+    background: none;
     position: relative;
-    display: inline-flex !important;
   }
 
-  .lobe-markdown-gfm code.color-preview:after {
-    content: "";
-    border: 1px solid var(--lobe-color-fill);
-    background-color: attr(data-color);
-    background-color: var(--color-preview-color, #000);
-    border-radius: 50%;
-    width: .66em;
-    height: .66em;
+  .lobe-table .lobe-table-summary > tr > th, .lobe-table .lobe-table-summary > tr > td {
+    border-block-end: var(--lobe-table-border);
   }
-}
 
-@layer lobe-ui {
-  @keyframes lobe-mermaid-fade-in {
-    0% {
-      opacity: 0;
-    }
+  .lobe-table div.lobe-table-summary {
+    box-shadow: 0 -1px 0 var(--lobe-table-border-color);
+  }
 
-    100% {
-      opacity: 1;
-    }
+  .lobe-table .lobe-table-summary.lobe-table-sticky-holder {
+    z-index: calc(var(--columns-count, 1) * 2 + var(--lobe-table-z-fixed) + 1);
+    position: sticky;
   }
 
-  .lobe-mermaid img {
-    width: 100%;
-    height: auto;
-    display: block;
+  .lobe-table tfoot > tr > th, .lobe-table tfoot > tr > td {
+    border-block-start: var(--lobe-table-border);
   }
 
-  .lobe-mermaid svg {
+  .lobe-table .lobe-table-tbody-virtual .lobe-table-tbody-virtual-holder-inner .lobe-table-row {
+    box-sizing: border-box;
     width: 100%;
-    height: auto;
-    max-height: 480px;
-    display: block;
+    display: flex;
   }
 
-  .lobe-mermaid svg text {
-    font-family: var(--lobe-font-family);
+  .lobe-table .lobe-table-tbody-virtual .lobe-table-tbody-virtual-holder-inner .lobe-table-row:not(.lobe-table-row-extra, .lobe-table-expanded-row) {
+    height: var(--lobe-table-virtual-row-height);
   }
 
-  .lobe-mermaid-transparent img {
-    background: none !important;
+  .lobe-table .lobe-table-tbody-virtual .lobe-table-tbody-virtual-holder-inner .lobe-table-row > .lobe-table-cell {
+    align-content: center;
   }
 
-  .lobe-mermaid-animated img {
-    opacity: 1;
-    animation: .5s ease-in-out lobe-mermaid-fade-in;
+  .lobe-table .lobe-table-tbody-virtual .lobe-table-cell {
+    border-block-end: var(--lobe-table-border);
+    background: var(--lobe-table-cell);
+    transition: background-color var(--lobe-motion-duration-mid);
   }
-}
 
-@layer lobe-ui {
-  .lobe-popover-viewport [data-previous], .lobe-popover-viewport [data-current] {
-    opacity: 1;
-    filter: blur();
-    transition: transform var(--lobe-popover-layout-duration) var(--lobe-popover-layout-ease),
-      opacity calc(var(--lobe-popover-layout-duration) / 2) var(--lobe-popover-animation-ease-out),
-      filter calc(var(--lobe-popover-layout-duration) / 2) var(--lobe-popover-animation-ease-out);
-    transform: translateX(0);
+  .lobe-table .lobe-table-tbody-virtual .lobe-table-expanded-row-cell-fixed {
+    width: calc(var(--virtual-width) - 1px);
+    position: sticky;
+    inset-inline-start: 0;
+    overflow: hidden;
   }
 
-  .lobe-popover-viewport [data-current] {
-    transition-delay: 0s, calc(var(--lobe-popover-layout-duration) / 6),
-      calc(var(--lobe-popover-layout-duration) / 6);
+  .lobe-table-small {
+    --lobe-table-virtual-row-height: calc(8px * 2 + 23px);
+    --lobe-table-padding-block: 8px;
+    --lobe-table-padding-inline: 12px;
   }
 
-  .lobe-popover-viewport [data-previous][data-ending-style], .lobe-popover-viewport [data-current][data-starting-style] {
-    filter: blur(var(--lobe-popover-content-blur));
+  .lobe-table-medium {
+    --lobe-table-virtual-row-height: calc(12px * 2 + 23px);
+    --lobe-table-padding-block: 12px;
+    --lobe-table-padding-inline: 16px;
   }
 
-  .lobe-popover-viewport [data-previous] {
-    width: calc(var(--popup-width) - var(--lobe-popover-viewport-inline-padding) * 2);
-    position: absolute;
-    inset-block-start: 12px;
-    inset-inline-start: var(--lobe-popover-viewport-inline-padding);
+  .lobe-table-large {
+    --lobe-table-virtual-row-height: calc(16px * 2 + 23px);
+    --lobe-table-padding-block: 16px;
+    --lobe-table-padding-inline: 16px;
   }
 
-  .lobe-popover-viewport[data-transitioning] [data-current] {
-    width: calc(var(--positioner-width) - var(--lobe-popover-viewport-inline-padding) * 2);
+  .lobe-table.lobe-table.lobe-table-hoverable .lobe-table-tbody > tr > .lobe-table-cell-row-hover, .lobe-table.lobe-table.lobe-table-hoverable .lobe-table-tbody-virtual .lobe-table-row:hover > .lobe-table-cell {
+    background: var(--lobe-table-hover-bg);
+  }
+
+  .lobe-table.lobe-table-outlined {
+    --lobe-table-cell: var(--lobe-table-cell-bg, var(--lobe-table-bg, var(--lobe-color-bg-container)));
+    --lobe-table-fill: var(--lobe-table-surface, transparent);
+    background: none;
   }
 
-  .lobe-popover-viewport[data-repop] [data-previous] {
-    display: none;
+  .lobe-table.lobe-table-outlined > .lobe-table-title, .lobe-table.lobe-table-outlined > .lobe-table-footer {
+    background: var(--lobe-table-surface, var(--lobe-table-bg, var(--lobe-color-bg-container)));
   }
 
-  .lobe-popover-viewport[data-repop] [data-current] {
-    transition: none;
+  .lobe-table.lobe-table-outlined > .lobe-table-title {
+    border: var(--lobe-table-border);
+    border-block-end: 0;
+    border-start-start-radius: var(--lobe-border-radius-lg);
+    border-start-end-radius: var(--lobe-border-radius-lg);
   }
 
-  .lobe-popover-viewport[data-activation-direction~="right"] [data-previous][data-ending-style] {
-    transform: translateX(calc(var(--lobe-popover-content-shift) * -1));
-    opacity: 0;
+  .lobe-table.lobe-table-outlined > .lobe-table-container {
+    border: var(--lobe-table-border);
+    border-radius: var(--lobe-border-radius-lg);
+    background: var(--lobe-table-surface, var(--lobe-table-bg, var(--lobe-color-bg-container)));
+    overflow: clip;
+    box-shadow: 0 1px 2px #0000000a;
   }
 
-  .lobe-popover-viewport[data-activation-direction~="right"] [data-current][data-starting-style], .lobe-popover-viewport[data-activation-direction~="left"] [data-previous][data-ending-style] {
-    transform: translateX(var(--lobe-popover-content-shift));
-    opacity: 0;
+  .lobe-table.lobe-table-outlined > .lobe-table-title + .lobe-table-container {
+    border-start-start-radius: 0;
+    border-start-end-radius: 0;
   }
 
-  .lobe-popover-viewport[data-activation-direction~="left"] [data-current][data-starting-style] {
-    transform: translateX(calc(var(--lobe-popover-content-shift) * -1));
-    opacity: 0;
+  .lobe-table.lobe-table-outlined:has( > .lobe-table-footer) > .lobe-table-container {
+    border-block-end: 0;
+    border-end-end-radius: 0;
+    border-end-start-radius: 0;
   }
 
-  .lobe-popover-viewport[data-activation-direction~="down"] [data-previous][data-ending-style] {
-    transform: translateY(calc(var(--lobe-popover-content-shift) * -1));
-    opacity: 0;
+  .lobe-table.lobe-table-outlined > .lobe-table-footer {
+    border: var(--lobe-table-border);
+    border-block-start: 0;
+    border-end-end-radius: var(--lobe-border-radius-lg);
+    border-end-start-radius: var(--lobe-border-radius-lg);
   }
 
-  .lobe-popover-viewport[data-activation-direction~="down"] [data-current][data-starting-style], .lobe-popover-viewport[data-activation-direction~="up"] [data-previous][data-ending-style] {
-    transform: translateY(var(--lobe-popover-content-shift));
-    opacity: 0;
+  .lobe-table.lobe-table-outlined > .lobe-table-container > * > table > thead > tr > th {
+    border-block-end: var(--lobe-table-border);
+    background: var(--lobe-table-cell);
+    box-shadow: inset 0 999px 0 var(--lobe-color-fill-quaternary);
   }
 
-  .lobe-popover-viewport[data-activation-direction~="up"] [data-current][data-starting-style] {
-    transform: translateY(calc(var(--lobe-popover-content-shift) * -1));
-    opacity: 0;
+  .lobe-table.lobe-table-outlined .lobe-table-tbody > tr > td.lobe-table-cell-fix, .lobe-table.lobe-table-outlined .lobe-table-tbody-virtual .lobe-table-cell.lobe-table-cell-fix {
+    box-shadow: none;
+    background: none;
   }
-}
 
-@layer lobe-ui {
-  .lobe-result-extra > :is(div, section, form) {
-    flex: 100%;
+  .lobe-table.lobe-table-outlined .lobe-table-thead > tr > th.lobe-table-cell-fix, .lobe-table.lobe-table-outlined .lobe-table-thead > tr > td.lobe-table-cell-fix {
+    box-shadow: inset 0 999px 0 var(--lobe-color-fill-quaternary);
+    background: none;
   }
-}
 
-@layer lobe-ui {
-  @property --lobe-scroll-area-fade-top {
-    syntax: "<length>";
-    inherits: true;
-    initial-value: 0;
+  .lobe-table.lobe-table-filled {
+    --lobe-table-cell: var(--lobe-table-cell-bg, var(--lobe-table-bg, var(--lobe-color-bg-container)));
+    --lobe-table-fill: var(--lobe-table-surface, var(--lobe-color-fill-tertiary));
+    background: none;
   }
 
-  @property --lobe-scroll-area-fade-bottom {
-    syntax: "<length>";
-    inherits: true;
-    initial-value: 0;
+  .lobe-table.lobe-table-filled > .lobe-table-title, .lobe-table.lobe-table-filled > .lobe-table-footer {
+    border-radius: var(--lobe-border-radius-lg);
+    background: var(--lobe-table-fill);
   }
 
-  .lobe-scroll-area-fade {
-    --scroll-area-overflow-y-start: inherit;
-    --scroll-area-overflow-y-end: inherit;
-    --lobe-scroll-area-fade-size: 40px;
-    --lobe-scroll-area-fade-top: min(var(--lobe-scroll-area-fade-size),
-      var(--scroll-area-overflow-y-start, 0px));
-    --lobe-scroll-area-fade-bottom: min(var(--lobe-scroll-area-fade-size),
-      var(--scroll-area-overflow-y-end, 0px));
-    -webkit-mask-image: linear-gradient(to bottom,
-      transparent 0,
-      #000 var(--lobe-scroll-area-fade-top),
-      #000 calc(100.0% - var(--lobe-scroll-area-fade-bottom)),
-      transparent 100.0%);
-    mask-image: linear-gradient(to bottom,
-      transparent 0,
-      #000 var(--lobe-scroll-area-fade-top),
-      #000 calc(100.0% - var(--lobe-scroll-area-fade-bottom)),
-      transparent 100.0%);
-    -webkit-mask-size: 100% 100%;
-    mask-size: 100% 100%;
-    -webkit-mask-repeat: no-repeat;
-    mask-repeat: no-repeat;
+  .lobe-table.lobe-table-filled > .lobe-table-title {
+    border-end-end-radius: 0;
+    border-end-start-radius: 0;
   }
 
-  .lobe-scroll-area-fade-horizontal {
-    --scroll-area-overflow-x-start: inherit;
-    --scroll-area-overflow-x-end: inherit;
-    --lobe-scroll-area-fade-size: 40px;
-    --lobe-scroll-area-fade-left: min(var(--lobe-scroll-area-fade-size),
-      var(--scroll-area-overflow-x-start, 0px));
-    --lobe-scroll-area-fade-right: min(var(--lobe-scroll-area-fade-size),
-      var(--scroll-area-overflow-x-end, 0px));
-    -webkit-mask-image: linear-gradient(to right,
-      transparent 0,
-      #000 var(--lobe-scroll-area-fade-left),
-      #000 calc(100.0% - var(--lobe-scroll-area-fade-right)),
-      transparent 100.0%);
-    mask-image: linear-gradient(to right,
-      transparent 0,
-      #000 var(--lobe-scroll-area-fade-left),
-      #000 calc(100.0% - var(--lobe-scroll-area-fade-right)),
-      transparent 100.0%);
-    -webkit-mask-size: 100% 100%;
-    mask-size: 100% 100%;
-    -webkit-mask-repeat: no-repeat;
-    mask-repeat: no-repeat;
+  .lobe-table.lobe-table-filled > .lobe-table-footer {
+    border-start-start-radius: 0;
+    border-start-end-radius: 0;
   }
 
-  .lobe-scroll-area-fade-both {
-    --scroll-area-overflow-x-start: inherit;
-    --scroll-area-overflow-x-end: inherit;
-    --scroll-area-overflow-y-start: inherit;
-    --scroll-area-overflow-y-end: inherit;
-    --lobe-scroll-area-fade-size: 40px;
-    --lobe-scroll-area-fade-top: min(var(--lobe-scroll-area-fade-size),
-      var(--scroll-area-overflow-y-start, 0px));
-    --lobe-scroll-area-fade-bottom: min(var(--lobe-scroll-area-fade-size),
-      var(--scroll-area-overflow-y-end, 0px));
-    --lobe-scroll-area-fade-left: min(var(--lobe-scroll-area-fade-size),
-      var(--scroll-area-overflow-x-start, 0px));
-    --lobe-scroll-area-fade-right: min(var(--lobe-scroll-area-fade-size),
-      var(--scroll-area-overflow-x-end, 0px));
-    -webkit-mask-composite: source-in;
-    mask-composite: intersect;
-    -webkit-mask-image: linear-gradient(to bottom,
-        transparent 0,
-        #000 var(--lobe-scroll-area-fade-top),
-        #000 calc(100.0% - var(--lobe-scroll-area-fade-bottom)),
-        transparent 100.0%),
-      linear-gradient(to right,
-        transparent 0,
-        #000 var(--lobe-scroll-area-fade-left),
-        #000 calc(100.0% - var(--lobe-scroll-area-fade-right)),
-        transparent 100.0%);
-    mask-image: linear-gradient(to bottom,
-        transparent 0,
-        #000 var(--lobe-scroll-area-fade-top),
-        #000 calc(100.0% - var(--lobe-scroll-area-fade-bottom)),
-        transparent 100.0%),
-      linear-gradient(to right,
-        transparent 0,
-        #000 var(--lobe-scroll-area-fade-left),
-        #000 calc(100.0% - var(--lobe-scroll-area-fade-right)),
-        transparent 100.0%);
-    -webkit-mask-size: 100% 100%, 100% 100%;
-    mask-size: 100% 100%, 100% 100%;
-    -webkit-mask-repeat: no-repeat, no-repeat;
-    mask-repeat: no-repeat, no-repeat;
+  .lobe-table.lobe-table-filled > .lobe-table-container {
+    border-radius: var(--lobe-border-radius-lg);
+    background: var(--lobe-table-fill);
+    overflow: clip;
   }
 
-  @supports (animation-timeline: scroll()) {
-    @keyframes lobe-scroll-area-fade-top-in {
-      from {
-        --lobe-scroll-area-fade-top: 0;
-      }
+  .lobe-table.lobe-table-filled > .lobe-table-title + .lobe-table-container {
+    border-start-start-radius: 0;
+    border-start-end-radius: 0;
+  }
 
-      to {
-        --lobe-scroll-area-fade-top: var(--lobe-scroll-area-fade-size);
-      }
-    }
+  .lobe-table.lobe-table-filled:has( > .lobe-table-footer) > .lobe-table-container {
+    border-end-end-radius: 0;
+    border-end-start-radius: 0;
+  }
 
-    @keyframes lobe-scroll-area-fade-bottom-out {
-      from {
-        --lobe-scroll-area-fade-bottom: var(--lobe-scroll-area-fade-size);
-      }
+  .lobe-table.lobe-table-filled .lobe-table-thead > tr > th, .lobe-table.lobe-table-filled .lobe-table-thead > tr > td {
+    box-shadow: inset 0 -1px 0 var(--lobe-table-border-color),
+        inset 0 999px 0 var(--lobe-color-fill-quaternary);
+    background: none;
+  }
 
-      to {
-        --lobe-scroll-area-fade-bottom: 0;
-      }
-    }
+  .lobe-table.lobe-table-filled .lobe-table-tbody > tr > td, .lobe-table.lobe-table-filled .lobe-table-tbody > tr > th, .lobe-table.lobe-table-filled .lobe-table-tbody-virtual .lobe-table-cell {
+    background: none;
+  }
 
-    @keyframes lobe-scroll-area-fade-left-in {
-      from {
-        --lobe-scroll-area-fade-left: 0;
-      }
+  .lobe-table.lobe-table-filled .lobe-table-thead > tr > th.lobe-table-cell-fix, .lobe-table.lobe-table-filled .lobe-table-thead > tr > td.lobe-table-cell-fix {
+    box-shadow: inset 0 -1px 0 var(--lobe-table-border-color),
+        inset 0 999px 0 var(--lobe-color-fill-quaternary);
+    background: none;
+  }
 
-      to {
-        --lobe-scroll-area-fade-left: var(--lobe-scroll-area-fade-size);
-      }
-    }
+  .lobe-table.lobe-table-filled .lobe-table-tbody > tr > td.lobe-table-cell-fix {
+    box-shadow: none;
+    background: none;
+  }
 
-    @keyframes lobe-scroll-area-fade-right-out {
-      from {
-        --lobe-scroll-area-fade-right: var(--lobe-scroll-area-fade-size);
-      }
+  .lobe-table.lobe-table-borderless {
+    background: none;
+  }
 
-      to {
-        --lobe-scroll-area-fade-right: 0;
-      }
-    }
+  .lobe-table.lobe-table-borderless .lobe-table-tbody > tr > td, .lobe-table.lobe-table-borderless .lobe-table-tbody > tr > th, .lobe-table.lobe-table-borderless .lobe-table-tbody-virtual .lobe-table-cell, .lobe-table.lobe-table-borderless tfoot.lobe-table-summary, .lobe-table.lobe-table-borderless .lobe-table-summary > tr > td, .lobe-table.lobe-table-borderless .lobe-table-summary > tr > th, .lobe-table.lobe-table-borderless > .lobe-table-footer {
+    background: none;
+  }
 
-    .lobe-scroll-area-fade {
-      animation-name: lobe-scroll-area-fade-top-in, lobe-scroll-area-fade-bottom-out;
-      animation-duration: 1ms, 1ms;
-      animation-timing-function: linear, linear;
-      animation-fill-mode: both, both;
-      animation-timeline: scroll(self y), scroll(self y);
-      animation-range: 0 var(--lobe-scroll-area-fade-size),
-        calc(100.0% - var(--lobe-scroll-area-fade-size)) 100.0%;
-    }
+  .lobe-table.lobe-table-borderless .lobe-table-tbody > tr > td.lobe-table-cell-row-hover, .lobe-table.lobe-table-borderless .lobe-table-tbody-virtual .lobe-table-row:hover > .lobe-table-cell {
+    background: var(--lobe-table-hover-bg);
+  }
 
-    .lobe-scroll-area-fade-horizontal {
-      animation-name: lobe-scroll-area-fade-left-in, lobe-scroll-area-fade-right-out;
-      animation-duration: 1ms, 1ms;
-      animation-timing-function: linear, linear;
-      animation-fill-mode: both, both;
-      animation-timeline: scroll(self x), scroll(self x);
-      animation-range: 0 var(--lobe-scroll-area-fade-size),
-        calc(100.0% - var(--lobe-scroll-area-fade-size)) 100.0%;
-    }
+  .lobe-table.lobe-table-borderless .lobe-table-tbody > tr > td.lobe-table-cell-fix, .lobe-table.lobe-table-borderless .lobe-table-tbody > tr > th.lobe-table-cell-fix, .lobe-table.lobe-table-borderless .lobe-table-tbody-virtual .lobe-table-cell.lobe-table-cell-fix {
+    background: none;
+  }
 
-    .lobe-scroll-area-fade-both {
-      animation-name: lobe-scroll-area-fade-top-in, lobe-scroll-area-fade-bottom-out, lobe-scroll-area-fade-left-in, lobe-scroll-area-fade-right-out;
-      animation-duration: 1ms, 1ms, 1ms, 1ms;
-      animation-timing-function: linear, linear, linear, linear;
-      animation-fill-mode: both, both, both, both;
-      animation-timeline: scroll(self y), scroll(self y), scroll(self x), scroll(self x);
-      animation-range: 0 var(--lobe-scroll-area-fade-size),
-        calc(100.0% - var(--lobe-scroll-area-fade-size)) 100.0%,
-        0 var(--lobe-scroll-area-fade-size),
-        calc(100.0% - var(--lobe-scroll-area-fade-size)) 100.0%;
-    }
+  .lobe-table.lobe-table-borderless .lobe-table-tbody > tr > td.lobe-table-cell-fix.lobe-table-cell-row-hover {
+    background: var(--lobe-table-hover-bg);
   }
-}
 
-@layer lobe-ui {
-  [data-orientation="horizontal"] .lobe-segmented-indicator:dir(rtl) {
-    --lobe-segmented-indicator-start: var(--active-item-right);
+  .lobe-table.lobe-table-grouped > .lobe-table-container > * > table > * > tr > th, .lobe-table.lobe-table-grouped > .lobe-table-container > * > table > * > tr > td, .lobe-table.lobe-table-grouped .lobe-table-tbody-virtual .lobe-table-cell {
+    border-inline-end: var(--lobe-table-border);
   }
-}
 
-@layer lobe-ui {
-  .lobe-select-arrow > svg {
-    width: 100%;
-    height: 100%;
+  .lobe-table.lobe-table-grouped .lobe-table-tbody > tr > td:last-child, .lobe-table.lobe-table-grouped .lobe-table-thead > tr:first-child > th:last-child {
+    border-inline-end: 0;
   }
-}
 
-@layer lobe-ui {
-  .lobe-snippet-highlight pre {
-    align-items: center;
-    height: 100%;
-    display: flex;
+  .lobe-table-filter-dropdown [role="group"] > div:not(:first-child) {
+    padding-inline-start: 20px;
   }
-}
 
-@layer lobe-ui {
-  .lobe-switch {
-    --switch-dir: 1;
+  .lobe-table-filter-dropdown .lobe-table-filter-dropdown-item > label {
+    cursor: pointer;
+    flex: 1;
   }
 
-  .lobe-switch:dir(rtl), [dir="rtl"] .lobe-switch {
-    --switch-dir: -1;
+  .lobe-table-wrapper [data-table-loading] {
+    z-index: calc(var(--columns-count, 1) * 2 + 4);
   }
 }
 
@@ -1638,12 +3451,12 @@
     color: var(--lobe-color-text-secondary);
     white-space: nowrap;
     background: var(--lobe-surface-bg-solid, var(--lobe-color-bg-container));
-    box-shadow: inset 0 -1px 0 var(--lobe-color-fill-secondary);
+    box-shadow: inset 0 -1px 0 var(--lobe-fill-border, var(--lobe-color-fill));
     font-weight: 500;
   }
 
   .lobe-surface td {
-    border-block-end-color: var(--lobe-color-fill-secondary);
+    border-block-end-color: var(--lobe-fill-border, var(--lobe-color-fill));
   }
 
   .lobe-surface tr:hover > td {
@@ -2163,8 +3976,8 @@
     --duration: 6s;
   }
 
-  .lb1osd58z {
-    --filter-seam: var(--lobe-color-fill-secondary);
+  .lb1iv4l33 {
+    --filter-seam: var(--lobe-fill-border, var(--lobe-color-fill));
   }
 
   .lb1by5cad {
@@ -2227,8 +4040,16 @@
     --lobe-alert-soft-border: color-mix(in srgb,var(--lobe-color-text-secondary) 12.0%,transparent);
   }
 
-  .lb37xit6 {
-    --lobe-alert-soft-border: color-mix(in srgb,var(--lobe-color-warning) 14.0%,transparent);
+  .lb37xit6 {
+    --lobe-alert-soft-border: color-mix(in srgb,var(--lobe-color-warning) 14.0%,transparent);
+  }
+
+  .lb13b9b4k {
+    --lobe-auth-grid-line: color-mix(in srgb,var(--lobe-color-text) 5.0%,transparent);
+  }
+
+  .lbp4pl1z {
+    --lobe-auth-grid-line: var(--lobe-color-border-secondary);
   }
 
   .lbx26zto {
@@ -2367,12 +4188,12 @@
     --lobe-surface-bg: var(--lobe-color-bg-container);
   }
 
-  .lb3bfph8 {
-    --lobe-surface-bg: var(--lobe-color-fill-tertiary);
+  .lb1scici8 {
+    --lobe-surface-bg: var(--lobe-color-fill-quaternary);
   }
 
-  .lb1l8ls3s {
-    --lobe-surface-bg-solid: color-mix(in srgb,#fff 6.0%,var(--lobe-surface-canvas, var(--lobe-color-bg-container)));
+  .lb1ettvn5 {
+    --lobe-surface-bg-solid: color-mix(in srgb,#fff 2.0%,var(--lobe-surface-canvas, var(--lobe-color-bg-container)));
   }
 
   .lb1hc46fh {
@@ -2451,8 +4272,8 @@
     --max-item-width: var(--grid-max-item-width, 240px);
   }
 
-  .lbgo1hwp {
-    --metric-seam: var(--lobe-color-fill-secondary);
+  .lbecsxsy {
+    --metric-seam: var(--lobe-fill-border, var(--lobe-color-fill));
   }
 
   .lbb27uya {
@@ -2543,12 +4364,12 @@
     --lobe-tooltip-translate-y: var(--lobe-tooltip-animation-translate);
   }
 
-  .lb18ie2v8.lb18ie2v8:has( > :where(button, a):active:not(:disabled, [aria-disabled="true"])) {
-    --lobe-split-button-fill: var(--lobe-color-error-active);
+  .lb1g6lid4.lb1g6lid4:has( > :where(button, a):active:not(:disabled, [aria-disabled="true"])) {
+    --lobe-split-button-fill: color-mix(in srgb,var(--lobe-color-error) 88.0%,black);
   }
 
-  .lb1ay50n1.lb1ay50n1:has( > :where(button, a):hover:not(:disabled, [aria-disabled="true"])):not(:has( > :where(button, a):active:not(:disabled, [aria-disabled="true"]))) {
-    --lobe-split-button-fill: var(--lobe-color-error-hover);
+  .lb14ldvf4.lb14ldvf4:has( > :where(button, a):hover:not(:disabled, [aria-disabled="true"])):not(:has( > :where(button, a):active:not(:disabled, [aria-disabled="true"]))) {
+    --lobe-split-button-fill: color-mix(in srgb,var(--lobe-color-error) 88.0%,white);
   }
 
   .lb1au6i02.lb1au6i02:has( > :where(button, a):active:not(:disabled, [aria-disabled="true"])) {
@@ -2717,6 +4538,14 @@
     border-color: color-mix(in srgb,var(--lobe-color-border-secondary) 66.0%,transparent);
   }
 
+  .lbpe7ctc {
+    border-color: color-mix(in srgb,var(--lobe-color-border-secondary) 70.0%,var(--lobe-color-border));
+  }
+
+  .lb1mpi7gh {
+    border-color: color-mix(in srgb,var(--lobe-color-error) 40.0%,transparent);
+  }
+
   .lb181nr7w, .lb1r7ld26 {
     border-color: currentColor;
   }
@@ -2769,6 +4598,10 @@
     border-color: var(--lobe-color-text-tertiary);
   }
 
+  .lb142uwqc {
+    border-color: var(--lobe-fill-border, var(--lobe-color-fill));
+  }
+
   .lb3xigh6 {
     border-color: var(--lobe-split-button-fill, transparent);
   }
@@ -2789,6 +4622,10 @@
     border-radius: 100px;
   }
 
+  .lb1q4ynmn {
+    border-radius: 10px;
+  }
+
   .lb4pepcl {
     border-radius: 12px;
   }
@@ -2917,16 +4754,12 @@
     border-width: 1px;
   }
 
-  .lbdh2fpr {
-    border-width: 2px;
-  }
-
-  .lbrecjfi {
-    border-width: 3px !important;
+  .lbuzmsqa {
+    border-width: 2px !important;
   }
 
-  .lb9r2w2z {
-    border-width: 3px;
+  .lbdh2fpr {
+    border-width: 2px;
   }
 
   .lbfn42iu {
@@ -2981,10 +4814,6 @@
     gap: 24px;
   }
 
-  .lb33pbmt {
-    gap: 28px;
-  }
-
   .lb195vfkc {
     gap: 2px;
   }
@@ -3009,6 +4838,10 @@
     gap: 4px;
   }
 
+  .lb1nejdyq {
+    gap: 5px;
+  }
+
   .lb17d4w8g {
     gap: 6px;
   }
@@ -3041,6 +4874,10 @@
     grid-row: span var(--bento-row-span, 1);
   }
 
+  .lb1o4mm3x {
+    inset-block: -4px;
+  }
+
   .lbdwv5cp {
     inset-block: 0 auto;
   }
@@ -3077,6 +4914,10 @@
     list-style: none;
   }
 
+  .lb1k49i25 {
+    margin-block: -4px;
+  }
+
   .lb96m7kw {
     margin-block: .1em;
   }
@@ -3197,6 +5038,10 @@
     padding-block: 16px;
   }
 
+  .lbsplgde {
+    padding-block: 1px;
+  }
+
   .lbr9q8rw {
     padding-block: 24px;
   }
@@ -3221,10 +5066,18 @@
     padding-block: 4px;
   }
 
+  .lbifx94n {
+    padding-block: 5px;
+  }
+
   .lb1t0vds8 {
     padding-block: 6px;
   }
 
+  .lbknfcqp {
+    padding-block: 7px;
+  }
+
   .lb1vvogim {
     padding-block: 8px;
   }
@@ -3237,6 +5090,10 @@
     padding-block: clamp(56px, 9vh, 88px);
   }
 
+  .lb1bolkcs {
+    padding-block: var(--lobe-table-padding-block);
+  }
+
   .lbnjsko4 {
     padding-inline: 0;
   }
@@ -3281,6 +5138,10 @@
     padding-inline: 24px;
   }
 
+  .lb5k8d2m {
+    padding-inline: 2px;
+  }
+
   .lb1tcxzho {
     padding-inline: 36px;
   }
@@ -3321,6 +5182,10 @@
     padding-inline: var(--lobe-popover-viewport-inline-padding);
   }
 
+  .lb1ncipzf {
+    padding-inline: var(--lobe-table-padding-inline);
+  }
+
   .lb5yvih3 {
     padding-inline: var(--lobe-tooltip-viewport-inline-padding);
   }
@@ -3401,6 +5266,10 @@
     transition: background-color .15s;
   }
 
+  .lbdb7520 {
+    transition: background-color .16s;
+  }
+
   .lbjy6m49 {
     transition: background-color .1s var(--lobe-motion-ease-out);
   }
@@ -3421,6 +5290,10 @@
     transition: border-color .15s, background .15s;
   }
 
+  .lb19qmanz {
+    transition: box-shadow .12s;
+  }
+
   .lbp6x4vz {
     transition: box-shadow .15s var(--lobe-motion-ease-out);
   }
@@ -3453,14 +5326,14 @@
     transition: color .15s var(--lobe-motion-ease-out);
   }
 
-  .lbz4dce {
-    transition: color .16s cubic-bezier(.32, .72, 0, 1), background .16s cubic-bezier(.32, .72, 0, 1), border-color .16s cubic-bezier(.32, .72, 0, 1), box-shadow .16s cubic-bezier(.32, .72, 0, 1);
-  }
-
   .lbgl21rn {
     transition: color .16s cubic-bezier(.32, .72, 0, 1), background .16s cubic-bezier(.32, .72, 0, 1), transform .16s cubic-bezier(.32, .72, 0, 1);
   }
 
+  .lb15xd0no {
+    transition: color .16s cubic-bezier(.32, .72, 0, 1), background-color .16s cubic-bezier(.32, .72, 0, 1), background-image .16s cubic-bezier(.32, .72, 0, 1), border-color .16s cubic-bezier(.32, .72, 0, 1), box-shadow .16s cubic-bezier(.32, .72, 0, 1);
+  }
+
   .lb1ansyti {
     transition: color .16s var(--lobe-motion-ease-out),background-color .16s var(--lobe-motion-ease-out),scale .16s var(--lobe-motion-ease-out);
   }
@@ -3695,23 +5568,31 @@
     }
   }
 
-  .lb1ri2ox9:is([data-checked], [data-indeterminate]):not([data-disabled]) {
-    border-color: var(--lobe-checkbox-bg, var(--lobe-color-primary));
+  .lbs8cwth:hover:not(:disabled, [aria-disabled="true"]) {
+    border-color: color-mix(in srgb,var(--lobe-color-error) 65.0%,transparent);
   }
 
-  .lb14dg99k:hover:not([data-disabled], [data-checked], [data-indeterminate]), .lb1vedpjt:hover:not([data-disabled], [data-checked]), .lbjmsf0:hover:not(:focus-within, [data-disabled]) {
-    border-color: var(--lobe-color-border);
+  .lb1dvy257:active:not(:disabled, [aria-disabled="true"]), .lb1e5ynfq[data-popup-open] {
+    border-color: color-mix(in srgb,var(--lobe-color-error) 88.0%,black);
+  }
+
+  .lb2949mz:hover:not(:active, :disabled, [aria-disabled="true"], [data-popup-open]) {
+    border-color: color-mix(in srgb,var(--lobe-color-error) 88.0%,white);
+  }
+
+  .lbv4eugq:hover:not(:disabled, [aria-disabled="true"]) {
+    border-color: color-mix(in srgb,var(--lobe-color-text) 8.0%,var(--lobe-color-border));
   }
 
-  .lb13cas3i[data-popup-open], .lblxergw:active:not(:disabled, [aria-disabled="true"]) {
-    border-color: var(--lobe-color-error-active);
+  .lb1ri2ox9:is([data-checked], [data-indeterminate]):not([data-disabled]) {
+    border-color: var(--lobe-checkbox-bg, var(--lobe-color-primary));
   }
 
-  .lb12cazn7:hover:not(:active, :disabled, [aria-disabled="true"], [data-popup-open]), .lbh2h5hx:hover:not(:disabled, [aria-disabled="true"]) {
-    border-color: var(--lobe-color-error-hover);
+  .lb14dg99k:hover:not([data-disabled], [data-checked], [data-indeterminate]), .lb1vedpjt:hover:not([data-disabled], [data-checked]), .lbjmsf0:hover:not(:focus-within, [data-disabled]) {
+    border-color: var(--lobe-color-border);
   }
 
-  .lb18hgaxl[data-disabled], .lb1j0btqu:focus-within {
+  .lb18hgaxl[data-disabled] {
     border-color: var(--lobe-color-fill);
   }
 
@@ -3719,10 +5600,6 @@
     border-color: var(--lobe-color-primary-active);
   }
 
-  .lbnudtlt:hover:not(:disabled, [aria-disabled="true"]) {
-    border-color: var(--lobe-color-primary-border);
-  }
-
   .lbiuvf2s:hover:not(:active, :disabled, [aria-disabled="true"], [data-popup-open]) {
     border-color: var(--lobe-color-primary-hover);
   }
@@ -3731,6 +5608,10 @@
     border-color: var(--lobe-color-primary);
   }
 
+  .lb1o4wdq2:focus-within {
+    border-color: var(--lobe-fill-border-strong, var(--lobe-color-fill));
+  }
+
   .lb1dn8ofu[data-checked]:not([data-disabled]) {
     border-color: var(--lobe-radio-bg, var(--lobe-color-primary));
   }
@@ -3787,14 +5668,14 @@
     border-color: var(--lobe-color-border);
   }
 
-  .lb13v5du5:hover {
-    border-color: var(--lobe-color-fill);
-  }
-
   .lb1cgz93w:hover {
     border-color: var(--lobe-color-text-tertiary);
   }
 
+  .lbhqn6jm:hover {
+    border-color: var(--lobe-fill-border-strong, var(--lobe-color-fill));
+  }
+
   .lb2l9g25:active {
     border-color: var(--lobe-color-border);
   }
@@ -4063,10 +5944,18 @@
     appearance: none;
   }
 
+  .lb1plog1 {
+    aspect-ratio: 1;
+  }
+
   .lbvn2z4z {
     backdrop-filter: blur(12px);
   }
 
+  .lb1jh03n0 {
+    backdrop-filter: blur(16px);
+  }
+
   .lb1dmgsgi {
     backdrop-filter: blur(8px);
   }
@@ -4132,10 +6021,6 @@
     background-color: color-mix(in srgb,var(--lobe-color-bg-layout) 90.0%,transparent);
   }
 
-  .lbzyoshe {
-    background-color: color-mix(in srgb,var(--lobe-color-bg-layout),var(--lobe-color-bg-elevated) 70.0%);
-  }
-
   .lb1o295zs {
     background-color: color-mix(in srgb,var(--lobe-color-border-secondary) 75.0%,transparent);
   }
@@ -4144,6 +6029,10 @@
     background-color: color-mix(in srgb,var(--lobe-color-error) 12.0%,transparent);
   }
 
+  .lb50ef5m {
+    background-color: color-mix(in srgb,var(--lobe-color-primary) 8.0%,transparent);
+  }
+
   .lb1h1gsw {
     background-color: color-mix(in srgb,var(--lobe-color-text) 3.0%,var(--lobe-color-bg-container));
   }
@@ -4240,10 +6129,6 @@
     background-color: var(--lobe-color-border);
   }
 
-  .lb29nf4p {
-    background-color: var(--lobe-color-error-bg);
-  }
-
   .lbixdnzb {
     background-color: var(--lobe-color-error);
   }
@@ -4268,6 +6153,10 @@
     background-color: var(--lobe-color-fill);
   }
 
+  .lbm5z94f {
+    background-color: var(--lobe-color-picker-thumb, transparent) !important;
+  }
+
   .lbaz5gdu {
     background-color: var(--lobe-color-primary-bg);
   }
@@ -4296,10 +6185,6 @@
     background-color: var(--lobe-split-button-fill, var(--lobe-color-primary));
   }
 
-  .lbxy8123 {
-    background-color: var(--lobe-surface-bg-solid, var(--lobe-color-bg-container));
-  }
-
   .lb1x6hv1e {
     background-color: var(--lobe-surface-bg);
   }
@@ -4340,10 +6225,6 @@
     background-image: linear-gradient(90deg,transparent,color-mix(in srgb,var(--lobe-color-white) 35.0%,transparent),transparent);
   }
 
-  .lbo5mpd0 {
-    background-image: linear-gradient(color-mix(in srgb,var(--lobe-color-text) 5.0%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--lobe-color-text) 5.0%,transparent) 1px,transparent 1px);
-  }
-
   .lbl8g59w {
     background-image: linear-gradient(#0000, #000000b8);
   }
@@ -4356,18 +6237,10 @@
     background-image: linear-gradient(to bottom,var(--lobe-color-fill-tertiary),var(--lobe-color-fill-quaternary));
   }
 
-  .lb1tns6w3 {
-    background-image: linear-gradient(to left,transparent 50.0%,var(--lobe-color-fill-secondary) 50.0%);
-  }
-
   .lb8mo06m {
     background-image: linear-gradient(to right, red, #ff0, #0f0, #0ff, #00f, #f0f, red) !important;
   }
 
-  .lb14x5jpr {
-    background-image: linear-gradient(to right,transparent 50.0%,var(--lobe-color-fill-secondary) 50.0%);
-  }
-
   .lb1l48pi0 {
     background-image: linear-gradient(to right,transparent,var(--lobe-color-picker-alpha)),linear-gradient(45deg,var(--lobe-color-fill-secondary) 25.0%,transparent 25.0%,transparent 75.0%,var(--lobe-color-fill-secondary) 75.0%),linear-gradient(45deg,var(--lobe-color-fill-secondary) 25.0%,transparent 25.0%,transparent 75.0%,var(--lobe-color-fill-secondary) 75.0%) !important;
   }
@@ -4376,6 +6249,10 @@
     background-image: linear-gradient(to top, #180a306b, #0000);
   }
 
+  .lb3x8p3i {
+    background-image: linear-gradient(var(--lobe-auth-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--lobe-auth-grid-line) 1px,transparent 1px);
+  }
+
   .lb8uku7w {
     background-image: none !important;
   }
@@ -4448,10 +6325,6 @@
     background-size: 8px 8px;
   }
 
-  .lb1vathgz {
-    border-collapse: separate;
-  }
-
   .lb16uus16 {
     border-end-end-radius: 0;
   }
@@ -4484,6 +6357,14 @@
     border-inline-end-color: var(--lobe-color-border);
   }
 
+  .lb4huikl {
+    border-inline-end-color: var(--lobe-fill-border-strong, var(--lobe-color-fill));
+  }
+
+  .lb1g588gv {
+    border-inline-end-color: var(--lobe-fill-border, var(--lobe-color-fill));
+  }
+
   .lb18b5jzi {
     border-inline-end-style: solid;
   }
@@ -4540,10 +6421,6 @@
     border-inline-start-width: var(--drawer-edge-width, 1px);
   }
 
-  .lb1gukg7c {
-    border-spacing: 0;
-  }
-
   .lb1ga7v0g {
     border-start-end-radius: 0;
   }
@@ -4576,12 +6453,12 @@
     box-shadow: 0 0 0 1.5px var(--lobe-color-bg-container);
   }
 
-  .lbge4exk {
-    box-shadow: 0 0 0 1px #0000001f, 0 2px 6px #00000040 !important;
+  .lbzwqy10 {
+    box-shadow: 0 0 0 1px #0000002e, 0 1px 4px #0000004d !important;
   }
 
-  .lb9mla8l {
-    box-shadow: 0 0 0 1px #0000001f, 0 2px 6px #00000040;
+  .lbs4lzo {
+    box-shadow: 0 0 0 1px #0000002e, 0 1px 4px #0000004d;
   }
 
   .lb1fsw8ff {
@@ -4632,10 +6509,6 @@
     box-shadow: inset -1px 0 0 var(--metric-seam),inset 0 -1px 0 var(--metric-seam);
   }
 
-  .lb1dsz46m {
-    box-shadow: inset 0 -1px 0 var(--lobe-color-border-secondary),inset 0 999px 0 var(--lobe-color-fill-quaternary);
-  }
-
   .lb17znu35 {
     box-shadow: inset 0 -1px 0 var(--lobe-color-border-secondary);
   }
@@ -4648,6 +6521,10 @@
     box-shadow: inset 0 0 0 1px var(--lobe-color-border-secondary);
   }
 
+  .lb1go0r6q {
+    box-shadow: inset 0 0 0 1px var(--lobe-color-fill-secondary) !important;
+  }
+
   .lb1ca30vo {
     box-shadow: inset 0 0 0 1px var(--lobe-color-fill-secondary);
   }
@@ -4848,8 +6725,8 @@
     column-gap: 12px;
   }
 
-  .lb17zd0t2 {
-    column-gap: 4px;
+  .lb1qgv0r9 {
+    column-gap: 24px;
   }
 
   .lb12h1iku {
@@ -4944,6 +6821,10 @@
     display: inline-flex;
   }
 
+  .lbwz0xwf {
+    display: inline-grid;
+  }
+
   .lb1s85apg {
     display: none;
   }
@@ -5048,10 +6929,18 @@
     font-size: .8em;
   }
 
+  .lbeb7xqv {
+    font-size: .9em;
+  }
+
   .lb1k6wstc {
     font-size: 10px;
   }
 
+  .lbkfewty {
+    font-size: 11px !important;
+  }
+
   .lb1j6dyjg {
     font-size: 11px;
   }
@@ -5104,6 +6993,10 @@
     font-size: 32px;
   }
 
+  .lbdzlmae {
+    font-size: 8px;
+  }
+
   .lbkf6u7v {
     font-size: calc(var(--lobe-font-size) * 1.25);
   }
@@ -5160,6 +7053,10 @@
     font-size: var(--lobe-font-size-heading-4);
   }
 
+  .lb3m3omd {
+    font-size: var(--lobe-font-size-lg);
+  }
+
   .lbxobqjj {
     font-size: var(--lobe-font-size-sm);
   }
@@ -5220,6 +7117,10 @@
     font-weight: inherit;
   }
 
+  .lb1fcty0u {
+    font-weight: normal;
+  }
+
   .lb19zsl4l {
     grid-auto-rows: minmax(var(--bento-row-height),auto);
   }
@@ -5268,12 +7169,8 @@
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 
-  .lb185a7wo {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-  }
-
-  .lb1gj6vdr {
-    grid-template-columns: repeat(7, minmax(0, 1fr));
+  .lbkkvkr6 {
+    grid-template-columns: repeat(9, minmax(0, 1fr));
   }
 
   .lbrwvf1q {
@@ -5412,6 +7309,10 @@
     inset-inline-start: 50%;
   }
 
+  .lb1yui72q {
+    inset-inline-start: calc(50% - .75px);
+  }
+
   .lb1obg9iq {
     inset-inline-start: calc(var(--lobe-tabs-indicator-start, var(--active-tab-left)) + var(--active-tab-width) / 2 - 2.5px);
   }
@@ -5472,6 +7373,14 @@
     letter-spacing: -.045em;
   }
 
+  .lb1yf5rgg {
+    letter-spacing: .01em;
+  }
+
+  .lb3gc2hl {
+    letter-spacing: .03em;
+  }
+
   .lb9pfba7 {
     letter-spacing: .08em;
   }
@@ -5640,10 +7549,6 @@
     margin-inline-start: -88px;
   }
 
-  .lb166poo9 {
-    margin-inline-start: -9px;
-  }
-
   .lb1j9pc4w {
     margin-inline-start: .25rem;
   }
@@ -5652,6 +7557,10 @@
     margin-inline-start: 0;
   }
 
+  .lb9j1lsx {
+    margin-inline-start: 100%;
+  }
+
   .lbdwrcjd {
     margin-inline-start: 4px;
   }
@@ -5840,6 +7749,10 @@
     overflow-wrap: break-word;
   }
 
+  .lb11c2f7x {
+    padding-inline-end:  !important;
+  }
+
   .lbyri2b {
     padding-inline-end: 0;
   }
@@ -5848,6 +7761,18 @@
     padding-inline-end: 10px;
   }
 
+  .lb1kukv79 {
+    padding-inline-end: 11px;
+  }
+
+  .lbpdmqnj {
+    padding-inline-end: 12px;
+  }
+
+  .lb1pic42t {
+    padding-inline-end: 14px;
+  }
+
   .lbv54qhq {
     padding-inline-end: 16px;
   }
@@ -5860,6 +7785,14 @@
     padding-inline-end: 4px;
   }
 
+  .lb1cx2peq {
+    padding-inline-end: 6px !important;
+  }
+
+  .lbf159sx {
+    padding-inline-end: 8px;
+  }
+
   .lb160mb8z {
     padding-inline-end: var(--accordion-hover-inset, 8px);
   }
@@ -5892,6 +7825,10 @@
     padding-inline-start: 24px;
   }
 
+  .lbyiysdx {
+    padding-inline-start: 2px;
+  }
+
   .lb13vo0z7 {
     padding-inline-start: 38px;
   }
@@ -5908,10 +7845,18 @@
     padding-inline-start: 56px;
   }
 
+  .lbaso8d8 {
+    padding-inline-start: 5px;
+  }
+
   .lb25sj25 {
     padding-inline-start: 6px;
   }
 
+  .lby48o12 {
+    padding-inline-start: 8px !important;
+  }
+
   .lbmzvs34 {
     padding-inline-start: 8px;
   }
@@ -5968,8 +7913,8 @@
     row-gap: 0;
   }
 
-  .lb1dbijih {
-    row-gap: 2px;
+  .lbgpatz3 {
+    row-gap: 16px;
   }
 
   .lbw09woa {
@@ -6052,6 +7997,10 @@
     text-align: start;
   }
 
+  .lb4gbaf0 {
+    text-indent: 2px;
+  }
+
   .lbbrixnn {
     text-overflow: clip;
   }
@@ -6088,6 +8037,10 @@
     transform: rotate(-90deg);
   }
 
+  .lb1158fpu {
+    transform: rotate(45deg);
+  }
+
   .lb1iffjtl {
     transform: rotate(90deg);
   }
@@ -6309,6 +8262,10 @@
     visibility: hidden;
   }
 
+  .lbnpuxes {
+    visibility: visible;
+  }
+
   .lbeaf4i8 {
     white-space: normal;
   }
@@ -6337,6 +8294,10 @@
     will-change: width;
   }
 
+  .lbdnwjd9 {
+    word-break: keep-all;
+  }
+
   .lb8knxv4 {
     z-index: -1;
   }
@@ -6433,7 +8394,11 @@
     opacity: 1;
   }
 
-  .lbqh6ce5.lbqh6ce5:where(.lby9uwd8:focus-within *) {
+  .lb1qhljkn.lb1qhljkn:where(.lb14grpiv:focus-visible *) {
+    visibility: hidden;
+  }
+
+  .lbqh6ce5.lbqh6ce5:where(.lby9uwd8:focus-within *), .lbzq8171.lbzq8171:where(.lb14grpiv:focus-visible *) {
     visibility: visible;
   }
 
@@ -6441,10 +8406,6 @@
     animation-play-state: paused;
   }
 
-  .lbh2baug.lbh2baug:where(.lb2o2t1p:hover *) {
-    background-color: color-mix(in srgb,var(--lobe-color-bg-container),var(--lobe-color-text) 3.0%);
-  }
-
   .lb19akm1k.lb19akm1k:where(.lbtyc5dm:hover *) {
     color: var(--lobe-color-text-secondary);
   }
@@ -6497,19 +8458,43 @@
     animation-timing-function: cubic-bezier(.22, 1, .36, 1);
   }
 
-  .lbpbwnwz:is([data-checked], [data-indeterminate]):not([data-disabled]) {
-    background-color: var(--lobe-checkbox-bg, var(--lobe-color-primary));
+  .lb3lzv3l:hover:not(:active, :disabled, [aria-disabled="true"]) {
+    background-color: color-mix(in srgb,var(--lobe-color-error) 10.0%,transparent);
   }
 
-  .lb1qwfrtx[data-popup-open], .lb1v7zx8w:active:not(:disabled, [aria-disabled="true"]) {
-    background-color: var(--lobe-color-error-active);
+  .lb1saschm:active:not(:disabled, [aria-disabled="true"]) {
+    background-color: color-mix(in srgb,var(--lobe-color-error) 14.0%,var(--lobe-color-bg-container));
+  }
+
+  .lb14kxky9:active:not(:disabled, [aria-disabled="true"]) {
+    background-color: color-mix(in srgb,var(--lobe-color-error) 16.0%,transparent);
+  }
+
+  .lb1lf6bdk:hover:not(:active, :disabled, [aria-disabled="true"]) {
+    background-color: color-mix(in srgb,var(--lobe-color-error) 18.0%,transparent);
+  }
+
+  .lbrq8w1b:active:not(:disabled, [aria-disabled="true"]) {
+    background-color: color-mix(in srgb,var(--lobe-color-error) 22.0%,transparent);
   }
 
-  .lb1dm0l71:active:not(:disabled, [aria-disabled="true"]), .lbt8c1aj:hover:not(:disabled, [aria-disabled="true"]) {
-    background-color: var(--lobe-color-error-bg-hover);
+  .lbzxaxr6:hover:not(:active, :disabled, [aria-disabled="true"]) {
+    background-color: color-mix(in srgb,var(--lobe-color-error) 8.0%,var(--lobe-color-bg-container));
+  }
+
+  .lb15l4kc2:active:not(:disabled, [aria-disabled="true"]), .lb1gj3nph[data-popup-open] {
+    background-color: color-mix(in srgb,var(--lobe-color-error) 88.0%,black);
+  }
+
+  .lb1mog8ep:hover:not(:active, :disabled, [aria-disabled="true"], [data-popup-open]) {
+    background-color: color-mix(in srgb,var(--lobe-color-error) 88.0%,white);
+  }
+
+  .lbpbwnwz:is([data-checked], [data-indeterminate]):not([data-disabled]) {
+    background-color: var(--lobe-checkbox-bg, var(--lobe-color-primary));
   }
 
-  .lb1ca5mm0:hover:not(:active), .lb6w9gdg:hover:not(:active, :disabled, [aria-disabled="true"], [data-popup-open]) {
+  .lb1ca5mm0:hover:not(:active) {
     background-color: var(--lobe-color-error-hover);
   }
 
@@ -6521,7 +8506,7 @@
     background-color: var(--lobe-color-fill-secondary);
   }
 
-  .lb129k4ed:hover:not([data-disabled], [data-readonly], [data-popup-open], [data-open], [data-state="open"], [aria-expanded="true"]), .lb1df4reh:hover:not(:disabled), .lb1i4q0gc:hover:not(:disabled, [aria-pressed="true"]), .lb1pribh5:hover:not([aria-pressed="true"]), .lb1vfdt9p:hover:not(:has([data-disabled])), .lb85pxvj:is([data-highlighted], [data-state="open"], [data-open], [aria-expanded="true"]):not([data-disabled], :hover), .lbn4ptgj:hover:not(:active, [data-disabled]), .lbswrfa9:hover:not(:active), .lbwew3ed:is([data-highlighted], [data-state="open"], [data-open], [aria-expanded="true"]):not([data-disabled]) {
+  .lb129k4ed:hover:not([data-disabled], [data-readonly], [data-popup-open], [data-open], [data-state="open"], [aria-expanded="true"]), .lb1df4reh:hover:not(:disabled), .lb1pribh5:hover:not([aria-pressed="true"]), .lb1r7xvfj[aria-selected="true"], .lb1vfdt9p:hover:not(:has([data-disabled])), .lb85pxvj:is([data-highlighted], [data-state="open"], [data-open], [aria-expanded="true"]):not([data-disabled], :hover), .lbn4ptgj:hover:not(:active, [data-disabled]), .lbswrfa9:hover:not(:active), .lbwew3ed:is([data-highlighted], [data-state="open"], [data-open], [aria-expanded="true"]):not([data-disabled]) {
     background-color: var(--lobe-color-fill-tertiary);
   }
 
@@ -6545,7 +8530,7 @@
     background-color: var(--lobe-color-text-quaternary);
   }
 
-  .lb15n6fwy[aria-pressed="true"], .lb8qzbvk[aria-current="true"] {
+  .lb8qzbvk[aria-current="true"] {
     background-color: var(--lobe-color-text);
   }
 
@@ -6569,6 +8554,14 @@
     background-color: var(--lobe-select-readonly-bg, transparent);
   }
 
+  .lb1hdlj1n:active:not(:disabled, [aria-disabled="true"]) {
+    background-image: linear-gradient(var(--lobe-color-fill-secondary),var(--lobe-color-fill-secondary));
+  }
+
+  .lbx7ggy6:hover:not(:active, :disabled, [aria-disabled="true"]) {
+    background-image: linear-gradient(var(--lobe-color-fill-tertiary),var(--lobe-color-fill-tertiary));
+  }
+
   .lbiccb69.lbiccb69:where(.lb1mp3lu:is(*) ~ *) {
     border-inline-start-color: var(--lobe-color-border-secondary);
   }
@@ -6585,8 +8578,8 @@
     box-shadow: 0 0 0 .5px #0000000a, 0 1px 1px #00000014, 0 6px 14px #001e503d;
   }
 
-  .lb1gncbh[aria-pressed="true"] {
-    box-shadow: 0 0 0 2px var(--lobe-color-bg-elevated),0 0 0 4px var(--lobe-color-text);
+  .lby5480v[aria-pressed="true"] {
+    box-shadow: 0 0 0 2px var(--lobe-color-bg-elevated),0 0 0 3.5px currentcolor;
   }
 
   .lb1x4c7q:focus-within:not(:has([data-invalid], [aria-invalid="true"])) {
@@ -6601,14 +8594,6 @@
     box-shadow: inset -1px 0 0 var(--lobe-color-border-secondary);
   }
 
-  .lbjlcusn[data-active] {
-    box-shadow: inset 0 -2px 0 var(--lobe-color-text);
-  }
-
-  .lb1dp1hnv[data-today] {
-    box-shadow: inset 0 0 0 1px var(--lobe-color-text);
-  }
-
   .lb19y05k0[data-checked] {
     box-shadow: inset 0 1.5px 3px #0000002e;
   }
@@ -6617,16 +8602,8 @@
     box-shadow: none;
   }
 
-  .lblevrj8[aria-pressed="true"] {
-    color: var(--lobe-color-bg-container);
-  }
-
-  .lb1mergwt:active:not(:disabled, [aria-disabled="true"]) {
-    color: var(--lobe-color-error-active);
-  }
-
-  .lb158did2:hover:not(:disabled, [aria-disabled="true"]), .lb1iasuq3:hover:not(:active, :disabled, [aria-disabled="true"]) {
-    color: var(--lobe-color-error-hover);
+  .lbcu7z5f:hover:not(:disabled, [aria-disabled="true"]) {
+    color: color-mix(in srgb,var(--lobe-color-error) 88.0%,white);
   }
 
   .lby09ll3:hover:not(:active) {
@@ -6641,10 +8618,6 @@
     color: var(--lobe-color-primary-hover);
   }
 
-  .lb10e6xak:hover:not(:disabled, [aria-disabled="true"]) {
-    color: var(--lobe-color-primary-text);
-  }
-
   .lb16i6i0c[href]:hover, .lb1l4wxl8:hover:not(:active), .lb1rzizxy[data-active]:not(:hover):not([data-disabled]) {
     color: var(--lobe-color-primary);
   }
@@ -6657,7 +8630,7 @@
     color: var(--lobe-color-text-placeholder);
   }
 
-  .lb1jlpdjt:is(:disabled, [data-outside]):not([aria-pressed="true"]), .lb1k6ehaq:is([data-disabled], :has(input:disabled, textarea:disabled)), .lb1n0sy1w:disabled:not([aria-current="page"]), .lbvp9l5w:disabled:not([aria-pressed="true"]) {
+  .lb1k6ehaq:is([data-disabled], :has(input:disabled, textarea:disabled)), .lb1n0sy1w:disabled:not([aria-current="page"]) {
     color: var(--lobe-color-text-quaternary);
   }
 
@@ -6665,7 +8638,7 @@
     color: var(--lobe-color-text-secondary);
   }
 
-  .lb1cjlyg3[aria-current="page"]:not(:hover:not(:disabled)), .lb1qs11ky[aria-current="location"], .lb1uh4nfb[data-pressed]:not(:hover):not([data-disabled]), .lb1y4fyfr[data-pressed]:not([data-disabled]), .lb3fdyxb:hover:not([data-disabled]):not([data-pressed]), .lb8qk002:hover:not(:disabled), .lbcdmxi5[data-disabled], .lbse0ay3[aria-current="page"], .lbz2adzu:hover:not([data-disabled]) {
+  .lb1cjlyg3[aria-current="page"]:not(:hover:not(:disabled)), .lb1q0do8j:focus-visible, .lb1qs11ky[aria-current="location"], .lb1uh4nfb[data-pressed]:not(:hover):not([data-disabled]), .lb1y4fyfr[data-pressed]:not([data-disabled]), .lb3fdyxb:hover:not([data-disabled]):not([data-pressed]), .lb8qk002:hover:not(:disabled), .lbcdmxi5[data-disabled], .lbr5dhpw[aria-selected="true"], .lbse0ay3[aria-current="page"], .lbz2adzu:hover:not([data-disabled]) {
     color: var(--lobe-color-text);
   }
 
@@ -6697,7 +8670,7 @@
     font-weight: 500;
   }
 
-  .lb1nq3um7[aria-current="page"], .lb6wlwxi[aria-pressed="true"], .lbkj54ki[data-selected] {
+  .lb1nq3um7[aria-current="page"], .lbkj54ki[data-selected] {
     font-weight: 600;
   }
 
@@ -6977,10 +8950,14 @@
     translate: none;
   }
 
-  .lbc6poxd[data-idle-hidden], .lbjek8f0:is([data-anchor-hidden], [data-zero-origin="true"]) {
+  .lb1f60oaf.lb1f60oaf:where(.lb14grpiv:hover:not(:disabled) *), .lbc6poxd[data-idle-hidden], .lbjek8f0:is([data-anchor-hidden], [data-zero-origin="true"]) {
     visibility: hidden;
   }
 
+  .lbowlo31.lbowlo31:where(.lb14grpiv:hover:not(:disabled) *) {
+    visibility: visible;
+  }
+
   .lbkskvg3:is([data-submenu], [data-nested]) {
     z-index: 1199;
   }
@@ -7125,6 +9102,10 @@
     color: inherit;
   }
 
+  .lb3xo0t4:hover {
+    color: var(--lobe-color-primary);
+  }
+
   .lb7n5n81:hover {
     color: var(--lobe-color-text-heading);
   }
@@ -7343,10 +9324,6 @@
 }
 
 @layer lobe-ui.priority5 {
-  .lb18bq2ot {
-    border-bottom-color: currentColor;
-  }
-
   .lb16stqrj {
     border-bottom-color: #0000;
   }
@@ -7367,18 +9344,14 @@
     border-bottom-color: var(--lobe-color-split);
   }
 
-  .lb1sy0etr {
-    border-bottom-style: none;
+  .lb1fmh5c5 {
+    border-bottom-color: var(--lobe-fill-border, var(--lobe-color-fill));
   }
 
   .lb1q0q8m5 {
     border-bottom-style: solid;
   }
 
-  .lb1qhh985 {
-    border-bottom-width: 0;
-  }
-
   .lbso031l {
     border-bottom-width: 1px;
   }
@@ -7527,26 +9500,26 @@
     height: 13px;
   }
 
+  .lbqjnyr0 {
+    height: 14px !important;
+  }
+
   .lb1v9usgg {
     height: 14px;
   }
 
-  .lbx3o462 {
-    height: 15px;
+  .lb18dl8mb {
+    height: 150px;
   }
 
-  .lba0zjtf {
-    height: 164px;
+  .lbx3o462 {
+    height: 15px;
   }
 
   .lblup9mm {
     height: 16px;
   }
 
-  .lb143yq0j {
-    height: 18px !important;
-  }
-
   .lbmix8c7 {
     height: 18px;
   }
@@ -7595,10 +9568,6 @@
     height: 32px;
   }
 
-  .lb90ne7k {
-    height: 34px;
-  }
-
   .lb119rli9 {
     height: 36%;
   }
@@ -7747,6 +9716,10 @@
     margin-bottom: 14px;
   }
 
+  .lb1yztbdb {
+    margin-bottom: 16px;
+  }
+
   .lb1hq5gj4 {
     margin-bottom: 24px;
   }
@@ -7783,10 +9756,6 @@
     margin-top: -4px;
   }
 
-  .lb6tz33s {
-    margin-top: -9px;
-  }
-
   .lbdj266r {
     margin-top: 0;
   }
@@ -7859,6 +9828,10 @@
     max-height: 228px;
   }
 
+  .lb1wqxn9w {
+    max-height: 264px;
+  }
+
   .lb1sslpiy {
     max-height: 320px;
   }
@@ -7867,6 +9840,10 @@
     max-height: 360px;
   }
 
+  .lb1jcbksy {
+    max-height: 420px;
+  }
+
   .lbwvgpe2 {
     max-height: 44px;
   }
@@ -7903,10 +9880,6 @@
     max-height: var(--textarea-max-height, none);
   }
 
-  .lb1m189uc {
-    max-width: 0;
-  }
-
   .lbc408io {
     max-width: 100% !important;
   }
@@ -7987,6 +9960,10 @@
     min-height: 100dvh;
   }
 
+  .lbe0957l {
+    min-height: 22px;
+  }
+
   .lbjwf9q1 {
     min-height: 24px;
   }
@@ -8067,14 +10044,26 @@
     min-width: 1.8em;
   }
 
+  .lb1c7vg25 {
+    min-width: 112px;
+  }
+
   .lb1i9suas {
     min-width: 120px;
   }
 
+  .lb1d77m7x {
+    min-width: 140px;
+  }
+
   .lb1wu2mox {
     min-width: 14px;
   }
 
+  .lbhs4bwn {
+    min-width: 168px;
+  }
+
   .lb15kz4h8 {
     min-width: 16px;
   }
@@ -8171,6 +10160,10 @@
     padding-bottom: 22px;
   }
 
+  .lb1120s5i {
+    padding-bottom: 2px;
+  }
+
   .lbbaz6xv {
     padding-bottom: 30px;
   }
@@ -8359,6 +10352,10 @@
     width: 0;
   }
 
+  .lbbdjdey {
+    width: 1.5px;
+  }
+
   .lb1ng3b2o {
     width: 100% !important;
   }
@@ -8383,6 +10380,10 @@
     width: 12px;
   }
 
+  .lb9pgxlv {
+    width: 14px !important;
+  }
+
   .lb6jxa94 {
     width: 14px;
   }
@@ -8395,10 +10396,6 @@
     width: 176px;
   }
 
-  .lb1k6gmeo {
-    width: 18px !important;
-  }
-
   .lb1xp8n7a {
     width: 18px;
   }
@@ -8435,8 +10432,8 @@
     width: 24px;
   }
 
-  .lbq9evs9 {
-    width: 266px;
+  .lb1hfn5x7 {
+    width: 260px;
   }
 
   .lb23j0i4 {
@@ -8459,10 +10456,6 @@
     width: 32px;
   }
 
-  .lb1691je0 {
-    width: 34px;
-  }
-
   .lb14qfxbe {
     width: 36px;
   }
@@ -8487,6 +10480,14 @@
     width: 50%;
   }
 
+  .lb1pju0fl {
+    width: 50px;
+  }
+
+  .lbcltakc {
+    width: 52px !important;
+  }
+
   .lb1fxk84t {
     width: 54px;
   }
@@ -8495,6 +10496,10 @@
     width: 56px;
   }
 
+  .lb5npi73 {
+    width: 58px !important;
+  }
+
   .lb1u78mur {
     width: 58px;
   }
@@ -8515,10 +10520,6 @@
     width: 72px;
   }
 
-  .lb3qvj3v {
-    width: 76px !important;
-  }
-
   .lbci0xqf {
     width: 7px;
   }
@@ -8737,6 +10738,10 @@
     border-bottom-style: none;
   }
 
+  .lb1t1lzn6:last-child {
+    border-bottom-width: 0;
+  }
+
   .lb4vq4ti:last-child {
     border-bottom-width: medium;
   }
@@ -9249,6 +11254,10 @@
     background-color: var(--lobe-color-text);
   }
 
+  .lb4uv7w2:before {
+    background-color: var(--lobe-fill-border, var(--lobe-color-fill));
+  }
+
   .lb7ji8rf:before {
     background-image: linear-gradient(-45deg,var(--lobe-gold),var(--lobe-magenta),var(--lobe-geekblue),var(--lobe-cyan));
   }