@a3s-lab/office 0.2.2 → 0.4.0

package/dist/styles.css

@@ -5115,6 +5115,23 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
 }
 
 @media (width <= 520px) {
+  .work-office-select-menu {
+    overscroll-behavior: contain;
+    max-height: min(420px, 100dvh - 32px);
+  }
+
+  .work-office-select-menu > button {
+    border-radius: 7px;
+    min-height: 44px;
+    padding: 9px 10px;
+    font-size: 11px;
+  }
+
+  .work-office-select-group-label {
+    padding: 8px 10px 5px;
+    font-size: 9px;
+  }
+
   .work-office-color-menu {
     width: min(304px, 100vw - 16px);
     max-width: calc(100vw - 16px);
@@ -5275,6 +5292,7 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
   flex: none;
   min-width: 0;
   display: flex;
+  position: relative;
   box-shadow: 0 2px 7px #181f2e0a;
 }
 
@@ -5313,6 +5331,7 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
   min-width: 0;
   color: var(--a3s-muted);
   white-space: nowrap;
+  flex: 1;
   align-items: center;
   gap: 6px;
   font-size: 10px;
@@ -5320,6 +5339,11 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
   overflow: hidden;
 }
 
+.work-office-preview-bar > .work-office-collaboration {
+  margin-left: auto;
+  margin-right: 8px;
+}
+
 .work-office-preview-summary > svg {
   color: var(--work-office-accent, var(--a3s-blue));
   flex: none;
@@ -5375,6 +5399,17 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
   font-size: 12px;
 }
 
+.work-office-ribbon-tabs > button[data-contextual="true"] {
+  background: color-mix(in srgb, var(--work-office-accent) 7%, transparent);
+  box-shadow: inset 0 2px
+    color-mix(in srgb, var(--work-office-accent) 48%, transparent);
+  color: color-mix(in srgb, var(--work-office-accent) 82%, var(--a3s-ink));
+}
+
+.work-office-ribbon-tabs > button[data-contextual="true"]:hover:not(:disabled) {
+  background: color-mix(in srgb, var(--work-office-accent) 11%, transparent);
+}
+
 .work-office-ribbon-tabs > button:after {
   left: 4px;
   right: 4px;
@@ -5401,6 +5436,11 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
   background: var(--work-office-accent);
 }
 
+.work-office-ribbon[data-contextual-active="true"] > .work-office-ribbon-panel {
+  box-shadow: inset 0 1px
+    color-mix(in srgb, var(--work-office-accent) 28%, transparent);
+}
+
 .work-office-ribbon-tab-navigation {
   border-left: 1px solid var(--a3s-line);
   background: var(--a3s-panel);
@@ -5443,6 +5483,57 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
   opacity: .28;
 }
 
+.work-office-quick-access {
+  border-right: 1px solid var(--a3s-line);
+  flex: none;
+  align-items: center;
+  gap: 1px;
+  height: 36px;
+  padding: 0 5px;
+  display: flex;
+}
+
+.work-office-quick-access > button, .work-office-ribbon-collapse {
+  width: 26px;
+  height: 26px;
+  color: var(--a3s-muted);
+  cursor: pointer;
+  background: none;
+  border: 0;
+  border-radius: 5px;
+  outline: 0;
+  place-items: center;
+  padding: 0;
+  display: grid;
+}
+
+.work-office-quick-access > button:hover:not(:disabled), .work-office-quick-access > button:focus-visible, .work-office-ribbon-collapse:hover, .work-office-ribbon-collapse:focus-visible {
+  background: color-mix(in srgb,
+    var(--work-office-accent) 8%,
+    var(--a3s-panel));
+  color: var(--work-office-accent);
+}
+
+.work-office-quick-access > button:focus-visible, .work-office-ribbon-collapse:focus-visible {
+  box-shadow: inset 0 0 0 1px var(--work-office-accent);
+}
+
+.work-office-quick-access > button:disabled {
+  cursor: default;
+  opacity: .34;
+}
+
+.work-office-quick-access > button > span {
+  place-items: center;
+  display: grid;
+}
+
+.work-office-ribbon-collapse {
+  flex: 0 0 26px;
+  align-self: center;
+  margin: 0 5px 0 2px;
+}
+
 .work-office-file-menu {
   border-right: 1px solid var(--a3s-line);
   flex: none;
@@ -5552,6 +5643,22 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
   position: relative;
 }
 
+.work-office-ribbon-panel[hidden] {
+  display: none;
+}
+
+.work-office-ribbon[data-collapsed="true"] .work-office-ribbon-panel:not([hidden]) {
+  z-index: 10;
+  border-top: 1px solid var(--a3s-line);
+  border-bottom: 1px solid var(--a3s-line);
+  background: var(--a3s-panel);
+  position: absolute;
+  top: 36px;
+  left: 0;
+  right: 0;
+  box-shadow: 0 12px 26px #181f2e26;
+}
+
 .work-office-ribbon-panel[data-empty="true"] {
   display: none;
 }
@@ -5664,6 +5771,25 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
   overflow: hidden;
 }
 
