fpasoterm 1.6.0

package/src/renderer/styles.css

@@ -0,0 +1,969 @@
+:root {
+  --titlebar-height: 34px;
+  --titlebar-background: #1565c0;
+  color-scheme: dark;
+  background: rgba(0, 0, 0, 0);
+}
+
+* {
+  box-sizing: border-box;
+}
+
+html,
+body {
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  background: rgba(0, 0, 0, 0);
+}
+
+body {
+  display: grid;
+  grid-template-rows: var(--titlebar-height) minmax(0, 1fr);
+  overflow: hidden;
+  color: #e8edf2;
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+}
+
+#drag-region {
+  position: relative;
+  z-index: 10000;
+  display: flex;
+  align-items: center;
+  min-width: 0;
+  height: var(--titlebar-height);
+  pointer-events: auto;
+  background: var(--titlebar-background);
+  color: #e8edf2;
+  font: 12px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  line-height: var(--titlebar-height);
+  padding: 0 8px 0 10px;
+  text-align: left;
+  user-select: none;
+  app-region: drag;
+  -webkit-app-region: drag;
+}
+
+#window-title {
+  flex: 1 1 auto;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  pointer-events: none;
+  app-region: drag;
+  -webkit-app-region: drag;
+}
+
+#ime-status {
+  position: fixed;
+  z-index: 10025;
+  right: 8px;
+  bottom: 8px;
+  max-width: calc(100vw - 16px);
+  padding: 3px 7px;
+  overflow: hidden;
+  border: 1px solid #f5d76e;
+  border-radius: 4px;
+  background: rgba(16, 19, 23, 0.94);
+  overflow: hidden;
+  color: #f5d76e;
+  font-weight: 700;
+  text-decoration: underline;
+  text-decoration-thickness: 2px;
+  text-underline-offset: 2px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  pointer-events: none;
+  app-region: no-drag;
+  -webkit-app-region: no-drag;
+}
+
+#ime-status[hidden] {
+  display: none;
+}
+
+#window-controls {
+  position: relative;
+  display: flex;
+  flex: 0 0 auto;
+  gap: 6px;
+  app-region: no-drag;
+  -webkit-app-region: no-drag;
+}
+
+#terminal-log-status,
+#sshfs-mount-status {
+  margin-left: 6px;
+  color: #f5d76e;
+  line-height: 24px;
+  white-space: nowrap;
+}
+
+#terminal-log-status[hidden],
+#sshfs-mount-status[hidden] {
+  display: none;
+}
+
+#window-controls button {
+  width: 24px;
+  height: 24px;
+  padding: 0;
+  border: 1px solid rgba(255, 255, 255, 0.54);
+  border-radius: 4px;
+  background: rgba(0, 0, 0, 0.18);
+  color: #e8edf2;
+  font: inherit;
+  line-height: 20px;
+  app-region: no-drag;
+  -webkit-app-region: no-drag;
+}
+
+#window-controls button:focus,
+#window-controls button:focus-visible {
+  outline: 2px solid #f5d76e;
+  outline-offset: 1px;
+  border-color: #f5d76e;
+  background: rgba(0, 0, 0, 0.42);
+}
+
+#window-menu-items[hidden] {
+  display: none;
+}
+
+#window-menu {
+  position: relative;
+  display: flex;
+  align-items: center;
+  height: 24px;
+  app-region: no-drag;
+  -webkit-app-region: no-drag;
+}
+
+#window-menu-toggle {
+  width: 28px;
+  padding: 0;
+  font-size: 16px;
+}
+
+#window-menu-items {
+  position: absolute;
+  top: 28px;
+  right: 0;
+  z-index: 10020;
+  display: grid;
+  min-width: 128px;
+  max-width: calc(100vw - 12px);
+  max-height: calc(100vh - var(--titlebar-height) - 8px);
+  gap: 4px;
+  padding: 6px;
+  overflow-x: hidden;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+  border: 1px solid rgba(255, 255, 255, 0.34);
+  border-radius: 6px;
+  background: rgba(17, 21, 26, 0.96);
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.36);
+  app-region: no-drag;
+  -webkit-app-region: no-drag;
+}
+
+#window-menu-items button {
+  width: 100%;
+  min-width: 0;
+  padding: 0 8px;
+  text-align: left;
+  white-space: nowrap;
+}
+
+.window-menu-submenu {
+  display: grid;
+  gap: 4px;
+}
+
+/* The submenu layout rule otherwise overrides the HTML hidden attribute. */
+.window-menu-submenu[hidden] {
+  display: none;
+}
+
+#window-menu-items .window-menu-submenu-toggle::after {
+  content: ">";
+  float: right;
+}
+
+#window-menu-items .window-menu-submenu-toggle[aria-expanded="true"]::after {
+  content: "v";
+}
+
+.window-menu-submenu-items {
+  display: grid;
+  gap: 4px;
+  margin-left: 8px;
+  padding-left: 6px;
+  border-left: 1px solid rgba(255, 255, 255, 0.24);
+}
+
+.window-menu-submenu-items[hidden] {
+  display: none;
+}
+
+#keybinding-prefix {
+  padding: 1px 8px 5px;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.24);
+  color: #c7d3df;
+  font-size: 11px;
+  line-height: 16px;
+  white-space: nowrap;
+}
+
+#window-controls button[hidden] {
+  display: none;
+}
+
+#window-controls button:hover {
+  background: rgba(255, 255, 255, 0.20);
+}
+
+#close-window:hover {
+  background: rgba(255, 107, 107, 0.42);
+}
+
+#terminal {
+  position: relative;
+  min-width: 0;
+  min-height: 0;
+  overflow: hidden;
+  padding: 0 0 8px;
+  background: transparent;
+  app-region: no-drag;
+  -webkit-app-region: no-drag;
+}
+
+#terminal.terminal-error {
+  padding: 16px;
+  color: #ffb4b4;
+  font: 13px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  white-space: pre-wrap;
+}
+
+/* Mirrors marked IME text when a platform WebView keeps it only in xterm's
+ * hidden textarea. This is visual-only and never writes to the PTY. */
+#ime-preedit {
+  position: fixed;
+  z-index: 10010;
+  max-width: calc(100vw - 12px);
+  overflow: hidden;
+  padding: 0 2px;
+  border-bottom: 1px solid #f5d76e;
+  background: rgba(16, 19, 23, 0.82);
+  color: #ffffff;
+  pointer-events: none;
+  text-overflow: clip;
+  white-space: pre;
+}
+
+#ime-preedit::before {
+  content: "IME ";
+  color: #f5d76e;
+  font-weight: 700;
+}
+
+#ime-preedit[hidden] {
+  display: none;
+}
+
+.terminal-broadcast-card {
+  width: 100%;
+  max-width: 100%;
+  max-height: calc(100dvh - 32px);
+  overflow: auto;
+}
+
+/* Keep Broadcast out of body's grid flow. Without this fixed overlay, WebKit on
+ * macOS can place the dialog in an implicit grid column beyond the right edge. */
+#terminal-broadcast-dialog {
+  position: fixed;
+  right: 8px;
+  bottom: 8px;
+  z-index: 10030;
+  width: min(760px, calc(100dvw - 16px));
+  max-height: calc(100dvh - var(--titlebar-height) - 16px);
+  overflow: visible;
+  app-region: no-drag;
+  -webkit-app-region: no-drag;
+}
+
+#terminal-broadcast-dialog[hidden] {
+  display: none;
+}
+
+#terminal-broadcast-text {
+  width: 100%;
+  min-height: 140px;
+  resize: vertical;
+  border: 1px solid #5a7088;
+  border-radius: 4px;
+  background: #11151a;
+  color: #e8edf2;
+  font: 13px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  padding: 8px;
+}
+
+#terminal-broadcast-hint {
+  margin-top: 4px;
+  color: #aebdca;
+  font: 12px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+}
+
+#terminal-broadcast-focus-status {
+  margin-top: 4px;
+  color: #f5d76e;
+  font: 12px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+}
+
+#terminal-broadcast-dialog :is(textarea, select, button, input):focus,
+#terminal-broadcast-dialog :is(textarea, select, button, input):focus-visible,
+#terminal-broadcast-dialog :is(textarea, select, button, input).keyboard-focus {
+  outline: 3px solid #f5d76e;
+  outline-offset: 2px;
+  border-color: #f5d76e;
+  background: #314156;
+  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.92), 0 0 0 5px rgba(245, 215, 110, 0.62);
+}
+
+#terminal-broadcast-target-list label:focus-within,
+#terminal-broadcast-target-list label.keyboard-focus {
+  background: rgba(245, 215, 110, 0.14);
+  outline: 3px solid #f5d76e;
+  outline-offset: 1px;
+}
+
+#terminal-broadcast-control-picker {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+  margin-top: 10px;
+  color: #d8e4f0;
+  font: 12px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+}
+
+#terminal-broadcast-control-picker label {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+
+#terminal-broadcast-control,
+#terminal-broadcast-control-insert {
+  height: 24px;
+  border: 1px solid #3b4652;
+  border-radius: 4px;
+  background: #222932;
+  color: #e8edf2;
+  font: inherit;
+}
+
+#terminal-broadcast-control-status {
+  color: #f5d76e;
+}
+
+#terminal-broadcast-sync-label {
+  display: block;
+  margin: 10px 0;
+  color: #d8e4f0;
+  font-size: 12px;
+}
+
+#terminal-broadcast-targets {
+  margin: 10px 0 0;
+  border: 1px solid #5a7088;
+  border-radius: 4px;
+  color: #d8e4f0;
+}
+
+#terminal-broadcast-target-list {
+  display: grid;
+  gap: 4px;
+  max-height: 132px;
+  overflow: auto;
+}
+
+#terminal-broadcast-target-list label {
+  display: flex;
+  gap: 7px;
+  align-items: center;
+  overflow-wrap: anywhere;
+}
+
+.terminal-broadcast-target-actions {
+  display: flex;
+  gap: 8px;
+  margin-top: 8px;
+}
+
+#terminal-mirror {
+  position: fixed;
+  top: calc(var(--titlebar-height) + 8px);
+  right: 8px;
+  left: 8px;
+  z-index: 9;
+  max-height: min(34vh, 260px);
+  margin: 0;
+  overflow: auto;
+  padding: 8px;
+  border: 1px solid #41546a;
+  border-radius: 6px;
+  background: rgba(10, 14, 18, 0.92);
+  color: #d6f6ff;
+  font: 12px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  pointer-events: none;
+  white-space: pre-wrap;
+}
+
+#terminal-mirror[hidden] {
+  display: none;
+}
+
+.resize-edge,
+.resize-corner {
+  position: fixed;
+  z-index: 10001;
+  background: rgba(0, 0, 0, 0.001);
+  app-region: no-drag;
+  -webkit-app-region: no-drag;
+}
+
+.resize-edge-top,
+.resize-edge-bottom {
+  right: 12px;
+  left: 12px;
+  height: 6px;
+  cursor: ns-resize;
+}
+
+.resize-edge-left,
+.resize-edge-right {
+  top: var(--titlebar-height);
+  bottom: 12px;
+  width: 10px;
+  cursor: ew-resize;
+}
+
+.resize-edge-top {
+  top: 0;
+}
+
+.resize-edge-right {
+  right: 0;
+}
+
+.resize-edge-bottom {
+  bottom: 0;
+  left: 96px;
+  height: 4px;
+}
+
+.resize-edge-left {
+  left: 0;
+  bottom: 64px;
+}
+
+.resize-corner {
+  width: 18px;
+  height: 18px;
+}
+
+.resize-corner-top-left {
+  top: 0;
+  left: 0;
+  cursor: nwse-resize;
+}
+
+.resize-corner-top-right {
+  top: 0;
+  right: 0;
+  cursor: nesw-resize;
+}
+
+.resize-corner-bottom-right {
+  right: 0;
+  bottom: 0;
+  cursor: nwse-resize;
+}
+
+.resize-corner-bottom-left {
+  bottom: 0;
+  left: 0;
+  display: none;
+  cursor: nesw-resize;
+}
+
+#diagnostics-panel {
+  position: fixed;
+  right: 8px;
+  bottom: 8px;
+  z-index: 10;
+  width: min(760px, calc(100vw - 16px));
+  height: min(320px, calc(100vh - var(--titlebar-height) - 16px));
+  display: grid;
+  grid-template-rows: auto 1fr 22px;
+  border: 1px solid #3b4652;
+  border-radius: 6px;
+  background: #171b21;
+}
+
+#diagnostics-panel[hidden] {
+  display: none;
+}
+
+.diagnostics-toolbar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  padding: 4px 8px;
+  color: #f5d76e;
+  font: 12px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  cursor: move;
+  touch-action: none;
+}
+
+.panel-drag-title {
+  margin-bottom: 10px;
+  color: #f5d76e;
+  font: 13px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  cursor: move;
+  touch-action: none;
+}
+
+.diagnostics-actions {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  min-width: 0;
+  gap: 6px;
+  flex-wrap: wrap;
+}
+
+#terminal-log-select {
+  max-width: min(260px, 28vw);
+  height: 22px;
+  min-width: 120px;
+  border: 1px solid #3b4652;
+  border-radius: 4px;
+  background: #222932;
+  color: #e8edf2;
+  font: inherit;
+}
+
+#terminal-encoding-select {
+  max-width: 112px;
+  height: 22px;
+  min-width: 86px;
+  border: 1px solid #3b4652;
+  border-radius: 4px;
+  background: #222932;
+  color: #e8edf2;
+  font: inherit;
+}
+
+#terminal-log-search {
+  width: min(170px, 20vw);
+  height: 22px;
+  min-width: 86px;
+  padding: 0 6px;
+  border: 1px solid #3b4652;
+  border-radius: 4px;
+  background: #222932;
+  color: #e8edf2;
+  font: inherit;
+}
+
+#terminal-log-search-status {
+  min-width: 34px;
+  color: #f5d76e;
+  text-align: right;
+}
+
+#terminal-log-show-selected,
+#terminal-log-search-next,
+#terminal-log-delete-selected,
+#terminal-log-delete-all,
+#terminal-encoding-apply,
+#close-diagnostics {
+  height: 22px;
+  border: 1px solid #3b4652;
+  border-radius: 4px;
+  background: #222932;
+  color: #e8edf2;
+  font: inherit;
+}
+
+#diagnostics-panel select:focus,
+#diagnostics-panel input:focus,
+#diagnostics-panel button:focus,
+#diagnostics-panel textarea:focus,
+#diagnostics-panel select:focus-visible,
+#diagnostics-panel input:focus-visible,
+#diagnostics-panel button:focus-visible,
+#diagnostics-panel textarea:focus-visible {
+  outline: 3px solid #f5d76e;
+  outline-offset: 2px;
+  border-color: #f5d76e;
+  background: #314156;
+  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.92), 0 0 0 5px rgba(245, 215, 110, 0.62);
+}
+
+#diagnostics {
+  width: 100%;
+  min-width: 0;
+  min-height: 0;
+  overflow: auto;
+  padding: 6px 8px;
+  border: 0;
+  border-top: 1px solid #252b33;
+  border-bottom: 1px solid #252b33;
+  background: #171b21;
+  color: #f5d76e;
+  font: 12px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  resize: none;
+  white-space: pre;
+}
+
+#font-glyph-preview,
+#terminal-capability-preview {
+  width: 100%;
+  min-width: 0;
+  min-height: 0;
+  margin: 0;
+  overflow: auto;
+  padding: 10px 12px;
+  border-top: 1px solid #252b33;
+  border-bottom: 1px solid #252b33;
+  background: #171b21;
+  color: #e8edf2;
+  outline: 0;
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+}
+
+#font-glyph-preview:focus,
+#font-glyph-preview:focus-visible,
+#terminal-capability-preview:focus,
+#terminal-capability-preview:focus-visible {
+  outline: 3px solid #f5d76e;
+  outline-offset: -5px;
+}
+
+#diagnostics::selection {
+  background: #f5d76e;
+  color: #11151a;
+}
+
+#terminal-log-confirm[hidden] {
+  display: none;
+}
+
+#terminal-log-confirm,
+#close-all-confirm,
+#sshfs-manager-dialog,
+#terminal-broadcast-confirm,
+#terminal-url-dialog {
+  position: absolute;
+  inset: 0;
+  z-index: 2;
+  display: grid;
+  place-items: center;
+  padding: 16px;
+  background: rgba(10, 14, 18, 0.72);
+}
+
+#close-all-confirm[hidden] {
+  display: none;
+}
+
+#sshfs-manager-dialog[hidden] {
+  display: none;
+}
+
+#sshfs-manager-dialog {
+  /* Keep every form field and error reachable in a short native window. */
+  position: fixed;
+  top: var(--titlebar-height);
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 10020;
+  display: block;
+  overflow-x: hidden;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+}
+
+.sshfs-manager-card {
+  width: 100%;
+  max-width: 680px;
+  max-height: none;
+  margin: 0 auto 16px;
+}
+
+.sshfs-manager-card form {
+  display: grid;
+  gap: 10px;
+  margin-top: 10px;
+}
+
+.sshfs-manager-card label {
+  display: grid;
+  gap: 4px;
+  color: #d8e4f0;
+  font: 12px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+}
+
+.sshfs-manager-card :is(input, select) {
+  width: 100%;
+  min-height: 32px;
+  border: 1px solid #5a7088;
+  border-radius: 4px;
+  background: #11151a;
+  color: #e8edf2;
+  font: inherit;
+  padding: 5px 7px;
+}
+
+.sshfs-password-control {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  gap: 6px;
+  align-items: center;
+}
+
+.sshfs-password-control button {
+  min-width: 58px;
+  min-height: 32px;
+}
+
+.sshfs-local-path-actions {
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr);
+  gap: 6px;
+  align-items: center;
+}
+
+#sshfs-manager-local-path {
+  min-width: 0;
+  overflow-wrap: anywhere;
+  color: #a7f3d0;
+  font: 12px/1.45 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  text-decoration: underline;
+  cursor: copy;
+}
+
+#sshfs-manager-local-path[aria-disabled="true"] {
+  color: #94a3b8;
+  cursor: default;
+  text-decoration: none;
+}
+
+.sshfs-manager-card :is(input, select, button):focus,
+.sshfs-manager-card :is(input, select, button):focus-visible {
+  outline: 3px solid #f5d76e;
+  outline-offset: 2px;
+  border-color: #f5d76e;
+}
+
+.sshfs-manager-description,
+.sshfs-manager-warning,
+#sshfs-manager-result {
+  display: block;
+  margin: 8px 0;
+  color: #cbd5e1;
+  font: 12px/1.45 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  overflow-wrap: anywhere;
+}
+
+.sshfs-manager-warning { color: #f5d76e; }
+#sshfs-manager-result { color: #a7f3d0; }
+
+#terminal-broadcast-confirm[hidden] {
+  display: none;
+}
+
+#terminal-url-dialog[hidden] {
+  display: none;
+}
+
+#terminal-url-dialog {
+  position: fixed;
+  inset: 0;
+  z-index: 10050;
+  app-region: no-drag;
+  -webkit-app-region: no-drag;
+}
+
+/* Broadcast is a fixed overlay, so its destructive-command confirmation must
+ * use a higher fixed layer instead of the ordinary in-panel confirmation layer. */
+#terminal-broadcast-confirm {
+  position: fixed;
+  inset: 0;
+  z-index: 10040;
+  app-region: no-drag;
+  -webkit-app-region: no-drag;
+}
+
+.terminal-log-confirm-card {
+  width: min(520px, 100%);
+  padding: 12px;
+  border: 1px solid #f5d76e;
+  border-radius: 6px;
+  background: #171b21;
+  color: #e8edf2;
+  box-shadow: 0 10px 36px rgba(0, 0, 0, 0.48);
+}
+
+#terminal-log-confirm-title {
+  color: #f5d76e;
+  font: 13px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+}
+
+#close-all-confirm-title {
+  color: #f5d76e;
+  font: 13px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+}
+
+#terminal-broadcast-confirm-title {
+  color: #f5d76e;
+  font: 13px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+}
+
+#terminal-url-title {
+  color: #f5d76e;
+  font: 13px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+}
+
+#terminal-log-confirm-message {
+  max-height: 140px;
+  overflow: auto;
+  margin: 8px 0 12px;
+  color: #e8edf2;
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+  font: 12px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+}
+
+#terminal-broadcast-confirm-message {
+  max-height: 180px;
+  overflow: auto;
+  margin: 8px 0 12px;
+  color: #e8edf2;
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+  font: 12px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+}
+
+#terminal-url-message {
+  max-height: 180px;
+  overflow: auto;
+  margin: 8px 0 12px;
+  color: #e8edf2;
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+  font: 12px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+}
+
+.terminal-log-confirm-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+}
+
+#terminal-log-confirm-ok,
+#terminal-log-confirm-cancel,
+#terminal-broadcast-confirm-ok,
+#terminal-broadcast-confirm-cancel,
+#terminal-url-copy,
+#terminal-url-open,
+#terminal-url-cancel {
+  height: 24px;
+  min-width: 72px;
+  border: 1px solid #3b4652;
+  border-radius: 4px;
+  background: #222932;
+  color: #e8edf2;
+  font: 12px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+}
+
+#diagnostics-path {
+  overflow: hidden;
+  padding: 4px 8px;
+  color: #b9c2cc;
+  font: 11px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.xterm {
+  width: 100%;
+  height: 100%;
+}
+
+.xterm-viewport,
+.xterm-screen {
+  overflow: hidden;
+}
+
+/* Kitty image canvases are visual layers; xterm's helper textarea owns input. */
+.xterm-image-layer-top,
+.xterm-image-layer-bottom {
+  pointer-events: none !important;
+}
+
+.xterm .xterm-accessibility:not(.debug),
+.xterm .xterm-accessibility-tree:not(.debug),
+.xterm .xterm-accessibility-tree:not(.debug) *,
+.xterm .live-region,
+.xterm .xterm-message {
+  display: none !important;
+  opacity: 0 !important;
+  visibility: hidden !important;
+  color: transparent !important;
+  background: transparent !important;
+  pointer-events: none !important;
+}
+
+.xterm .xterm-helper-textarea {
+  color: transparent !important;
+  background: transparent !important;
+  caret-color: transparent !important;
+  -webkit-text-fill-color: transparent !important;
+  text-shadow: none !important;
+}
+
+/* Windows WebView renders marked IME text in this xterm-owned element. */
+.xterm .composition-view {
+  color: #ffffff !important;
+  background: rgba(16, 19, 23, 0.82) !important;
+  border-bottom: 1px solid #f5d76e;
+  caret-color: transparent !important;
+  -webkit-text-fill-color: #ffffff !important;
+  text-shadow: none !important;
+}
+
+/* The positioned fpasoterm overlay is clearer than xterm's hidden helper. */
+body.ime-preedit-overlay .xterm .composition-view {
+  color: transparent !important;
+  background: transparent !important;
+  border-color: transparent !important;
+  -webkit-text-fill-color: transparent !important;
+}
+
+.xterm .xterm-char-measure-element {
+  position: absolute !important;
+  left: -9999em !important;
+  top: -9999em !important;
+  z-index: -1 !important;
+  opacity: 0 !important;
+  visibility: hidden !important;
+  pointer-events: none !important;
+}