.appearance-dialog {
  padding: 22px; max-height: calc(100dvh - 32px); overflow: auto;
  width: min(600px, calc(100vw - 32px)); min-width: 0;
  background: var(--ps-color-panel); color: var(--ps-color-foreground);
  border: 1px solid var(--ps-color-border); border-radius: var(--shape-radius-dialog);
}
.appearance-heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 18px; }
.appearance-heading h2 { margin: 0; font-size: calc(20px * var(--ps-font-scale)); }
.appearance-heading button { color: var(--ps-color-muted-foreground); background: transparent; border: 0; font-size: var(--ps-font-body); }
.appearance-dialog .ps-appearance-controls label { margin: 0; font-size: var(--ps-font-support); }
/* Chromium native selects ignore authored line-height. These system fonts
   retain a measured 17px line box at the 13px support baseline on Windows. */
.appearance-dialog .ps-appearance-controls select { margin-top: 0; line-height: var(--ps-line-height); font-family: "Segoe UI", "Microsoft YaHei UI", sans-serif; }
.appearance-dialog .ps-appearance-note { color: var(--ps-color-muted-foreground); font-size: var(--ps-font-support); line-height: 1.7; margin: 0; }
.appearance-dialog::backdrop { background: rgb(0 0 0 / .48); }
.detail-sub, .condition-copy p, .source-detail p, .lane p, .page-footer, .native-panel>.hint { font-size: var(--ps-font-support); }
html[data-motion-mode='reduced'] *, html[data-motion-mode='none'] * {
  transition-duration: 0s !important; animation: none !important; scroll-behavior: auto !important;
}