anteriority-ui 1.16.0 → 1.18.0

package/.verify-bundle.css

@@ -441,6 +441,26 @@
   }
 }
 
+/* dist/screens/components/Material-UI/Components/Selector/index.module.css */
+.Selector_listbox {
+  scrollbar-width: thin;
+  scrollbar-color: var(--selector-scrollbar-thumb, rgba(100, 116, 139, 0.45)) transparent;
+}
+.Selector_listbox::-webkit-scrollbar {
+  width: 6px;
+}
+.Selector_listbox::-webkit-scrollbar-track {
+  background-color: transparent;
+}
+.Selector_listbox::-webkit-scrollbar-thumb {
+  background-color: var(--selector-scrollbar-thumb, rgba(100, 116, 139, 0.45));
+  border-radius: 999px;
+}
+.Selector_listbox::-webkit-scrollbar-thumb:hover,
+.Selector_listbox::-webkit-scrollbar-thumb:active {
+  background-color: var(--selector-scrollbar-thumb-hover, rgba(71, 85, 105, 0.75));
+}
+
 /* dist/screens/components/Checks/index.module.css */
 .Checks_itemContainer {
   display: flex !important;
@@ -515,24 +535,11 @@
   }
 }
 
-/* dist/screens/components/Material-UI/Components/Selector/index.module.css */
-.Selector_listbox {
-  scrollbar-width: thin;
-  scrollbar-color: var(--selector-scrollbar-thumb, rgba(100, 116, 139, 0.45)) transparent;
-}
-.Selector_listbox::-webkit-scrollbar {
-  width: 6px;
-}
-.Selector_listbox::-webkit-scrollbar-track {
-  background-color: transparent;
-}
-.Selector_listbox::-webkit-scrollbar-thumb {
-  background-color: var(--selector-scrollbar-thumb, rgba(100, 116, 139, 0.45));
-  border-radius: 999px;
-}
-.Selector_listbox::-webkit-scrollbar-thumb:hover,
-.Selector_listbox::-webkit-scrollbar-thumb:active {
-  background-color: var(--selector-scrollbar-thumb-hover, rgba(71, 85, 105, 0.75));
+/* dist/screens/components/Material-UI/Components/Selector/components/SelectorOption/index.module.css */
+.SelectorOption_option {
+  display: flex;
+  align-items: center;
+  gap: 8px;
 }
 
 /* dist/screens/components/Sidebar/components/SidebarItem/index.module.css */
@@ -1032,6 +1039,38 @@
   gap: 4px;
   z-index: 2000;
   min-width: 210px;
+  transform-origin: left bottom;
+  animation: UserFooter_userMenuIn 0.22s cubic-bezier(0.16, 1, 0.3, 1) both;
+}
+.UserFooter_userMenuClosing {
+  animation: UserFooter_userMenuOut 0.16s cubic-bezier(0.4, 0, 1, 1) both;
+  pointer-events: none;
+}
+@keyframes UserFooter_userMenuIn {
+  from {
+    opacity: 0;
+    transform: translateX(-10px) scale(0.97);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0) scale(1);
+  }
+}
+@keyframes UserFooter_userMenuOut {
+  from {
+    opacity: 1;
+    transform: translateX(0) scale(1);
+  }
+  to {
+    opacity: 0;
+    transform: translateX(-8px) scale(0.97);
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .UserFooter_userMenu,
+  .UserFooter_userMenuClosing {
+    animation-duration: 0.01ms;
+  }
 }
 .UserFooter_userMenuEmail {
   padding: 8px 10px;
@@ -1123,163 +1162,480 @@
 .ItemContextMenu_contextMenuItemDanger:hover {
   background-color: #fef2f2;
 }
-
-/* dist/screens/components/Breadcrumbs/index.module.css */
-.Breadcrumbs_breadcrumbs {
-  display: flex;
-  align-items: center;
-  min-width: 0;
-}
-.Breadcrumbs_list {
-  display: flex;
-  align-items: center;
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  gap: 4px;
-  flex-wrap: nowrap;
-  min-width: 0;
-  overflow: hidden;
+.ItemContextMenu_contextMenuItem:disabled {
+  cursor: default;
+  opacity: 0.55;
 }
-.Breadcrumbs_item {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  min-width: 0;
-  flex-shrink: 1;
-  animation: Breadcrumbs_crumbEnter 0.32s cubic-bezier(0.16, 1, 0.3, 1) both;
-  animation-delay: calc(var(--crumb-index, 0) * 45ms);
+.ItemContextMenu_contextMenuItemActive {
+  background-color: #fef2f2;
 }
-.Breadcrumbs_item:last-child {
-  flex-shrink: 999;
-  min-width: 24px;
+.ItemContextMenu_spin {
+  animation: ItemContextMenu_spinIcon 0.8s linear infinite;
 }
-@keyframes Breadcrumbs_crumbEnter {
-  from {
-    opacity: 0;
-    transform: translateY(3px);
-  }
+@keyframes ItemContextMenu_spinIcon {
   to {
-    opacity: 1;
-    transform: translateY(0);
+    transform: rotate(360deg);
   }
 }
-.Breadcrumbs_crumbIcon {
-  color: var(--crumb-icon-color, #7c9cff);
-  flex-shrink: 0;
-  transition: transform 0.2s ease;
+@media (prefers-reduced-motion: reduce) {
+  .ItemContextMenu_spin {
+    animation-duration: 0.01ms;
+    animation-iteration-count: 1;
+  }
 }
-.Breadcrumbs_breadcrumbs:hover .Breadcrumbs_crumbIcon {
-  transform: scale(1.08) rotate(-4deg);
+
+/* dist/screens/components/MarkdownContent/index.module.css */
+.MarkdownContent_markdown {
+  font-size: 0.88rem;
+  line-height: 1.6;
+  color: inherit;
+  word-break: break-word;
 }
-.Breadcrumbs_link {
-  position: relative;
-  display: inline-flex;
+.MarkdownContent_markdown > *:first-child {
+  margin-top: 0;
+}
+.MarkdownContent_markdown > *:last-child {
+  margin-bottom: 0;
+}
+.MarkdownContent_markdown h1,
+.MarkdownContent_markdown h2,
+.MarkdownContent_markdown h3,
+.MarkdownContent_markdown h4,
+.MarkdownContent_markdown h5,
+.MarkdownContent_markdown h6 {
+  color: inherit;
+  font-weight: 700;
+  line-height: 1.35;
+  margin: 1.1em 0 0.5em 0;
+}
+.MarkdownContent_headingWithCopy {
+  display: flex;
   align-items: center;
-  min-width: 0;
-  border: none;
-  background: transparent;
-  padding: 3px 2px;
-  margin: 0;
-  font: inherit;
-  font-size: 0.95rem;
-  font-weight: 600;
-  line-height: 1.2;
-  color: var(--crumb-link-color, #9ba1ae);
-  cursor: pointer;
-  border-radius: 4px;
-  transition: color 0.18s ease;
+  gap: 0.4rem;
 }
-.Breadcrumbs_linkLabel {
-  position: relative;
-  display: block;
-  max-width: 200px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  vertical-align: bottom;
+.MarkdownContent_headingText {
   min-width: 0;
-  flex-shrink: 1;
 }
-.Breadcrumbs_linkLabel::after {
-  content: "";
-  position: absolute;
-  left: 0;
-  right: 0;
-  bottom: -3px;
-  height: 1.5px;
-  background: currentColor;
-  border-radius: 1px;
-  transform: scaleX(0);
-  transform-origin: left;
-  transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1);
+.MarkdownContent_headingCopyButton {
+  flex-shrink: 0;
+  opacity: 0;
+  transition: opacity 0.15s ease;
 }
-.Breadcrumbs_link:hover,
-.Breadcrumbs_link:focus-visible {
-  color: #e6e8ec;
+.MarkdownContent_headingWithCopy:hover .MarkdownContent_headingCopyButton,
+.MarkdownContent_headingWithCopy:focus-within .MarkdownContent_headingCopyButton,
+.MarkdownContent_headingCopyButton:focus-visible {
+  opacity: 1;
 }
-.Breadcrumbs_link:hover .Breadcrumbs_linkLabel::after,
-.Breadcrumbs_link:focus-visible .Breadcrumbs_linkLabel::after {
-  transform: scaleX(1);
+.MarkdownContent_markdown h1 {
+  font-size: 1.35rem;
 }
-.Breadcrumbs_link:active {
-  color: var(--crumb-icon-color, #7c9cff);
-  transition: color 0.05s ease;
+.MarkdownContent_markdown h2 {
+  font-size: 1.2rem;
 }
-.Breadcrumbs_link:focus-visible {
-  outline: 2px solid var(--crumb-icon-color, #7c9cff);
-  outline-offset: 2px;
+.MarkdownContent_markdown h3 {
+  font-size: 1.05rem;
 }
-.Breadcrumbs_crumbText {
-  display: inline-block;
+.MarkdownContent_markdown h4,
+.MarkdownContent_markdown h5,
+.MarkdownContent_markdown h6 {
   font-size: 0.95rem;
-  font-weight: 600;
-  color: var(--crumb-link-color, #9ba1ae);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 360px;
-  min-width: 0;
 }
-.Breadcrumbs_current {
-  font-weight: 700;
-  color: var(--crumb-current-color, #e6e8ec);
-  animation: Breadcrumbs_currentPulse 0.5s ease;
+.MarkdownContent_markdown p {
+  margin: 0 0 0.75em 0;
 }
-@keyframes Breadcrumbs_currentPulse {
-  from {
-    transform: scale(1.05);
-  }
-  to {
-    transform: scale(1);
-  }
+.MarkdownContent_markdown a {
+  color: var(--markdown-link, #7c9cff);
+  text-decoration: underline;
 }
-.Breadcrumbs_separator {
-  color: var(--crumb-separator-color, #4b5563);
-  flex-shrink: 0;
-  font-size: 0.85rem;
-  line-height: 1;
-  user-select: none;
+.MarkdownContent_markdown a:hover {
+  color: #a9bfff;
 }
-.Breadcrumbs_overflowTrigger {
-  display: inline-flex;
-  width: max-content;
-  flex-shrink: 0;
+.MarkdownContent_markdown strong {
+  color: inherit;
+  font-weight: 700;
 }
-@media (prefers-reduced-motion: reduce) {
-  .Breadcrumbs_item {
-    animation: none;
-  }
-  .Breadcrumbs_current {
-    animation: none;
-  }
-  .Breadcrumbs_crumbIcon,
-  .Breadcrumbs_link,
-  .Breadcrumbs_linkLabel::after {
-    transition: none;
-  }
+.MarkdownContent_markdown em {
+  font-style: italic;
 }
-
+.MarkdownContent_markdown del {
+  color: inherit;
+  opacity: 0.7;
+}
+.MarkdownContent_markdown ul,
+.MarkdownContent_markdown ol {
+  margin: 0 0 0.75em 0;
+  padding-left: 1.4rem;
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+}
+.MarkdownContent_markdown li > ul,
+.MarkdownContent_markdown li > ol {
+  margin-top: 0.25rem;
+  margin-bottom: 0;
+}
+.MarkdownContent_markdown li input[type=checkbox] {
+  margin-right: 0.4rem;
+}
+.MarkdownContent_markdown blockquote {
+  margin: 0 0 0.75em 0;
+  padding: 0.25rem 1rem;
+  border-left: 3px solid rgba(124, 156, 255, 0.5);
+  color: inherit;
+  opacity: 0.85;
+}
+.MarkdownContent_markdown blockquote p:last-child {
+  margin-bottom: 0;
+}
+.MarkdownContent_markdown code {
+  font-family:
+    "SFMono-Regular",
+    Consolas,
+    "Liberation Mono",
+    Menlo,
+    monospace;
+  font-size: 0.85em;
+  background: rgba(128, 128, 128, 0.18);
+  color: inherit;
+  padding: 0.1em 0.35em;
+  border-radius: 4px;
+}
+.MarkdownContent_markdown pre {
+  margin: 0 0 0.75em 0;
+  padding: 0.85rem 1rem;
+  background: rgba(128, 128, 128, 0.12);
+  border: 1px solid rgba(128, 128, 128, 0.2);
+  border-radius: 8px;
+  overflow-x: auto;
+}
+.MarkdownContent_markdown pre code {
+  background: none;
+  padding: 0;
+  border-radius: 0;
+  color: inherit;
+}
+.MarkdownContent_copyableText {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.3rem;
+}
+.MarkdownContent_copyableTextButton {
+  flex-shrink: 0;
+  opacity: 0;
+  transition: opacity 0.15s ease;
+}
+.MarkdownContent_copyableText:hover .MarkdownContent_copyableTextButton,
+.MarkdownContent_copyableText:focus-within .MarkdownContent_copyableTextButton,
+.MarkdownContent_copyableTextButton:focus-visible {
+  opacity: 1;
+}
+.MarkdownContent_copyBlockWrapper {
+  position: relative;
+  padding: 0.75rem 1rem;
+  border: 1px solid rgba(128, 128, 128, 0.2);
+  border-radius: 8px;
+  margin: 0 0 0.75em 0;
+}
+.MarkdownContent_copyBlockWrapper > *:first-child {
+  margin-top: 0;
+}
+.MarkdownContent_copyBlockWrapper > *:last-child {
+  margin-bottom: 0;
+}
+.MarkdownContent_copyBlockButton {
+  position: absolute;
+  top: 0.6rem;
+  right: 0.6rem;
+  opacity: 0;
+  transition: opacity 0.15s ease;
+}
+.MarkdownContent_copyBlockWrapper:hover .MarkdownContent_copyBlockButton,
+.MarkdownContent_copyBlockWrapper:focus-within .MarkdownContent_copyBlockButton,
+.MarkdownContent_copyBlockButton:focus-visible {
+  opacity: 1;
+}
+.MarkdownContent_codeBlockWrapper {
+  position: relative;
+}
+.MarkdownContent_codeCopyButton {
+  position: absolute;
+  top: 0.6rem;
+  right: 0.6rem;
+  opacity: 0;
+  transition: opacity 0.15s ease;
+}
+.MarkdownContent_codeBlockWrapper:hover .MarkdownContent_codeCopyButton,
+.MarkdownContent_codeBlockWrapper:focus-within .MarkdownContent_codeCopyButton,
+.MarkdownContent_codeCopyButton:focus-visible {
+  opacity: 1;
+}
+.MarkdownContent_markdown hr {
+  border: none;
+  border-top: 1px solid rgba(128, 128, 128, 0.25);
+  margin: 1em 0;
+}
+.MarkdownContent_markdown img {
+  max-width: 100%;
+  border-radius: 6px;
+}
+.MarkdownContent_markdown table {
+  width: 100%;
+  border-collapse: collapse;
+  margin: 0 0 0.75em 0;
+  font-size: 0.85rem;
+  display: block;
+  overflow-x: auto;
+}
+.MarkdownContent_markdown th,
+.MarkdownContent_markdown td {
+  border: 1px solid rgba(128, 128, 128, 0.25);
+  padding: 0.4rem 0.6rem;
+  text-align: left;
+}
+.MarkdownContent_markdown th {
+  background: rgba(128, 128, 128, 0.15);
+  color: inherit;
+  font-weight: 700;
+}
+.MarkdownContent_mermaidBlock {
+  display: flex;
+  justify-content: center;
+  overflow-x: auto;
+  margin: 0 0 0.75em 0;
+}
+.MarkdownContent_mermaidBlock svg {
+  max-width: 100%;
+  height: auto;
+}
+.MarkdownContent_mermaidError {
+  margin: 0 0 0.75em 0;
+  padding: 0.6rem 0.85rem;
+  background: rgba(248, 113, 113, 0.12);
+  border: 1px solid rgba(248, 113, 113, 0.35);
+  border-radius: 6px;
+  color: #f87171;
+  font-size: 0.8rem;
+  white-space: pre-wrap;
+}
+
+/* dist/screens/components/DynamicIcon/index.module.css */
+.DynamicIcon_icon {
+  display: inline-block;
+  flex-shrink: 0;
+  vertical-align: -0.15em;
+}
+.DynamicIcon_emoji {
+  display: inline-block;
+  flex-shrink: 0;
+  line-height: 1;
+  vertical-align: -0.1em;
+}
+
+/* dist/screens/components/ConfirmPopover/index.module.css */
+.ConfirmPopover_popover {
+  position: fixed;
+  width: 260px;
+  padding: 14px;
+  background: var(--confirm-bg, #ffffff);
+  border: 1px solid var(--confirm-border, var(--sidebar-border, #e2e8f0));
+  border-radius: var(--sidebar-radius, 10px);
+  box-shadow: var(--sidebar-shadow, 0 8px 24px rgba(15, 23, 42, 0.12));
+  z-index: 2001;
+  transform-origin: left center;
+  animation: ConfirmPopover_confirmIn 0.18s cubic-bezier(0.16, 1, 0.3, 1) both;
+}
+.ConfirmPopover_title {
+  font-size: 0.9rem;
+  font-weight: 600;
+  color: var(--confirm-title, var(--sidebar-text, #0f172a));
+}
+.ConfirmPopover_title p,
+.ConfirmPopover_message p {
+  margin: 0;
+}
+.ConfirmPopover_message {
+  margin: 6px 0 12px;
+  font-size: 0.8rem;
+  line-height: 1.4;
+  color: var(--confirm-text, var(--sidebar-text-muted, #64748b));
+}
+.ConfirmPopover_actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+}
+@keyframes ConfirmPopover_confirmIn {
+  from {
+    opacity: 0;
+    transform: translateX(-8px) scale(0.97);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0) scale(1);
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .ConfirmPopover_popover {
+    animation-duration: 0.01ms;
+  }
+}
+
+/* dist/screens/components/Breadcrumbs/index.module.css */
+.Breadcrumbs_breadcrumbs {
+  display: flex;
+  align-items: center;
+  min-width: 0;
+}
+.Breadcrumbs_list {
+  display: flex;
+  align-items: center;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  gap: 4px;
+  flex-wrap: nowrap;
+  min-width: 0;
+  overflow: hidden;
+}
+.Breadcrumbs_item {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  min-width: 0;
+  flex-shrink: 1;
+  animation: Breadcrumbs_crumbEnter 0.32s cubic-bezier(0.16, 1, 0.3, 1) both;
+  animation-delay: calc(var(--crumb-index, 0) * 45ms);
+}
+.Breadcrumbs_item:last-child {
+  flex-shrink: 999;
+  min-width: 24px;
+}
+@keyframes Breadcrumbs_crumbEnter {
+  from {
+    opacity: 0;
+    transform: translateY(3px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+.Breadcrumbs_crumbIcon {
+  color: var(--crumb-icon-color, #7c9cff);
+  flex-shrink: 0;
+  transition: transform 0.2s ease;
+}
+.Breadcrumbs_breadcrumbs:hover .Breadcrumbs_crumbIcon {
+  transform: scale(1.08) rotate(-4deg);
+}
+.Breadcrumbs_link {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  min-width: 0;
+  border: none;
+  background: transparent;
+  padding: 3px 2px;
+  margin: 0;
+  font: inherit;
+  font-size: 0.95rem;
+  font-weight: 600;
+  line-height: 1.2;
+  color: var(--crumb-link-color, #9ba1ae);
+  cursor: pointer;
+  border-radius: 4px;
+  transition: color 0.18s ease;
+}
+.Breadcrumbs_linkLabel {
+  position: relative;
+  display: block;
+  max-width: 200px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  vertical-align: bottom;
+  min-width: 0;
+  flex-shrink: 1;
+}
+.Breadcrumbs_linkLabel::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: -3px;
+  height: 1.5px;
+  background: currentColor;
+  border-radius: 1px;
+  transform: scaleX(0);
+  transform-origin: left;
+  transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1);
+}
+.Breadcrumbs_link:hover,
+.Breadcrumbs_link:focus-visible {
+  color: #e6e8ec;
+}
+.Breadcrumbs_link:hover .Breadcrumbs_linkLabel::after,
+.Breadcrumbs_link:focus-visible .Breadcrumbs_linkLabel::after {
+  transform: scaleX(1);
+}
+.Breadcrumbs_link:active {
+  color: var(--crumb-icon-color, #7c9cff);
+  transition: color 0.05s ease;
+}
+.Breadcrumbs_link:focus-visible {
+  outline: 2px solid var(--crumb-icon-color, #7c9cff);
+  outline-offset: 2px;
+}
+.Breadcrumbs_crumbText {
+  display: inline-block;
+  font-size: 0.95rem;
+  font-weight: 600;
+  color: var(--crumb-link-color, #9ba1ae);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 360px;
+  min-width: 0;
+}
+.Breadcrumbs_current {
+  font-weight: 700;
+  color: var(--crumb-current-color, #e6e8ec);
+  animation: Breadcrumbs_currentPulse 0.5s ease;
+}
+@keyframes Breadcrumbs_currentPulse {
+  from {
+    transform: scale(1.05);
+  }
+  to {
+    transform: scale(1);
+  }
+}
+.Breadcrumbs_separator {
+  color: var(--crumb-separator-color, #4b5563);
+  flex-shrink: 0;
+  font-size: 0.85rem;
+  line-height: 1;
+  user-select: none;
+}
+.Breadcrumbs_overflowTrigger {
+  display: inline-flex;
+  width: max-content;
+  flex-shrink: 0;
+}
+@media (prefers-reduced-motion: reduce) {
+  .Breadcrumbs_item {
+    animation: none;
+  }
+  .Breadcrumbs_current {
+    animation: none;
+  }
+  .Breadcrumbs_crumbIcon,
+  .Breadcrumbs_link,
+  .Breadcrumbs_linkLabel::after {
+    transition: none;
+  }
+}
+
 /* dist/screens/components/ScrollBar/index.module.css */
 .ScrollBar_root {
   position: relative;
@@ -3297,6 +3653,13 @@ button.TopBar_searchWrapper {
   font-size: 0.85rem;
   line-height: 1.4;
 }
+.DrawPanel_markdownBody {
+  overflow-x: auto;
+}
+.DrawPanel_markdownBody table {
+  display: table;
+  width: 100%;
+}
 
 /* dist/screens/components/ErrorState/index.module.css */
 .ErrorState_errorState {
@@ -4024,258 +4387,11 @@ button.TopBar_searchWrapper {
   color: #64748b;
   cursor: pointer;
   flex-shrink: 0;
-  padding: 0;
-}
-.ImagePastePreview_removeButton:hover {
-  background-color: #e2e8f0;
-  color: #0f172a;
-}
-
-/* dist/screens/components/MarkdownContent/index.module.css */
-.MarkdownContent_markdown {
-  font-size: 0.88rem;
-  line-height: 1.6;
-  color: inherit;
-  word-break: break-word;
-}
-.MarkdownContent_markdown > *:first-child {
-  margin-top: 0;
-}
-.MarkdownContent_markdown > *:last-child {
-  margin-bottom: 0;
-}
-.MarkdownContent_markdown h1,
-.MarkdownContent_markdown h2,
-.MarkdownContent_markdown h3,
-.MarkdownContent_markdown h4,
-.MarkdownContent_markdown h5,
-.MarkdownContent_markdown h6 {
-  color: inherit;
-  font-weight: 700;
-  line-height: 1.35;
-  margin: 1.1em 0 0.5em 0;
-}
-.MarkdownContent_headingWithCopy {
-  display: flex;
-  align-items: center;
-  gap: 0.4rem;
-}
-.MarkdownContent_headingText {
-  min-width: 0;
-}
-.MarkdownContent_headingCopyButton {
-  flex-shrink: 0;
-  opacity: 0;
-  transition: opacity 0.15s ease;
-}
-.MarkdownContent_headingWithCopy:hover .MarkdownContent_headingCopyButton,
-.MarkdownContent_headingWithCopy:focus-within .MarkdownContent_headingCopyButton,
-.MarkdownContent_headingCopyButton:focus-visible {
-  opacity: 1;
-}
-.MarkdownContent_markdown h1 {
-  font-size: 1.35rem;
-}
-.MarkdownContent_markdown h2 {
-  font-size: 1.2rem;
-}
-.MarkdownContent_markdown h3 {
-  font-size: 1.05rem;
-}
-.MarkdownContent_markdown h4,
-.MarkdownContent_markdown h5,
-.MarkdownContent_markdown h6 {
-  font-size: 0.95rem;
-}
-.MarkdownContent_markdown p {
-  margin: 0 0 0.75em 0;
-}
-.MarkdownContent_markdown a {
-  color: var(--markdown-link, #7c9cff);
-  text-decoration: underline;
-}
-.MarkdownContent_markdown a:hover {
-  color: #a9bfff;
-}
-.MarkdownContent_markdown strong {
-  color: inherit;
-  font-weight: 700;
-}
-.MarkdownContent_markdown em {
-  font-style: italic;
-}
-.MarkdownContent_markdown del {
-  color: inherit;
-  opacity: 0.7;
-}
-.MarkdownContent_markdown ul,
-.MarkdownContent_markdown ol {
-  margin: 0 0 0.75em 0;
-  padding-left: 1.4rem;
-  display: flex;
-  flex-direction: column;
-  gap: 0.25rem;
-}
-.MarkdownContent_markdown li > ul,
-.MarkdownContent_markdown li > ol {
-  margin-top: 0.25rem;
-  margin-bottom: 0;
-}
-.MarkdownContent_markdown li input[type=checkbox] {
-  margin-right: 0.4rem;
-}
-.MarkdownContent_markdown blockquote {
-  margin: 0 0 0.75em 0;
-  padding: 0.25rem 1rem;
-  border-left: 3px solid rgba(124, 156, 255, 0.5);
-  color: inherit;
-  opacity: 0.85;
-}
-.MarkdownContent_markdown blockquote p:last-child {
-  margin-bottom: 0;
-}
-.MarkdownContent_markdown code {
-  font-family:
-    "SFMono-Regular",
-    Consolas,
-    "Liberation Mono",
-    Menlo,
-    monospace;
-  font-size: 0.85em;
-  background: rgba(128, 128, 128, 0.18);
-  color: inherit;
-  padding: 0.1em 0.35em;
-  border-radius: 4px;
-}
-.MarkdownContent_markdown pre {
-  margin: 0 0 0.75em 0;
-  padding: 0.85rem 1rem;
-  background: rgba(128, 128, 128, 0.12);
-  border: 1px solid rgba(128, 128, 128, 0.2);
-  border-radius: 8px;
-  overflow-x: auto;
-}
-.MarkdownContent_markdown pre code {
-  background: none;
-  padding: 0;
-  border-radius: 0;
-  color: inherit;
-}
-.MarkdownContent_copyableText {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.3rem;
-}
-.MarkdownContent_copyableTextButton {
-  flex-shrink: 0;
-  opacity: 0;
-  transition: opacity 0.15s ease;
-}
-.MarkdownContent_copyableText:hover .MarkdownContent_copyableTextButton,
-.MarkdownContent_copyableText:focus-within .MarkdownContent_copyableTextButton,
-.MarkdownContent_copyableTextButton:focus-visible {
-  opacity: 1;
-}
-.MarkdownContent_copyBlockWrapper {
-  position: relative;
-  padding: 0.75rem 1rem;
-  border: 1px solid rgba(128, 128, 128, 0.2);
-  border-radius: 8px;
-  margin: 0 0 0.75em 0;
-}
-.MarkdownContent_copyBlockWrapper > *:first-child {
-  margin-top: 0;
-}
-.MarkdownContent_copyBlockWrapper > *:last-child {
-  margin-bottom: 0;
-}
-.MarkdownContent_copyBlockButton {
-  position: absolute;
-  top: 0.6rem;
-  right: 0.6rem;
-  opacity: 0;
-  transition: opacity 0.15s ease;
-}
-.MarkdownContent_copyBlockWrapper:hover .MarkdownContent_copyBlockButton,
-.MarkdownContent_copyBlockWrapper:focus-within .MarkdownContent_copyBlockButton,
-.MarkdownContent_copyBlockButton:focus-visible {
-  opacity: 1;
-}
-.MarkdownContent_codeBlockWrapper {
-  position: relative;
-}
-.MarkdownContent_codeCopyButton {
-  position: absolute;
-  top: 0.6rem;
-  right: 0.6rem;
-  opacity: 0;
-  transition: opacity 0.15s ease;
-}
-.MarkdownContent_codeBlockWrapper:hover .MarkdownContent_codeCopyButton,
-.MarkdownContent_codeBlockWrapper:focus-within .MarkdownContent_codeCopyButton,
-.MarkdownContent_codeCopyButton:focus-visible {
-  opacity: 1;
-}
-.MarkdownContent_markdown hr {
-  border: none;
-  border-top: 1px solid rgba(128, 128, 128, 0.25);
-  margin: 1em 0;
-}
-.MarkdownContent_markdown img {
-  max-width: 100%;
-  border-radius: 6px;
-}
-.MarkdownContent_markdown table {
-  width: 100%;
-  border-collapse: collapse;
-  margin: 0 0 0.75em 0;
-  font-size: 0.85rem;
-  display: block;
-  overflow-x: auto;
-}
-.MarkdownContent_markdown th,
-.MarkdownContent_markdown td {
-  border: 1px solid rgba(128, 128, 128, 0.25);
-  padding: 0.4rem 0.6rem;
-  text-align: left;
-}
-.MarkdownContent_markdown th {
-  background: rgba(128, 128, 128, 0.15);
-  color: inherit;
-  font-weight: 700;
-}
-.MarkdownContent_mermaidBlock {
-  display: flex;
-  justify-content: center;
-  overflow-x: auto;
-  margin: 0 0 0.75em 0;
-}
-.MarkdownContent_mermaidBlock svg {
-  max-width: 100%;
-  height: auto;
-}
-.MarkdownContent_mermaidError {
-  margin: 0 0 0.75em 0;
-  padding: 0.6rem 0.85rem;
-  background: rgba(248, 113, 113, 0.12);
-  border: 1px solid rgba(248, 113, 113, 0.35);
-  border-radius: 6px;
-  color: #f87171;
-  font-size: 0.8rem;
-  white-space: pre-wrap;
-}
-
-/* dist/screens/components/DynamicIcon/index.module.css */
-.DynamicIcon_icon {
-  display: inline-block;
-  flex-shrink: 0;
-  vertical-align: -0.15em;
+  padding: 0;
 }
-.DynamicIcon_emoji {
-  display: inline-block;
-  flex-shrink: 0;
-  line-height: 1;
-  vertical-align: -0.1em;
+.ImagePastePreview_removeButton:hover {
+  background-color: #e2e8f0;
+  color: #0f172a;
 }
 
 /* dist/screens/components/Callout/index.module.css */
@@ -4478,874 +4594,1397 @@ button.TopBar_searchWrapper {
   background-color: #cbd5e1;
   border-radius: 3px;
 }
-.MultilinePlaceholder_textarea::-webkit-scrollbar-thumb:hover {
-  background-color: #94a3b8;
+.MultilinePlaceholder_textarea::-webkit-scrollbar-thumb:hover {
+  background-color: #94a3b8;
+}
+.MultilinePlaceholder_imagePreviewList {
+  margin-top: 8px;
+}
+
+/* dist/screens/components/Radio/index.module.css */
+.Radio_formControl {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+  font-family: var(--font-sans, sans-serif);
+  border: none;
+  padding: 0;
+  margin: 0;
+}
+.Radio_formLabel {
+  font-size: 0.95rem;
+  font-weight: 600;
+  color: var(--text-color, #0f172a);
+  margin-bottom: 0.25rem;
+}
+.Radio_formLabel.Radio_Mui-focused {
+  color: var(--text-color, #0f172a);
+}
+.Radio_radioGroupContainer {
+  gap: 0.25rem;
+}
+.Radio_radioWrapper {
+  margin-left: 0;
+  margin-right: 0;
+  user-select: none;
+  transition: opacity 0.2s ease;
+}
+.Radio_radioWrapper .Radio_MuiFormControlLabel-label {
+  font-family: var(--font-sans, sans-serif);
+  color: var(--text-color, #0f172a);
+  font-size: 1rem;
+}
+.Radio_muiRadioCustom svg {
+  transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
+}
+.Radio_muiRadioCustom:hover {
+  background-color: color-mix(in srgb, currentColor 8%, transparent);
+}
+.Radio_hasAccent.Mui-checked {
+  color: var(--radio-accent);
+}
+.Radio_hasText .MuiFormControlLabel-label {
+  color: var(--radio-text);
+}
+.Radio_card {
+  box-sizing: border-box;
+  width: 100%;
+  padding: 2px 12px 2px 4px;
+  border: 1px solid var(--radio-border, #e2e8f0);
+  border-radius: var(--radio-radius, 8px);
+  background: var(--radio-bg, transparent);
+  transition: border-color 0.15s ease, background-color 0.15s ease;
+}
+.Radio_card:hover {
+  border-color: var(--radio-accent, #2563eb);
+}
+.Radio_card:has(.Mui-checked) {
+  border-color: var(--radio-accent, #2563eb);
+  background: color-mix(in srgb, var(--radio-accent, #2563eb) 8%, var(--radio-bg, transparent));
+}
+
+/* dist/screens/components/ColorPicker/index.module.css */
+.ColorPicker_root {
+  display: inline-flex;
+  flex-direction: column;
+  gap: 0.25rem;
+}
+.ColorPicker_label {
+  font-size: 0.85rem;
+  font-weight: 700;
+  color: var(--cp-text, var(--color-text, #1e293b));
+}
+.ColorPicker_trigger {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.6rem;
+  padding: 0.4rem 0.7rem;
+  background: var(--cp-bg, #ffffff);
+  color: var(--cp-text, var(--color-text, #1e293b));
+  border: 1px solid var(--cp-border, var(--color-border, #e2e8f0));
+  border-radius: var(--radius-md, 0.5rem);
+  font-family: inherit;
+  font-size: 0.85rem;
+  cursor: pointer;
+  transition: border-color 0.15s;
+}
+.ColorPicker_trigger:hover:not(:disabled),
+.ColorPicker_trigger[aria-expanded=true] {
+  border-color: var(--cp-accent, var(--color-primary, #1717ff));
+}
+.ColorPicker_trigger:disabled {
+  opacity: 0.55;
+  cursor: not-allowed;
+}
+.ColorPicker_swatch,
+.ColorPicker_preview {
+  flex-shrink: 0;
+  width: 1.5rem;
+  height: 1.5rem;
+  border-radius: 50%;
+  background-color: var(--swatch-color);
+  border: 1px solid rgba(128, 128, 128, 0.4);
+}
+.ColorPicker_hexText {
+  font-variant-numeric: tabular-nums;
+}
+.ColorPicker_popover {
+  width: 240px;
+  padding: 0.75rem;
+  background: var(--cp-bg, #ffffff);
+  color: var(--cp-text, var(--color-text, #1e293b));
+  border: 1px solid var(--cp-border, var(--color-border, #e2e8f0));
+  border-radius: var(--radius-lg, 0.75rem);
+  box-shadow: var(--shadow-lg, 0 10px 15px -3px rgb(0 0 0 / 0.1));
+  font-family: inherit;
+}
+.ColorPicker_panel {
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+}
+.ColorPicker_saturationArea {
+  position: relative;
+  height: 140px;
+  border-radius: var(--radius-md, 0.5rem);
+  cursor: crosshair;
+  touch-action: none;
+  outline-offset: 2px;
+}
+.ColorPicker_saturationThumb,
+.ColorPicker_hueThumb {
+  position: absolute;
+  width: 14px;
+  height: 14px;
+  border: 2px solid #ffffff;
+  border-radius: 50%;
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4);
+  transform: translate(-50%, -50%);
+  pointer-events: none;
+}
+.ColorPicker_saturationThumb {
+  background-color: var(--swatch-color);
+}
+.ColorPicker_hueTrack {
+  position: relative;
+  height: 12px;
+  border-radius: 6px;
+  cursor: pointer;
+  touch-action: none;
+  outline-offset: 2px;
+}
+.ColorPicker_hueThumb {
+  top: 50%;
+  background-color: #ffffff;
+}
+.ColorPicker_formatRow {
+  display: flex;
+  gap: 0.25rem;
+}
+.ColorPicker_valueRow {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+.ColorPicker_channelsRow {
+  display: flex;
+  flex: 1;
+  gap: 0.4rem;
+}
+.ColorPicker_channelField {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.15rem;
+  min-width: 0;
+}
+.ColorPicker_error {
+  font-size: 0.75rem;
+  color: var(--color-danger, #ea1f1f);
+}
+
+/* dist/screens/components/Slider/index.module.css */
+.Slider_slider {
+  width: 100%;
+}
+
+/* dist/screens/components/MediaViewer/index.module.css */
+.MediaViewer_wrapper {
+  box-sizing: border-box;
+  width: 100%;
+  max-width: 100%;
+  border: 1px solid var(--media-viewer-border, #e2e8f0);
+  border-radius: 10px;
+  background-color: var(--media-viewer-bg, #f8fafc);
+  overflow: hidden;
+}
+.MediaViewer_imageWrapper {
+  display: flex;
+  max-height: 480px;
+}
+.MediaViewer_videoWrapper {
+  display: flex;
+  background-color: var(--media-viewer-video-bg, #0d0f14);
+}
+.MediaViewer_imageWrapperZoomed {
+  overflow: auto;
+}
+.MediaViewer_image,
+.MediaViewer_video {
+  display: block;
+  width: 100%;
+  max-width: 100%;
+  max-height: 480px;
+  height: auto;
+  object-fit: contain;
+}
+.MediaViewer_imageZoomable {
+  cursor: zoom-in;
+}
+.MediaViewer_imageZoomed {
+  width: auto;
+  max-width: none;
+  max-height: none;
+  cursor: zoom-out;
+}
+.MediaViewer_audioWrapper {
+  padding: 12px 16px;
+  overflow: visible;
+}
+.MediaViewer_audioFileName {
+  font-size: 0.8rem;
+  font-weight: 600;
+  color: var(--media-viewer-text, #334155);
+  margin-bottom: 8px;
+}
+.MediaViewer_audio {
+  width: 100%;
+}
+.MediaViewer_pdfWrapper {
+  display: flex;
+  flex-direction: column;
+}
+.MediaViewer_pdfFrame {
+  width: 100%;
+  height: 480px;
+  border: none;
+}
+.MediaViewer_fileFooter {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 8px 12px;
+  border-top: 1px solid var(--media-viewer-border, #e2e8f0);
+}
+.MediaViewer_fileCard {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 12px 14px;
 }
-.MultilinePlaceholder_imagePreviewList {
-  margin-top: 8px;
+.MediaViewer_fileIcon {
+  flex-shrink: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+  height: 40px;
+  border-radius: 8px;
+  color: #ffffff;
 }
-
-/* dist/screens/components/Radio/index.module.css */
-.Radio_formControl {
+.MediaViewer_fileInfo {
+  flex: 1;
+  min-width: 0;
   display: flex;
   flex-direction: column;
-  gap: 0.5rem;
-  font-family: var(--font-sans, sans-serif);
-  border: none;
-  padding: 0;
-  margin: 0;
+  gap: 2px;
 }
-.Radio_formLabel {
-  font-size: 0.95rem;
+.MediaViewer_fileName {
+  font-size: 0.85rem;
   font-weight: 600;
-  color: var(--text-color, #0f172a);
-  margin-bottom: 0.25rem;
-}
-.Radio_formLabel.Radio_Mui-focused {
-  color: var(--text-color, #0f172a);
-}
-.Radio_radioGroupContainer {
-  gap: 0.25rem;
-}
-.Radio_radioWrapper {
-  margin-left: 0;
-  margin-right: 0;
-  user-select: none;
-  transition: opacity 0.2s ease;
+  color: var(--media-viewer-text, #334155);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
-.Radio_radioWrapper .Radio_MuiFormControlLabel-label {
-  font-family: var(--font-sans, sans-serif);
-  color: var(--text-color, #0f172a);
-  font-size: 1rem;
+.MediaViewer_fileMeta {
+  font-size: 0.72rem;
+  color: var(--media-viewer-text, #334155);
+  opacity: 0.65;
 }
-.Radio_muiRadioCustom svg {
-  transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
+.MediaViewer_fileAction {
+  flex-shrink: 0;
+  font-size: 0.78rem;
+  font-weight: 600;
+  color: var(--media-viewer-accent, #2563eb);
+  text-decoration: none;
 }
-.Radio_muiRadioCustom:hover {
-  background-color: color-mix(in srgb, currentColor 8%, transparent);
+.MediaViewer_fileAction:hover {
+  text-decoration: underline;
 }
-
-/* dist/screens/components/ColorPicker/index.module.css */
-.ColorPicker_root {
+.MediaViewer_downloadButton {
+  flex-shrink: 0;
   display: inline-flex;
-  flex-direction: column;
-  gap: 0.25rem;
+  align-items: center;
+  justify-content: center;
+  width: 36px;
+  height: 36px;
+  border-radius: 8px;
+  color: var(--media-viewer-accent, #2563eb);
+  text-decoration: none;
+  transition: background-color 0.15s ease;
 }
-.ColorPicker_label {
-  font-size: 0.85rem;
-  font-weight: 700;
-  color: var(--cp-text, var(--color-text, #1e293b));
+.MediaViewer_downloadButton:hover {
+  background-color: rgba(0, 0, 0, 0.06);
 }
-.ColorPicker_trigger {
-  display: inline-flex;
+.MediaViewer_actionButton {
+  box-sizing: border-box;
+  display: flex;
   align-items: center;
-  gap: 0.6rem;
-  padding: 0.4rem 0.7rem;
-  background: var(--cp-bg, #ffffff);
-  color: var(--cp-text, var(--color-text, #1e293b));
-  border: 1px solid var(--cp-border, var(--color-border, #e2e8f0));
-  border-radius: var(--radius-md, 0.5rem);
-  font-family: inherit;
+  justify-content: center;
+  gap: 8px;
+  width: 100%;
+  margin-top: 10px;
+  padding: 10px 16px;
+  border: 1px solid var(--media-viewer-border, #e2e8f0);
+  border-radius: 10px;
+  background-color: var(--media-viewer-bg, #f8fafc);
+  color: var(--media-viewer-accent, #2563eb);
   font-size: 0.85rem;
+  font-weight: 600;
   cursor: pointer;
-  transition: border-color 0.15s;
-}
-.ColorPicker_trigger:hover:not(:disabled),
-.ColorPicker_trigger[aria-expanded=true] {
-  border-color: var(--cp-accent, var(--color-primary, #1717ff));
+  transition: background-color 0.15s ease, border-color 0.15s ease;
 }
-.ColorPicker_trigger:disabled {
-  opacity: 0.55;
-  cursor: not-allowed;
+.MediaViewer_actionButton:hover {
+  background-color: rgba(0, 0, 0, 0.04);
+  border-color: var(--media-viewer-accent, #2563eb);
 }
-.ColorPicker_swatch,
-.ColorPicker_preview {
-  flex-shrink: 0;
-  width: 1.5rem;
-  height: 1.5rem;
-  border-radius: 50%;
-  background-color: var(--swatch-color);
-  border: 1px solid rgba(128, 128, 128, 0.4);
+@media (max-width: 480px) {
+  .MediaViewer_imageWrapper,
+  .MediaViewer_videoWrapper {
+    max-height: 280px;
+  }
+  .MediaViewer_image,
+  .MediaViewer_video {
+    max-height: 280px;
+  }
+  .MediaViewer_pdfFrame {
+    height: 320px;
+  }
+  .MediaViewer_fileCard {
+    padding: 10px;
+    gap: 10px;
+  }
+  .MediaViewer_fileIcon {
+    width: 34px;
+    height: 34px;
+  }
 }
-.ColorPicker_hexText {
-  font-variant-numeric: tabular-nums;
+.MediaViewer_localFileBar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  margin-bottom: 6px;
+  font-size: 0.8rem;
+  color: var(--media-viewer-text, #334155);
 }
-.ColorPicker_popover {
-  width: 240px;
-  padding: 0.75rem;
-  background: var(--cp-bg, #ffffff);
-  color: var(--cp-text, var(--color-text, #1e293b));
-  border: 1px solid var(--cp-border, var(--color-border, #e2e8f0));
-  border-radius: var(--radius-lg, 0.75rem);
-  box-shadow: var(--shadow-lg, 0 10px 15px -3px rgb(0 0 0 / 0.1));
-  font-family: inherit;
+.MediaViewer_localFileName {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-weight: 600;
 }
-.ColorPicker_panel {
+
+/* dist/screens/components/MediaViewer/components/VideoPlayer/components/VideoSeekBar/index.module.css */
+.VideoSeekBar_seekRow {
   display: flex;
-  flex-direction: column;
-  gap: 0.75rem;
+  align-items: center;
+  gap: 8px;
 }
-.ColorPicker_saturationArea {
+.VideoSeekBar_seekSlider {
   position: relative;
-  height: 140px;
-  border-radius: var(--radius-md, 0.5rem);
-  cursor: crosshair;
-  touch-action: none;
-  outline-offset: 2px;
+  flex: 1;
 }
-.ColorPicker_saturationThumb,
-.ColorPicker_hueThumb {
+.VideoSeekBar_hoverPreview {
   position: absolute;
-  width: 14px;
-  height: 14px;
-  border: 2px solid #ffffff;
-  border-radius: 50%;
-  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4);
-  transform: translate(-50%, -50%);
+  bottom: 100%;
+  transform: translateX(-50%);
+  margin-bottom: 6px;
+  padding: 2px 6px;
+  border-radius: 4px;
+  background: rgba(13, 15, 20, 0.92);
+  color: #f1f3f6;
+  font-size: 0.68rem;
+  font-weight: 600;
+  white-space: nowrap;
   pointer-events: none;
+  z-index: 1;
 }
-.ColorPicker_saturationThumb {
-  background-color: var(--swatch-color);
+.VideoSeekBar_timeLabel {
+  flex-shrink: 0;
+  color: #e6e8ec;
+  font-size: 0.68rem;
+  font-weight: 600;
+  min-width: 34px;
+  text-align: center;
 }
-.ColorPicker_hueTrack {
+
+/* dist/screens/components/MediaViewer/components/VideoPlayer/components/VideoSpeedControl/index.module.css */
+.VideoSpeedControl_speedControl {
   position: relative;
-  height: 12px;
+}
+.VideoSpeedControl_speedMenu {
+  position: absolute;
+  bottom: calc(100% + 8px);
+  right: 0;
+  display: flex;
+  flex-direction: column;
+  min-width: 64px;
+  padding: 4px;
+  border-radius: 8px;
+  border: 1px solid;
+  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
+  z-index: 6;
+}
+.VideoSpeedControl_speedMenuBottom {
+  bottom: auto;
+  top: calc(100% + 8px);
+}
+.VideoSpeedControl_speedOption {
+  border: none;
+  background: transparent;
+  font-size: 0.78rem;
+  font-weight: 600;
+  padding: 6px 10px;
   border-radius: 6px;
   cursor: pointer;
-  touch-action: none;
-  outline-offset: 2px;
+  text-align: left;
 }
-.ColorPicker_hueThumb {
-  top: 50%;
-  background-color: #ffffff;
+.VideoSpeedControl_speedOption:hover {
+  background: rgba(128, 128, 128, 0.15);
 }
-.ColorPicker_formatRow {
+
+/* dist/screens/components/MediaViewer/components/VideoPlayer/components/VideoControlsBar/index.module.css */
+.VideoControlsBar_controlsRow {
   display: flex;
-  gap: 0.25rem;
+  align-items: center;
+  justify-content: space-between;
+  gap: 10px;
 }
-.ColorPicker_valueRow {
+.VideoControlsBar_controlsLeft,
+.VideoControlsBar_controlsRight {
   display: flex;
   align-items: center;
-  gap: 0.5rem;
+  gap: 4px;
 }
-.ColorPicker_channelsRow {
+.VideoControlsBar_volumeGroup {
   display: flex;
-  flex: 1;
-  gap: 0.4rem;
+  align-items: center;
+  gap: 4px;
 }
-.ColorPicker_channelField {
+.VideoControlsBar_volumeSliderWrap {
+  width: 70px;
+}
+@media (max-width: 480px) {
+  .VideoControlsBar_volumeSliderWrap {
+    width: 48px;
+  }
+}
+
+/* dist/screens/components/MediaViewer/components/VideoPlayer/components/VideoErrorOverlay/index.module.css */
+.VideoErrorOverlay_overlay {
+  position: absolute;
+  inset: 0;
+  background: rgba(13, 15, 20, 0.6);
+  backdrop-filter: blur(3px);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 4;
+}
+.VideoErrorOverlay_errorCard {
   display: flex;
-  flex: 1;
   flex-direction: column;
   align-items: center;
-  gap: 0.15rem;
-  min-width: 0;
+  gap: 8px;
+  text-align: center;
+  padding: 1.25rem;
 }
-.ColorPicker_error {
-  font-size: 0.75rem;
-  color: var(--color-danger, #ea1f1f);
+.VideoErrorOverlay_errorIcon {
+  color: #ef4444;
 }
-
-/* dist/screens/components/Slider/index.module.css */
-.Slider_slider {
-  width: 100%;
+.VideoErrorOverlay_errorMsg {
+  margin: 0;
+  color: #f1f3f6;
+  font-size: 0.85rem;
 }
 
-/* dist/screens/components/MediaViewer/index.module.css */
-.MediaViewer_wrapper {
-  box-sizing: border-box;
-  width: 100%;
-  max-width: 100%;
-  border: 1px solid var(--media-viewer-border, #e2e8f0);
-  border-radius: 10px;
-  background-color: var(--media-viewer-bg, #f8fafc);
-  overflow: hidden;
+/* dist/screens/components/MediaViewer/components/VideoPlayer/components/VideoCenterPlayButton/index.module.css */
+.VideoCenterPlayButton_centerPlayButton {
+  position: absolute !important;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 3;
+  transition: transform 0.15s ease, filter 0.15s ease;
 }
-.MediaViewer_imageWrapper {
+.VideoCenterPlayButton_centerPlayButton:hover {
+  transform: translate(-50%, -50%) scale(1.06);
+  filter: brightness(1.2);
+}
+
+/* dist/screens/components/MediaViewer/components/VideoPlayer/components/VideoTimeSearch/index.module.css */
+.VideoTimeSearch_searchForm {
   display: flex;
-  max-height: 480px;
+  align-items: center;
+  gap: 6px;
+  padding: 0 8px;
+  height: 30px;
+  border-radius: 6px;
+  background: rgba(255, 255, 255, 0.08);
+  flex-shrink: 0;
 }
-.MediaViewer_videoWrapper {
+.VideoTimeSearch_searchInput {
+  width: 52px;
+  border: none;
+  background: transparent;
+  outline: none;
+  font-size: 0.72rem;
+  font-weight: 600;
+}
+.VideoTimeSearch_searchInput::placeholder {
+  color: rgba(241, 243, 246, 0.45);
+}
+.VideoTimeSearch_searchInputInvalid {
+  color: #ef4444 !important;
+}
+
+/* dist/screens/components/MediaViewer/components/VideoPlayer/index.module.css */
+.VideoPlayer_videoPlayer {
+  position: relative;
+  width: 100%;
+  aspect-ratio: 16 / 9;
+  max-height: 480px;
   display: flex;
-  background-color: var(--media-viewer-video-bg, #0d0f14);
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  user-select: none;
 }
-.MediaViewer_imageWrapperZoomed {
-  overflow: auto;
+.VideoPlayer_videoPlayerFullscreen {
+  max-height: none;
+  width: 100vw;
+  height: 100vh;
+  background-color: var(--media-viewer-video-bg, #0d0f14);
 }
-.MediaViewer_image,
-.MediaViewer_video {
+.VideoPlayer_videoPlayerEl {
   display: block;
   width: 100%;
   max-width: 100%;
-  max-height: 480px;
-  height: auto;
+  height: 100%;
   object-fit: contain;
+  cursor: pointer;
 }
-.MediaViewer_imageZoomable {
-  cursor: zoom-in;
+.VideoPlayer_videoPlayerFullscreen .VideoPlayer_videoPlayerEl {
+  max-height: 100vh;
+  height: 100%;
 }
-.MediaViewer_imageZoomed {
-  width: auto;
-  max-width: none;
-  max-height: none;
-  cursor: zoom-out;
+.VideoPlayer_bufferingOverlay {
+  position: absolute;
+  inset: 0;
+  background: rgba(13, 15, 20, 0.6);
+  backdrop-filter: blur(3px);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 4;
 }
-.MediaViewer_audioWrapper {
-  padding: 12px 16px;
-  overflow: visible;
+.VideoPlayer_controlsBar {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  padding: 6px 12px 10px;
+  background:
+    linear-gradient(
+      0deg,
+      rgba(0, 0, 0, 0.78) 0%,
+      rgba(0, 0, 0, 0.25) 65%,
+      transparent 100%);
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  opacity: 0;
+  transform: translateY(6px);
+  transition: opacity 0.2s ease, transform 0.2s ease;
+  z-index: 5;
+  pointer-events: none;
 }
-.MediaViewer_audioFileName {
-  font-size: 0.8rem;
+.VideoPlayer_controlsBarVisible {
+  opacity: 1;
+  transform: translateY(0);
+  pointer-events: auto;
+}
+.VideoPlayer_seekSearchRow {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.VideoPlayer_seekSearchRow > :first-child {
+  flex: 1;
+}
+@media (max-width: 480px) {
+  .VideoPlayer_videoPlayer,
+  .VideoPlayer_videoPlayerEl {
+    max-height: 280px;
+  }
+}
+@media (max-width: 400px) {
+  .VideoPlayer_seekSearchRow > :last-child {
+    display: none;
+  }
+}
+
+/* dist/screens/components/Avatar/index.module.css */
+.Avatar_avatar {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  box-sizing: border-box;
+  overflow: hidden;
+  user-select: none;
+  font-family: var(--font-sans, system-ui, -apple-system, sans-serif);
   font-weight: 600;
-  color: var(--media-viewer-text, #334155);
-  margin-bottom: 8px;
+  line-height: 1;
+  color: var(--avatar-text, #ffffff);
+  background-color: var(--avatar-bg, #64748b);
+  border-radius: 50%;
+  transition: transform 0.2s ease, box-shadow 0.2s ease;
 }
-.MediaViewer_audio {
+.Avatar_shapeCircle {
+  border-radius: 50%;
+}
+.Avatar_shapeRounded {
+  border-radius: 8px;
+}
+.Avatar_shapeSquare {
+  border-radius: 0;
+}
+.Avatar_avatarImg {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  display: block;
+}
+.Avatar_avatarFallback {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  text-transform: uppercase;
+}
+
+/* dist/screens/components/MediaViewer/components/AudioPlayer/components/AudioPlayerSkeleton/index.module.css */
+.AudioPlayerSkeleton_skeletonRow {
+  display: flex;
+  align-items: center;
+  gap: 12px;
   width: 100%;
 }
-.MediaViewer_pdfWrapper {
+.AudioPlayerSkeleton_skeletonBody {
+  flex: 1;
+  min-width: 0;
   display: flex;
   flex-direction: column;
+  gap: 8px;
 }
-.MediaViewer_pdfFrame {
-  width: 100%;
-  height: 480px;
-  border: none;
-}
-.MediaViewer_fileFooter {
+.AudioPlayerSkeleton_skeletonControlsRow {
   display: flex;
   align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-  padding: 8px 12px;
-  border-top: 1px solid var(--media-viewer-border, #e2e8f0);
+  gap: 8px;
 }
-.MediaViewer_fileCard {
+
+/* dist/screens/components/MediaViewer/components/AudioPlayer/index.module.css */
+.AudioPlayer_audioPlayer {
   display: flex;
   align-items: center;
   gap: 12px;
-  padding: 12px 14px;
+  width: 100%;
 }
-.MediaViewer_fileIcon {
+.AudioPlayer_audioEl {
+  display: none;
+}
+.AudioPlayer_iconBadge {
   flex-shrink: 0;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
   width: 40px;
   height: 40px;
-  border-radius: 8px;
-  color: #ffffff;
+  border-radius: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
-.MediaViewer_fileInfo {
+.AudioPlayer_body {
   flex: 1;
   min-width: 0;
   display: flex;
   flex-direction: column;
-  gap: 2px;
+  gap: 4px;
 }
-.MediaViewer_fileName {
-  font-size: 0.85rem;
+.AudioPlayer_fileName {
+  font-size: 0.8rem;
   font-weight: 600;
-  color: var(--media-viewer-text, #334155);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.MediaViewer_fileMeta {
-  font-size: 0.72rem;
-  color: var(--media-viewer-text, #334155);
-  opacity: 0.65;
-}
-.MediaViewer_fileAction {
-  flex-shrink: 0;
-  font-size: 0.78rem;
-  font-weight: 600;
-  color: var(--media-viewer-accent, #2563eb);
-  text-decoration: none;
-}
-.MediaViewer_fileAction:hover {
-  text-decoration: underline;
+.AudioPlayer_controlsRow {
+  display: flex;
+  align-items: center;
+  gap: 4px;
 }
-.MediaViewer_downloadButton {
-  flex-shrink: 0;
-  display: inline-flex;
+.AudioPlayer_volumeGroup {
+  display: flex;
   align-items: center;
-  justify-content: center;
-  width: 36px;
-  height: 36px;
-  border-radius: 8px;
-  color: var(--media-viewer-accent, #2563eb);
-  text-decoration: none;
-  transition: background-color 0.15s ease;
+  gap: 4px;
 }
-.MediaViewer_downloadButton:hover {
-  background-color: rgba(0, 0, 0, 0.06);
+.AudioPlayer_volumeSliderWrap {
+  width: 72px;
 }
-.MediaViewer_actionButton {
-  box-sizing: border-box;
+.AudioPlayer_speedWrap {
+  margin-left: auto;
+}
+.AudioPlayer_errorRow {
   display: flex;
   align-items: center;
-  justify-content: center;
   gap: 8px;
-  width: 100%;
-  margin-top: 10px;
-  padding: 10px 16px;
-  border: 1px solid var(--media-viewer-border, #e2e8f0);
-  border-radius: 10px;
-  background-color: var(--media-viewer-bg, #f8fafc);
-  color: var(--media-viewer-accent, #2563eb);
-  font-size: 0.85rem;
-  font-weight: 600;
-  cursor: pointer;
-  transition: background-color 0.15s ease, border-color 0.15s ease;
 }
-.MediaViewer_actionButton:hover {
-  background-color: rgba(0, 0, 0, 0.04);
-  border-color: var(--media-viewer-accent, #2563eb);
+.AudioPlayer_errorIcon {
+  flex-shrink: 0;
+  color: #ef4444;
+}
+.AudioPlayer_errorMsg {
+  flex: 1;
+  font-size: 0.78rem;
 }
 @media (max-width: 480px) {
-  .MediaViewer_imageWrapper,
-  .MediaViewer_videoWrapper {
-    max-height: 280px;
-  }
-  .MediaViewer_image,
-  .MediaViewer_video {
-    max-height: 280px;
-  }
-  .MediaViewer_pdfFrame {
-    height: 320px;
-  }
-  .MediaViewer_fileCard {
-    padding: 10px;
-    gap: 10px;
+  .AudioPlayer_volumeSliderWrap {
+    width: 48px;
   }
-  .MediaViewer_fileIcon {
-    width: 34px;
-    height: 34px;
+}
+@media (max-width: 380px) {
+  .AudioPlayer_volumeGroup {
+    display: none;
   }
 }
 
-/* dist/screens/components/MediaViewer/components/VideoPlayer/components/VideoSeekBar/index.module.css */
-.VideoSeekBar_seekRow {
+/* dist/screens/components/MediaViewer/components/AudioRecorder/index.module.css */
+.AudioRecorder_recorder {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  width: 100%;
+  min-width: 0;
+  max-width: 100%;
+  box-sizing: border-box;
+  padding: 12px;
+  border-radius: 12px;
+  background: var(--audio-recorder-bg, #ffffff);
+  border: 1px solid var(--audio-recorder-border, #e2e8f0);
+  color: var(--audio-recorder-text, #334155);
+}
+.AudioRecorder_row {
   display: flex;
   align-items: center;
-  gap: 8px;
+  flex-wrap: wrap;
+  gap: 10px;
+  min-width: 0;
 }
-.VideoSeekBar_seekSlider {
-  position: relative;
-  flex: 1;
+.AudioRecorder_hint {
+  font-size: 0.85rem;
+  font-weight: 500;
 }
-.VideoSeekBar_hoverPreview {
-  position: absolute;
-  bottom: 100%;
-  transform: translateX(-50%);
-  margin-bottom: 6px;
-  padding: 2px 6px;
-  border-radius: 4px;
-  background: rgba(13, 15, 20, 0.92);
-  color: #f1f3f6;
-  font-size: 0.68rem;
+.AudioRecorder_timer {
+  font-size: 0.9rem;
   font-weight: 600;
-  white-space: nowrap;
-  pointer-events: none;
-  z-index: 1;
+  font-variant-numeric: tabular-nums;
 }
-.VideoSeekBar_timeLabel {
+.AudioRecorder_recDot {
   flex-shrink: 0;
-  color: #e6e8ec;
-  font-size: 0.68rem;
-  font-weight: 600;
-  min-width: 34px;
-  text-align: center;
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  animation: AudioRecorder_recPulse 1.2s ease-in-out infinite;
 }
-
-/* dist/screens/components/MediaViewer/components/VideoPlayer/components/VideoSpeedControl/index.module.css */
-.VideoSpeedControl_speedControl {
-  position: relative;
+@keyframes AudioRecorder_recPulse {
+  0%, 100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.3;
+  }
 }
-.VideoSpeedControl_speedMenu {
-  position: absolute;
-  bottom: calc(100% + 8px);
-  right: 0;
+.AudioRecorder_actions {
   display: flex;
-  flex-direction: column;
-  min-width: 64px;
-  padding: 4px;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 6px;
+  margin-left: auto;
+}
+.AudioRecorder_transcript {
+  padding: 8px 10px;
   border-radius: 8px;
-  border: 1px solid;
-  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
-  z-index: 6;
+  background: var(--audio-recorder-transcript-bg, #f1f5f9);
+  font-size: 0.85rem;
+  line-height: 1.4;
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+}
+.AudioRecorder_errorRow {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.AudioRecorder_errorIcon {
+  flex-shrink: 0;
+  color: var(--audio-recorder-error, #ef4444);
+}
+.AudioRecorder_errorMsg {
+  flex: 1;
+  font-size: 0.78rem;
+}
+@media (max-width: 360px) {
+  .AudioRecorder_recorder {
+    padding: 10px;
+  }
+  .AudioRecorder_actions {
+    width: 100%;
+    margin-left: 0;
+    justify-content: flex-end;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .AudioRecorder_recDot {
+    animation: none;
+  }
+}
+
+/* dist/screens/components/MediaViewer/components/PdfViewer/components/PdfPageJumper/index.module.css */
+.PdfPageJumper_jumper {
+  display: flex;
+  align-items: center;
+  gap: 6px;
 }
-.VideoSpeedControl_speedMenuBottom {
-  bottom: auto;
-  top: calc(100% + 8px);
+.PdfPageJumper_input {
+  width: 52px;
 }
-.VideoSpeedControl_speedOption {
-  border: none;
-  background: transparent;
-  font-size: 0.78rem;
-  font-weight: 600;
-  padding: 6px 10px;
-  border-radius: 6px;
-  cursor: pointer;
-  text-align: left;
+.PdfPageJumper_input .MuiInputBase-root {
+  height: 30px;
 }
-.VideoSpeedControl_speedOption:hover {
-  background: rgba(128, 128, 128, 0.15);
+.PdfPageJumper_input .MuiOutlinedInput-notchedOutline {
+  border-color: transparent;
+}
+.PdfPageJumper_pageCount {
+  font-size: 0.74rem;
+  font-weight: 600;
+  user-select: none;
 }
 
-/* dist/screens/components/MediaViewer/components/VideoPlayer/components/VideoControlsBar/index.module.css */
-.VideoControlsBar_controlsRow {
+/* dist/screens/components/MediaViewer/components/PdfViewer/components/PdfControlsBar/index.module.css */
+.PdfControlsBar_controlsBar {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  gap: 10px;
+  gap: 8px;
+  padding: 8px 10px;
+  border-top: 1px solid var(--media-viewer-border, #e2e8f0);
+  flex-wrap: wrap;
 }
-.VideoControlsBar_controlsLeft,
-.VideoControlsBar_controlsRight {
+.PdfControlsBar_navGroup,
+.PdfControlsBar_zoomGroup {
   display: flex;
   align-items: center;
-  gap: 4px;
+  gap: 2px;
 }
-.VideoControlsBar_volumeGroup {
-  display: flex;
+.PdfControlsBar_zoomLabel {
+  font-size: 0.74rem;
+  font-weight: 600;
+  min-width: 48px;
+  text-align: center;
+  user-select: none;
+}
+.PdfControlsBar_downloadButton {
+  flex-shrink: 0;
+  display: inline-flex;
   align-items: center;
-  gap: 4px;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  border-radius: 8px;
+  text-decoration: none;
+  transition: background-color 0.15s ease;
 }
-.VideoControlsBar_volumeSliderWrap {
-  width: 70px;
+.PdfControlsBar_downloadButton:hover {
+  background-color: rgba(0, 0, 0, 0.06);
 }
 @media (max-width: 480px) {
-  .VideoControlsBar_volumeSliderWrap {
-    width: 48px;
+  .PdfControlsBar_zoomGroup {
+    display: none;
+  }
+  .PdfControlsBar_controlsBar {
+    justify-content: space-between;
   }
 }
 
-/* dist/screens/components/MediaViewer/components/VideoPlayer/components/VideoErrorOverlay/index.module.css */
-.VideoErrorOverlay_overlay {
+/* dist/screens/components/MediaViewer/components/PdfViewer/index.module.css */
+.PdfViewer_pdfViewer {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+}
+.PdfViewer_canvasAreaOuter {
+  position: relative;
+  width: 100%;
+}
+.PdfViewer_canvasArea {
+  display: flex;
+  align-items: flex-start;
+  justify-content: center;
+  padding: 8px;
+  box-sizing: border-box;
+}
+.PdfViewer_canvas {
+  display: block;
+  max-width: 100%;
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
+}
+.PdfViewer_loadingOverlay {
   position: absolute;
   inset: 0;
-  background: rgba(13, 15, 20, 0.6);
-  backdrop-filter: blur(3px);
   display: flex;
   align-items: center;
   justify-content: center;
-  z-index: 4;
+  z-index: 2;
 }
-.VideoErrorOverlay_errorCard {
+@media (max-width: 480px) {
+  .PdfViewer_canvasArea {
+    padding: 6px;
+  }
+}
+
+/* dist/screens/components/MediaViewer/components/DocxViewer/components/DocxControlsBar/index.module.css */
+.DocxControlsBar_controlsBar {
   display: flex;
-  flex-direction: column;
   align-items: center;
+  justify-content: space-between;
   gap: 8px;
-  text-align: center;
-  padding: 1.25rem;
-}
-.VideoErrorOverlay_errorIcon {
-  color: #ef4444;
-}
-.VideoErrorOverlay_errorMsg {
-  margin: 0;
-  color: #f1f3f6;
-  font-size: 0.85rem;
-}
-
-/* dist/screens/components/MediaViewer/components/VideoPlayer/components/VideoCenterPlayButton/index.module.css */
-.VideoCenterPlayButton_centerPlayButton {
-  position: absolute !important;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  z-index: 3;
-  transition: transform 0.15s ease, filter 0.15s ease;
-}
-.VideoCenterPlayButton_centerPlayButton:hover {
-  transform: translate(-50%, -50%) scale(1.06);
-  filter: brightness(1.2);
+  padding: 8px 10px;
+  border-top: 1px solid var(--media-viewer-border, #e2e8f0);
 }
-
-/* dist/screens/components/MediaViewer/components/VideoPlayer/components/VideoTimeSearch/index.module.css */
-.VideoTimeSearch_searchForm {
+.DocxControlsBar_zoomGroup {
   display: flex;
   align-items: center;
-  gap: 6px;
-  padding: 0 8px;
-  height: 30px;
-  border-radius: 6px;
-  background: rgba(255, 255, 255, 0.08);
-  flex-shrink: 0;
+  gap: 2px;
 }
-.VideoTimeSearch_searchInput {
-  width: 52px;
-  border: none;
-  background: transparent;
-  outline: none;
-  font-size: 0.72rem;
+.DocxControlsBar_zoomLabel {
+  font-size: 0.74rem;
   font-weight: 600;
+  min-width: 48px;
+  text-align: center;
+  user-select: none;
 }
-.VideoTimeSearch_searchInput::placeholder {
-  color: rgba(241, 243, 246, 0.45);
+.DocxControlsBar_downloadButton {
+  flex-shrink: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  border-radius: 8px;
+  text-decoration: none;
+  transition: background-color 0.15s ease;
 }
-.VideoTimeSearch_searchInputInvalid {
-  color: #ef4444 !important;
+.DocxControlsBar_downloadButton:hover {
+  background-color: rgba(0, 0, 0, 0.06);
 }
 
-/* dist/screens/components/MediaViewer/components/VideoPlayer/index.module.css */
-.VideoPlayer_videoPlayer {
+/* dist/screens/components/MediaViewer/components/DocxViewer/index.module.css */
+.DocxViewer_docxViewer {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+}
+.DocxViewer_docAreaOuter {
   position: relative;
   width: 100%;
-  aspect-ratio: 16 / 9;
-  max-height: 480px;
+}
+.DocxViewer_docArea {
   display: flex;
-  align-items: center;
   justify-content: center;
-  overflow: hidden;
-  user-select: none;
+  padding: 16px 8px;
+  box-sizing: border-box;
 }
-.VideoPlayer_videoPlayerFullscreen {
-  max-height: none;
-  width: 100vw;
-  height: 100vh;
-  background-color: var(--media-viewer-video-bg, #0d0f14);
+.DocxViewer_docxContent {
+  transform-origin: top center;
+  transition: transform 0.15s ease;
 }
-.VideoPlayer_videoPlayerEl {
-  display: block;
-  width: 100%;
-  max-width: 100%;
-  height: 100%;
-  object-fit: contain;
-  cursor: pointer;
+.DocxViewer_docxContent .docx-wrapper {
+  background: transparent;
+  padding: 0;
 }
-.VideoPlayer_videoPlayerFullscreen .VideoPlayer_videoPlayerEl {
-  max-height: 100vh;
-  height: 100%;
+.DocxViewer_docxContent .docx-wrapper > section.docx {
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
+  margin-bottom: 16px;
 }
-.VideoPlayer_bufferingOverlay {
+.DocxViewer_loadingOverlay {
   position: absolute;
   inset: 0;
-  background: rgba(13, 15, 20, 0.6);
-  backdrop-filter: blur(3px);
   display: flex;
   align-items: center;
   justify-content: center;
-  z-index: 4;
+  z-index: 2;
 }
-.VideoPlayer_controlsBar {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  padding: 6px 12px 10px;
-  background:
-    linear-gradient(
-      0deg,
-      rgba(0, 0, 0, 0.78) 0%,
-      rgba(0, 0, 0, 0.25) 65%,
-      transparent 100%);
+@media (max-width: 480px) {
+  .DocxViewer_docArea {
+    padding: 10px 6px;
+  }
+}
+
+/* dist/screens/components/MediaViewer/components/MarkdownViewer/index.module.css */
+.MarkdownViewer_markdownViewer {
   display: flex;
   flex-direction: column;
-  gap: 2px;
-  opacity: 0;
-  transform: translateY(6px);
-  transition: opacity 0.2s ease, transform 0.2s ease;
-  z-index: 5;
-  pointer-events: none;
+  width: 100%;
+}
+.MarkdownViewer_areaOuter {
+  position: relative;
+  width: 100%;
 }
-.VideoPlayer_controlsBarVisible {
-  opacity: 1;
-  transform: translateY(0);
-  pointer-events: auto;
+.MarkdownViewer_area {
+  box-sizing: border-box;
+  min-width: 0;
+  min-height: 160px;
+  padding: 16px;
+  overflow-wrap: anywhere;
 }
-.VideoPlayer_seekSearchRow {
+.MarkdownViewer_loadingOverlay {
+  position: absolute;
+  inset: 0;
   display: flex;
   align-items: center;
-  gap: 8px;
-}
-.VideoPlayer_seekSearchRow > :first-child {
-  flex: 1;
+  justify-content: center;
+  z-index: 2;
 }
 @media (max-width: 480px) {
-  .VideoPlayer_videoPlayer,
-  .VideoPlayer_videoPlayerEl {
-    max-height: 280px;
-  }
-}
-@media (max-width: 400px) {
-  .VideoPlayer_seekSearchRow > :last-child {
-    display: none;
+  .MarkdownViewer_area {
+    padding: 12px;
   }
 }
 
-/* dist/screens/components/Avatar/index.module.css */
-.Avatar_avatar {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  box-sizing: border-box;
-  overflow: hidden;
-  user-select: none;
-  font-family: var(--font-sans, system-ui, -apple-system, sans-serif);
-  font-weight: 600;
-  line-height: 1;
-  color: var(--avatar-text, #ffffff);
-  background-color: var(--avatar-bg, #64748b);
-  border-radius: 50%;
-  transition: transform 0.2s ease, box-shadow 0.2s ease;
+/* dist/screens/components/MediaViewer/components/XlsxViewer/components/ScrollArrow/index.module.css */
+.ScrollArrow_arrow {
+  width: 32px !important;
+  height: 32px !important;
+  min-width: 32px !important;
+  padding: 0 !important;
+  opacity: 1 !important;
+  color: var(--xlsx-accent, #2563eb) !important;
+  background: var(--xlsx-bg, #ffffff) !important;
+  border: 1.5px solid color-mix(in srgb, var(--xlsx-accent, #2563eb) 45%, var(--xlsx-border, #e2e8f0)) !important;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.22);
+  transition: background-color 0.15s ease;
 }
-.Avatar_shapeCircle {
-  border-radius: 50%;
+.ScrollArrow_arrow:hover {
+  background: color-mix(in srgb, var(--xlsx-accent, #2563eb) 14%, var(--xlsx-bg, #ffffff)) !important;
 }
-.Avatar_shapeRounded {
-  border-radius: 8px;
+.ScrollArrow_floating {
+  position: absolute !important;
+  z-index: 6;
 }
-.Avatar_shapeSquare {
-  border-radius: 0;
+.ScrollArrow_inline {
+  flex-shrink: 0;
 }
-.Avatar_avatarImg {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  display: block;
+.ScrollArrow_up {
+  top: 40px;
+  right: 18px;
 }
-.Avatar_avatarFallback {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-  text-transform: uppercase;
+.ScrollArrow_down {
+  bottom: 18px;
+  right: 18px;
+}
+.ScrollArrow_left {
+  left: 64px;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.ScrollArrow_right {
+  right: 16px;
+  top: 50%;
+  transform: translateY(-50%);
 }
 
-/* dist/screens/components/MediaViewer/components/AudioPlayer/components/AudioPlayerSkeleton/index.module.css */
-.AudioPlayerSkeleton_skeletonRow {
+/* dist/screens/components/Resizable/index.module.css */
+.Resizable_root {
+  position: relative;
   display: flex;
-  align-items: center;
-  gap: 12px;
-  width: 100%;
+  min-width: 0;
+  min-height: 0;
+  flex-shrink: 0;
 }
-.AudioPlayerSkeleton_skeletonBody {
-  flex: 1;
+.Resizable_content {
+  flex: 1 1 auto;
   min-width: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
+  min-height: 0;
+  overflow: auto;
 }
-.AudioPlayerSkeleton_skeletonControlsRow {
+.Resizable_handle {
+  position: relative;
+  flex: none;
   display: flex;
   align-items: center;
-  gap: 8px;
+  justify-content: center;
+  background: var(--resizable-handle-bg, transparent);
+  touch-action: none;
+  user-select: none;
+  outline: none;
 }
-
-/* dist/screens/components/MediaViewer/components/AudioPlayer/index.module.css */
-.AudioPlayer_audioPlayer {
-  display: flex;
-  align-items: center;
-  gap: 12px;
+.Resizable_handleVertical {
   width: 100%;
+  cursor: ns-resize;
 }
-.AudioPlayer_audioEl {
-  display: none;
+.Resizable_handleHorizontal {
+  height: 100%;
+  cursor: ew-resize;
 }
-.AudioPlayer_iconBadge {
-  flex-shrink: 0;
-  width: 40px;
-  height: 40px;
-  border-radius: 10px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
+.Resizable_handle.Resizable_disabled {
+  cursor: default;
+  opacity: 0.5;
 }
-.AudioPlayer_body {
-  flex: 1;
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
+.Resizable_line {
+  position: absolute;
+  background: var(--resizable-line, rgba(148, 163, 184, 0.35));
+  pointer-events: none;
+  transition: background-color 0.15s ease;
 }
-.AudioPlayer_fileName {
-  font-size: 0.8rem;
-  font-weight: 600;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+.Resizable_handleVertical .Resizable_line {
+  left: 0;
+  right: 0;
+  top: 50%;
+  transform: translateY(-50%);
 }
-.AudioPlayer_controlsRow {
-  display: flex;
-  align-items: center;
-  gap: 4px;
+.Resizable_handleHorizontal .Resizable_line {
+  top: 0;
+  bottom: 0;
+  left: 50%;
+  transform: translateX(-50%);
 }
-.AudioPlayer_volumeGroup {
+.Resizable_grip {
+  position: relative;
   display: flex;
   align-items: center;
-  gap: 4px;
+  justify-content: center;
+  box-sizing: border-box;
+  border: 1px solid var(--resizable-grip-border, rgba(148, 163, 184, 0.6));
+  background: var(--resizable-grip-bg, transparent);
+  color: var(--resizable-grip-icon, #94a3b8);
+  transition: border-color 0.15s ease, color 0.15s ease;
 }
-.AudioPlayer_volumeSliderWrap {
-  width: 72px;
+.Resizable_handle:hover .Resizable_line,
+.Resizable_handle.Resizable_dragging .Resizable_line {
+  background: var(--resizable-line-active, #7c9cff);
 }
-.AudioPlayer_speedWrap {
-  margin-left: auto;
+.Resizable_handle:hover .Resizable_grip,
+.Resizable_handle.Resizable_dragging .Resizable_grip {
+  border-color: var(--resizable-line-active, #7c9cff);
+  color: var(--resizable-line-active, #7c9cff);
 }
-.AudioPlayer_errorRow {
-  display: flex;
-  align-items: center;
-  gap: 8px;
+.Resizable_handle:focus-visible .Resizable_grip {
+  outline: 2px solid var(--resizable-line-active, #7c9cff);
+  outline-offset: 2px;
 }
-.AudioPlayer_errorIcon {
-  flex-shrink: 0;
-  color: #ef4444;
+.Resizable_handle.Resizable_disabled:hover .Resizable_line,
+.Resizable_handle.Resizable_disabled:hover .Resizable_grip {
+  background: var(--resizable-line, rgba(148, 163, 184, 0.35));
+  border-color: var(--resizable-grip-border, rgba(148, 163, 184, 0.6));
+  color: var(--resizable-grip-icon, #94a3b8);
 }
-.AudioPlayer_errorMsg {
-  flex: 1;
-  font-size: 0.78rem;
+
+/* dist/screens/components/MediaViewer/components/XlsxViewer/components/XlsxGrid/index.module.css */
+.XlsxGrid_focusWrap {
+  position: relative;
+  outline: none;
+  background: var(--xlsx-bg, #ffffff);
+  color: var(--xlsx-text, #334155);
+  font-size: 0.8rem;
 }
-@media (max-width: 480px) {
-  .AudioPlayer_volumeSliderWrap {
-    width: 48px;
-  }
+.XlsxGrid_heightAnim {
+  transition: height 0.3s cubic-bezier(0.22, 1, 0.36, 1);
 }
-@media (max-width: 380px) {
-  .AudioPlayer_volumeGroup {
-    display: none;
+@media (prefers-reduced-motion: reduce) {
+  .XlsxGrid_heightAnim {
+    transition: none;
   }
 }
-
-/* dist/screens/components/MediaViewer/components/AudioRecorder/index.module.css */
-.AudioRecorder_recorder {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  width: 100%;
-  min-width: 0;
-  max-width: 100%;
+.XlsxGrid_focusWrap:focus-visible {
+  box-shadow: inset 0 0 0 2px var(--xlsx-accent, #2563eb);
+}
+.XlsxGrid_table {
+  border-collapse: separate;
+  border-spacing: 0;
+  table-layout: fixed;
+}
+.XlsxGrid_cell,
+.XlsxGrid_rowHeader,
+.XlsxGrid_colHeader,
+.XlsxGrid_corner {
   box-sizing: border-box;
-  padding: 12px;
-  border-radius: 12px;
-  background: var(--audio-recorder-bg, #ffffff);
-  border: 1px solid var(--audio-recorder-border, #e2e8f0);
-  color: var(--audio-recorder-text, #334155);
+  padding: 0 8px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  border-right: 1px solid var(--xlsx-border, #e2e8f0);
+  border-bottom: 1px solid var(--xlsx-border, #e2e8f0);
 }
-.AudioRecorder_row {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: 10px;
-  min-width: 0;
+.XlsxGrid_cell {
+  cursor: cell;
+  user-select: none;
 }
-.AudioRecorder_hint {
-  font-size: 0.85rem;
-  font-weight: 500;
+.XlsxGrid_cellSelected {
+  background: color-mix(in srgb, var(--xlsx-accent, #2563eb) 14%, transparent);
 }
-.AudioRecorder_timer {
-  font-size: 0.9rem;
+.XlsxGrid_cellFocus {
+  outline: 2px solid var(--xlsx-accent, #2563eb);
+  outline-offset: -2px;
+}
+.XlsxGrid_colHeader,
+.XlsxGrid_rowHeader,
+.XlsxGrid_corner {
+  background: var(--xlsx-header-bg, #f1f5f9);
   font-weight: 600;
-  font-variant-numeric: tabular-nums;
+  font-size: 0.72rem;
+  text-align: center;
+  cursor: pointer;
+  user-select: none;
+}
+.XlsxGrid_colHeader,
+.XlsxGrid_corner {
+  position: sticky;
+  top: 0;
+  z-index: 2;
 }
-.AudioRecorder_recDot {
-  flex-shrink: 0;
-  width: 10px;
-  height: 10px;
-  border-radius: 50%;
-  animation: AudioRecorder_recPulse 1.2s ease-in-out infinite;
+.XlsxGrid_rowHeader,
+.XlsxGrid_corner {
+  position: sticky;
+  left: 0;
 }
-@keyframes AudioRecorder_recPulse {
-  0%, 100% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.3;
-  }
+.XlsxGrid_rowHeader {
+  z-index: 1;
 }
-.AudioRecorder_actions {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: 6px;
-  margin-left: auto;
+.XlsxGrid_corner {
+  z-index: 3;
 }
-.AudioRecorder_transcript {
-  padding: 8px 10px;
-  border-radius: 8px;
-  background: var(--audio-recorder-transcript-bg, #f1f5f9);
-  font-size: 0.85rem;
-  line-height: 1.4;
-  white-space: pre-wrap;
-  overflow-wrap: anywhere;
+.XlsxGrid_headerActive {
+  background: color-mix(in srgb, var(--xlsx-accent, #2563eb) 22%, var(--xlsx-header-bg, #f1f5f9));
+  color: var(--xlsx-accent, #2563eb);
 }
-.AudioRecorder_errorRow {
+.XlsxGrid_spacer {
+  padding: 0;
+  border: 0;
+}
+.XlsxGrid_empty {
   display: flex;
   align-items: center;
-  gap: 8px;
-}
-.AudioRecorder_errorIcon {
-  flex-shrink: 0;
-  color: var(--audio-recorder-error, #ef4444);
+  justify-content: center;
+  min-height: 120px;
+  font-size: 0.85rem;
+  color: var(--xlsx-text, #334155);
+  background: var(--xlsx-bg, #ffffff);
 }
-.AudioRecorder_errorMsg {
-  flex: 1;
-  font-size: 0.78rem;
+.XlsxGrid_cellTL {
+  border-top-left-radius: 6px;
 }
-@media (max-width: 360px) {
-  .AudioRecorder_recorder {
-    padding: 10px;
-  }
-  .AudioRecorder_actions {
-    width: 100%;
-    margin-left: 0;
-    justify-content: flex-end;
-  }
+.XlsxGrid_cellTR {
+  border-top-right-radius: 6px;
 }
-@media (prefers-reduced-motion: reduce) {
-  .AudioRecorder_recDot {
-    animation: none;
-  }
+.XlsxGrid_cellBL {
+  border-bottom-left-radius: 6px;
 }
-
-/* dist/screens/components/MediaViewer/components/PdfViewer/components/PdfPageJumper/index.module.css */
-.PdfPageJumper_jumper {
-  display: flex;
-  align-items: center;
-  gap: 6px;
+.XlsxGrid_cellBR {
+  border-bottom-right-radius: 6px;
 }
-.PdfPageJumper_input {
-  width: 52px;
+.XlsxGrid_cellEditing {
+  padding: 0;
+  overflow: visible;
+  background: var(--xlsx-bg, #ffffff);
+  outline: 2px solid var(--xlsx-accent, #2563eb);
+  outline-offset: -2px;
+  user-select: text;
 }
-.PdfPageJumper_input .MuiInputBase-root {
-  height: 30px;
+.XlsxGrid_editor {
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+  padding: 0 8px;
+  font: inherit;
+  color: var(--xlsx-text, #334155);
+  background: transparent;
+  border: 0;
+  outline: none;
 }
-.PdfPageJumper_input .MuiOutlinedInput-notchedOutline {
-  border-color: transparent;
+.XlsxGrid_resizableHeader {
+  padding: 0;
+  overflow: hidden;
 }
-.PdfPageJumper_pageCount {
-  font-size: 0.74rem;
-  font-weight: 600;
-  user-select: none;
+.XlsxGrid_headerLabel {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  min-width: 0;
 }
 
-/* dist/screens/components/MediaViewer/components/PdfViewer/components/PdfControlsBar/index.module.css */
-.PdfControlsBar_controlsBar {
+/* dist/screens/components/MediaViewer/components/XlsxViewer/components/XlsxControlsBar/index.module.css */
+.XlsxControlsBar_controlsBar {
   display: flex;
   align-items: center;
   justify-content: space-between;
+  flex-wrap: wrap;
   gap: 8px;
-  padding: 8px 10px;
+  padding: 4px 10px;
   border-top: 1px solid var(--media-viewer-border, #e2e8f0);
-  flex-wrap: wrap;
 }
-.PdfControlsBar_navGroup,
-.PdfControlsBar_zoomGroup {
+.XlsxControlsBar_tabsScroll {
+  flex: 1 1 140px;
+  min-width: 0;
+  width: auto;
+}
+.XlsxControlsBar_tabs {
+  padding-bottom: 6px;
+}
+.XlsxControlsBar_tabsInner {
   display: flex;
-  align-items: center;
   gap: 2px;
+  width: max-content;
 }
-.PdfControlsBar_zoomLabel {
-  font-size: 0.74rem;
+.XlsxControlsBar_tab {
+  flex-shrink: 0;
+  max-width: 180px;
+  padding: 8px 12px;
+  font: inherit;
+  font-size: 0.78rem;
   font-weight: 600;
-  min-width: 48px;
-  text-align: center;
-  user-select: none;
+  background: transparent;
+  border: 0;
+  border-bottom: 2px solid transparent;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  cursor: pointer;
 }
-.PdfControlsBar_downloadButton {
+.XlsxControlsBar_tab:hover {
+  background-color: rgba(0, 0, 0, 0.04);
+}
+.XlsxControlsBar_actions {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  margin-left: auto;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  min-width: 0;
+}
+.XlsxControlsBar_summary {
+  font-size: 0.74rem;
+  opacity: 0.75;
+  white-space: nowrap;
+}
+.XlsxControlsBar_downloadButton {
   flex-shrink: 0;
   display: inline-flex;
   align-items: center;
@@ -5356,161 +5995,284 @@ button.TopBar_searchWrapper {
   text-decoration: none;
   transition: background-color 0.15s ease;
 }
-.PdfControlsBar_downloadButton:hover {
+.XlsxControlsBar_downloadButton:hover {
   background-color: rgba(0, 0, 0, 0.06);
 }
-@media (max-width: 480px) {
-  .PdfControlsBar_zoomGroup {
-    display: none;
-  }
-  .PdfControlsBar_controlsBar {
-    justify-content: space-between;
-  }
+.XlsxControlsBar_tabInput {
+  flex-shrink: 0;
+  width: 120px;
+  padding: 8px 12px;
+  box-sizing: border-box;
+  font: inherit;
+  font-size: 0.78rem;
+  font-weight: 600;
+  background: transparent;
+  border: 0;
+  border-bottom: 2px solid;
+  outline: none;
+}
+.XlsxControlsBar_tabInputInvalid {
+  border-bottom-color: #dc2626 !important;
+  color: #dc2626 !important;
 }
 
-/* dist/screens/components/MediaViewer/components/PdfViewer/index.module.css */
-.PdfViewer_pdfViewer {
+/* dist/screens/components/FloatingPanel/index.module.css */
+.FloatingPanel_panel {
+  position: fixed;
   display: flex;
   flex-direction: column;
-  width: 100%;
-}
-.PdfViewer_canvasAreaOuter {
-  position: relative;
-  width: 100%;
-}
-.PdfViewer_canvasArea {
-  display: flex;
-  align-items: flex-start;
-  justify-content: center;
-  padding: 8px;
   box-sizing: border-box;
+  max-width: 90vw;
+  max-height: 90vh;
+  overflow: hidden;
+  color: var(--fp-text, #334155);
+  background: var(--fp-bg, #ffffff);
+  border: 1px solid var(--fp-border, #e2e8f0);
+  border-radius: 12px;
+  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
+  font-size: 0.82rem;
 }
-.PdfViewer_canvas {
-  display: block;
-  max-width: 100%;
-  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
+.FloatingPanel_resizable {
+  resize: both;
 }
-.PdfViewer_loadingOverlay {
-  position: absolute;
-  inset: 0;
+.FloatingPanel_header {
+  position: sticky;
+  top: 0;
+  z-index: 1;
   display: flex;
   align-items: center;
-  justify-content: center;
-  z-index: 2;
+  gap: 4px;
+  padding: 4px 6px 4px 12px;
+  min-width: 0;
+  background: var(--fp-header-bg, #f1f5f9);
+  border-bottom: 1px solid var(--fp-border, #e2e8f0);
+  user-select: none;
 }
-@media (max-width: 480px) {
-  .PdfViewer_canvasArea {
-    padding: 6px;
-  }
+.FloatingPanel_draggable {
+  cursor: grab;
+  touch-action: none;
+}
+.FloatingPanel_draggable:active {
+  cursor: grabbing;
+}
+.FloatingPanel_title {
+  font-weight: 700;
+  white-space: nowrap;
+}
+.FloatingPanel_subtitle {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 0.74rem;
+  opacity: 0.7;
+}
+.FloatingPanel_header > .FloatingPanel_title + button,
+.FloatingPanel_header > .FloatingPanel_title + button ~ button {
+  flex-shrink: 0;
+}
+.FloatingPanel_body {
+  flex: 1;
+  min-height: 0;
+  overflow: auto;
+  padding: 6px 12px;
 }
 
-/* dist/screens/components/MediaViewer/components/DocxViewer/components/DocxControlsBar/index.module.css */
-.DocxControlsBar_controlsBar {
+/* dist/screens/components/MediaViewer/components/XlsxViewer/components/XlsxStatsPanel/index.module.css */
+.XlsxStatsPanel_list {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.XlsxStatsPanel_row {
   display: flex;
   align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-  padding: 8px 10px;
-  border-top: 1px solid var(--media-viewer-border, #e2e8f0);
+  gap: 6px;
+  padding: 3px 0;
+  border-bottom: 1px dashed var(--fp-border, #e2e8f0);
 }
-.DocxControlsBar_zoomGroup {
+.XlsxStatsPanel_row:last-child {
+  border-bottom: 0;
+}
+.XlsxStatsPanel_metric {
+  flex: 1;
+  min-width: 0;
+  opacity: 0.8;
+}
+.XlsxStatsPanel_value {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 2px 6px;
+  font: inherit;
+  font-weight: 700;
+  font-variant-numeric: tabular-nums;
+  color: inherit;
+  background: transparent;
+  border: 0;
+  border-radius: 6px;
+  cursor: copy;
+}
+.XlsxStatsPanel_value:hover {
+  background: color-mix(in srgb, var(--fp-accent, #2563eb) 12%, transparent);
+  color: var(--fp-accent, #2563eb);
+}
+.XlsxStatsPanel_copyIcon {
+  opacity: 0.35;
+}
+.XlsxStatsPanel_empty {
+  margin: 8px 0;
+  opacity: 0.7;
+}
+.XlsxStatsPanel_footer {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  padding: 8px 12px 10px;
+  border-top: 1px solid var(--fp-border, #e2e8f0);
+}
+.XlsxStatsPanel_notice {
+  font-size: 0.74rem;
+  color: var(--fp-accent, #2563eb);
+}
+
+/* dist/screens/components/MediaViewer/components/XlsxViewer/components/XlsxValidationPanel/index.module.css */
+.XlsxValidationPanel_panel {
+  box-sizing: border-box;
+  width: 320px;
+  max-width: calc(100vw - 16px);
+  padding: 16px 0 14px;
+  border: 1px solid var(--xv-border, #e2e8f0);
+  border-radius: 12px;
+}
+.XlsxValidationPanel_title {
+  margin: 0 0 8px;
+  padding: 0 20px;
+  font-size: 1rem;
+  font-weight: 700;
+}
+.XlsxValidationPanel_actions {
   display: flex;
   align-items: center;
-  gap: 2px;
+  gap: 8px;
+  padding: 10px 20px 0;
 }
-.DocxControlsBar_zoomLabel {
-  font-size: 0.74rem;
-  font-weight: 600;
-  min-width: 48px;
-  text-align: center;
-  user-select: none;
+.XlsxValidationPanel_body {
+  padding: 4px 20px 8px;
 }
-.DocxControlsBar_downloadButton {
-  flex-shrink: 0;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 32px;
-  height: 32px;
-  border-radius: 8px;
-  text-decoration: none;
-  transition: background-color 0.15s ease;
+.XlsxValidationPanel_field {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  margin-bottom: 14px;
 }
-.DocxControlsBar_downloadButton:hover {
-  background-color: rgba(0, 0, 0, 0.06);
+.XlsxValidationPanel_label {
+  font-size: 0.75rem;
+  font-weight: 600;
+  opacity: 0.7;
 }
 
-/* dist/screens/components/MediaViewer/components/DocxViewer/index.module.css */
-.DocxViewer_docxViewer {
+/* dist/screens/components/MediaViewer/components/XlsxViewer/index.module.css */
+.XlsxViewer_xlsxViewer {
+  border-radius: 10px;
+  overflow: hidden;
   display: flex;
   flex-direction: column;
   width: 100%;
 }
-.DocxViewer_docAreaOuter {
+.XlsxViewer_gridArea {
   position: relative;
   width: 100%;
 }
-.DocxViewer_docArea {
+.XlsxViewer_loadingOverlay {
+  position: absolute;
+  inset: 0;
   display: flex;
+  align-items: center;
   justify-content: center;
-  padding: 16px 8px;
-  box-sizing: border-box;
+  z-index: 4;
 }
-.DocxViewer_docxContent {
-  transform-origin: top center;
-  transition: transform 0.15s ease;
+.XlsxViewer_validationNotice {
+  position: absolute;
+  left: 50%;
+  bottom: 12px;
+  transform: translateX(-50%);
+  z-index: 30;
+  max-width: calc(100% - 24px);
+  padding: 8px 14px;
+  font-size: 0.8rem;
+  font-weight: 600;
+  color: #ffffff;
+  background: var(--xlsx-error, #dc2626);
+  border-radius: 8px;
+  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.18);
+  pointer-events: none;
 }
-.DocxViewer_docxContent .docx-wrapper {
-  background: transparent;
-  padding: 0;
+
+/* dist/screens/components/FileDropZone/index.module.css */
+.FileDropZone_wrapper {
+  position: relative;
 }
-.DocxViewer_docxContent .docx-wrapper > section.docx {
-  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
-  margin-bottom: 16px;
+.FileDropZone_input {
+  display: none;
 }
-.DocxViewer_loadingOverlay {
-  position: absolute;
-  inset: 0;
+.FileDropZone_zone {
   display: flex;
+  flex-direction: column;
   align-items: center;
   justify-content: center;
-  z-index: 2;
+  gap: 10px;
+  min-height: 160px;
+  padding: 24px 16px;
+  box-sizing: border-box;
+  text-align: center;
+  border: 2px dashed var(--fdz-border, #cbd5e1);
+  border-radius: 12px;
+  background: var(--fdz-bg, #f8fafc);
+  color: var(--fdz-text, #475569);
+  cursor: pointer;
+  outline: none;
+  transition:
+    border-color 0.15s ease,
+    background-color 0.15s ease,
+    color 0.15s ease;
 }
-@media (max-width: 480px) {
-  .DocxViewer_docArea {
-    padding: 10px 6px;
-  }
+.FileDropZone_zone:hover,
+.FileDropZone_zone:focus-visible {
+  border-color: var(--fdz-accent, #2563eb);
+  color: var(--fdz-accent, #2563eb);
 }
-
-/* dist/screens/components/MediaViewer/components/MarkdownViewer/index.module.css */
-.MarkdownViewer_markdownViewer {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
+.FileDropZone_zoneActive {
+  border-color: var(--fdz-accent, #2563eb);
+  background: color-mix(in srgb, var(--fdz-accent, #2563eb) 10%, var(--fdz-bg, #f8fafc));
+  color: var(--fdz-accent, #2563eb);
 }
-.MarkdownViewer_areaOuter {
-  position: relative;
-  width: 100%;
+.FileDropZone_zoneDisabled {
+  opacity: 0.55;
+  cursor: not-allowed;
 }
-.MarkdownViewer_area {
-  box-sizing: border-box;
-  min-width: 0;
-  min-height: 160px;
-  padding: 16px;
-  overflow-wrap: anywhere;
+.FileDropZone_label {
+  font-size: 0.85rem;
+  font-weight: 500;
+  max-width: 320px;
 }
-.MarkdownViewer_loadingOverlay {
+.FileDropZone_overlay {
   position: absolute;
   inset: 0;
+  z-index: 10;
   display: flex;
+  flex-direction: column;
   align-items: center;
   justify-content: center;
-  z-index: 2;
-}
-@media (max-width: 480px) {
-  .MarkdownViewer_area {
-    padding: 12px;
-  }
+  gap: 8px;
+  border: 2px dashed var(--fdz-accent, #2563eb);
+  border-radius: 12px;
+  background: color-mix(in srgb, var(--fdz-bg, #f8fafc) 88%, transparent);
+  color: var(--fdz-accent, #2563eb);
+  font-size: 0.85rem;
+  font-weight: 600;
+  pointer-events: none;
 }
 
 /* dist/screens/components/CountdownBar/index.module.css */
@@ -5690,7 +6452,8 @@ button.TopBar_searchWrapper {
   background: var(--letter-white, #ffffff);
   backdrop-filter: var(--blur, blur(10px));
   -webkit-backdrop-filter: var(--blur, blur(10px));
-  padding: 35px;
+  --container-pad: 35px;
+  padding: var(--container-pad);
   border-radius: 12px;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
   border: 1px solid var(--container-border, rgba(0, 0, 0, 0.08));
@@ -5714,10 +6477,24 @@ button.TopBar_searchWrapper {
   position: relative;
   z-index: 1;
 }
+.Container_containerCard > .Container_header {
+  box-sizing: border-box;
+  margin: calc(var(--container-pad) * -1) calc(var(--container-pad) * -1) var(--container-pad);
+  padding: 12px var(--container-pad);
+  background: var(--container-header-bg, var(--letter-white, #ffffff));
+  color: var(--container-header-text, inherit);
+  border-bottom: 1px solid var(--container-header-border, rgba(0, 0, 0, 0.08));
+  border-radius: 12px 12px 0 0;
+}
+.Container_containerCard > .Container_headerSticky {
+  position: sticky;
+  top: 0;
+  z-index: 10;
+}
 @media (max-width: 768px) {
   .Container_containerCard {
     max-width: 100%;
-    padding: 1.5rem;
+    --container-pad: 1.5rem;
     min-height: auto;
   }
 }
@@ -7126,51 +7903,231 @@ button.TopBar_searchWrapper {
   align-items: center;
   animation: Frame_modalFadeIn 0.3s ease-out;
 }
-@keyframes Frame_modalFadeIn {
+@keyframes Frame_modalFadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+.Frame_bodyContainer {
+  position: relative;
+  width: 100%;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+.Frame_loadingOverlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: #ffffff;
+  z-index: 10;
+}
+.Frame_skeletonGroup {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 0.6rem;
+}
+.Frame_hiddenContent {
+  visibility: hidden;
+}
+.Frame_contentWrapper {
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+  width: 100%;
+}
+.Frame_scrollContent {
+  display: flex;
+  flex-direction: column;
+}
+
+/* dist/screens/components/Text/index.module.css */
+.Text_text {
+  margin: 0;
+  font-family: var(--font-sans);
+  color: var(--text-color, #0f172a);
+}
+.Text_h1 {
+  font-size: 2rem;
+  font-weight: 700;
+  line-height: 1.25;
+}
+.Text_h2 {
+  font-size: 1.5rem;
+  font-weight: 700;
+  line-height: 1.3;
+}
+.Text_h3 {
+  font-size: 1.15rem;
+  font-weight: 600;
+  line-height: 1.35;
+}
+.Text_body {
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.5;
+}
+.Text_caption {
+  display: inline-block;
+  font-size: 0.8rem;
+  font-weight: 400;
+  line-height: 1.4;
+  color: var(--text-color, #64748b);
+}
+.Text_animateFadeIn {
+  animation: Text_fadeIn var(--anim-duration, 800ms) cubic-bezier(0.16, 1, 0.3, 1) forwards;
+}
+@keyframes Text_fadeIn {
+  from {
+    opacity: 0;
+    transform: translateY(4px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+.Text_animateFadeOut {
+  animation: Text_fadeOut var(--anim-duration, 800ms) cubic-bezier(0.16, 1, 0.3, 1) forwards;
+}
+@keyframes Text_fadeOut {
+  from {
+    opacity: 1;
+    transform: translateY(0);
+  }
+  to {
+    opacity: 0;
+    transform: translateY(-4px);
+  }
+}
+.Text_animateTyping {
+  border-right: 2px solid currentColor;
+  white-space: nowrap;
+  overflow: hidden;
+  display: inline-block;
+  animation: Text_blinkCursor 0.75s step-end infinite;
+}
+@keyframes Text_blinkCursor {
+  from, to {
+    border-color: transparent;
+  }
+  50% {
+    border-color: currentColor;
+  }
+}
+.Text_animateRiseAndFade {
+  display: inline-block;
+  animation: Text_riseAndFade var(--rise-duration, 1000ms) cubic-bezier(0.16, 1, 0.3, 1) var(--rise-delay, 400ms) forwards;
+}
+@keyframes Text_riseAndFade {
+  0% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+  100% {
+    opacity: 0;
+    transform: translateY(-40px);
+  }
+}
+.Text_letterFadeContainer {
+  display: inline-block;
+}
+.Text_letterFadeIn {
+  display: inline-block;
+  opacity: 0;
+  animation: Text_letterFadeInKeyframes ease-in-out forwards;
+}
+@keyframes Text_letterFadeInKeyframes {
   from {
     opacity: 0;
+    transform: translateY(2px);
   }
   to {
     opacity: 1;
+    transform: translateY(0);
   }
 }
-.Frame_bodyContainer {
-  position: relative;
-  width: 100%;
-  flex: 1;
+.Text_letterFadeOut {
+  display: inline-block;
+  opacity: 1;
+  animation: Text_letterFadeOutKeyframes ease-in-out forwards;
+}
+@keyframes Text_letterFadeOutKeyframes {
+  from {
+    opacity: 1;
+    transform: translateY(0);
+  }
+  to {
+    opacity: 0;
+    transform: translateY(-2px);
+  }
+}
+.Text_markdown {
+  display: block;
+}
+.Text_markdownWithIcon {
   display: flex;
-  flex-direction: column;
+  align-items: flex-start;
 }
-.Frame_loadingOverlay {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
+.Text_markdownBody {
+  min-width: 0;
+  flex: 1;
+}
+
+/* dist/screens/components/Footer/index.module.css */
+.Footer_footer {
+  box-sizing: border-box;
   display: flex;
-  justify-content: center;
   align-items: center;
-  background-color: #ffffff;
+  justify-content: space-between;
+  gap: 16px;
+  width: 100%;
+  min-height: var(--footer-height, 64px);
+  padding: var(--footer-padding, 0 24px);
+  background: var(--footer-bg, #ffffff);
+  color: var(--footer-text, #0f172a);
+  border-top: 1px solid var(--footer-border, #e2e8f0);
+  font-family: var(--font-sans, sans-serif);
+  font-size: 0.9rem;
+}
+.Footer_sticky {
+  position: sticky;
+  bottom: 0;
   z-index: 10;
 }
-.Frame_skeletonGroup {
-  width: 100%;
+.Footer_zone {
   display: flex;
-  flex-direction: column;
-  gap: 0.6rem;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
 }
-.Frame_hiddenContent {
-  visibility: hidden;
+.Footer_center {
+  flex: 1;
+  justify-content: center;
 }
-.Frame_contentWrapper {
-  display: flex;
-  flex-direction: column;
-  min-height: 0;
-  width: 100%;
+.Footer_right {
+  justify-content: flex-end;
+  flex-wrap: wrap;
 }
-.Frame_scrollContent {
-  display: flex;
-  flex-direction: column;
+@media (max-width: 480px) {
+  .Footer_footer {
+    flex-direction: column;
+    align-items: stretch;
+    padding: 12px 16px;
+    min-height: auto;
+  }
+  .Footer_right {
+    justify-content: center;
+  }
 }
 
 /* dist/screens/components/HoursPicker/index.module.css */
@@ -7449,6 +8406,126 @@ button.TopBar_searchWrapper {
   color: var(--color-text-muted, #64748b);
 }
 
+/* dist/screens/components/Carousel/components/CarouselSlide/index.module.css */
+.CarouselSlide_slide {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: stretch;
+  overflow: hidden;
+  background: var(--carousel-slide-bg, transparent);
+  color: var(--carousel-text, #e2e8f0);
+}
+.CarouselSlide_media {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  display: block;
+  user-select: none;
+}
+.CarouselSlide_text {
+  height: 100%;
+  overflow: auto;
+  box-sizing: border-box;
+  padding: clamp(16px, 4vw, 32px);
+}
+.CarouselSlide_title {
+  margin: 0 0 0.5rem;
+  font-size: clamp(1rem, 2.5vw, 1.35rem);
+  font-weight: 600;
+  color: inherit;
+}
+.CarouselSlide_plain {
+  margin: 0;
+  font-size: clamp(0.9rem, 2vw, 1rem);
+  line-height: 1.55;
+  white-space: pre-wrap;
+}
+.CarouselSlide_caption {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  padding: 24px 16px 14px;
+  font-size: clamp(0.8rem, 2vw, 0.95rem);
+  color: var(--carousel-caption-text, #ffffff);
+  background:
+    linear-gradient(
+      to top,
+      var(--carousel-caption-bg, rgba(0, 0, 0, 0.6)),
+      transparent);
+  pointer-events: none;
+}
+
+/* dist/screens/components/Carousel/components/CarouselDots/index.module.css */
+.CarouselDots_dots {
+  position: absolute;
+  left: 50%;
+  bottom: 10px;
+  transform: translateX(-50%);
+  display: flex;
+  gap: 8px;
+  z-index: 3;
+}
+.CarouselDots_dot {
+  width: 8px;
+  height: 8px;
+  padding: 0;
+  border: none;
+  border-radius: 999px;
+  background: var(--carousel-dot, rgba(255, 255, 255, 0.45));
+  cursor: pointer;
+  transition: width var(--carousel-duration, 450ms) ease, background-color 0.2s ease;
+}
+.CarouselDots_dot:focus-visible {
+  outline: 2px solid var(--carousel-dot-active, #ffffff);
+  outline-offset: 2px;
+}
+.CarouselDots_dotActive {
+  width: 22px;
+  background: var(--carousel-dot-active, #ffffff);
+}
+
+/* dist/screens/components/Carousel/index.module.css */
+.Carousel_root {
+  position: relative;
+  width: 100%;
+  max-width: 100%;
+  border-radius: var(--carousel-radius, 12px);
+  overflow: hidden;
+  background: var(--carousel-slide-bg, #0f172a);
+  color: var(--carousel-text, #e2e8f0);
+  box-sizing: border-box;
+}
+.Carousel_root:focus-visible {
+  outline: 2px solid var(--carousel-focus, var(--carousel-dot-active, #38bdf8));
+  outline-offset: 2px;
+}
+.Carousel_viewport {
+  position: relative;
+  width: 100%;
+  overflow: hidden;
+  min-height: 120px;
+}
+.Carousel_slideWrap {
+  position: absolute;
+  inset: 0;
+  will-change: transform, opacity;
+  transition: transform var(--carousel-duration, 450ms) cubic-bezier(0.22, 0.61, 0.36, 1), opacity var(--carousel-duration, 450ms) ease;
+}
+@media (prefers-reduced-motion: reduce) {
+  .Carousel_slideWrap {
+    transition: none;
+  }
+}
+@media (max-width: 480px) {
+  .Carousel_viewport {
+    min-height: 160px;
+  }
+}
+
 /* dist/screens/components/InfoTooltip/index.module.css */
 .InfoTooltip_container {
   position: relative;
@@ -7524,104 +8601,18 @@ button.TopBar_searchWrapper {
   color: #475569;
   text-align: left;
 }
-.InfoTooltip_popoverBody p {
-  margin: 0;
-}
-@keyframes InfoTooltip_slideUpFade {
-  from {
-    opacity: 0;
-    transform: translateX(-50%) translateY(10px);
-  }
-  to {
-    opacity: 1;
-    transform: translateX(-50%) translateY(0);
-  }
-}
-
-/* dist/screens/components/Resizable/index.module.css */
-.Resizable_root {
-  position: relative;
-  display: flex;
-  min-width: 0;
-  min-height: 0;
-  flex-shrink: 0;
-}
-.Resizable_content {
-  flex: 1 1 auto;
-  min-width: 0;
-  min-height: 0;
-  overflow: auto;
-}
-.Resizable_handle {
-  position: relative;
-  flex: none;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: var(--resizable-handle-bg, transparent);
-  touch-action: none;
-  user-select: none;
-  outline: none;
-}
-.Resizable_handleVertical {
-  width: 100%;
-  cursor: ns-resize;
-}
-.Resizable_handleHorizontal {
-  height: 100%;
-  cursor: ew-resize;
-}
-.Resizable_handle.Resizable_disabled {
-  cursor: default;
-  opacity: 0.5;
-}
-.Resizable_line {
-  position: absolute;
-  background: var(--resizable-line, rgba(148, 163, 184, 0.35));
-  pointer-events: none;
-  transition: background-color 0.15s ease;
-}
-.Resizable_handleVertical .Resizable_line {
-  left: 0;
-  right: 0;
-  top: 50%;
-  transform: translateY(-50%);
-}
-.Resizable_handleHorizontal .Resizable_line {
-  top: 0;
-  bottom: 0;
-  left: 50%;
-  transform: translateX(-50%);
-}
-.Resizable_grip {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  box-sizing: border-box;
-  border: 1px solid var(--resizable-grip-border, rgba(148, 163, 184, 0.6));
-  background: var(--resizable-grip-bg, transparent);
-  color: var(--resizable-grip-icon, #94a3b8);
-  transition: border-color 0.15s ease, color 0.15s ease;
-}
-.Resizable_handle:hover .Resizable_line,
-.Resizable_handle.Resizable_dragging .Resizable_line {
-  background: var(--resizable-line-active, #7c9cff);
-}
-.Resizable_handle:hover .Resizable_grip,
-.Resizable_handle.Resizable_dragging .Resizable_grip {
-  border-color: var(--resizable-line-active, #7c9cff);
-  color: var(--resizable-line-active, #7c9cff);
-}
-.Resizable_handle:focus-visible .Resizable_grip {
-  outline: 2px solid var(--resizable-line-active, #7c9cff);
-  outline-offset: 2px;
-}
-.Resizable_handle.Resizable_disabled:hover .Resizable_line,
-.Resizable_handle.Resizable_disabled:hover .Resizable_grip {
-  background: var(--resizable-line, rgba(148, 163, 184, 0.35));
-  border-color: var(--resizable-grip-border, rgba(148, 163, 184, 0.6));
-  color: var(--resizable-grip-icon, #94a3b8);
+.InfoTooltip_popoverBody p {
+  margin: 0;
+}
+@keyframes InfoTooltip_slideUpFade {
+  from {
+    opacity: 0;
+    transform: translateX(-50%) translateY(10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(-50%) translateY(0);
+  }
 }
 
 /* dist/screens/components/ChatComposer/components/ComposerToolbar/index.module.css */
@@ -8548,6 +9539,157 @@ button.TopBar_searchWrapper {
   }
 }
 
+/* dist/screens/components/QRCode/index.module.css */
+.QRCode_wrapper {
+  display: inline-flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 10px;
+  max-width: 100%;
+}
+.QRCode_frame {
+  position: relative;
+  line-height: 0;
+  border: var(--qr-border-width, 1px) solid var(--qr-border, #d1d5db);
+  border-radius: var(--qr-radius, 12px);
+  padding: var(--qr-padding, 12px);
+  background: var(--qr-frame-bg, #ffffff);
+  overflow: hidden;
+  max-width: 100%;
+}
+.QRCode_svg {
+  display: block;
+  max-width: 100%;
+  height: auto;
+}
+.QRCode_error {
+  font-size: 13px;
+  color: var(--qr-error, #b91c1c);
+}
+.QRCode_actions {
+  display: flex;
+  gap: 8px;
+}
+.QRCode_svg {
+  transition: filter var(--qr-anim-duration, 300ms) ease, opacity var(--qr-anim-duration, 300ms) ease;
+}
+.QRCode_blurred {
+  filter: blur(var(--qr-blur, 8px));
+  pointer-events: none;
+  user-select: none;
+}
+.QRCode_hidden {
+  opacity: 0;
+}
+.QRCode_loadingLayer {
+  position: absolute !important;
+  inset: 0;
+}
+.QRCode_overlay {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  padding: 8px;
+  line-height: 1.3;
+  font-size: 14px;
+  color: var(--qr-overlay-text, #111827);
+}
+.QRCode_enter_scale {
+  animation: QRCode_qrInScale var(--qr-anim-duration, 300ms) cubic-bezier(0.22, 1, 0.36, 1) both;
+}
+.QRCode_exit_scale {
+  animation: QRCode_qrOutScale var(--qr-anim-duration, 300ms) ease-in both;
+}
+.QRCode_enter_fade {
+  animation: QRCode_qrInFade var(--qr-anim-duration, 300ms) ease-out both;
+}
+.QRCode_exit_fade {
+  animation: QRCode_qrOutFade var(--qr-anim-duration, 300ms) ease-in both;
+}
+.QRCode_enter_slide {
+  animation: QRCode_qrInSlide var(--qr-anim-duration, 300ms) cubic-bezier(0.22, 1, 0.36, 1) both;
+}
+.QRCode_exit_slide {
+  animation: QRCode_qrOutSlide var(--qr-anim-duration, 300ms) ease-in both;
+}
+@keyframes QRCode_qrInScale {
+  from {
+    opacity: 0;
+    transform: scale(0.85);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+@keyframes QRCode_qrOutScale {
+  from {
+    opacity: 1;
+    transform: scale(1);
+  }
+  to {
+    opacity: 0;
+    transform: scale(0.85);
+  }
+}
+@keyframes QRCode_qrInFade {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes QRCode_qrOutFade {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+@keyframes QRCode_qrInSlide {
+  from {
+    opacity: 0;
+    transform: translateY(16px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+@keyframes QRCode_qrOutSlide {
+  from {
+    opacity: 1;
+    transform: translateY(0);
+  }
+  to {
+    opacity: 0;
+    transform: translateY(16px);
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .QRCode_wrapper,
+  .QRCode_svg {
+    animation: none !important;
+    transition: none !important;
+  }
+}
+.QRCode_logoNode {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  line-height: 1;
+}
+.QRCode_logoNode > svg {
+  width: 100%;
+  height: 100%;
+}
+
 /* dist/screens/components/RenderJsonSchema/index.module.css */
 .RenderJsonSchema_root {
   display: flex;
@@ -8719,7 +9861,7 @@ button.TopBar_searchWrapper {
   width: 100%;
   overflow: hidden;
   background: var(--tableA-surface, white);
-  border-radius: 12px;
+  border-radius: 6px;
   box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
   border: 1px solid var(--tableA-border, #e2e8f0);
 }
@@ -8895,7 +10037,7 @@ button.TopBar_searchWrapper {
 .tableB_tableContainer {
   width: 100%;
   overflow: hidden;
-  border-radius: 12px;
+  border-radius: 6px;
   background-color: var(--tableB-surface, #ffffff);
   box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
   border: 1px solid var(--tableB-border, #e5e7eb);
@@ -9193,139 +10335,6 @@ button.TopBar_searchWrapper {
   min-width: 80px;
 }
 
-/* dist/screens/components/Text/index.module.css */
-.Text_text {
-  margin: 0;
-  font-family: var(--font-sans);
-  color: var(--text-color, #0f172a);
-}
-.Text_h1 {
-  font-size: 2rem;
-  font-weight: 700;
-  line-height: 1.25;
-}
-.Text_h2 {
-  font-size: 1.5rem;
-  font-weight: 700;
-  line-height: 1.3;
-}
-.Text_h3 {
-  font-size: 1.15rem;
-  font-weight: 600;
-  line-height: 1.35;
-}
-.Text_body {
-  font-size: 1rem;
-  font-weight: 400;
-  line-height: 1.5;
-}
-.Text_caption {
-  display: inline-block;
-  font-size: 0.8rem;
-  font-weight: 400;
-  line-height: 1.4;
-  color: var(--text-color, #64748b);
-}
-.Text_animateFadeIn {
-  animation: Text_fadeIn var(--anim-duration, 800ms) cubic-bezier(0.16, 1, 0.3, 1) forwards;
-}
-@keyframes Text_fadeIn {
-  from {
-    opacity: 0;
-    transform: translateY(4px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-.Text_animateFadeOut {
-  animation: Text_fadeOut var(--anim-duration, 800ms) cubic-bezier(0.16, 1, 0.3, 1) forwards;
-}
-@keyframes Text_fadeOut {
-  from {
-    opacity: 1;
-    transform: translateY(0);
-  }
-  to {
-    opacity: 0;
-    transform: translateY(-4px);
-  }
-}
-.Text_animateTyping {
-  border-right: 2px solid currentColor;
-  white-space: nowrap;
-  overflow: hidden;
-  display: inline-block;
-  animation: Text_blinkCursor 0.75s step-end infinite;
-}
-@keyframes Text_blinkCursor {
-  from, to {
-    border-color: transparent;
-  }
-  50% {
-    border-color: currentColor;
-  }
-}
-.Text_animateRiseAndFade {
-  display: inline-block;
-  animation: Text_riseAndFade var(--rise-duration, 1000ms) cubic-bezier(0.16, 1, 0.3, 1) var(--rise-delay, 400ms) forwards;
-}
-@keyframes Text_riseAndFade {
-  0% {
-    opacity: 1;
-    transform: translateY(0);
-  }
-  100% {
-    opacity: 0;
-    transform: translateY(-40px);
-  }
-}
-.Text_letterFadeContainer {
-  display: inline-block;
-}
-.Text_letterFadeIn {
-  display: inline-block;
-  opacity: 0;
-  animation: Text_letterFadeInKeyframes ease-in-out forwards;
-}
-@keyframes Text_letterFadeInKeyframes {
-  from {
-    opacity: 0;
-    transform: translateY(2px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-.Text_letterFadeOut {
-  display: inline-block;
-  opacity: 1;
-  animation: Text_letterFadeOutKeyframes ease-in-out forwards;
-}
-@keyframes Text_letterFadeOutKeyframes {
-  from {
-    opacity: 1;
-    transform: translateY(0);
-  }
-  to {
-    opacity: 0;
-    transform: translateY(-2px);
-  }
-}
-.Text_markdown {
-  display: block;
-}
-.Text_markdownWithIcon {
-  display: flex;
-  align-items: flex-start;
-}
-.Text_markdownBody {
-  min-width: 0;
-  flex: 1;
-}
-
 /* dist/screens/components/UserEditPopover/index.module.css */
 .UserEditPopover_popoverPaper {
   padding: 16px;