+.work-office-ribbon .work-office-toolbar[data-density="compact-low"] .work-office-ribbon-group[data-priority="low"], .work-office-ribbon .work-office-toolbar[data-density="compact-normal"] .work-office-ribbon-group:not([data-priority="high"]) {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.work-office-ribbon .work-office-toolbar[data-density="compact-low"] .work-office-ribbon-group[data-priority="low"] > div, .work-office-ribbon .work-office-toolbar[data-density="compact-normal"] .work-office-ribbon-group:not([data-priority="high"]) > div {
+  gap: 0;
+}
+
+.work-office-ribbon .work-office-toolbar[data-density="compact-low"] .work-office-ribbon-group[data-priority="low"] button.with-label, .work-office-ribbon .work-office-toolbar[data-density="compact-normal"] .work-office-ribbon-group:not([data-priority="high"]) button.with-label {
+  width: 38px;
+  min-width: 38px;
+  padding-inline: 4px;
+}
+
+.work-office-ribbon .work-office-toolbar[data-density="compact-low"] .work-office-ribbon-group[data-priority="low"] button.with-label > span, .work-office-ribbon .work-office-toolbar[data-density="compact-normal"] .work-office-ribbon-group:not([data-priority="high"]) button.with-label > span {
+  display: none;
+}
+
 .work-office-ribbon .work-office-toolbar button.with-label {
   flex-direction: column;
   gap: 3px;
@@ -5733,6 +5859,329 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
   overflow: hidden;
 }
 
+.work-office-collaboration {
+  flex: none;
+  min-width: 0;
+  display: flex;
+}
+
+.work-office-collaboration-trigger, .work-office-status button.work-office-collaboration-trigger {
+  width: auto;
+  min-width: 24px;
+  height: 24px;
+  color: var(--a3s-muted);
+  font: 600 10px / 1 var(--a3s-ui-font);
+  cursor: pointer;
+  background: none;
+  border: 0;
+  border-radius: 6px;
+  justify-content: center;
+  align-items: center;
+  gap: 6px;
+  padding: 0 6px;
+  display: flex;
+}
+
+.work-office-collaboration-trigger:hover, .work-office-collaboration-trigger[aria-expanded="true"] {
+  background: var(--a3s-panel-soft);
+  color: var(--a3s-ink);
+}
+
+.work-office-collaboration-trigger:focus-visible {
+  outline: 2px solid
+    color-mix(in srgb,
+      var(--work-office-accent, var(--a3s-blue)) 42%,
+      transparent);
+  outline-offset: 1px;
+}
+
+.work-office-collaboration-stack {
+  align-items: center;
+  padding-left: 4px;
+  display: flex;
+}
+
+.work-office-collaboration-avatar, .work-office-collaboration-overflow {
+  border: 2px solid var(--a3s-panel);
+  background: var(--work-office-presence-color, var(--a3s-blue));
+  color: #fff;
+  width: 28px;
+  height: 28px;
+  font: 700 11px / 1 var(--a3s-ui-font);
+  isolation: isolate;
+  border-radius: 50%;
+  flex: 0 0 28px;
+  place-items: center;
+  display: grid;
+  position: relative;
+  overflow: visible;
+}
+
+.work-office-collaboration-avatar[data-compact="true"], .work-office-collaboration-overflow {
+  border-width: 1.5px;
+  flex-basis: 19px;
+  width: 19px;
+  height: 19px;
+  margin-left: -4px;
+  font-size: 8px;
+}
+
+.work-office-collaboration-avatar > img {
+  z-index: 1;
+  border-radius: inherit;
+  object-fit: cover;
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  inset: 0;
+}
+
+.work-office-collaboration-avatar:after {
+  z-index: 2;
+  border: 1.5px solid var(--a3s-panel);
+  content: "";
+  background: #16a34a;
+  border-radius: 50%;
+  width: 7px;
+  height: 7px;
+  position: absolute;
+  bottom: -2px;
+  right: -2px;
+}
+
+.work-office-collaboration-avatar[data-compact="true"]:after {
+  border-width: 1px;
+  width: 5px;
+  height: 5px;
+  bottom: -1px;
+  right: -1px;
+}
+
+.work-office-collaboration-avatar[data-activity="idle"]:after {
+  background: #d97706;
+}
+
+.work-office-collaboration-avatar[data-activity="away"]:after {
+  background: var(--a3s-faint);
+}
+
+.work-office-collaboration-overflow {
+  z-index: 4;
+  background: var(--a3s-panel-strong);
+  color: var(--a3s-muted);
+}
+
+.work-office-collaboration-summary {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 92px;
+  overflow: hidden;
+}
+
+.work-office-collaboration-popover {
+  width: min(320px, 100vw - 32px);
+  padding: 0;
+  overflow: hidden;
+}
+
+.work-office-collaboration-heading {
+  border-bottom: 1px solid var(--a3s-line);
+  align-items: center;
+  gap: 10px;
+  padding: 12px 14px 10px;
+  display: flex;
+}
+
+.work-office-collaboration-heading-icon {
+  background: color-mix(in srgb,
+    var(--work-office-accent, var(--a3s-blue)) 10%,
+    var(--a3s-panel));
+  width: 30px;
+  height: 30px;
+  color: var(--work-office-accent, var(--a3s-blue));
+  border-radius: 8px;
+  flex: 0 0 30px;
+  place-items: center;
+  display: grid;
+}
+
+.work-office-collaboration-heading > span:last-child {
+  gap: 3px;
+  display: grid;
+}
+
+.work-office-collaboration-heading strong {
+  color: var(--a3s-ink);
+  font-size: 12px;
+}
+
+.work-office-collaboration-heading small {
+  color: var(--a3s-muted);
+  font-size: 10px;
+}
+
+.work-office-collaboration-list {
+  gap: 2px;
+  max-height: min(320px, 100dvh - 140px);
+  margin: 0;
+  padding: 6px;
+  list-style: none;
+  display: grid;
+  overflow-y: auto;
+}
+
+.work-office-collaboration-list > li {
+  border-radius: 7px;
+  min-width: 0;
+}
+
+.work-office-collaboration-list > li[data-local="true"] {
+  background: var(--a3s-panel-soft);
+}
+
+.work-office-collaboration-participant {
+  box-sizing: border-box;
+  border-radius: inherit;
+  width: 100%;
+  min-width: 0;
+  color: inherit;
+  font: inherit;
+  text-align: left;
+  background: none;
+  border: 0;
+  outline: 0;
+  grid-template-columns: 28px minmax(0, 1fr);
+  align-items: center;
+  gap: 10px;
+  padding: 8px;
+  display: grid;
+}
+
+button.work-office-collaboration-participant {
+  cursor: pointer;
+  grid-template-columns: 28px minmax(0, 1fr) 18px;
+}
+
+button.work-office-collaboration-participant:hover {
+  background: color-mix(in srgb,
+    var(--work-office-accent, var(--a3s-blue)) 7%,
+    var(--a3s-panel));
+}
+
+button.work-office-collaboration-participant:focus-visible {
+  box-shadow: inset 0 0 0 2px
+    color-mix(in srgb,
+      var(--work-office-accent, var(--a3s-blue)) 44%,
+      transparent);
+}
+
+.work-office-collaboration-locate {
+  color: var(--work-office-accent, var(--a3s-blue));
+  opacity: .72;
+}
+
+button.work-office-collaboration-participant:hover .work-office-collaboration-locate, button.work-office-collaboration-participant:focus-visible .work-office-collaboration-locate {
+  opacity: 1;
+}
+
+.work-office-collaboration-person, .work-office-collaboration-name {
+  align-items: center;
+  min-width: 0;
+  display: flex;
+}
+
+.work-office-collaboration-person {
+  flex-direction: column;
+  align-items: stretch;
+  gap: 4px;
+}
+
+.work-office-collaboration-name {
+  gap: 5px;
+}
+
+.work-office-collaboration-name strong {
+  color: var(--a3s-ink);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 11px;
+  overflow: hidden;
+}
+
+.work-office-collaboration-name small {
+  background: var(--a3s-panel-strong);
+  color: var(--a3s-muted);
+  border-radius: 999px;
+  flex: none;
+  padding: 2px 5px;
+  font-size: 8px;
+  line-height: 1;
+}
+
+.work-office-collaboration-detail {
+  color: var(--a3s-muted);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 9px;
+  overflow: hidden;
+}
+
+.work-office-remote-presence-layer {
+  z-index: 12;
+  pointer-events: none;
+  -webkit-user-select: none;
+  user-select: none;
+  position: absolute;
+  inset: 0;
+  overflow: visible;
+}
+
+.work-office-remote-selection, .work-office-remote-caret {
+  box-sizing: border-box;
+  pointer-events: none;
+  position: absolute;
+}
+
+.work-office-remote-selection {
+  background: color-mix(in srgb,
+    var(--work-office-presence-color) 22%,
+    transparent);
+  box-shadow: inset 0 -1px 0
+    color-mix(in srgb, var(--work-office-presence-color) 66%, transparent);
+  border-radius: 2px;
+}
+
+.work-office-remote-caret {
+  z-index: 1;
+  border-left: 2px solid var(--work-office-presence-color);
+  min-height: 1em;
+  width: 2px !important;
+}
+
+.work-office-remote-caret > span {
+  background: var(--work-office-presence-color);
+  color: #fff;
+  max-width: 160px;
+  font: 650 9px / 1.25 var(--a3s-ui-font);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  border-radius: 4px 4px 4px 0;
+  padding: 3px 6px;
+  position: absolute;
+  bottom: 100%;
+  left: -2px;
+  overflow: hidden;
+  box-shadow: 0 3px 8px #0f172a29;
+}
+
+:is(.work-office-remote-selection, .work-office-remote-caret)[data-activity="idle"] {
+  opacity: .68;
+}
+
+:is(.work-office-remote-selection, .work-office-remote-caret)[data-activity="away"] {
+  opacity: .42;
+}
+
 .work-office-status-info output {
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -5744,6 +6193,44 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
   gap: 4px;
 }
 
+@media (width <= 760px) {
+  .work-office-collaboration-trigger {
+    padding-inline: 3px;
+  }
+
+  .work-office-collaboration-summary {
+    display: none;
+  }
+}
+
+@media (forced-colors: active) {
+  .work-office-collaboration-avatar, .work-office-collaboration-overflow {
+    color: highlighttext;
+    background: highlight;
+    border-color: canvas;
+  }
+
+  .work-office-collaboration-trigger:focus-visible {
+    outline-color: highlight;
+  }
+
+  button.work-office-collaboration-participant:focus-visible {
+    outline-offset: -2px;
+    box-shadow: none;
+    outline: 2px solid highlight;
+  }
+
+  .work-office-remote-selection {
+    box-shadow: none;
+    background: none;
+    border: 1px solid highlight;
+  }
+
+  .work-office-remote-caret {
+    border-color: highlight;
+  }
+}
+
 .work-office-status button {
   width: 23px;
   height: 22px;
@@ -5757,6 +6244,15 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
   display: grid;
 }
 
+.work-office-status button.work-office-status-text-button {
+  width: auto;
+  min-width: 0;
+  color: inherit;
+  font: inherit;
+  white-space: nowrap;
+  padding: 0 5px;
+}
+
 .work-office-status button:hover:not(:disabled), .work-office-status button[aria-pressed="true"] {
   background: var(--a3s-panel-soft);
   color: var(--a3s-ink);
@@ -6659,6 +7155,11 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
   display: flex;
 }
 
+.work-document-review-conflict.ds-inline-notice {
+  flex: none;
+  margin: 8px 12px 0;
+}
+
 .work-document-font-tools, .work-document-paragraph-tools {
   align-content: center;
   gap: 2px;
@@ -6691,6 +7192,31 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
   width: 82px;
 }
 
+.work-document-ribbon .work-office-ribbon-group > .work-document-page-setup-choice {
+  align-content: center;
+  gap: 2px;
+  width: 84px;
+  padding-inline: 1px;
+  display: grid;
+}
+
+.work-document-page-setup-choice > span {
+  color: var(--a3s-faint);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  padding-inline: 2px;
+  font-size: 8px;
+  line-height: 10px;
+  overflow: hidden;
+}
+
+.work-document-ribbon .work-document-page-setup-choice .work-office-select > button[role="combobox"] {
+  gap: 4px;
+  min-width: 0;
+  height: 28px;
+  padding-inline: 6px 5px;
+}
+
 .work-document-selection-toolbar {
   z-index: 70;
   box-sizing: border-box;
@@ -7213,7 +7739,7 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
   display: grid;
 }
 
-.work-document-picture-properties-section.position, .work-document-picture-properties-alt-text {
+.work-document-picture-properties-section.position, .work-document-picture-properties-section.layer, .work-document-picture-properties-section.crop, .work-document-picture-properties-alt-text {
   grid-column: 1 / -1;
 }
 
@@ -7256,6 +7782,44 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
   display: grid;
 }
 
+.work-document-picture-properties-position-grid {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 8px 12px;
+  display: grid;
+}
+
+.work-document-picture-properties-wrap-side {
+  min-height: 34px;
+  color: var(--a3s-muted);
+  grid-template-columns: 64px minmax(0, 1fr);
+  align-items: center;
+  gap: 8px;
+  font-size: 11px;
+  display: grid;
+}
+
+.work-document-picture-properties-crop-grid {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 8px 12px;
+  display: grid;
+}
+
+.work-document-picture-properties-layer-options {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 6px 12px;
+  display: grid;
+}
+
+.work-document-picture-properties-layer-options .work-office-checkbox {
+  border-radius: 6px;
+  min-height: 34px;
+  padding: 5px 6px;
+}
+
+.work-document-picture-properties-position-grid .work-document-picture-properties-number-row {
+  grid-template-columns: 64px minmax(0, 1fr) 34px;
+}
+
 .work-document-picture-properties-choice-grid label {
   cursor: pointer;
   min-width: 0;
@@ -7656,7 +8220,7 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
     gap: 20px;
   }
 
-  .work-document-picture-properties-section.position, .work-document-picture-properties-alt-text {
+  .work-document-picture-properties-section.position, .work-document-picture-properties-section.layer, .work-document-picture-properties-section.crop, .work-document-picture-properties-alt-text {
     grid-column: auto;
   }
 
@@ -7665,6 +8229,10 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
     min-height: 44px;
   }
 
+  .work-document-picture-properties-position-grid, .work-document-picture-properties-crop-grid, .work-document-picture-properties-layer-options {
+    grid-template-columns: 1fr;
+  }
+
   .work-document-picture-properties-number-row .work-office-number-field {
     grid-template-columns: minmax(0, 1fr) 88px;
     height: 44px;
@@ -7689,7 +8257,7 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
     padding-inline: 4px;
   }
 
-  .work-document-picture-properties-section > .work-office-checkbox {
+  .work-document-picture-properties-section > .work-office-checkbox, .work-document-picture-properties-layer-options .work-office-checkbox {
     min-height: 44px;
     padding-block: 8px;
   }
@@ -8856,6 +9424,14 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
   display: none;
 }
 
+.work-document-ribbon .work-office-toolbar[data-density="compact-low"] .work-office-ribbon-group[data-priority="low"] .work-document-style-gallery, .work-document-ribbon .work-office-toolbar[data-density="compact-normal"] .work-office-ribbon-group:not([data-priority="high"]) .work-document-style-gallery {
+  display: none;
+}
+
+.work-document-ribbon .work-office-toolbar[data-density="compact-low"] .work-office-ribbon-group[data-priority="low"] .work-document-style-select, .work-document-ribbon .work-office-toolbar[data-density="compact-normal"] .work-office-ribbon-group:not([data-priority="high"]) .work-document-style-select {
+  display: block;
+}
+
 @media (width <= 900px) {
   .work-document-style-gallery {
     display: none;
@@ -9353,22 +9929,50 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
   background-color: #0000 !important;
 }
 
-.work-document-page-stack {
-  z-index: 0;
+.work-document-page-stack, .work-document-page-border-stack {
+  z-index: 0;
+  pointer-events: none;
+  -webkit-user-select: none;
+  user-select: none;
+  position: absolute;
+  inset: 0;
+  overflow: visible;
+}
+
+.work-document-page-border-stack.front {
+  z-index: 6;
+}
+
+.work-document-page-border-surface {
+  position: absolute;
+  overflow: hidden;
+}
+
+.work-document-page-border {
+  box-sizing: border-box;
   pointer-events: none;
   -webkit-user-select: none;
   user-select: none;
   position: absolute;
-  inset: 0;
-  overflow: visible;
+}
+
+.work-pdf-export-page.document > .work-document-page-border.back {
+  z-index: 0;
+}
+
+.work-pdf-export-page.document > .work-document-page-border.front {
+  z-index: 6;
+}
+
+.work-pdf-export-page.document > :is(.work-document-print-body, .work-document-page-notes) {
+  z-index: 1;
+  position: relative;
 }
 
 .work-document-page-sheet {
   box-sizing: border-box;
   border: 1px solid var(--a3s-line);
   position: absolute;
-  left: 0;
-  right: 0;
   box-shadow: 0 8px 28px #1e26371a;
 }
 
@@ -9377,6 +9981,14 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
   position: relative;
 }
 
+.work-document-editable {
+  position: relative;
+}
+
+.work-document-editable .ProseMirror[data-document-format-painter="true"] {
+  cursor: copy;
+}
+
 .work-document-page.letter {
   width: 816px;
   min-height: 1056px;
@@ -9400,6 +10012,7 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
 }
 
 .work-document-page .tiptap, .work-document-preview-page, .work-pdf-export-page.document {
+  isolation: isolate;
   color: #20232b;
   font-family: var(--work-document-render-font-family);
   font-size: var(--work-document-render-font-size);
@@ -9438,10 +10051,15 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
   position: absolute;
 }
 
+:is(.work-document-preview-page, .work-pdf-export-page.document) > header, :is(.work-document-preview-page, .work-pdf-export-page.document) > footer {
+  min-height: 0;
+}
+
 .work-document-page-header, :is(.work-document-preview-page, .work-pdf-export-page.document) > header {
-  height: var(--work-document-page-margin-top, 86px);
+  top: var(--work-document-page-header-distance, 0px);
+  height: var(--work-document-page-header-height, var(--work-document-page-margin-top, 86px));
   justify-content: center;
-  top: 0;
+  align-items: flex-start;
 }
 
 .work-document-page-header {
@@ -9449,9 +10067,10 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
 }
 
 .work-document-page-footer, :is(.work-document-preview-page, .work-pdf-export-page.document) > footer {
-  height: var(--work-document-page-margin-bottom, 96px);
+  bottom: var(--work-document-page-footer-distance, 0px);
+  height: var(--work-document-page-footer-height, var(--work-document-page-margin-bottom, 96px));
   justify-content: space-between;
-  bottom: 0;
+  align-items: flex-end;
 }
 
 .work-document-page-footer {
@@ -9584,11 +10203,15 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
 
 .work-document-page .tiptap .work-document-page-break-chrome.header {
   top: var(--work-document-next-page-header-top);
+  right: var(--work-document-next-page-margin-right, var(--work-document-page-margin-right));
+  left: var(--work-document-next-page-margin-left, var(--work-document-page-margin-left));
   height: var(--work-document-page-header-height);
 }
 
 .work-document-page .tiptap .work-document-page-break-chrome.footer {
   top: var(--work-document-previous-page-footer-top);
+  right: var(--work-document-previous-page-margin-right, var(--work-document-page-margin-right));
+  left: var(--work-document-previous-page-margin-left, var(--work-document-page-margin-left));
   height: var(--work-document-page-footer-height);
   justify-content: space-between;
 }
@@ -9932,6 +10555,41 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
   display: block !important;
 }
 
+.work-document-page .tiptap [data-resize-container][data-node="image"]:not([data-office-image-layout="inline"]) {
+  z-index: var(--work-document-image-z-index, 1);
+  position: relative;
+}
+
+.work-document-page .tiptap [data-resize-container][data-node="image"][data-office-image-layout="none"] {
+  translate: var(--work-document-image-free-translate-x, 0)
+    var(--work-document-image-free-translate-y, 0);
+  margin: 0;
+  position: absolute;
+  left: auto;
+  right: auto;
+}
+
+.work-document-page .tiptap [data-resize-container][data-node="image"][data-office-image-layout="none"]:not([data-office-image-horizontal-offset])[data-office-image-alignment="left"] {
+  left: 0;
+}
+
+.work-document-page .tiptap [data-resize-container][data-node="image"][data-office-image-layout="none"]:not([data-office-image-horizontal-offset])[data-office-image-alignment="center"] {
+  --work-document-image-free-translate-x: -50%;
+  left: 50%;
+}
+
+.work-document-page .tiptap [data-resize-container][data-node="image"][data-office-image-layout="none"]:not([data-office-image-horizontal-offset])[data-office-image-alignment="right"] {
+  right: 0;
+}
+
+.work-document-page .tiptap [data-resize-container][data-node="image"][data-office-image-layout="none"][data-office-image-horizontal-offset] {
+  --work-document-image-free-translate-x: var(--work-document-image-horizontal-offset, 0);
+}
+
+.work-document-page .tiptap [data-resize-container][data-node="image"][data-office-image-layout="none"][data-office-image-vertical-offset] {
+  --work-document-image-free-translate-y: var(--work-document-image-vertical-offset, 0);
+}
+
 .work-document-page .tiptap [data-resize-container][data-node="image"] [data-resize-wrapper], .work-document-page .tiptap [data-resize-container][data-node="image"] img {
   max-width: 100%;
 }
@@ -9967,7 +10625,22 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
     var(--work-document-image-wrap-distance, 3mm);
 }
 
-.work-document-page .tiptap [data-resize-container][data-node="image"][data-office-image-layout="square"][data-office-image-alignment="center"], .work-document-page .tiptap [data-resize-container][data-node="image"][data-office-image-layout="topBottom"] {
+.work-document-page .tiptap [data-resize-container][data-node="image"]:is([data-office-image-layout="tight"], [data-office-image-layout="through"])[data-office-image-alignment="left"] {
+  float: left;
+  margin: 0;
+}
+
+.work-document-page .tiptap [data-resize-container][data-node="image"]:is([data-office-image-layout="tight"], [data-office-image-layout="through"])[data-office-image-alignment="right"] {
+  float: right;
+  margin: 0;
+}
+
+.work-document-page .tiptap [data-resize-container][data-node="image"]:is([data-office-image-layout="tight"], [data-office-image-layout="through"]):is([data-office-image-alignment="left"], [data-office-image-alignment="right"]) {
+  shape-margin: var(--work-document-image-wrap-distance, 3mm);
+  shape-outside: var(--work-document-image-wrap-contour, inset(0));
+}
+
+.work-document-page .tiptap [data-resize-container][data-node="image"][data-office-image-layout="square"][data-office-image-alignment="center"], .work-document-page .tiptap [data-resize-container][data-node="image"]:is([data-office-image-layout="tight"], [data-office-image-layout="through"])[data-office-image-alignment="center"], .work-document-page .tiptap [data-resize-container][data-node="image"][data-office-image-layout="topBottom"] {
   clear: both;
 }
 
@@ -9975,6 +10648,24 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
   margin-block: var(--work-document-image-wrap-distance, 3mm);
 }
 
+.work-document-page .tiptap [data-resize-container][data-node="image"]:is([data-office-image-layout="square"], [data-office-image-layout="tight"], [data-office-image-layout="through"], [data-office-image-layout="topBottom"]):is([data-office-image-horizontal-offset], [data-office-image-vertical-offset]) {
+  translate: var(--work-document-image-horizontal-offset, 0)
+    var(--work-document-image-vertical-offset, 0);
+}
+
+.work-document-page .tiptap [data-resize-container][data-node="image"]:is([data-office-image-crop-top], [data-office-image-crop-right], [data-office-image-crop-bottom], [data-office-image-crop-left]) [data-resize-wrapper] {
+  overflow: hidden;
+}
+
+.work-document-page .tiptap [data-resize-container][data-node="image"]:is([data-office-image-crop-top], [data-office-image-crop-right], [data-office-image-crop-bottom], [data-office-image-crop-left]) img {
+  max-width: none;
+  transform: translate(var(--work-document-image-crop-translate-x, 0),
+      var(--work-document-image-crop-translate-y, 0))
+    scale(var(--work-document-image-crop-scale-x, 1),
+      var(--work-document-image-crop-scale-y, 1));
+  transform-origin: 0 0;
+}
+
 .work-document-page .tiptap .ProseMirror:after {
   clear: both;
   content: "";
@@ -10066,6 +10757,38 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
   box-shadow: 0 8px 30px #1e263712;
 }
 
+.work-document-statistics {
+  border: 1px solid var(--a3s-line);
+  border-radius: 7px;
+  margin: 0;
+  display: grid;
+  overflow: hidden;
+}
+
+.work-document-statistics > div {
+  background: var(--a3s-panel);
+  grid-template-columns: minmax(0, 1fr) auto;
+  gap: 24px;
+  padding: 9px 12px;
+  font-size: 12px;
+  display: grid;
+}
+
+.work-document-statistics > div + div {
+  border-top: 1px solid var(--a3s-line);
+}
+
+.work-document-statistics dt {
+  color: var(--a3s-muted);
+}
+
+.work-document-statistics dd {
+  color: var(--a3s-ink);
+  font-variant-numeric: tabular-nums;
+  margin: 0;
+  font-weight: 620;
+}
+
 @media (width <= 1080px) {
   .work-export-button {
     padding: 0 9px;
@@ -10092,7 +10815,7 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
 }
 
 @media (width <= 760px) {
-  .work-document-footer .work-office-status-info [aria-label="分节状态"], .work-document-footer .work-office-status-info button {
+  .work-document-footer .work-office-status-info [data-document-status-item="section"], .work-document-footer .work-office-status-info [data-document-status-item="spellcheck"] {
     display: none;
   }
 
@@ -10101,6 +10824,37 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
   }
 }
 
+@media (width <= 520px) {
+  .work-document-footer.work-office-status {
+    flex-basis: 40px;
+    gap: 6px;
+    height: 40px;
+    padding-inline: 8px;
+  }
+
+  .work-document-footer .work-office-status-info {
+    gap: 8px;
+  }
+
+  .work-document-footer .work-office-status-info [data-document-status-item="word-count"], .work-document-footer .work-office-status-view [data-document-status-control="view-mode"] {
+    display: none;
+  }
+
+  .work-document-footer .work-office-status-view {
+    gap: 2px;
+  }
+
+  .work-document-footer.work-office-status button {
+    width: 36px;
+    height: 36px;
+  }
+
+  .work-document-footer .work-office-status-slider {
+    width: 48px;
+    margin-inline: 0;
+  }
+}
+
 .work-document-layout-panel > legend {
   float: none;
   color: var(--a3s-ink);
@@ -10359,6 +11113,25 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
   min-height: 460px;
 }
 
+.work-document-page.paginated .tiptap > .work-document-section {
+  box-sizing: border-box;
+  width: var(--work-document-section-body-width, auto);
+  margin-right: 0;
+  margin-left: calc((100% - var(--work-document-section-page-width, 100%)) /
+    2 +
+    var(--work-document-section-margin-left, 0px));
+}
+
+.work-document-page.paginated .tiptap > .work-document-section + .work-document-section {
+  border-top: 0;
+  margin-top: 0;
+  padding-top: 0;
+}
+
+.work-document-page.paginated .tiptap > .work-document-section + .work-document-section:before {
+  display: none;
+}
+
 .work-document-page .tiptap > .work-document-section + .work-document-section {
   border-top: 1px dashed #9ea8b9;
   margin-top: 46px;
@@ -10516,6 +11289,7 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
 .work-document-print-body > article {
   flex: none;
   min-height: 0;
+  position: relative;
 }
 
 .work-document-print-body > .work-document-custom-column-layout {
@@ -10598,6 +11372,41 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
   display: block;
 }
 
+:is(.work-document-preview-page, .work-pdf-export-page.document) img[data-office-image-layout]:not([data-office-image-layout="inline"]) {
+  z-index: var(--work-document-image-z-index, 1);
+  position: relative;
+}
+
+.work-pdf-export-page.document .work-document-print-body img[data-office-image-layout="none"] {
+  translate: var(--work-document-image-free-translate-x, 0)
+    var(--work-document-image-free-translate-y, 0);
+  margin: 0;
+  position: absolute;
+  left: auto;
+  right: auto;
+}
+
+.work-pdf-export-page.document .work-document-print-body img[data-office-image-layout="none"]:not([data-office-image-horizontal-offset])[data-office-image-alignment="left"] {
+  left: 0;
+}
+
+.work-pdf-export-page.document .work-document-print-body img[data-office-image-layout="none"]:not([data-office-image-horizontal-offset])[data-office-image-alignment="center"] {
+  --work-document-image-free-translate-x: -50%;
+  left: 50%;
+}
+
+.work-pdf-export-page.document .work-document-print-body img[data-office-image-layout="none"]:not([data-office-image-horizontal-offset])[data-office-image-alignment="right"] {
+  right: 0;
+}
+
+.work-pdf-export-page.document .work-document-print-body img[data-office-image-layout="none"][data-office-image-horizontal-offset] {
+  --work-document-image-free-translate-x: var(--work-document-image-horizontal-offset, 0);
+}
+
+.work-pdf-export-page.document .work-document-print-body img[data-office-image-layout="none"][data-office-image-vertical-offset] {
+  --work-document-image-free-translate-y: var(--work-document-image-vertical-offset, 0);
+}
+
 :is(.work-document-preview-page, .work-pdf-export-page.document) img[data-office-image-layout="inline"][data-office-image-alignment="left"], :is(.work-document-preview-page, .work-pdf-export-page.document) img[data-office-image-layout="topBottom"][data-office-image-alignment="left"] {
   margin-left: 0;
   margin-right: auto;
@@ -10625,7 +11434,22 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
     var(--work-document-image-wrap-distance, 3mm);
 }
 
-:is(.work-document-preview-page, .work-pdf-export-page.document) img[data-office-image-layout="square"][data-office-image-alignment="center"], :is(.work-document-preview-page, .work-pdf-export-page.document) img[data-office-image-layout="topBottom"] {
+:is(.work-document-preview-page, .work-pdf-export-page.document) img:is([data-office-image-layout="tight"], [data-office-image-layout="through"])[data-office-image-alignment="left"] {
+  float: left;
+  margin: 0;
+}
+
+:is(.work-document-preview-page, .work-pdf-export-page.document) img:is([data-office-image-layout="tight"], [data-office-image-layout="through"])[data-office-image-alignment="right"] {
+  float: right;
+  margin: 0;
+}
+
+:is(.work-document-preview-page, .work-pdf-export-page.document) img:is([data-office-image-layout="tight"], [data-office-image-layout="through"]):is([data-office-image-alignment="left"], [data-office-image-alignment="right"]) {
+  shape-margin: var(--work-document-image-wrap-distance, 3mm);
+  shape-outside: var(--work-document-image-wrap-contour, inset(0));
+}
+
+:is(.work-document-preview-page, .work-pdf-export-page.document) img[data-office-image-layout="square"][data-office-image-alignment="center"], :is(.work-document-preview-page, .work-pdf-export-page.document) img:is([data-office-image-layout="tight"], [data-office-image-layout="through"])[data-office-image-alignment="center"], :is(.work-document-preview-page, .work-pdf-export-page.document) img[data-office-image-layout="topBottom"] {
   clear: both;
 }
 
@@ -10633,6 +11457,23 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
   margin-block: var(--work-document-image-wrap-distance, 3mm);
 }
 
+:is(.work-document-preview-page, .work-pdf-export-page.document) img:is([data-office-image-layout="square"], [data-office-image-layout="tight"], [data-office-image-layout="through"], [data-office-image-layout="topBottom"]):is([data-office-image-horizontal-offset], [data-office-image-vertical-offset]) {
+  translate: var(--work-document-image-horizontal-offset, 0)
+    var(--work-document-image-vertical-offset, 0);
+}
+
+:is(.work-document-preview-page, .work-pdf-export-page.document) img:is([data-office-image-crop-top], [data-office-image-crop-right], [data-office-image-crop-bottom], [data-office-image-crop-left]) {
+  clip-path: inset(var(--work-document-image-crop-top, 0)
+      var(--work-document-image-crop-right, 0)
+      var(--work-document-image-crop-bottom, 0)
+      var(--work-document-image-crop-left, 0));
+  transform: translate(var(--work-document-image-crop-translate-x, 0),
+      var(--work-document-image-crop-translate-y, 0))
+    scale(var(--work-document-image-crop-scale-x, 1),
+      var(--work-document-image-crop-scale-y, 1));
+  transform-origin: 0 0;
+}
+
 :is(.work-document-preview-page, .work-pdf-export-page.document):after {
   clear: both;
   content: "";
@@ -10649,6 +11490,25 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
   }
 }
 
+.work-document-bookmark-boundary {
+  border: 0;
+  block-size: 0;
+  inline-size: 0;
+  margin: 0;
+  padding: 0;
+  font-size: 0;
+  line-height: 0;
+  display: inline;
+}
+
+:is(.work-document-editable, .work-document-preview-page, .work-pdf-export-page.document) a.work-document-link-missing {
+  color: var(--a3s-red);
+  text-underline-offset: .16em;
+  text-decoration-line: underline;
+  text-decoration-style: wavy;
+  text-decoration-color: currentColor;
+}
+
 .work-document-caption {
   color: #4d5668;
   text-align: center;
@@ -10744,6 +11604,44 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
   padding: 0;
 }
 
+.work-document-equation {
+  vertical-align: -.12em;
+  border-radius: .2em;
+  max-width: 100%;
+  margin-inline: .08em;
+  padding-inline: .08em;
+  line-height: 1.2;
+  display: inline-flex;
+}
+
+.work-document-equation.block {
+  justify-content: center;
+  width: 100%;
+  margin-block: .35em;
+  display: flex;
+}
+
+.work-document-equation.block.justification-left {
+  justify-content: flex-start;
+}
+
+.work-document-equation.block.justification-right {
+  justify-content: flex-end;
+}
+
+.work-document-equation math {
+  max-width: 100%;
+  font-family: Cambria Math, STIX Two Math, math, serif;
+  font-size: 1.08em;
+  overflow: auto hidden;
+}
+
+.work-document-editor:not(.preview) .work-document-equation.ProseMirror-selectednode {
+  outline: 2px solid
+    color-mix(in srgb, var(--ds-primary, #2563eb) 68%, transparent);
+  outline-offset: 2px;
+}
+
 .work-document-workspace {
   flex: 1;
   min-width: 0;
@@ -12017,6 +12915,81 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
   background: color-mix(in srgb, var(--work-office-accent) 18%, transparent);
 }
 
+.work-markdown-source-presence-layer {
+  z-index: 3;
+  pointer-events: none;
+  -webkit-user-select: none;
+  user-select: none;
+  position: absolute;
+  overflow: hidden;
+}
+
+.work-markdown-source-presence-mirror {
+  box-sizing: border-box;
+  color: #0000;
+  min-height: 100%;
+  font-family: var(--font-mono);
+  font-size: calc(14px * var(--work-markdown-zoom) / 100);
+  overflow-wrap: break-word;
+  tab-size: 2;
+  white-space: pre-wrap;
+  margin: 0;
+  padding: 38px clamp(28px, 5vw, 72px) 80px;
+  line-height: 1.8;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+
+.work-markdown-workspace.split .work-markdown-source-presence-mirror {
+  padding: 32px clamp(24px, 3.5vw, 46px) 72px;
+}
+
+.work-markdown-source-remote-range {
+  background: color-mix(in srgb,
+    var(--work-office-presence-color) 22%,
+    transparent);
+  -webkit-box-decoration-break: clone;
+  box-decoration-break: clone;
+  box-shadow: inset 0 -1px 0
+    color-mix(in srgb, var(--work-office-presence-color) 66%, transparent);
+  border-radius: 2px;
+  position: relative;
+}
+
+.work-markdown-source-remote-range[data-collapsed="true"] {
+  border-left: 2px solid var(--work-office-presence-color);
+  box-shadow: none;
+  background: none;
+  border-radius: 0;
+}
+
+.work-markdown-source-remote-range:after {
+  z-index: 1;
+  background: var(--work-office-presence-color);
+  color: #fff;
+  content: attr(data-participant-name);
+  max-width: 160px;
+  font: 650 9px / 1.25 var(--a3s-ui-font);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  border-radius: 4px 4px 4px 0;
+  padding: 3px 6px;
+  position: absolute;
+  bottom: 100%;
+  left: -2px;
+  overflow: hidden;
+  box-shadow: 0 3px 8px #0f172a29;
+}
+
+.work-markdown-source-presence-mirror[data-activity="idle"] {
+  opacity: .68;
+}
+
+.work-markdown-source-presence-mirror[data-activity="away"] {
+  opacity: .42;
+}
+
 .work-markdown-workspace.split .work-markdown-pane.source textarea {
   min-height: calc(100% - 32px);
   padding: 32px clamp(24px, 3.5vw, 46px) 72px;
@@ -12033,6 +13006,7 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
   width: min(880px, 100% - 64px);
   min-height: calc(100% - 64px);
   margin: 32px auto;
+  position: relative;
   box-shadow: 0 1px 2px #161c280a, 0 12px 34px #161c280d;
 }
 
@@ -12395,6 +13369,10 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
     padding: 28px 20px 64px;
   }
 
+  .work-markdown-workspace.split .work-markdown-source-presence-mirror {
+    padding: 28px 20px 64px;
+  }
+
   .work-markdown-workspace.split .work-markdown-canvas {
     min-height: 100%;
   }
@@ -12445,6 +13423,10 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
   font-size: 12px;
 }
 
+.work-spreadsheet-editor[data-format-painter] .work-spreadsheet-canvas :is(.fortune-container, .fortune-sheet-overlay, canvas) {
+  cursor: copy !important;
+}
+
 .work-spreadsheet-find-bar {
   z-index: 30;
   border: 1px solid var(--a3s-line-strong);
@@ -13247,6 +14229,98 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
   display: none !important;
 }
 
+.work-spreadsheet-editor .luckysheet-filter-options {
+  border: 1px solid
+    color-mix(in srgb, var(--work-spreadsheet-accent) 58%, var(--a3s-line));
+  background: var(--a3s-panel);
+  min-width: 20px;
+  min-height: 20px;
+  color: var(--work-spreadsheet-header-text);
+  cursor: pointer;
+  border-radius: 3px;
+  place-items: center;
+  display: grid;
+}
+
+.work-spreadsheet-editor .luckysheet-filter-options .caret.down {
+  border-top-color: var(--work-spreadsheet-accent);
+}
+
+.work-spreadsheet-editor .luckysheet-filter-options:hover, .work-spreadsheet-editor .luckysheet-filter-options:focus-visible {
+  background: var(--work-spreadsheet-chrome-hover);
+  color: var(--work-spreadsheet-accent);
+}
+
+.work-spreadsheet-editor .luckysheet-filter-options:focus-visible {
+  outline: 2px solid
+    color-mix(in srgb, var(--work-spreadsheet-accent) 72%, white);
+  outline-offset: 1px;
+}
+
+.work-spreadsheet-editor .luckysheet-filter-options-active {
+  background: var(--work-spreadsheet-accent);
+  color: #fff;
+}
+
+.work-spreadsheet-editor .fortune-filter-menu {
+  overscroll-behavior: contain;
+  border-radius: var(--a3s-overlay-radius);
+  background: var(--a3s-overlay-surface);
+  max-width: min(320px, 100vw - 16px);
+  max-height: min(620px, 100dvh - 16px);
+  box-shadow: var(--a3s-shadow-soft);
+  color: var(--a3s-ink);
+  font: 500 12px / 1.4 var(--a3s-ui-font);
+  scrollbar-color: var(--a3s-line-strong) transparent;
+  scrollbar-width: thin;
+  border: 0;
+  overflow: auto;
+}
+
+.work-spreadsheet-editor .fortune-filter-menu .luckysheet-cols-menuitem:focus-visible, .work-spreadsheet-editor .fortune-filter-menu .fortune-byvalue-btn:focus-visible, .work-spreadsheet-editor .fortune-filter-menu .select-item:focus-visible, .work-spreadsheet-editor .fortune-filter-menu .button-basic:focus-visible, .work-spreadsheet-editor .fortune-filter-menu input:focus-visible {
+  outline: 2px solid
+    color-mix(in srgb, var(--work-spreadsheet-accent) 70%, white);
+  outline-offset: -1px;
+  border-radius: 4px;
+}
+
+.work-spreadsheet-editor .fortune-filter-menu .filtermenu-input-container input {
+  border-color: var(--a3s-line-strong);
+  background: var(--a3s-panel);
+  color: var(--a3s-ink);
+  font-family: var(--a3s-ui-font);
+  border-radius: 5px;
+}
+
+.work-spreadsheet-editor .fortune-filter-menu .filtermenu-input-container input::placeholder {
+  color: var(--a3s-muted);
+}
+
+.work-spreadsheet-editor .fortune-filter-menu input[type="checkbox"] {
+  accent-color: var(--work-spreadsheet-accent);
+}
+
+.work-spreadsheet-editor .fortune-filter-menu .fortune-byvalue-btn {
+  color: var(--work-spreadsheet-accent);
+}
+
+.work-spreadsheet-editor .fortune-filter-menu .button-primary {
+  background: var(--work-spreadsheet-accent);
+  color: #fff;
+}
+
+.work-spreadsheet-editor .fortune-filter-menu .button-default {
+  border-color: var(--a3s-line-strong);
+  background: var(--a3s-panel);
+  color: var(--a3s-ink);
+}
+
+@media (width <= 640px) {
+  .work-spreadsheet-editor .fortune-filter-menu .filtermenu-input-container input {
+    font-size: 16px;
+  }
+}
+
 .work-spreadsheet-editor .fortune-modal-container {
   backdrop-filter: blur(3px);
   background: #090c166b;
@@ -13556,6 +14630,92 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
   --work-office-menu-accent: var(--work-spreadsheet-menu-accent);
 }
 
+.work-spreadsheet-ribbon-menu-trigger > span:after {
+  content: "";
+  vertical-align: 2px;
+  border-top: 4px solid;
+  border-left: 3px solid #0000;
+  border-right: 3px solid #0000;
+  margin-left: 4px;
+  display: inline-block;
+}
+
+.work-spreadsheet-ribbon-split-root {
+  border-radius: 6px;
+  flex: none;
+  align-items: stretch;
+  height: 51px;
+  display: inline-flex;
+}
+
+.work-office-ribbon .work-office-toolbar .work-spreadsheet-ribbon-split-primary.with-label {
+  border-radius: 6px 0 0 6px;
+  min-width: 51px;
+  padding-right: 4px;
+}
+
+.work-office-ribbon .work-office-toolbar .work-spreadsheet-ribbon-split-disclosure {
+  border-left: 1px solid color-mix(in srgb, var(--a3s-line) 72%, transparent);
+  border-radius: 0 6px 6px 0;
+  width: 18px;
+  min-width: 18px;
+  height: 51px;
+  padding: 0;
+}
+
+.work-spreadsheet-ribbon-split-disclosure svg {
+  transition: transform .12s;
+}
+
+.work-spreadsheet-ribbon-split-disclosure[aria-expanded="true"] svg {
+  transform: rotate(180deg);
+}
+
+.work-spreadsheet-ribbon-split-primary:focus-visible, .work-spreadsheet-ribbon-split-disclosure:focus-visible {
+  box-shadow: inset 0 0 0 1px var(--work-spreadsheet-accent);
+  outline: 0;
+}
+
+.work-office-ribbon .work-office-toolbar[data-density="compact-low"] .work-office-ribbon-group[data-priority="low"] .work-spreadsheet-ribbon-split-primary.with-label, .work-office-ribbon .work-office-toolbar[data-density="compact-normal"] .work-office-ribbon-group:not([data-priority="high"]) .work-spreadsheet-ribbon-split-primary.with-label {
+  width: 38px;
+  min-width: 38px;
+  padding-inline: 4px;
+}
+
+.work-spreadsheet-ribbon-menu {
+  --work-office-menu-accent: var(--work-office-control-accent, #159469);
+  width: min(264px, 100vw - 32px);
+}
+
+.work-spreadsheet-ribbon-menu > button {
+  grid-template-columns: 20px minmax(0, 1fr);
+}
+
+.work-spreadsheet-ribbon-menu > button > span:last-child {
+  white-space: normal;
+}
+
+.work-spreadsheet-ribbon-menu-item-icon {
+  width: 20px;
+  height: 20px;
+  color: var(--work-office-menu-accent);
+  place-items: center;
+  display: grid;
+}
+
+.work-spreadsheet-ribbon-menu-item-icon > svg {
+  width: 16px;
+  height: 16px;
+}
+
+.work-spreadsheet-ribbon-menu > button.danger {
+  color: color-mix(in srgb, var(--a3s-red) 88%, var(--a3s-ink));
+}
+
+.work-spreadsheet-ribbon-menu > button.danger .work-spreadsheet-ribbon-menu-item-icon {
+  color: currentColor;
+}
+
 .work-spreadsheet-sheet-list {
   min-width: 220px;
 }
@@ -15910,6 +17070,72 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
   position: absolute;
 }
 
+.work-presentation-remote-presence-layer {
+  z-index: 14;
+  pointer-events: none;
+  -webkit-user-select: none;
+  user-select: none;
+  position: absolute;
+  inset: 0;
+  overflow: visible;
+}
+
+.work-presentation-remote-element {
+  box-sizing: border-box;
+  border: 1.5px solid var(--work-office-presence-color);
+  outline: 1px solid
+    color-mix(in srgb, var(--work-office-presence-color) 18%, transparent);
+  outline-offset: 2px;
+  transform-origin: center;
+  display: block;
+  position: absolute;
+}
+
+.work-presentation-remote-element > span, .work-presentation-remote-slide-marker {
+  background: var(--work-office-presence-color);
+  color: #fff;
+  max-width: 160px;
+  font: 650 9px / 1.25 var(--a3s-ui-font);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  border-radius: 4px;
+  padding: 3px 6px;
+  overflow: hidden;
+  box-shadow: 0 3px 8px #0f172a29;
+}
+
+.work-presentation-remote-element > span {
+  border-radius: 4px 4px 4px 0;
+  position: absolute;
+  bottom: 100%;
+  left: -2px;
+}
+
+.work-presentation-remote-slide-marker {
+  position: absolute;
+  right: 8px;
+}
+
+:is(.work-presentation-remote-element, .work-presentation-remote-slide-marker)[data-activity="idle"] {
+  opacity: .68;
+}
+
+:is(.work-presentation-remote-element, .work-presentation-remote-slide-marker)[data-activity="away"] {
+  opacity: .42;
+}
+
+@media (forced-colors: active) {
+  .work-presentation-remote-element {
+    border-color: highlight;
+    outline-color: highlight;
+  }
+
+  .work-presentation-remote-element > span, .work-presentation-remote-slide-marker {
+    color: highlighttext;
+    background: highlight;
+  }
+}
+
 .work-slide-selection-resize-handle {
   cursor: nwse-resize;
   pointer-events: auto;
@@ -17565,6 +18791,119 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
   overflow: hidden;
 }
 
+.work-pdf-embed:focus-visible {
+  outline: 2px solid color-mix(in srgb, var(--work-pdf-accent) 66%, #fff);
+  outline-offset: -2px;
+}
+
+.work-pdf-remote-presence-layer {
+  z-index: 4;
+  pointer-events: none;
+  -webkit-user-select: none;
+  user-select: none;
+  gap: 5px;
+  width: max-content;
+  max-width: min(220px, 100% - 24px);
+  display: grid;
+  position: absolute;
+  top: 12px;
+  right: 12px;
+}
+
+.work-pdf-remote-participant {
+  border: 1px solid color-mix(in srgb, var(--a3s-line) 82%, transparent);
+  background: var(--a3s-panel);
+  min-width: 0;
+  color: var(--a3s-ink);
+  border-radius: 7px;
+  grid-template-columns: 19px minmax(0, 1fr);
+  align-items: center;
+  gap: 7px;
+  padding: 5px 8px 5px 5px;
+  display: grid;
+}
+
+.work-pdf-remote-participant > span:last-child {
+  gap: 2px;
+  min-width: 0;
+  display: grid;
+}
+
+.work-pdf-remote-participant strong, .work-pdf-remote-participant small {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.work-pdf-remote-participant strong {
+  font: 650 9px / 1.2 var(--a3s-ui-font);
+}
+
+.work-pdf-remote-participant small {
+  color: color-mix(in srgb,
+    var(--work-office-presence-color) 72%,
+    var(--a3s-ink));
+  font: 500 8px / 1.2 var(--a3s-ui-font);
+}
+
+.work-pdf-remote-participant[data-activity="idle"] {
+  opacity: .74;
+}
+
+.work-pdf-remote-participant[data-activity="away"] {
+  opacity: .5;
+}
+
+.work-pdf-evidence-overlay {
+  z-index: 2;
+  pointer-events: none;
+  border: 0;
+  min-inline-size: 0;
+  margin: 0;
+  padding: 0;
+  position: absolute;
+  inset: 0;
+  overflow: hidden;
+}
+
+.work-pdf-evidence-region {
+  box-sizing: border-box;
+  cursor: pointer;
+  pointer-events: auto;
+  background: #e1313117;
+  border: 1px solid #d22f2fa3;
+  border-radius: 2px;
+  outline: 0;
+  min-width: 2px;
+  min-height: 2px;
+  padding: 0;
+  position: absolute;
+  box-shadow: inset 0 0 0 1px #ffffff47;
+}
+
+.work-pdf-evidence-region:hover, .work-pdf-evidence-region:focus-visible, .work-pdf-evidence-region[data-selected] {
+  z-index: 1;
+  background: #e1313126;
+  border: 2px solid #d72f2f;
+  box-shadow: 0 0 0 2px #ffffffd1, 0 2px 8px #62111138;
+}
+
+.work-pdf-evidence-status {
+  z-index: 3;
+  color: #ffffffd6;
+  pointer-events: none;
+  background: #181c22d1;
+  border: 1px solid #ffffff29;
+  border-radius: 5px;
+  max-width: min(280px, 100% - 24px);
+  padding: 5px 9px;
+  font-size: 10px;
+  line-height: 1.4;
+  position: absolute;
+  bottom: 12px;
+  right: 12px;
+}
+
 .work-pdf-loading {
   z-index: 3;
   background: color-mix(in srgb, var(--a3s-bg) 88%, transparent);
@@ -17578,6 +18917,18 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
   inset: 0;
 }
 
+@media (forced-colors: active) {
+  .work-pdf-embed:focus-visible {
+    outline-color: highlight;
+  }
+
+  .work-pdf-remote-participant {
+    color: canvastext;
+    background: canvas;
+    border-color: highlight;
+  }
+}
+
 .work-pdf-state.ds-state-view {
   background: var(--a3s-bg);
   flex: 1;