dsh-plugin-shop 0.9.1-beta.0 → 0.9.1-beta.1

package/lib/client.js

@@ -4800,6 +4800,10 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			/** The shelf's order control, and the date each card carries under the two
 			* date orders (design 2026-10-12-shelf-orders §4). */
 			sortLabel: "排序",
+			/** The wide layout's rail headings (design 2026-11-02-shop-widescreen-layout
+			* §4): the category group above, the hide-incompatible modifier below. */
+			categoriesHeading: "分类",
+			filterHeading: "筛选",
 			sortStars: "星标最多",
 			sortAdded: "最新上架",
 			sortUpdated: "最近更新",
@@ -4989,6 +4993,10 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			/** The shelf's order control, and the date each card carries under the two
 			* date orders (design 2026-10-12-shelf-orders §4). */
 			sortLabel: "Sort",
+			/** The wide layout's rail headings (design 2026-11-02-shop-widescreen-layout
+			* §4): the category group above, the hide-incompatible modifier below. */
+			categoriesHeading: "Categories",
+			filterHeading: "Filter",
 			sortStars: "Most stars",
 			sortAdded: "Newest",
 			sortUpdated: "Recently updated",
@@ -8431,142 +8439,147 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			if (typeof held?.dispose === "function") held.dispose();
 		}
 		//#endregion
-		//#region \0dsh-plugin-shop-css:e3675a89
-		const css = "/* Shop styles — the shop's own page with its market shelf, and the shop's two\n * buttons on dsh's Plugins page. Every variable read here is a dsh theme\n * alias token (`--dsw-alias-*`), one of the shop's own properties declared in\n * this file (`--shop-*`, `--category-hue`, `--switch-hue`, `--track-hue`), or\n * one of two dsh variables outside the alias set, each read where the shop\n * copies dsh: `--dsh-frame-top-clearance`, so the page head clears the\n * desktop frame as dsh's own pages do, and `--dsw-radius-sm`, because the\n * Plugins page buttons copy dsh's Button (0.1.5-rc.3 lacks that token, and\n * has no Plugins page to draw them on). `state-error` and\n * `state-success` do not exist, so the state-*-primary set stands in for\n * them (measured 2026-10-17 on dsh 0.1.5-rc.3, 0.1.7-rc.2 and 0.2.0-rc.2,\n * which do define `bg-layer-3` and `interactive-bg-hover`, once listed here\n * as missing). The signature is the category spine: one HUE per\n * category (seven fixed hues, not the brand token — the brand resolves to\n * near-black in the light theme, so seven brand opacities read as seven\n * shades of gray), with the category name as the cover label in the same hue. Class names are mapped to content-derived names at bundle time\n * (tsdown.s8583e3_client.s942a79_config.s5f67aa_ts) and stubbed in tests; only the keys are relied\n * on.\n *\n * One token rule the theme forces: the background LAYERS do not carry\n * contrast. In the light theme bg-base, bg-layer-1, bg-layer-2 and\n * bg-layer-3 all resolve to the same white; only the dark theme spreads them\n * (950/875/850/800). So a layer-2 fill on a layer-1 ground is invisible for\n * half of all users, and anything whose fill is its ONLY affordance — the\n * loading skeleton, the borderless capability chips — derives its fill from\n * label-primary instead, which inverts with the theme by construction.\n * Elements that also carry a border or text may keep a layer fill.\n * `css-tokens.s8583e3_client.sfd9d8a_spec.s5f67aa_ts` pins this. */\n\n.s255e5a_panel {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  /* The two reds every red text in this tab is painted with. dsh's error red\n   * is #ec1313 in the light theme, which measures 4.498:1 as text on white —\n   * a miss of two thousandths — and 3.57:1 on the badge's own 14% red fill\n   * (4.00:1 in dark). Mixing it toward label-primary fixes both, because\n   * label-primary is the theme's foreground pole: it darkens the red on light\n   * surfaces and lightens it on dark ones. Measured in the live app: 90% of\n   * the red is 5.30:1 on white and 5.29:1 on the dark card, and 80% is\n   * 4.98:1 on the badge's tint, 4.92:1 in dark. Computed: 90% is 6.14:1 on\n   * the dark page itself (#151517, `bg-base`), where the self-update's\n   * failure heading sits (4.69:1 on Settings' #2c2c2e, its ground through\n   * 0.8.7), and 80% is 5.23:1 on the uninstall button's 10% hover fill.\n   * Declared here, on the tab root, because a custom property inherits: one\n   * declaration reaches every red element, and a new one cannot be\n   * forgotten. */\n  --shop-error: color-mix(in srgb, var(--dsw-alias-state-error-primary) 90%, var(--dsw-alias-label-primary));\n  --shop-error-on-tint: color-mix(in srgb, var(--dsw-alias-state-error-primary) 80%, var(--dsw-alias-label-primary));\n  /* The amber and the green, mixed the same way for the same reason. dsh's\n   * warn #f59e0b and success #22c55e are one value in both themes and pass\n   * in the dark one, but as text on white they measure 2.15:1 and 2.28:1.\n   * Each derived colour keeps the largest multiple of ten of its hue that\n   * clears every surface it paints, as the reds do. Computed from the live\n   * tokens over every bg layer in both themes: amber at 60% is 4.95:1 on a\n   * plain surface but 4.44:1 on its own 14% tint, so text on an amber tint\n   * takes 50% (5.66:1); green at 60% is 5.18:1 plain and 4.60:1 on its 14%\n   * tint, so one green serves both. */\n  --shop-warn: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 60%, var(--dsw-alias-label-primary));\n  --shop-warn-on-tint: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 50%, var(--dsw-alias-label-primary));\n  --shop-success: color-mix(in srgb, var(--dsw-alias-state-success-primary) 60%, var(--dsw-alias-label-primary));\n  /* The shelf never scrolls sideways: a card too wide for its track wraps\n   * its badges rather than widening the panel.\n   *\n   * Clipped on BOTH axes, with a margin, because `.s232ec4_searchInput` sits at\n   * exactly (0, 0) of this box — it is the first child of `.s646509_toolbar`, itself\n   * the first child here, and this rule carries no padding — so its focus\n   * ring paints ENTIRELY outside the panel.\n   *\n   * Both axes is the load-bearing part: `overflow-clip-margin` is inert\n   * unless the element clips on both. Clipping x alone left the margin doing\n   * nothing — measured against the live app on 0.7.1, the ring reached 0 of\n   * its 3px on the left at every device pixel ratio (1, 1.25, 1.5, 2), while\n   * keeping the full 3px on the right, where the 280px input stops short of\n   * the panel and never meets the clip edge. Raising the margin to 6px\n   * changed nothing; clipping both axes with the SAME 3px restored the whole\n   * ring. A test that reads declarations cannot see that difference, which is\n   * why the first attempt at this shipped broken.\n   *\n   * `clip` is not a scroll container, so this does not bring back the\n   * accidental scrolling `hidden` caused by coercing the other axis to\n   * `auto`. Nothing is lost vertically: the panel's scrollHeight equals its\n   * height and no descendant paints outside the clip rect (measured).\n   * `overflow-x: hidden` stays as the fallback for engines without `clip`,\n   * where the ring is clipped as it was before, never worse. */\n  overflow-x: hidden;\n  overflow: clip;\n  overflow-clip-margin: 3px;\n}\n\n/* The shop's own page in dsh's main column (design\n * 2026-10-16-shop-sidebar-page §4.2), framed as dsh 0.2.0-rc.2 frames its\n * Plugins page — read from that page's stylesheet: the page is the scroll\n * container, its children one centred column of at most 960px, and the head\n * clears the desktop title bar. One declaration is the shop's own, `color`:\n * dsh's `.s3f14d7_page` inherits its colour from the shell around it, and the shop's\n * root is not inside dsh's panel stylesheet, so the shop's page states it. */\n.s3f14d7_page {\n  box-sizing: border-box;\n  height: 100%;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 32px;\n  padding: 0 clamp(24px, 4vw, 48px) 48px;\n  color: var(--dsw-alias-label-primary);\n}\n\n.s3f14d7_page > * {\n  width: 100%;\n  max-width: 960px;\n}\n\n.s9bc9a3_pageHead {\n  box-sizing: border-box;\n  padding-top: calc(28px + var(--dsh-frame-top-clearance, 0px));\n}\n\n.sd3fc57_pageTitle {\n  margin: 0;\n  font-size: 20px;\n  font-weight: 500;\n  line-height: 28px;\n}\n\n/* Secondary, as dsh's own intro: 5.80:1 on the light theme's white. */\n.s11ac5e_pageIntro {\n  margin: 4px 0 0;\n  font-size: 13px;\n  line-height: 20px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n/* The two buttons on dsh's Plugins page (design 2026-10-16-shop-sidebar-page\n * §7), drawn as that page draws its own small outline buttons beside them —\n * dsh 0.2.0-rc.2's Button, sm + outline: 28px tall, 12px text on an 18px\n * line, 10px of side padding, the small radius, the neutral stroke. That\n * stroke is 0.5px in dsh and 1px here: every border in this stylesheet is,\n * and Chromium paints 0.5px as 1px at every ratio measured. */\n.sbaabcb_detailAction {\n  box-sizing: border-box;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  height: 28px;\n  padding: 0 10px;\n  border: 1px solid var(--dsw-alias-border-l3);\n  border-radius: var(--dsw-radius-sm);\n  background: transparent;\n  color: var(--dsw-alias-label-primary);\n  font-size: 12px;\n  line-height: 18px;\n  cursor: pointer;\n}\n\n.sbaabcb_detailAction:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.sbaabcb_detailAction:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n.s44a3ec_stateLine {\n  margin: 0;\n  color: var(--dsw-alias-label-primary);\n  font-size: 13px;\n}\n\n/* Visually hidden but screen-reader readable (the loading copy while the\n * skeleton stands in visually). */\n.s3a0ece_srOnly {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  border: 0;\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n/* The loading shelf: ghost cards with the same geometry as the real grid, so\n * the swap to content is a same-shape handoff instead of a jump. */\n.se0c3b4_skeletonGrid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 8px;\n}\n\n.s520416_skeletonCard {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: 10px;\n  background: var(--dsw-alias-bg-layer-1);\n  overflow: hidden;\n}\n\n/* The shimmer sweep: one gradient band travels across each ghost card while\n * the bars breathe, so the loading state reads as \"the shelf is scanning\". */\n.s520416_skeletonCard::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(\n    100deg,\n    transparent 25%,\n    color-mix(in srgb, var(--dsw-alias-label-primary) 14%, transparent) 50%,\n    transparent 75%\n  );\n  transform: translateX(-100%);\n  animation: dshShopSkeletonSweep 1.4s ease-in-out infinite;\n  pointer-events: none;\n}\n\n@keyframes dshShopSkeletonSweep {\n  to { transform: translateX(100%); }\n}\n\n.s8c7d6f_skeletonName {\n  width: 55%;\n  height: 14px;\n  margin: 10px 12px 0;\n  border-radius: 4px;\n  background: color-mix(in srgb, var(--dsw-alias-label-primary) 8%, transparent);\n}\n\n.sf5179e_skeletonSummary {\n  width: 92%;\n  height: 12px;\n  margin: 10px 12px 0;\n  border-radius: 4px;\n  background: color-mix(in srgb, var(--dsw-alias-label-primary) 8%, transparent);\n}\n\n.sbb0d25_skeletonSummaryShort {\n  width: 68%;\n  height: 12px;\n  margin: 6px 12px 10px;\n  border-radius: 4px;\n  background: color-mix(in srgb, var(--dsw-alias-label-primary) 8%, transparent);\n}\n\n/* The ghost of the action line, right where the real buttons land. */\n.s96e910_skeletonActions {\n  display: block;\n  width: 84px;\n  height: 24px;\n  margin: 0 12px 10px;\n  border-radius: 999px;\n  background: color-mix(in srgb, var(--dsw-alias-label-primary) 8%, transparent);\n}\n\n.s520416_skeletonCard span {\n  animation: dshShopSkeletonPulse 1.6s ease-in-out infinite;\n}\n\n@keyframes dshShopSkeletonPulse {\n  0%, 100% { opacity: 0.5; }\n  50% { opacity: 1; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .s520416_skeletonCard span { animation: none; opacity: 0.75; }\n  .s520416_skeletonCard::after { content: none; }\n}\n\n.s73242a_actionButton {\n  align-self: flex-start;\n  padding: 5px 14px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 6px;\n  background: var(--dsw-alias-bg-layer-2);\n  color: var(--dsw-alias-label-primary);\n  font-size: 13px;\n  cursor: pointer;\n}\n\n.s73242a_actionButton:hover {\n  border-color: color-mix(in srgb, var(--dsw-alias-brand-primary) 45%, var(--dsw-alias-border-l2));\n  color: var(--dsw-alias-brand-primary);\n}\n\n.s73242a_actionButton:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n.s646509_toolbar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n\n.s745e3c_toolbarRight {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n\n/* The shop's own version, right of the search box: `v0.4.4`, plus the\n * update button when the version check found a newer release. */\n.s4fe61f_versionBlock {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.sb9b924_versionText {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 12px;\n  letter-spacing: 0.02em;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.sa04455_updateSelfButton {\n  padding: 2px 10px;\n  border: 1px solid var(--dsw-alias-brand-primary);\n  border-radius: 999px;\n  background: color-mix(in srgb, var(--dsw-alias-brand-primary) 12%, transparent);\n  color: var(--dsw-alias-brand-primary);\n  font-size: 12px;\n  font-weight: 600;\n  cursor: pointer;\n}\n\n.sa04455_updateSelfButton:hover {\n  background: color-mix(in srgb, var(--dsw-alias-brand-primary) 20%, transparent);\n}\n\n.sa04455_updateSelfButton:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n/* The on-demand re-check next to the version number: a quiet pill; the\n * border and text carry it in the light theme where bg layers are white. */\n.s614a38_checkUpdateButton {\n  padding: 2px 10px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 999px;\n  background: var(--dsw-alias-bg-layer-2);\n  color: var(--dsw-alias-label-secondary);\n  font-size: 12px;\n  cursor: pointer;\n}\n\n.s614a38_checkUpdateButton:hover {\n  border-color: var(--dsw-alias-label-secondary);\n  color: var(--dsw-alias-label-primary);\n}\n\n.s614a38_checkUpdateButton:disabled {\n  opacity: 0.6;\n  cursor: default;\n}\n\n.s614a38_checkUpdateButton:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n/* The project's GitHub mark, right of the version row: a quiet icon link.\n * The octocat carries itself — color shift on hover, no text, no border. */\n.sa987f7_githubLink {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 3px;\n  border-radius: 6px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.sa987f7_githubLink:hover {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-bg-layer-2);\n}\n\n.sa987f7_githubLink:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n/* The self-update's expanded states (running log / done + restart /\n * failure detail) sit under the toolbar, above the category bar. */\n.sb81ba5_selfUpdatePanel {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 8px;\n}\n\n.s232ec4_searchInput {\n  width: min(280px, 100%);\n  padding: 6px 10px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 6px;\n  background: var(--dsw-alias-bg-layer-1);\n  color: var(--dsw-alias-label-primary);\n  font-size: 13px;\n}\n\n.s232ec4_searchInput:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n/* Subdued line under the search box when a dictionary intent fired (design\n * 2026-10-08-search-query-expansion §4). One fact, no badge. */\n.s76fb13_expansionNote {\n  margin: 4px 0 0;\n  font-size: 12px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.s3946f1_staleBadge {\n  padding: 2px 8px;\n  border-radius: 999px;\n  background: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 14%, transparent);\n  border: 1px solid color-mix(in srgb, var(--dsw-alias-state-warn-primary) 40%, transparent);\n  color: var(--shop-warn-on-tint);\n  font-size: 12px;\n}\n\n.sb2c859_categoryBar {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 6px;\n  margin-top: 6px;\n}\n\n.s26d58e_categoryButton {\n  /* The hue this button carries when selected. `All` and `Installed` select by\n   * something other than a category and keep the brand token; the six category\n   * buttons override it from the shared hue table below, so a pressed Tool tab\n   * turns the same blue as a tool card's spine. */\n  --category-hue: var(--dsw-alias-brand-primary);\n  padding: 3px 10px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 999px;\n  background: var(--dsw-alias-bg-layer-1);\n  color: var(--dsw-alias-label-secondary);\n  font-size: 12px;\n  cursor: pointer;\n}\n\n/* Blend text with the theme foreground: darker on light backgrounds, lighter\n * on dark ones. The unblended category hue belongs on the border and fill. */\n.s26d58e_categoryButton:hover {\n  border-color: color-mix(in srgb, var(--category-hue) 45%, var(--dsw-alias-border-l2));\n  color: color-mix(in srgb, var(--category-hue) 45%, var(--dsw-alias-label-primary) 55%);\n}\n\n/* Selected. Written `.s26d58e_categoryButton.s5f68c4_categoryButtonOn` — TWO classes — so it\n * matches `.s26d58e_categoryButton:hover`'s specificity and, coming after it, wins.\n * As a bare `.s5f68c4_categoryButtonOn` it lost both `border-color` and `color` to the\n * hover rule for as long as the pointer stayed on the tab that had just been\n * clicked, which is precisely when a reader looks for confirmation.\n *\n * EVERY declaration here is a colour: a pressed tab must occupy exactly the\n * same box as an unpressed one, so the bar does not reflow — and with ~9 pills\n * on a wrapping row, one that grows can push the rest onto another line and\n * move the tab out from under the pointer that just clicked it. That is what\n * `font-weight: 600` did (bold metrics are wider than regular), and it is why\n * nothing may be added here that resolves to a length: no padding, no\n * border-width, no font-size, no letter-spacing. `css-tokens.s8583e3_client.sfd9d8a_spec.s5f67aa_ts`\n * fails the build on one.\n *\n * Nor a second line. An inset ring once doubled this border, and every control\n * in the stylesheet now draws exactly one 1px line, which is also the thinnest\n * the host paints (Chromium draws 0.5px as 1px). What separates pressed from\n * unpressed is lightness instead of thickness: the border is the hue mixed 30%\n * toward label-primary, the theme's foreground pole, so it clears 3:1 against\n * the bar in both themes for every hue — the raw hue measured 1.86:1 on white\n * for `ui` — and the fill under it is 22% of the hue. The `other` tab is the\n * case this is for: its hue IS the neutral gray this file uses for \"no\n * category\", so on the light theme the hue alone barely separates the two. */\n.s26d58e_categoryButton.s5f68c4_categoryButtonOn {\n  border-color: color-mix(in srgb, var(--category-hue) 70%, var(--dsw-alias-label-primary));\n  background: color-mix(in srgb, var(--category-hue) 22%, transparent);\n  color: color-mix(in srgb, var(--category-hue) 45%, var(--dsw-alias-label-primary) 55%);\n}\n\n/* Forced colours replace every colour above with the system palette, which\n * would leave the three colour declarations saying nothing and the pressed tab\n * indistinguishable from its neighbours, so this mode alone gets an outline. */\n@media (forced-colors: active) {\n  .s26d58e_categoryButton.s5f68c4_categoryButtonOn {\n    outline: 2px solid ButtonText;\n    outline-offset: -4px;\n  }\n}\n\n.s26d58e_categoryButton:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n/* The incompatible filter, at the right edge of the category bar: `margin-left:\n * auto` pushes it past the pills, and the bar wraps, so on a narrow panel it\n * drops to its own line rather than squeezing them. It is a MODIFIER, not a\n * ninth category — the categories select what to show and this one subtracts\n * from whatever they selected — so it takes the error hue it filters on rather\n * than joining the hue table.\n *\n * And it is a SWITCH, which is the difference the shape now carries. It used\n * to wear `.s26d58e_categoryButton`: same pill, same row, same size as the eight tabs,\n * differing only in being red. That reads as a ninth tab, and it is not one —\n * the tabs are choose-one and this is on-or-off. So it drops the pill chrome\n * entirely (no border, no fill, nothing to compete with the row it sits\n * beside) and puts the state in a track, the same one every installed card\n * carries. Nothing here restates the switch geometry; `--switch-hue` is the\n * whole of what this control says about it, and it reaches the label too, so\n * one declaration keeps the word and the track the same colour. */\n.sfd887b_incompatibleFilter {\n  --switch-hue: var(--dsw-alias-state-error-primary);\n  margin-left: auto;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  /* Matches the pills' vertical padding so the bar keeps one line box whether\n   * this control wraps onto a row of its own or shares theirs. */\n  padding: 3px 0;\n  border: 0;\n  background: none;\n  color: var(--dsw-alias-label-secondary);\n  font-size: 12px;\n  cursor: pointer;\n}\n\n/* Hover lifts the word to full contrast and warms the track's border. Scoped\n * to the OFF track: `.sfd887b_incompatibleFilter:hover .s11c019_switch` outranks `.s7580e8_switchOn`\n * by two classes, so unscoped it would strip the hue from the border at\n * exactly the moment a reader has the pointer on it to check the state. */\n.sfd887b_incompatibleFilter:hover {\n  color: var(--dsw-alias-label-primary);\n}\n\n.sfd887b_incompatibleFilter:hover .s11c019_switch:not(.s7580e8_switchOn) {\n  border-color: color-mix(in srgb, var(--switch-hue) 45%, var(--dsw-alias-border-l2));\n}\n\n/* On. Written with both classes for the reason `.s26d58e_categoryButton.s5f68c4_categoryButtonOn`\n * is: it has to match `:hover`'s specificity and come after it, or the colour\n * reverts under a pointer that has not moved since the click. */\n.sfd887b_incompatibleFilter.s6e4cba_incompatibleFilterOn {\n  color: color-mix(in srgb, var(--switch-hue) 45%, var(--dsw-alias-label-primary) 55%);\n}\n\n/* Off here means \"nothing is being taken away\" — the resting state — so the\n * knob steps back to the secondary label. The enable switch keeps the full\n * strength dot, where off means \"this plugin is disabled\" and is worth\n * noticing. In this bar it would be the heaviest mark in a row of hairline\n * pills, and on the light theme it is the WHOLE control: bg-layer-2 is the\n * same white as the panel there, so an off track is a hairline outline with a\n * near-black dot sitting in it. */\n.sfd887b_incompatibleFilter .s11c019_switch:not(.s7580e8_switchOn) .saab2b3_switchKnob {\n  background: var(--dsw-alias-label-secondary);\n}\n\n/* The ring has no border to trace, so it takes an offset and the pill radius\n * of the tabs it sits beside rather than hugging the text. */\n.sfd887b_incompatibleFilter:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 2px;\n  border-radius: 999px;\n}\n\n.sebf017_updatableHeading {\n  margin: 2px 0 0;\n  font-size: 16px;\n  font-weight: 600;\n  letter-spacing: 0.02em;\n  color: var(--dsw-alias-label-primary);\n}\n\n.seb0a1e_catalogStatsRow {\n  display: flex;\n  align-items: center;\n  /* The row holds the catalog line, the refresh button and the shelf order's\n   * three pills (design 2026-10-12-shelf-orders §4). Without wrapping, the\n   * last of them overflows the tab at a narrow width. */\n  flex-wrap: wrap;\n  gap: 10px;\n  margin: 6px 0 0;\n}\n\n/* The shelf's order control, at the right end of the stats row. `margin-left:\n * auto` is what puts it there while the line and the refresh button stay\n * left — and it is safe on a wrapping row, unlike a width. */\n.sa6825e_sortGroup {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  margin-left: auto;\n}\n\n.s268f9e_sortLabel {\n  color: var(--dsw-alias-label-secondary);\n  font-size: 12px;\n}\n\n.sccc4d1_catalogStats {\n  margin: 0;\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 12px;\n  letter-spacing: 0.02em;\n  color: var(--dsw-alias-label-secondary);\n}\n\n/* Sits beside the 12px stats caption, so it is quieter than `.s73242a_actionButton`:\n * this is an affordance, not a call to action — the catalog reloads on its\n * own at mount and the shelf is already usable without it. Named\n * `catalogRefresh*` (not `reload*`) so it cannot collide with the §4 page\n * reload offer below, which reloads the whole tab rather than refetching\n * the catalog data. */\n.sff243d_catalogRefreshButton {\n  padding: 1px 9px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 999px;\n  background: transparent;\n  color: var(--dsw-alias-label-secondary);\n  font-size: 11px;\n  line-height: 17px;\n  cursor: pointer;\n}\n\n.sff243d_catalogRefreshButton:hover:not(:disabled) {\n  border-color: color-mix(in srgb, var(--dsw-alias-brand-primary) 45%, var(--dsw-alias-border-l2));\n  color: var(--dsw-alias-brand-primary);\n}\n\n.sff243d_catalogRefreshButton:disabled {\n  cursor: default;\n  opacity: 0.6;\n}\n\n.sff243d_catalogRefreshButton:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n.s194168_catalogRefreshFailed {\n  font-size: 11px;\n  color: var(--shop-warn);\n}\n\n.s6de1ab_emptyLine {\n  margin: 0;\n  color: var(--dsw-alias-label-primary);\n  font-size: 13px;\n}\n\n/* The shelf: a responsive grid of cards. */\n/* Single-line rows: one full-width column, one plugin per line. */\n.sf657f5_cards {\n  display: grid;\n  grid-template-columns: 1fr;\n  max-width: 100%;\n  gap: 8px;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  animation: dshShopCardsIn 220ms ease;\n}\n\n@keyframes dshShopCardsIn {\n  from { opacity: 0; transform: translateY(3px); }\n  to { opacity: 1; transform: none; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .sf657f5_cards { animation: none; }\n}\n\n/* The shelf's grid item is the <li> carrying a card's identity (ShopPage\n * reads it), not the card, and a grid item's min-width is auto: the 1fr track\n * could then never be narrower than the widest item's min-content, and every\n * card widens to it. Two things reach that width. Content that cannot wrap,\n * on a narrow window. And a card the browser skips (`content-visibility:\n * auto` below), which keeps the width it last rendered at: browsing a wide\n * window and narrowing it left every card 960px wide in a 662px column, its\n * right side clipped by the panel (measured on dsh 0.2.1-rc.2, 0.2.0-rc.2 and\n * 0.1.7-rc.2, 2026-10-22). Until the page took the main column the panel was\n * as wide as Settings made it, and a window resize did not move it. */\n.sf657f5_cards > li {\n  min-width: 0;\n}\n\n.s65f383_card {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: 10px;\n  background: var(--dsw-alias-bg-layer-1);\n  overflow: hidden;\n  transition: border-color 120ms ease, transform 120ms ease, box-shadow 120ms ease;\n  /* Off-screen cards skip layout and paint; the placeholder keeps scrollbar\n   * estimation sane before the browser has measured the real height. */\n  content-visibility: auto;\n  contain-intrinsic-size: auto 140px;\n}\n\n/* The sentinel that triggers the next shelf batch: zero visual footprint. */\n.sd7ee01_cardsSentry {\n  height: 1px;\n  margin: 0;\n  padding: 0;\n}\n\n.s705cc6_showingLine {\n  margin: 0;\n  font-size: 12px;\n  letter-spacing: 0.02em;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.s65f383_card:hover {\n  border-color: color-mix(in srgb, var(--dsw-alias-brand-primary) 45%, var(--dsw-alias-border-l1));\n  transform: translateY(-1px);\n  box-shadow: 0 2px 8px color-mix(in srgb, var(--dsw-alias-brand-primary) 12%, transparent);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .s65f383_card { transition: none; }\n  .s65f383_card:hover { transform: none; }\n}\n\n/* The signature: a spine and cover in the category's own hue. The hues are\n * fixed mid-bright colors that read on both themes; `other` deliberately\n * stays a neutral gray so the fallback category does not compete. */\n.s4ce25d_cardSpine {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  width: 3px;\n  background: var(--category-hue, #8B8E96);\n}\n\n/* The hue table, keyed by `data-category` and read by BOTH surfaces that\n * speak in category colour: a card's spine and badge, and the category bar's\n * own tab. One table, so a tab can never disagree with the cards it filters to\n * — which is the whole point of colouring the tab. `.s26d58e_categoryButton` sets the\n * brand fallback for `All`/`Installed`; these attribute selectors are one\n * specificity step above it and win wherever the attribute is present. */\n.s65f383_card[data-category='tool'], .s26d58e_categoryButton[data-category='tool'] { --category-hue: #4C8DFF; }\n.s65f383_card[data-category='provider'], .s26d58e_categoryButton[data-category='provider'] { --category-hue: #A78BFA; }\n.s65f383_card[data-category='ui'], .s26d58e_categoryButton[data-category='ui'] { --category-hue: #2DD4BF; }\n.s65f383_card[data-category='workflow'], .s26d58e_categoryButton[data-category='workflow'] { --category-hue: #F59E0B; }\n.s65f383_card[data-category='integration'], .s26d58e_categoryButton[data-category='integration'] { --category-hue: #34D399; }\n.s65f383_card[data-category='theme'], .s26d58e_categoryButton[data-category='theme'] { --category-hue: #F472B6; }\n.s65f383_card[data-category='other'], .s26d58e_categoryButton[data-category='other'] { --category-hue: #8B8E96; }\n\n/* The category sits in the badge row as a quiet chip in the category's own\n * hue — the border carries it where the light theme's white layers cannot\n * (the same lesson as the check button). */\n.s9c8eaa_categoryBadge {\n  padding: 1px 7px;\n  border: 1px solid color-mix(in srgb, var(--category-hue, #8B8E96) 45%, transparent);\n  border-radius: 999px;\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  color: var(--category-hue, #8B8E96);\n  white-space: nowrap;\n}\n\n/* One entry's icon: a 32px tile holding a 24px image (design\n * 2026-10-23-shop-plugin-icons §8.3). The border and radius are dsh's own\n * (`PackageArtwork`'s .s7ff339_cardIcon), so a card's icon reads the same here as on\n * dsh's Plugins page. No backplate in either theme (§8.4). */\n.sc2425d_entryIcon {\n  box-sizing: border-box;\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  border: 0.5px solid var(--dsw-alias-border-l3);\n  border-radius: var(--dsw-radius-md);\n  overflow: hidden;\n}\n\n.scc3f74_entryIconImage {\n  width: 24px;\n  height: 24px;\n  object-fit: contain;\n}\n\n.sa97234_entryHeader {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 12px;\n  min-width: 0;\n  padding: 10px 12px 2px;\n  border: none;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  text-align: left;\n  cursor: pointer;\n}\n\n.sa97234_entryHeader:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: -2px;\n}\n\n/* The name fills the row and truncates rather than wraps; the badges stay\n * intact beside it. */\n.sc3f149_name {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 13px;\n  font-weight: 600;\n  flex: 1 1 auto;\n  min-width: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--dsw-alias-label-primary);\n}\n\n.s513026_badges {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 6px;\n}\n\n/* The action line: buttons side by side; an active install/uninstall flow\n * (gate, log, notices) takes the full width below them. */\n.s9b5048_cardActions {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 12px 10px;\n}\n\n.s9b5048_cardActions > .sc4f2ac_gate,\n.s9b5048_cardActions > .s4d374c_installPanel,\n.s9b5048_cardActions > .sf53ca0_installedActions,\n.s9b5048_cardActions > .sc34531_receipt {\n  flex-basis: 100%;\n}\n\n/* The entry's version, always visible on the card (the expanded detail\n * repeats it in the version row) — the same quiet mono as the toolbar. */\n.sc6ec6e_cardVersion {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 12px;\n  letter-spacing: 0.02em;\n  color: var(--dsw-alias-label-secondary);\n  /* A release tag prints as tagged, never cut to seven characters (market\n   * borrowings §11), and a tag can run to any length. The cap keeps every\n   * tag of up to fourteen characters whole, prerelease suffix included\n   * (`v0.1.0-alpha.0`): fourteen glyphs plus the letter-spacing above come to\n   * about 14.5ch, so the cap is 15ch, not 14. A longer tag ends in an ellipsis,\n   * and the tooltip carries the whole of it. */\n  max-width: 15ch;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/* The octocat marking a source the reader can read on GitHub, beside the\n * card's version. */\n.s71f10f_sourceBadge {\n  display: inline-flex;\n  align-items: center;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.s5e82cb_tierBadge {\n  padding: 1px 7px;\n  border-radius: 999px;\n  font-size: 11px;\n  line-height: 1.6;\n}\n\n.s5e82cb_tierBadge[data-tier='verified'] {\n  color: var(--shop-success);\n  background: color-mix(in srgb, var(--dsw-alias-state-success-primary) 14%, transparent);\n  border: 1px solid color-mix(in srgb, var(--dsw-alias-state-success-primary) 40%, transparent);\n}\n\n.s5e82cb_tierBadge[data-tier='verified-stale'] {\n  color: var(--shop-warn-on-tint);\n  background: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 14%, transparent);\n  border: 1px solid color-mix(in srgb, var(--dsw-alias-state-warn-primary) 40%, transparent);\n}\n\n.s5e82cb_tierBadge[data-tier='community'] {\n  color: var(--dsw-alias-label-secondary);\n  background: var(--dsw-alias-bg-layer-2);\n  border: 1px solid var(--dsw-alias-border-l2);\n}\n\n/* The §C10 shadowed badge: an installed github entry the catalog refuses\n * shadowed-by-npm. Subdued/secondary rather than a warn tint — nothing is\n * wrong with the install itself; the shelf just cannot show it. */\n.s5e82cb_tierBadge[data-tier='shadowed'] {\n  color: var(--dsw-alias-label-secondary);\n  background: var(--dsw-alias-bg-layer-2);\n  border: 1px solid var(--dsw-alias-border-l2);\n}\n\n/* The §C5 archived badge: a github repository the owner has frozen.\n * Subdued register, same as shadowed — nothing is wrong with the install;\n * the pinned commit still serves, so the mark is informational only. */\n.s5e82cb_tierBadge[data-tier='archived'] {\n  color: var(--dsw-alias-label-secondary);\n  background: var(--dsw-alias-bg-layer-2);\n  border: 1px solid var(--dsw-alias-border-l2);\n}\n\n.s4bbe02_incompatibleBadge {\n  flex-shrink: 0;\n  padding: 3px 9px;\n  border-radius: 999px;\n  font-size: 12px;\n  white-space: nowrap;\n  /* On the tint, not on the plain surface: this text reads on its own 14% red\n   * fill, where the 90% red would measure 4.21:1 (light) and 4.43:1 (dark). */\n  color: var(--shop-error-on-tint);\n  background: color-mix(in srgb, var(--dsw-alias-state-error-primary) 14%, transparent);\n  border: 1px solid color-mix(in srgb, var(--dsw-alias-state-error-primary) 40%, transparent);\n}\n\n.sff43b4_starsBadge {\n  font-size: 11px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.s73f7fb_chevron, .s61393c_chevronOpen {\n  color: var(--dsw-alias-label-secondary);\n  transition: transform 120ms ease;\n}\n\n.s61393c_chevronOpen { transform: rotate(180deg); }\n\n@media (prefers-reduced-motion: reduce) {\n  .s73f7fb_chevron, .s61393c_chevronOpen { transition: none; }\n}\n\n.s820ebf_body {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 0 12px;\n}\n\n.sb8fbc8_summary {\n  margin: 0;\n  font-size: 13px;\n  line-height: 1.5;\n  color: var(--dsw-alias-label-primary);\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n.se507db_summaryZh {\n  margin: -4px 0 0;\n  font-size: 12px;\n  line-height: 1.5;\n  color: var(--dsw-alias-label-secondary);\n  display: -webkit-box;\n  -webkit-line-clamp: 1;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n/* Expanded cards show the full summary: the clamp is lifted, never raised —\n * a higher number would still truncate the author's text, just later. */\n.s10baf0_summaryExpanded {\n  -webkit-line-clamp: unset;\n  display: block;\n}\n\n.sb9dba9_summaryZhExpanded {\n  -webkit-line-clamp: unset;\n  display: block;\n}\n\n/* `white-space: pre-line` so the newline in the copy is the copy's own: the\n   dictionary decides where the line breaks, and a translator changes it\n   without touching the component. Collapses runs of spaces like `normal`, so\n   only the explicit \\n survives. */\n.s6eca19_incompatibleDetail {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.5;\n  white-space: pre-line;\n  color: var(--shop-error);\n}\n\n/* The way out of dsh's own refusal: the lead-in, then the exemption command\n * on its own line. */\n/* Block layout rather than flex: Firefox 153 will not line-clamp a container\n * that holds a display:flex child (Chromium 151 does), and the fold's\n * measured goal — \"the whole red block, remedy included, as one unit\" —\n * needs the container to clamp in BOTH engines the shop targets. The 4px\n * rhythm between the lead-in and the command is kept by the margins of the\n * children. */\n.s3d0044_remedy {\n  display: block;\n}\n\n.s3d0044_remedy > * + * { margin-top: 4px; }\n\n/* The fold under a card's whole red block: two lines by default, a small\n * Refresh-pill-shaped toggle under it. Two containers, one rhythm: the shelf\n * uses `.s67d135_foldBlock` collapsed and `.s626303_foldBlockExpanded` open, and they share\n * one `display: block` (Firefox clamps no flex child inside a -webkit-box).\n * The clamp is on the BLOCK rather than any one line, so a 43-line remedy\n * counts as a unit instead of squashing the harness-peers line to a sliver\n * and hiding the command the reader actually came for. Both containers\n * still render the full block to a screen reader — `white-space: normal`\n * instead of pre-line keeps the copy's own `\\n` visible without forcing the\n * browser to lay the block's pieces like a text node. */\n.s67d135_foldBlock {\n  display: block;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  display: -webkit-box;\n  overflow: hidden;\n}\n\n.s626303_foldBlockExpanded { display: block; }\n\n/* The toggle. Geometry and quiet voice are the Refresh pill's\n * (`catalogStatsRow` right beside it on the same screen): one 1px border,\n * 11px text, secondary label, no fill. It is the only one of its kind here,\n * so a class of its own means one function of its own. */\n.sfbcf2c_foldToggle {\n  /* The pill's own width. Under a card's red block it is an item of the card\n   * body, a column, which stretches every child it is not told otherwise:\n   * 934px against the Refresh pill's 59px at a 1440 window (2026-10-22). */\n  align-self: flex-start;\n  padding: 1px 9px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 999px;\n  background: transparent;\n  color: var(--dsw-alias-label-secondary);\n  font-size: 11px;\n  line-height: 17px;\n  cursor: pointer;\n}\n\n.sfbcf2c_foldToggle:hover { border-color: color-mix(in srgb, var(--dsw-alias-brand-primary) 45%, var(--dsw-alias-border-l2)); }\n.sfbcf2c_foldToggle:focus-visible { outline: 2px solid var(--dsw-alias-brand-primary); outline-offset: 1px; }\n\n.sdf203f_remedyLead {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.5;\n  color: var(--dsw-alias-label-primary);\n}\n\n/* The exemption command, bound for a terminal unchanged: one click selects\n * all of it, and it wraps anywhere rather than widening the card. A border,\n * not a fill, marks the box: the bg layers are one white in the light theme. */\n.sc32335_allowCommand {\n  display: block;\n  padding: 6px 8px;\n  border-radius: 6px;\n  background: var(--dsw-alias-bg-base);\n  border: 1px solid var(--dsw-alias-border-l1);\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 11px;\n  line-height: 1.5;\n  white-space: pre-wrap;\n  word-break: break-all;\n  user-select: all;\n  color: var(--dsw-alias-label-primary);\n}\n\n/* A refused install on a surface that does not state its blockers — the\n * outdated row — writes them out on their own full-width line under the\n * refused label, the command that clears dsh's refusal included. Block,\n * rather than flex: Firefox will not line-clamp a -webkit-box that holds a\n * display:flex child, and the fold this element can sit inside of carries\n * that clamp. The 6px rhythm between the block's lines is carried by the\n * children's margins. */\n.sc74941_refusal {\n  display: block;\n  flex-basis: 100%;\n}\n\n.sc74941_refusal > * + * { margin-top: 6px; }\n\n.s9d2029_capabilitiesBlock {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.s3bdbd5_capabilitiesNote {\n  margin: 0;\n  font-size: 11px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.s441702_capabilities {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.s441702_capabilities li {\n  padding: 1px 6px;\n  border-radius: 4px;\n  background: color-mix(in srgb, var(--dsw-alias-label-primary) 6%, transparent);\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 11px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.sde3f0c_detail {\n  border-top: 1px solid var(--dsw-alias-border-l1);\n  padding-top: 8px;\n}\n\n.se98179_detailRows {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  margin: 0;\n}\n\n.sfb4d2f_detailRow {\n  display: flex;\n  justify-content: space-between;\n  gap: 12px;\n  font-size: 12px;\n}\n\n.sfb4d2f_detailRow dt {\n  color: var(--dsw-alias-label-secondary);\n}\n\n.sfb4d2f_detailRow dd {\n  margin: 0;\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  overflow-wrap: anywhere;\n  text-align: right;\n  color: var(--dsw-alias-label-primary);\n}\n\n.sfb4d2f_detailRow a {\n  color: var(--dsw-alias-brand-primary);\n  text-decoration: none;\n}\n\n.sfb4d2f_detailRow a:hover {\n  text-decoration: underline;\n}\n\n.sfb4d2f_detailRow a:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n/* What the entry IS rather than what you can do with it — how big it is and\n * who published it — at the right edge of the action row. `margin-left: auto`\n * is what pushes it there, and it lives on this wrapper rather than on either\n * label so the group stays flush right when only one of the two has a value —\n * a packument that named no account has no author, and an entry the registry\n * could not measure honestly has no size. Rarer than it was (every live entry\n * now carries a size, github included), but the wrapper is not what makes it\n * rare: without one, an EMPTY meta group still costs 8px, because\n * `.s9b5048_cardActions` is a flex row with `gap: 8px` and a zero-width item is still\n * an item. The row is a wrapping flex, so an active install flow (which claims\n * the full width) drops the whole group to the next line rather than squeezing\n * it. */\n.s5fbaf9_cardMeta {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  margin-left: auto;\n  min-width: 0;\n}\n\n/* The on-disk size, left of the author. Mono and tabular so the digits of one\n * figure line up with the digits of another WHEREVER the two land: `.s5fbaf9_cardMeta`\n * is flush right and the author sits outside the size, so a size's x position\n * moves with the author's width and is different again on the many entries\n * that carry no author at all. There is no column to align to, which is why\n * the reason given here is per-figure legibility rather than the column the\n * first version of this comment claimed. Secondary colour, because it\n * qualifies the entry rather than announcing it.\n *\n * `font-variant-numeric` is safe HERE and would not be on a pill: this element\n * has no state rules, so nothing it does can reflow a wrapping row.\n *\n * `.s98d53f_shelfDate` shares this rule because it is the same kind of fact — a\n * fixed-width figure a reader compares down the shelf (design\n * 2026-10-12-shelf-orders §4) — and two copies of these declarations would\n * drift. */\n.s2d3c05_size,\n.s98d53f_shelfDate {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-variant-numeric: tabular-nums;\n  font-size: 12px;\n  letter-spacing: 0.02em;\n  white-space: nowrap;\n  color: var(--dsw-alias-label-secondary);\n}\n\n/* The publishing account, at the outer end of `.s5fbaf9_cardMeta` on the action row —\n * NOT beside the npm link in the expanded detail, which is where it used to\n * live and what this comment described until the accurate half was deleted\n * with the `margin-left: auto` that moved to `.s5fbaf9_cardMeta`. There is no middot:\n * `.s5fbaf9_cardMeta`'s 8px gap separates it from the size.\n *\n * Secondary label colour carries the distinction — never a background fill,\n * which is invisible in the light theme where every bg-layer token is the\n * same white. */\n.s1ff66f_author {\n  color: var(--dsw-alias-label-secondary);\n  font-size: 12px;\n}\n\n.sd58c6d_reviewedLine {\n  margin: 8px 0 0;\n  padding: 6px 8px;\n  border-radius: 6px;\n  background: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 12%, transparent);\n  font-size: 12px;\n  color: var(--shop-warn-on-tint);\n}\n\n/* Install flow. */\n.s4d374c_installPanel {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 2px;\n}\n\n/* ONE geometry for everything that occupies the install button's place: the\n * button itself, the confirm/cancel pair beside the restart gate, the installed\n * label, and the refused label. Stated once because a refused label HAS to look\n * like the button it replaces apart from its colour and its text, and four\n * copies of the same five declarations is how they stop looking alike.\n * `cursor: pointer` is NOT here: only the controls that can be pressed take it,\n * while a label renders with the default cursor. */\n.se7aaed_installButton,\n.sb43a49_confirmButton,\n.s6e45d1_cancelButton,\n.sb6fc74_installedLabel,\n.s906629_refusedLabel {\n  align-self: flex-start;\n  margin: 0;\n  padding: 5px 14px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 6px;\n  font-size: 13px;\n}\n\n.se7aaed_installButton, .sb43a49_confirmButton, .s6e45d1_cancelButton {\n  cursor: pointer;\n}\n\n.se7aaed_installButton {\n  border-color: var(--dsw-alias-brand-primary);\n  background: var(--dsw-alias-brand-primary);\n  color: var(--dsw-alias-bg-base);\n}\n\n/* Between the click and the host's answer. The flow ignores a repeat start for\n * the same identity, so this is the visible half of the same fact: a control\n * that says \"not now\" rather than one that looks ready to send a second\n * install. Only the button can be in this state — a label is never pressed. */\n.se7aaed_installButton:disabled {\n  cursor: wait;\n}\n\n.se7aaed_installButton:hover {\n  background: color-mix(in srgb, var(--dsw-alias-brand-primary) 88%, var(--dsw-alias-label-primary));\n}\n\n.sb43a49_confirmButton {\n  border: 1px solid var(--dsw-alias-brand-primary);\n  background: var(--dsw-alias-brand-primary);\n  color: var(--dsw-alias-bg-base);\n}\n\n.sb43a49_confirmButton:hover {\n  background: color-mix(in srgb, var(--dsw-alias-brand-primary) 88%, var(--dsw-alias-label-primary));\n}\n\n.s6e45d1_cancelButton {\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-bg-layer-2);\n  color: var(--dsw-alias-label-primary);\n}\n\n.s6e45d1_cancelButton:hover {\n  border-color: var(--dsw-alias-label-secondary);\n}\n\n.se7aaed_installButton:focus-visible, .sb43a49_confirmButton:focus-visible, .s6e45d1_cancelButton:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n/* The shelf card of a plugin that is installed and current carries this\n * non-interactive label instead of an install button. Border + text do the\n * work in the light theme, where every bg-layer token resolves to white. */\n.sb6fc74_installedLabel {\n  align-self: flex-start;\n  margin: 0;\n  padding: 5px 14px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 6px;\n  font-size: 13px;\n  color: var(--dsw-alias-label-secondary);\n  background: var(--dsw-alias-bg-layer-2);\n}\n\n/* The refused Install/Update button's replacement: the same box as the button\n * (the geometry rule above), filled solid red, not pressable. The fill is the\n * derived red rather than the raw token because text sits on it — bg-base on\n * `--shop-error` measures 5.31:1 light and 6.14:1 dark — and the raw error red\n * under bg-base text measures 4.498:1, the miss this whole family of fixes\n * exists for. Nothing here changes on hover: it is a statement, not a control,\n * so it keeps the default cursor and its colours. */\n.s906629_refusedLabel {\n  border-color: var(--shop-error);\n  background: var(--shop-error);\n  color: var(--dsw-alias-bg-base);\n  white-space: nowrap;\n}\n\n/* An installed card's controls: the installed label or the update button,\n * plus the uninstall button. The install panel's running/failed states are\n * column layouts and sit as one item of this row. */\n.sf53ca0_installedActions {\n  display: flex;\n  align-items: flex-start;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n/* Uninstall revokes privilege; the quiet outline keeps it from competing\n * with the primary action, and the error tint says \"removes\". */\n.s96967f_uninstallButton {\n  align-self: flex-start;\n  padding: 5px 14px;\n  border: 1px solid color-mix(in srgb, var(--dsw-alias-state-error-primary) 55%, transparent);\n  border-radius: 6px;\n  background: transparent;\n  /* The on-tint red: hovering this button paints a 10% red fill under the\n   * word, where the plain red measures 4.50:1 (light) — the same two\n   * thousandths short of the floor the raw token shipped at. */\n  color: var(--shop-error-on-tint);\n  font-size: 13px;\n  cursor: pointer;\n}\n\n.s96967f_uninstallButton:hover {\n  background: color-mix(in srgb, var(--dsw-alias-state-error-primary) 10%, transparent);\n}\n\n.s96967f_uninstallButton:focus-visible {\n  outline: 2px solid var(--dsw-alias-state-error-primary);\n  outline-offset: 1px;\n}\n\n/* The restart dsh button on a done install: quiet outline, same rank as\n * the other secondary actions. */\n.sb00c36_restartSelfButton {\n  /* The version row's third state. Geometry matches .s614a38_checkUpdateButton and\n   * .sa04455_updateSelfButton exactly — the row is one evolving control and a\n   * different pill would read as a different kind of thing. It takes the\n   * emphasised fill rather than the neutral one because at that moment the\n   * restart is the only thing left to do, the same reason Update has it. */\n  padding: 2px 10px;\n  border: 1px solid var(--dsw-alias-brand-primary);\n  border-radius: 999px;\n  background: color-mix(in srgb, var(--dsw-alias-brand-primary) 12%, transparent);\n  color: var(--dsw-alias-brand-primary);\n  font-size: 12px;\n  font-weight: 600;\n  cursor: pointer;\n}\n\n.sb00c36_restartSelfButton:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n/* The two activation offers share one recipe: a border in an alias token,\n * never a `bg-layer` fill alone — all four bg-layer tokens collapse to the\n * same white under `body` in the light theme, and a fill-only button would\n * vanish there. Grouped rather than copied, because a copy is a rule that\n * can be corrected on one button and left wrong on the other, silently. */\n.s6ac237_restartButton,\n.s64a5ff_reloadButton {\n  align-self: flex-start;\n  padding: 5px 14px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 6px;\n  background: var(--dsw-alias-bg-layer-2);\n  color: var(--dsw-alias-label-primary);\n  font-size: 13px;\n  cursor: pointer;\n}\n\n.s6ac237_restartButton:hover,\n.s64a5ff_reloadButton:hover {\n  border-color: var(--dsw-alias-label-secondary);\n}\n\n.s6ac237_restartButton:focus-visible,\n.s64a5ff_reloadButton:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n/* A settled install's or uninstall's receipt: its log, what happened, and\n * what to do next, stacked. A column, so the log box spans the card as the\n * running and failed views' logs do, rather than being as wide as its longest\n * line (852, 409 and 260px on three cards of one page, 2026-10-22), and the\n * sentence never shares a line with a button it would sit misaligned beside. */\n.sc34531_receipt {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n/* The buttons under a receipt, a failure, or a reload or restart note, in one\n * row: the offer first (Reload, Restart dsh, Retry) and the way out (Dismiss)\n * beside it. They stood a line apart: Dismiss beside the reload note and\n * Reload under it, or Retry above Dismiss. */\n.sbe9357_offerActions {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n}\n\n/* The §4 reload offer: a notice plus its button, one item of\n * `.sf53ca0_installedActions` the way the restart gate is — a column of its own\n * rather than inline with the row. */\n.sf79aef_reloadPanel {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 6px;\n}\n\n\n.sc4f2ac_gate {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 10px;\n  border: 1px solid var(--dsw-alias-state-warn-primary);\n  border-radius: 8px;\n  background: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 8%, transparent);\n}\n\n.s559c38_gateTitle {\n  margin: 0;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--shop-warn-on-tint);\n}\n\n.s3c0ace_gateBody {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.6;\n  color: var(--dsw-alias-label-primary);\n}\n\n.sc323e5_gateWarning {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.6;\n  white-space: pre-line;\n  color: var(--shop-error);\n}\n\n.s4b2373_gateActions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n.s52b5a5_installing {\n  margin: 0;\n  font-size: 12px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.s64ab71_log {\n  max-height: 160px;\n  overflow: auto;\n  margin: 0;\n  padding: 8px;\n  border-radius: 6px;\n  background: var(--dsw-alias-bg-base);\n  border: 1px solid var(--dsw-alias-border-l1);\n  list-style: none;\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 11px;\n  line-height: 1.5;\n}\n\n.s1531a8_logLine {\n  white-space: pre-wrap;\n  word-break: break-all;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.sf20dda_notice {\n  margin: 0;\n  font-size: 12px;\n  color: var(--shop-success);\n}\n\n.seb9b08_failedHeading {\n  margin: 0;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--shop-error);\n}\n\n.sfd3021_failedDetail {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.6;\n  color: var(--dsw-alias-label-primary);\n}\n\n.s50ba35_rejectedCode {\n  margin: 0;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--shop-error);\n}\n\n.se75489_rejectedDetail {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.6;\n  color: var(--dsw-alias-label-primary);\n}\n\n/* The Updatable section. The class keeps the Host's field name; only the\n   heading the reader sees was renamed. */\n.sa276cf_outdatedSection {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 6px;\n}\n\n.sceae6e_outdatedList {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.s8d2072_outdatedRow {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  flex-wrap: wrap;\n  padding: 10px 12px;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: 8px;\n  background: var(--dsw-alias-bg-layer-1);\n}\n\n.s5c2545_outdatedInfo {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 10px;\n  min-width: 0;\n}\n\n/* The name and everything under it, beside the icon. */\n.s3ecfe4_outdatedText {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n}\n\n.s5c2545_outdatedInfo strong {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 13px;\n  word-break: break-all;\n  color: var(--dsw-alias-label-primary);\n}\n\n.s877c68_outdatedVersions {\n  /* Two inline labels with nothing between them in the markup ran together as\n   * `installed v1.0.0latest v2.0.0`: JSX drops the whitespace-only line, and\n   * the per-label class the markup asked for was never defined (singular\n   * against this rule's plural). The container owns the gap, the same idiom\n   * as .s513026_badges — the labels need no class of their own. */\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 12px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n/* The §C10 shadowed section. Reuses the outdated list's visual language; only\n * the section spacing and the per-row explanation paragraph are its own. */\n.s6c4649_shadowedSection {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 6px;\n}\n\n.scc2a21_shadowedDetail {\n  margin: 4px 0 0;\n  font-size: 12px;\n  line-height: 1.5;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.sa1f556_outdatedActions {\n  display: flex;\n  align-items: center;\n  /* The reload offer (§4) mounts inside the switch beside the Update button\n   * and is a two-line block, not a control: without wrapping, a row reading\n   * [switch][notice + Reload][Update] overflowed the Settings dialog the shop\n   * sat in through 0.8.7, and the page's column narrows with the window. */\n  flex-wrap: wrap;\n  gap: 10px;\n}\n\n/* The shop's one switch. It is worn by two controls that mean different\n * things — the enable/disable toggle on an installed card, and the shelf's\n * incompatible filter — so the geometry lives here once and each caller states\n * only its hue.\n *\n * `--switch-hue` is that knob, and it is read from the ANCESTOR rather than\n * declared per state: `.sfd887b_incompatibleFilter` sets it once and it reaches the\n * track and the label together, which is what keeps a red switch from sitting\n * under a neutral word. A declaration on `.s11c019_switch` itself would shadow the\n * inherited value (an element's own rule beats what it inherits), so the\n * default rides in the `var()` fallback and is resolved once into\n * `--track-hue` instead of being spelled out at each use.\n *\n * `box-sizing` and `padding` are stated because the two callers are different\n * elements — a `<button>`, which the UA gives padding, and a `<span>`, which\n * it does not. Without them the same class renders two sizes, and the knob\n * sits 2px above centre in the taller one. */\n.s11c019_switch {\n  --track-hue: var(--switch-hue, var(--dsw-alias-state-success-primary));\n  box-sizing: border-box;\n  display: inline-block;\n  position: relative;\n  width: 32px;\n  height: 18px;\n  padding: 0;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 999px;\n  background: var(--dsw-alias-bg-layer-2);\n  cursor: pointer;\n  transition: background 120ms ease, border-color 120ms ease;\n}\n\n/* The knob's POSITION is the state, which is the reason this control needs no\n * `forced-colors` fallback the way the category pills do: a system palette\n * replaces every colour below and moves nothing. */\n.s7580e8_switchOn {\n  border-color: var(--track-hue);\n  background: color-mix(in srgb, var(--track-hue) 55%, transparent);\n}\n\n.saab2b3_switchKnob {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  width: 12px;\n  height: 12px;\n  border-radius: 999px;\n  background: var(--dsw-alias-label-primary);\n  transition: transform 120ms ease, background 120ms ease;\n}\n\n.s7580e8_switchOn .saab2b3_switchKnob {\n  transform: translateX(14px);\n  background: var(--dsw-alias-bg-base);\n}\n\n.s11c019_switch:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .s11c019_switch, .saab2b3_switchKnob { transition: none; }\n}\n\n/* The hot enable/disable switch on installed rows: the knob button plus the\n * §8 hot-apply / failure notices rendered beside it. */\n.sd9f9e4_switchWrap {\n  display: inline-flex;\n  align-items: center;\n  /* Same reason as `.sa1f556_outdatedActions`: `.sf79aef_reloadPanel`'s own comment calls\n   * itself \"a column of its own rather than inline with the row\", which held\n   * for `.sf53ca0_installedActions` and not here until this line. */\n  flex-wrap: wrap;\n  gap: 8px;\n}\n";
-		if (typeof document !== "undefined" && !document.querySelector("style[data-plugin-css=\"e3675a89\"]")) {
+		//#region \0dsh-plugin-shop-css:bc430a83
+		const css = "/* Shop styles — the shop's own page with its market shelf, and the shop's two\n * buttons on dsh's Plugins page. Every variable read here is a dsh theme\n * alias token (`--dsw-alias-*`), one of the shop's own properties declared in\n * this file (`--shop-*`, `--category-hue`, `--switch-hue`, `--track-hue`), or\n * one of two dsh variables outside the alias set, each read where the shop\n * copies dsh: `--dsh-frame-top-clearance`, so the page head clears the\n * desktop frame as dsh's own pages do, and `--dsw-radius-sm`, because the\n * Plugins page buttons copy dsh's Button (0.1.5-rc.3 lacks that token, and\n * has no Plugins page to draw them on). `state-error` and\n * `state-success` do not exist, so the state-*-primary set stands in for\n * them (measured 2026-10-17 on dsh 0.1.5-rc.3, 0.1.7-rc.2 and 0.2.0-rc.2,\n * which do define `bg-layer-3` and `interactive-bg-hover`, once listed here\n * as missing). The signature is the category spine: one HUE per\n * category (seven fixed hues, not the brand token — the brand resolves to\n * near-black in the light theme, so seven brand opacities read as seven\n * shades of gray), with the category name as the cover label in the same hue. Class names are mapped to content-derived names at bundle time\n * (tsdown.s514620_client.s7e11f7_config.s418ac5_ts) and stubbed in tests; only the keys are relied\n * on.\n *\n * One token rule the theme forces: the background LAYERS do not carry\n * contrast. In the light theme bg-base, bg-layer-1, bg-layer-2 and\n * bg-layer-3 all resolve to the same white; only the dark theme spreads them\n * (950/875/850/800). So a layer-2 fill on a layer-1 ground is invisible for\n * half of all users, and anything whose fill is its ONLY affordance — the\n * loading skeleton, the borderless capability chips — derives its fill from\n * label-primary instead, which inverts with the theme by construction.\n * Elements that also carry a border or text may keep a layer fill.\n * `css-tokens.s514620_client.s74d5ba_spec.s418ac5_ts` pins this. */\n\n.sc99bd6_panel {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  /* The shop's own width decides the shelf's arrangement (design\n   * 2026-11-02-shop-widescreen-layout §3). The container is this tab root,\n   * not `.sd86001_shelfBody`: a container query cannot style its own container, and\n   * the rule that turns the shelf body into the rail's grid is exactly that.\n   * Inline size only — the panel's height still follows its content. */\n  container-type: inline-size;\n  /* The two reds every red text in this tab is painted with. dsh's error red\n   * is #ec1313 in the light theme, which measures 4.498:1 as text on white —\n   * a miss of two thousandths — and 3.57:1 on the badge's own 14% red fill\n   * (4.00:1 in dark). Mixing it toward label-primary fixes both, because\n   * label-primary is the theme's foreground pole: it darkens the red on light\n   * surfaces and lightens it on dark ones. Measured in the live app: 90% of\n   * the red is 5.30:1 on white and 5.29:1 on the dark card, and 80% is\n   * 4.98:1 on the badge's tint, 4.92:1 in dark. Computed: 90% is 6.14:1 on\n   * the dark page itself (#151517, `bg-base`), where the self-update's\n   * failure heading sits (4.69:1 on Settings' #2c2c2e, its ground through\n   * 0.8.7), and 80% is 5.23:1 on the uninstall button's 10% hover fill.\n   * Declared here, on the tab root, because a custom property inherits: one\n   * declaration reaches every red element, and a new one cannot be\n   * forgotten. */\n  --shop-error: color-mix(in srgb, var(--dsw-alias-state-error-primary) 90%, var(--dsw-alias-label-primary));\n  --shop-error-on-tint: color-mix(in srgb, var(--dsw-alias-state-error-primary) 80%, var(--dsw-alias-label-primary));\n  /* The amber and the green, mixed the same way for the same reason. dsh's\n   * warn #f59e0b and success #22c55e are one value in both themes and pass\n   * in the dark one, but as text on white they measure 2.15:1 and 2.28:1.\n   * Each derived colour keeps the largest multiple of ten of its hue that\n   * clears every surface it paints, as the reds do. Computed from the live\n   * tokens over every bg layer in both themes: amber at 60% is 4.95:1 on a\n   * plain surface but 4.44:1 on its own 14% tint, so text on an amber tint\n   * takes 50% (5.66:1); green at 60% is 5.18:1 plain and 4.60:1 on its 14%\n   * tint, so one green serves both. */\n  --shop-warn: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 60%, var(--dsw-alias-label-primary));\n  --shop-warn-on-tint: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 50%, var(--dsw-alias-label-primary));\n  --shop-success: color-mix(in srgb, var(--dsw-alias-state-success-primary) 60%, var(--dsw-alias-label-primary));\n  /* The shelf never scrolls sideways: a card too wide for its track wraps\n   * its badges rather than widening the panel.\n   *\n   * Clipped on BOTH axes, with a margin, because `.s76d7f5_searchInput` sits at\n   * exactly (0, 0) of this box — it is the first child of `.sa59b0a_toolbar`, itself\n   * the first child here, and this rule carries no padding — so its focus\n   * ring paints ENTIRELY outside the panel.\n   *\n   * Both axes is the load-bearing part: `overflow-clip-margin` is inert\n   * unless the element clips on both. Clipping x alone left the margin doing\n   * nothing — measured against the live app on 0.7.1, the ring reached 0 of\n   * its 3px on the left at every device pixel ratio (1, 1.25, 1.5, 2), while\n   * keeping the full 3px on the right, where the 280px input stops short of\n   * the panel and never meets the clip edge. Raising the margin to 6px\n   * changed nothing; clipping both axes with the SAME 3px restored the whole\n   * ring. A test that reads declarations cannot see that difference, which is\n   * why the first attempt at this shipped broken.\n   *\n   * `clip` is not a scroll container, so this does not bring back the\n   * accidental scrolling `hidden` caused by coercing the other axis to\n   * `auto`. Nothing is lost vertically: the panel's scrollHeight equals its\n   * height and no descendant paints outside the clip rect (measured).\n   * `overflow-x: hidden` stays as the fallback for engines without `clip`,\n   * where the ring is clipped as it was before, never worse. */\n  overflow-x: hidden;\n  overflow: clip;\n  overflow-clip-margin: 3px;\n}\n\n/* The shop's own page in dsh's main column (design\n * 2026-10-16-shop-sidebar-page §4.2), framed as dsh 0.2.0-rc.2 frames its\n * Plugins page — read from that page's stylesheet: the page is the scroll\n * container, its children one centred column (960px then; 1280 since the\n * 2026-11-02 wide layout), and the head clears the desktop title bar. One declaration is the shop's own, `color`:\n * dsh's `.s92dc8e_page` inherits its colour from the shell around it, and the shop's\n * root is not inside dsh's panel stylesheet, so the shop's page states it. */\n.s92dc8e_page {\n  box-sizing: border-box;\n  height: 100%;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 32px;\n  padding: 0 clamp(24px, 4vw, 48px) 48px;\n  color: var(--dsw-alias-label-primary);\n}\n\n/* The head and the shelf share one column, and on 2026-11-02 that column\n * widened from 960 to 1280 so the wide arrangement has room for a rail\n * beside two cards (design 2026-11-02-shop-widescreen-layout §3). A head at\n * 960 over a body at 1280 would read as misaligned. */\n.s92dc8e_page > * {\n  width: 100%;\n  max-width: min(1280px, 100%);\n}\n\n.se536cd_pageHead {\n  box-sizing: border-box;\n  padding-top: calc(28px + var(--dsh-frame-top-clearance, 0px));\n}\n\n.sb9c160_pageTitle {\n  margin: 0;\n  font-size: 20px;\n  font-weight: 500;\n  line-height: 28px;\n}\n\n/* Secondary, as dsh's own intro: 5.80:1 on the light theme's white. */\n.sa532f1_pageIntro {\n  margin: 4px 0 0;\n  font-size: 13px;\n  line-height: 20px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n/* The shelf's two arrangements (design 2026-11-02-shop-widescreen-layout\n * §4). Base: today's column — the controls, then the results — with the\n * same 14px the panel used to put between them. The container is `.sc99bd6_panel`,\n * so these rules are queried from above, not from here. */\n.sd86001_shelfBody {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n}\n\n/* Narrow: the category chips and the switch are one row, as they are today.\n * `nowrap` is load-bearing — flex line-breaking uses the chips' MAX-content\n * width, so a wrapping row sends the switch to a line of its own the moment\n * the chips do not fit, which is every narrow panel. The bar shrinks and\n * wraps its own chips instead. The bar is a sibling of the switch now, not\n * its parent, so `align-items: flex-end` is what keeps the switch level with\n * the bar's last line rather than floating beside the middle of a two-line\n * block. */\n.s4b680b_controls {\n  display: flex;\n  flex-wrap: nowrap;\n  align-items: flex-end;\n  gap: 6px;\n}\n\n/* The rail's headings. Hidden below the threshold, where the controls are one\n * wrapping bar and these words would label nothing; the wide rule reveals\n * them (design 2026-11-02-shop-widescreen-layout §4). */\n.s91375e_railHeading {\n  display: none;\n  margin: 0;\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.s7e9262_results {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n}\n\n\n/* The two buttons on dsh's Plugins page (design 2026-10-16-shop-sidebar-page\n * §7), drawn as that page draws its own small outline buttons beside them —\n * dsh 0.2.0-rc.2's Button, sm + outline: 28px tall, 12px text on an 18px\n * line, 10px of side padding, the small radius, the neutral stroke. That\n * stroke is 0.5px in dsh and 1px here: every border in this stylesheet is,\n * and Chromium paints 0.5px as 1px at every ratio measured. */\n.s3306eb_detailAction {\n  box-sizing: border-box;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  height: 28px;\n  padding: 0 10px;\n  border: 1px solid var(--dsw-alias-border-l3);\n  border-radius: var(--dsw-radius-sm);\n  background: transparent;\n  color: var(--dsw-alias-label-primary);\n  font-size: 12px;\n  line-height: 18px;\n  cursor: pointer;\n}\n\n.s3306eb_detailAction:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.s3306eb_detailAction:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n.s14f3b1_stateLine {\n  margin: 0;\n  color: var(--dsw-alias-label-primary);\n  font-size: 13px;\n}\n\n/* Visually hidden but screen-reader readable (the loading copy while the\n * skeleton stands in visually). */\n.s3a0a70_srOnly {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  border: 0;\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n/* The loading shelf: ghost cards with the same geometry as the real grid, so\n * the swap to content is a same-shape handoff instead of a jump. */\n.sf21dd5_skeletonGrid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 8px;\n}\n\n.s393a26_skeletonCard {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: 10px;\n  background: var(--dsw-alias-bg-layer-1);\n  overflow: hidden;\n}\n\n/* The shimmer sweep: one gradient band travels across each ghost card while\n * the bars breathe, so the loading state reads as \"the shelf is scanning\". */\n.s393a26_skeletonCard::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(\n    100deg,\n    transparent 25%,\n    color-mix(in srgb, var(--dsw-alias-label-primary) 14%, transparent) 50%,\n    transparent 75%\n  );\n  transform: translateX(-100%);\n  animation: dshShopSkeletonSweep 1.4s ease-in-out infinite;\n  pointer-events: none;\n}\n\n@keyframes dshShopSkeletonSweep {\n  to { transform: translateX(100%); }\n}\n\n.sdbd3bb_skeletonName {\n  width: 55%;\n  height: 14px;\n  margin: 10px 12px 0;\n  border-radius: 4px;\n  background: color-mix(in srgb, var(--dsw-alias-label-primary) 8%, transparent);\n}\n\n.s78fd91_skeletonSummary {\n  width: 92%;\n  height: 12px;\n  margin: 10px 12px 0;\n  border-radius: 4px;\n  background: color-mix(in srgb, var(--dsw-alias-label-primary) 8%, transparent);\n}\n\n.se0c7ad_skeletonSummaryShort {\n  width: 68%;\n  height: 12px;\n  margin: 6px 12px 10px;\n  border-radius: 4px;\n  background: color-mix(in srgb, var(--dsw-alias-label-primary) 8%, transparent);\n}\n\n/* The ghost of the action line, right where the real buttons land. */\n.se30d52_skeletonActions {\n  display: block;\n  width: 84px;\n  height: 24px;\n  margin: 0 12px 10px;\n  border-radius: 999px;\n  background: color-mix(in srgb, var(--dsw-alias-label-primary) 8%, transparent);\n}\n\n.s393a26_skeletonCard span {\n  animation: dshShopSkeletonPulse 1.6s ease-in-out infinite;\n}\n\n@keyframes dshShopSkeletonPulse {\n  0%, 100% { opacity: 0.5; }\n  50% { opacity: 1; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .s393a26_skeletonCard span { animation: none; opacity: 0.75; }\n  .s393a26_skeletonCard::after { content: none; }\n}\n\n.sc69180_actionButton {\n  align-self: flex-start;\n  padding: 5px 14px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 6px;\n  background: var(--dsw-alias-bg-layer-2);\n  color: var(--dsw-alias-label-primary);\n  font-size: 13px;\n  cursor: pointer;\n}\n\n.sc69180_actionButton:hover {\n  border-color: color-mix(in srgb, var(--dsw-alias-brand-primary) 45%, var(--dsw-alias-border-l2));\n  color: var(--dsw-alias-brand-primary);\n}\n\n.sc69180_actionButton:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n.sa59b0a_toolbar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n\n.sd633e3_toolbarRight {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n\n/* The shop's own version, right of the search box: `v0.4.4`, plus the\n * update button when the version check found a newer release. */\n.se387e7_versionBlock {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.seccb93_versionText {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 12px;\n  letter-spacing: 0.02em;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.s6b83c1_updateSelfButton {\n  padding: 2px 10px;\n  border: 1px solid var(--dsw-alias-brand-primary);\n  border-radius: 999px;\n  background: color-mix(in srgb, var(--dsw-alias-brand-primary) 12%, transparent);\n  color: var(--dsw-alias-brand-primary);\n  font-size: 12px;\n  font-weight: 600;\n  cursor: pointer;\n}\n\n.s6b83c1_updateSelfButton:hover {\n  background: color-mix(in srgb, var(--dsw-alias-brand-primary) 20%, transparent);\n}\n\n.s6b83c1_updateSelfButton:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n/* The on-demand re-check next to the version number: a quiet pill; the\n * border and text carry it in the light theme where bg layers are white. */\n.s86fc72_checkUpdateButton {\n  padding: 2px 10px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 999px;\n  background: var(--dsw-alias-bg-layer-2);\n  color: var(--dsw-alias-label-secondary);\n  font-size: 12px;\n  cursor: pointer;\n}\n\n.s86fc72_checkUpdateButton:hover {\n  border-color: var(--dsw-alias-label-secondary);\n  color: var(--dsw-alias-label-primary);\n}\n\n.s86fc72_checkUpdateButton:disabled {\n  opacity: 0.6;\n  cursor: default;\n}\n\n.s86fc72_checkUpdateButton:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n/* The project's GitHub mark, right of the version row: a quiet icon link.\n * The octocat carries itself — color shift on hover, no text, no border. */\n.s3b5e50_githubLink {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 3px;\n  border-radius: 6px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.s3b5e50_githubLink:hover {\n  color: var(--dsw-alias-label-primary);\n  background: var(--dsw-alias-bg-layer-2);\n}\n\n.s3b5e50_githubLink:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n/* The self-update's expanded states (running log / done + restart /\n * failure detail) sit under the toolbar, above the category bar. */\n.s9200c1_selfUpdatePanel {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 8px;\n}\n\n.s76d7f5_searchInput {\n  width: min(280px, 100%);\n  padding: 6px 10px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 6px;\n  background: var(--dsw-alias-bg-layer-1);\n  color: var(--dsw-alias-label-primary);\n  font-size: 13px;\n}\n\n.s76d7f5_searchInput:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n/* Subdued line under the search box when a dictionary intent fired (design\n * 2026-10-08-search-query-expansion §4). One fact, no badge. */\n.sf4cb4b_expansionNote {\n  margin: 4px 0 0;\n  font-size: 12px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.sc6f44e_staleBadge {\n  padding: 2px 8px;\n  border-radius: 999px;\n  background: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 14%, transparent);\n  border: 1px solid color-mix(in srgb, var(--dsw-alias-state-warn-primary) 40%, transparent);\n  color: var(--shop-warn-on-tint);\n  font-size: 12px;\n}\n\n.sce6c31_categoryBar {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 6px;\n  margin-top: 6px;\n  /* A flex item of `.s4b680b_controls` at narrow widths: it may shrink below its\n   * content, so the chips wrap instead of pushing the switch off the line.\n   * It must NOT grow — a growing bar takes the whole line and pushes the\n   * switch to a line of its own, where today the two share one. The wide\n   * rail restores its natural height. */\n  flex: 0 1 auto;\n  min-width: 0;\n}\n\n.safdbbe_categoryButton {\n  /* The hue this button carries when selected. `All` and `Installed` select by\n   * something other than a category and keep the brand token; the six category\n   * buttons override it from the shared hue table below, so a pressed Tool tab\n   * turns the same blue as a tool card's spine. */\n  --category-hue: var(--dsw-alias-brand-primary);\n  padding: 3px 10px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 999px;\n  background: var(--dsw-alias-bg-layer-1);\n  color: var(--dsw-alias-label-secondary);\n  font-size: 12px;\n  cursor: pointer;\n}\n\n/* Blend text with the theme foreground: darker on light backgrounds, lighter\n * on dark ones. The unblended category hue belongs on the border and fill. */\n.safdbbe_categoryButton:hover {\n  border-color: color-mix(in srgb, var(--category-hue) 45%, var(--dsw-alias-border-l2));\n  color: color-mix(in srgb, var(--category-hue) 45%, var(--dsw-alias-label-primary) 55%);\n}\n\n/* Selected. Written `.safdbbe_categoryButton.sc5d852_categoryButtonOn` — TWO classes — so it\n * matches `.safdbbe_categoryButton:hover`'s specificity and, coming after it, wins.\n * As a bare `.sc5d852_categoryButtonOn` it lost both `border-color` and `color` to the\n * hover rule for as long as the pointer stayed on the tab that had just been\n * clicked, which is precisely when a reader looks for confirmation.\n *\n * EVERY declaration here is a colour: a pressed tab must occupy exactly the\n * same box as an unpressed one, so the bar does not reflow — and with ~9 pills\n * on a wrapping row, one that grows can push the rest onto another line and\n * move the tab out from under the pointer that just clicked it. That is what\n * `font-weight: 600` did (bold metrics are wider than regular), and it is why\n * nothing may be added here that resolves to a length: no padding, no\n * border-width, no font-size, no letter-spacing. `css-tokens.s514620_client.s74d5ba_spec.s418ac5_ts`\n * fails the build on one.\n *\n * Nor a second line. An inset ring once doubled this border, and every control\n * in the stylesheet now draws exactly one 1px line, which is also the thinnest\n * the host paints (Chromium draws 0.5px as 1px). What separates pressed from\n * unpressed is lightness instead of thickness: the border is the hue mixed 30%\n * toward label-primary, the theme's foreground pole, so it clears 3:1 against\n * the bar in both themes for every hue — the raw hue measured 1.86:1 on white\n * for `ui` — and the fill under it is 22% of the hue. The `other` tab is the\n * case this is for: its hue IS the neutral gray this file uses for \"no\n * category\", so on the light theme the hue alone barely separates the two. */\n.safdbbe_categoryButton.sc5d852_categoryButtonOn {\n  border-color: color-mix(in srgb, var(--category-hue) 70%, var(--dsw-alias-label-primary));\n  background: color-mix(in srgb, var(--category-hue) 22%, transparent);\n  color: color-mix(in srgb, var(--category-hue) 45%, var(--dsw-alias-label-primary) 55%);\n}\n\n/* Forced colours replace every colour above with the system palette, which\n * would leave the three colour declarations saying nothing and the pressed tab\n * indistinguishable from its neighbours, so this mode alone gets an outline. */\n@media (forced-colors: active) {\n  .safdbbe_categoryButton.sc5d852_categoryButtonOn {\n    outline: 2px solid ButtonText;\n    outline-offset: -4px;\n  }\n}\n\n.safdbbe_categoryButton:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n/* The incompatible filter, at the right edge of the controls row at narrow\n * widths: `margin-left: auto` pushes it past the bar, which shrinks and wraps\n * its own chips (`flex: 0 1 auto`) rather than squeezing the switch. Under\n * the wide layout it is a full-width row under the rail's \"Filter\" heading.\n * It is a MODIFIER, not a ninth category — the categories select what to show\n * and this one subtracts from whatever they selected — so it takes the error\n * hue it filters on rather than joining the hue table.\n *\n * And it is a SWITCH, which is the difference the shape now carries. It used\n * to wear `.safdbbe_categoryButton`: same pill, same row, same size as the eight tabs,\n * differing only in being red. That reads as a ninth tab, and it is not one —\n * the tabs are choose-one and this is on-or-off. So it drops the pill chrome\n * entirely (no border, no fill, nothing to compete with the row it sits\n * beside) and puts the state in a track, the same one every installed card\n * carries. Nothing here restates the switch geometry; `--switch-hue` is the\n * whole of what this control says about it, and it reaches the label too, so\n * one declaration keeps the word and the track the same colour. */\n.sd6d2c7_incompatibleFilter {\n  --switch-hue: var(--dsw-alias-state-error-primary);\n  margin-left: auto;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  /* Matches the pills' vertical padding so the bar keeps one line box whether\n   * this control wraps onto a row of its own or shares theirs. */\n  padding: 3px 0;\n  border: 0;\n  background: none;\n  color: var(--dsw-alias-label-secondary);\n  font-size: 12px;\n  cursor: pointer;\n}\n\n/* Hover lifts the word to full contrast and warms the track's border. Scoped\n * to the OFF track: `.sd6d2c7_incompatibleFilter:hover .sc8dc92_switch` outranks `.s12653b_switchOn`\n * by two classes, so unscoped it would strip the hue from the border at\n * exactly the moment a reader has the pointer on it to check the state. */\n.sd6d2c7_incompatibleFilter:hover {\n  color: var(--dsw-alias-label-primary);\n}\n\n.sd6d2c7_incompatibleFilter:hover .sc8dc92_switch:not(.s12653b_switchOn) {\n  border-color: color-mix(in srgb, var(--switch-hue) 45%, var(--dsw-alias-border-l2));\n}\n\n/* On. Written with both classes for the reason `.safdbbe_categoryButton.sc5d852_categoryButtonOn`\n * is: it has to match `:hover`'s specificity and come after it, or the colour\n * reverts under a pointer that has not moved since the click. */\n.sd6d2c7_incompatibleFilter.s515b4e_incompatibleFilterOn {\n  color: color-mix(in srgb, var(--switch-hue) 45%, var(--dsw-alias-label-primary) 55%);\n}\n\n/* Off here means \"nothing is being taken away\" — the resting state — so the\n * knob steps back to the secondary label. The enable switch keeps the full\n * strength dot, where off means \"this plugin is disabled\" and is worth\n * noticing. In this bar it would be the heaviest mark in a row of hairline\n * pills, and on the light theme it is the WHOLE control: bg-layer-2 is the\n * same white as the panel there, so an off track is a hairline outline with a\n * near-black dot sitting in it. */\n.sd6d2c7_incompatibleFilter .sc8dc92_switch:not(.s12653b_switchOn) .sb7170f_switchKnob {\n  background: var(--dsw-alias-label-secondary);\n}\n\n/* The ring has no border to trace, so it takes an offset and the pill radius\n * of the tabs it sits beside rather than hugging the text. */\n.sd6d2c7_incompatibleFilter:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 2px;\n  border-radius: 999px;\n}\n\n.s9964fe_updatableHeading {\n  margin: 2px 0 0;\n  font-size: 16px;\n  font-weight: 600;\n  letter-spacing: 0.02em;\n  color: var(--dsw-alias-label-primary);\n}\n\n.sc7794b_catalogStatsRow {\n  display: flex;\n  align-items: center;\n  /* The row holds the catalog line, the refresh button and the shelf order's\n   * three pills (design 2026-10-12-shelf-orders §4). Without wrapping, the\n   * last of them overflows the tab at a narrow width. */\n  flex-wrap: wrap;\n  gap: 10px;\n  margin: 6px 0 0;\n}\n\n/* The shelf's order control, at the right end of the stats row. `margin-left:\n * auto` is what puts it there while the line and the refresh button stay\n * left — and it is safe on a wrapping row, unlike a width. */\n.s28aa3c_sortGroup {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  margin-left: auto;\n}\n\n.s7842d7_sortLabel {\n  color: var(--dsw-alias-label-secondary);\n  font-size: 12px;\n}\n\n.s28d92b_catalogStats {\n  margin: 0;\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 12px;\n  letter-spacing: 0.02em;\n  color: var(--dsw-alias-label-secondary);\n}\n\n/* Sits beside the 12px stats caption, so it is quieter than `.sc69180_actionButton`:\n * this is an affordance, not a call to action — the catalog reloads on its\n * own at mount and the shelf is already usable without it. Named\n * `catalogRefresh*` (not `reload*`) so it cannot collide with the §4 page\n * reload offer below, which reloads the whole tab rather than refetching\n * the catalog data. */\n.s695d80_catalogRefreshButton {\n  padding: 1px 9px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 999px;\n  background: transparent;\n  color: var(--dsw-alias-label-secondary);\n  font-size: 11px;\n  line-height: 17px;\n  cursor: pointer;\n}\n\n.s695d80_catalogRefreshButton:hover:not(:disabled) {\n  border-color: color-mix(in srgb, var(--dsw-alias-brand-primary) 45%, var(--dsw-alias-border-l2));\n  color: var(--dsw-alias-brand-primary);\n}\n\n.s695d80_catalogRefreshButton:disabled {\n  cursor: default;\n  opacity: 0.6;\n}\n\n.s695d80_catalogRefreshButton:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n.s7a8ca3_catalogRefreshFailed {\n  font-size: 11px;\n  color: var(--shop-warn);\n}\n\n.s23625a_emptyLine {\n  margin: 0;\n  color: var(--dsw-alias-label-primary);\n  font-size: 13px;\n}\n\n/* The shelf: a responsive grid of cards. `auto-fill` with a 430px minimum\n * gives the two columns the wide layout buys — two tracks and their 12px gap\n * need 872px of results column — and one column below that (design\n * 2026-11-02-shop-widescreen-layout §5). The vertical gap is today's 8px. */\n.s36d340_cards {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(min(430px, 100%), 1fr));\n  max-width: 100%;\n  gap: 8px 12px;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  animation: dshShopCardsIn 220ms ease;\n}\n\n@keyframes dshShopCardsIn {\n  from { opacity: 0; transform: translateY(3px); }\n  to { opacity: 1; transform: none; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .s36d340_cards { animation: none; }\n}\n\n/* The shelf's grid item is the <li> carrying a card's identity (ShopPage\n * reads it), not the card, and a grid item's min-width is auto: the 1fr track\n * could then never be narrower than the widest item's min-content, and every\n * card widens to it. Two things reach that width. Content that cannot wrap,\n * on a narrow window. And a card the browser skips (`content-visibility:\n * auto` below), which keeps the width it last rendered at: browsing a wide\n * window and narrowing it left every card 960px wide in a 662px column, its\n * right side clipped by the panel (measured on dsh 0.2.1-rc.2, 0.2.0-rc.2 and\n * 0.1.7-rc.2, 2026-10-22). Until the page took the main column the panel was\n * as wide as Settings made it, and a window resize did not move it. */\n/* The card is this item's child. Without a grid here the item stretches to\n * the row but the card keeps its content height, so the action row's\n * `margin-top: auto` has no free space to absorb and two cards in a row end\n * their buttons on different lines — measured 65px short at a 1280px tab\n * (2026-11-02). A one-row grid stretches the card to the cell. */\n.s36d340_cards > li {\n  min-width: 0;\n  display: grid;\n}\n\n.sf5fa2b_card {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: 10px;\n  background: var(--dsw-alias-bg-layer-1);\n  overflow: hidden;\n  transition: border-color 120ms ease, transform 120ms ease, box-shadow 120ms ease;\n  /* Off-screen cards skip layout and paint; the placeholder keeps scrollbar\n   * estimation sane before the browser has measured the real height. */\n  content-visibility: auto;\n  contain-intrinsic-size: auto 140px;\n}\n\n/* The sentinel that triggers the next shelf batch: zero visual footprint. */\n.s584a60_cardsSentry {\n  height: 1px;\n  margin: 0;\n  padding: 0;\n}\n\n.s9d9bba_showingLine {\n  margin: 0;\n  font-size: 12px;\n  letter-spacing: 0.02em;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.sf5fa2b_card:hover {\n  border-color: color-mix(in srgb, var(--dsw-alias-brand-primary) 45%, var(--dsw-alias-border-l1));\n  transform: translateY(-1px);\n  box-shadow: 0 2px 8px color-mix(in srgb, var(--dsw-alias-brand-primary) 12%, transparent);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .sf5fa2b_card { transition: none; }\n  .sf5fa2b_card:hover { transform: none; }\n}\n\n/* The signature: a spine and cover in the category's own hue. The hues are\n * fixed mid-bright colors that read on both themes; `other` deliberately\n * stays a neutral gray so the fallback category does not compete. */\n.s28d979_cardSpine {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  width: 3px;\n  background: var(--category-hue, #8B8E96);\n}\n\n/* The hue table, keyed by `data-category` and read by BOTH surfaces that\n * speak in category colour: a card's spine and badge, and the category bar's\n * own tab. One table, so a tab can never disagree with the cards it filters to\n * — which is the whole point of colouring the tab. `.safdbbe_categoryButton` sets the\n * brand fallback for `All`/`Installed`; these attribute selectors are one\n * specificity step above it and win wherever the attribute is present. */\n.sf5fa2b_card[data-category='tool'], .safdbbe_categoryButton[data-category='tool'] { --category-hue: #4C8DFF; }\n.sf5fa2b_card[data-category='provider'], .safdbbe_categoryButton[data-category='provider'] { --category-hue: #A78BFA; }\n.sf5fa2b_card[data-category='ui'], .safdbbe_categoryButton[data-category='ui'] { --category-hue: #2DD4BF; }\n.sf5fa2b_card[data-category='workflow'], .safdbbe_categoryButton[data-category='workflow'] { --category-hue: #F59E0B; }\n.sf5fa2b_card[data-category='integration'], .safdbbe_categoryButton[data-category='integration'] { --category-hue: #34D399; }\n.sf5fa2b_card[data-category='theme'], .safdbbe_categoryButton[data-category='theme'] { --category-hue: #F472B6; }\n.sf5fa2b_card[data-category='other'], .safdbbe_categoryButton[data-category='other'] { --category-hue: #8B8E96; }\n\n/* The category sits in the badge row as a quiet chip in the category's own\n * hue — the border carries it where the light theme's white layers cannot\n * (the same lesson as the check button). */\n.s91829d_categoryBadge {\n  padding: 1px 7px;\n  border: 1px solid color-mix(in srgb, var(--category-hue, #8B8E96) 45%, transparent);\n  border-radius: 999px;\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  color: var(--category-hue, #8B8E96);\n  white-space: nowrap;\n}\n\n/* One entry's icon: a 32px tile holding a 24px image (design\n * 2026-10-23-shop-plugin-icons §8.3). The border and radius are dsh's own\n * (`PackageArtwork`'s .s7f7e1e_cardIcon), so a card's icon reads the same here as on\n * dsh's Plugins page. No backplate in either theme (§8.4). */\n.s9d98a4_entryIcon {\n  box-sizing: border-box;\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  border: 0.5px solid var(--dsw-alias-border-l3);\n  border-radius: var(--dsw-radius-md);\n  overflow: hidden;\n}\n\n.sac0d07_entryIconImage {\n  width: 24px;\n  height: 24px;\n  object-fit: contain;\n}\n\n.s6a017b_entryHeader {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  gap: 12px;\n  min-width: 0;\n  padding: 10px 12px 2px;\n  border: none;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  text-align: left;\n  cursor: pointer;\n}\n\n.s6a017b_entryHeader:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: -2px;\n}\n\n/* The name and the badge row, one column inside the header button. The\n * badges used to share the name's row, which at a 430px grid track left the\n * name about 120px; under it they get the full width and the name keeps its\n * line (design 2026-11-02-shop-widescreen-layout §5). */\n.sbc36fc_entryHeading {\n  display: flex;\n  flex-direction: column;\n  gap: 3px;\n  min-width: 0;\n  flex: 1 1 auto;\n}\n\n/* The name fills the row and truncates rather than wraps; the badges stay\n * intact on the row under it. */\n.s4485fd_name {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 13px;\n  font-weight: 600;\n  flex: 1 1 auto;\n  min-width: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--dsw-alias-label-primary);\n}\n\n.s150e7a_badges {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 6px;\n}\n\n/* The action line: buttons side by side; an active install/uninstall flow\n * (gate, log, notices) takes the full width below them. */\n.sbdfc2c_cardActions {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 12px 10px;\n  /* Grid rows stretch every card to the tallest one, and the card is a flex\n   * column: this takes the leftover height above the buttons, so two cards\n   * in one row end their action rows on the same line (design\n   * 2026-11-02-shop-widescreen-layout §5). */\n  margin-top: auto;\n}\n\n.sbdfc2c_cardActions > .s35ae56_gate,\n.sbdfc2c_cardActions > .s75cfe7_installPanel,\n.sbdfc2c_cardActions > .s130990_installedActions,\n.sbdfc2c_cardActions > .s848d91_receipt {\n  flex-basis: 100%;\n}\n\n/* The entry's version, always visible on the card (the expanded detail\n * repeats it in the version row) — the same quiet mono as the toolbar. */\n.se4fd96_cardVersion {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 12px;\n  letter-spacing: 0.02em;\n  color: var(--dsw-alias-label-secondary);\n  /* A release tag prints as tagged, never cut to seven characters (market\n   * borrowings §11), and a tag can run to any length. The cap keeps every\n   * tag of up to fourteen characters whole, prerelease suffix included\n   * (`v0.1.0-alpha.0`): fourteen glyphs plus the letter-spacing above come to\n   * about 14.5ch, so the cap is 15ch, not 14. A longer tag ends in an ellipsis,\n   * and the tooltip carries the whole of it. */\n  max-width: 15ch;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/* The octocat marking a source the reader can read on GitHub, beside the\n * card's version. */\n.s4ebdb5_sourceBadge {\n  display: inline-flex;\n  align-items: center;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.sa10256_tierBadge {\n  padding: 1px 7px;\n  border-radius: 999px;\n  font-size: 11px;\n  line-height: 1.6;\n}\n\n.sa10256_tierBadge[data-tier='verified'] {\n  color: var(--shop-success);\n  background: color-mix(in srgb, var(--dsw-alias-state-success-primary) 14%, transparent);\n  border: 1px solid color-mix(in srgb, var(--dsw-alias-state-success-primary) 40%, transparent);\n}\n\n.sa10256_tierBadge[data-tier='verified-stale'] {\n  color: var(--shop-warn-on-tint);\n  background: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 14%, transparent);\n  border: 1px solid color-mix(in srgb, var(--dsw-alias-state-warn-primary) 40%, transparent);\n}\n\n.sa10256_tierBadge[data-tier='community'] {\n  color: var(--dsw-alias-label-secondary);\n  background: var(--dsw-alias-bg-layer-2);\n  border: 1px solid var(--dsw-alias-border-l2);\n}\n\n/* The §C10 shadowed badge: an installed github entry the catalog refuses\n * shadowed-by-npm. Subdued/secondary rather than a warn tint — nothing is\n * wrong with the install itself; the shelf just cannot show it. */\n.sa10256_tierBadge[data-tier='shadowed'] {\n  color: var(--dsw-alias-label-secondary);\n  background: var(--dsw-alias-bg-layer-2);\n  border: 1px solid var(--dsw-alias-border-l2);\n}\n\n/* The §C5 archived badge: a github repository the owner has frozen.\n * Subdued register, same as shadowed — nothing is wrong with the install;\n * the pinned commit still serves, so the mark is informational only. */\n.sa10256_tierBadge[data-tier='archived'] {\n  color: var(--dsw-alias-label-secondary);\n  background: var(--dsw-alias-bg-layer-2);\n  border: 1px solid var(--dsw-alias-border-l2);\n}\n\n.se63699_incompatibleBadge {\n  flex-shrink: 0;\n  padding: 3px 9px;\n  border-radius: 999px;\n  font-size: 12px;\n  white-space: nowrap;\n  /* On the tint, not on the plain surface: this text reads on its own 14% red\n   * fill, where the 90% red would measure 4.21:1 (light) and 4.43:1 (dark). */\n  color: var(--shop-error-on-tint);\n  background: color-mix(in srgb, var(--dsw-alias-state-error-primary) 14%, transparent);\n  border: 1px solid color-mix(in srgb, var(--dsw-alias-state-error-primary) 40%, transparent);\n}\n\n.scc86dc_starsBadge {\n  font-size: 11px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.sd8ede4_chevron, .s879a81_chevronOpen {\n  color: var(--dsw-alias-label-secondary);\n  transition: transform 120ms ease;\n}\n\n.s879a81_chevronOpen { transform: rotate(180deg); }\n\n@media (prefers-reduced-motion: reduce) {\n  .sd8ede4_chevron, .s879a81_chevronOpen { transition: none; }\n}\n\n.s2900a7_body {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 0 12px;\n}\n\n.sa41615_summary {\n  margin: 0;\n  font-size: 13px;\n  line-height: 1.5;\n  color: var(--dsw-alias-label-primary);\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n.s91610a_summaryZh {\n  margin: -4px 0 0;\n  font-size: 12px;\n  line-height: 1.5;\n  color: var(--dsw-alias-label-secondary);\n  display: -webkit-box;\n  -webkit-line-clamp: 1;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n/* Expanded cards show the full summary: the clamp is lifted, never raised —\n * a higher number would still truncate the author's text, just later. */\n.s81bc49_summaryExpanded {\n  -webkit-line-clamp: unset;\n  display: block;\n}\n\n.sc64654_summaryZhExpanded {\n  -webkit-line-clamp: unset;\n  display: block;\n}\n\n/* `white-space: pre-line` so the newline in the copy is the copy's own: the\n   dictionary decides where the line breaks, and a translator changes it\n   without touching the component. Collapses runs of spaces like `normal`, so\n   only the explicit \\n survives. */\n.sfcd9cd_incompatibleDetail {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.5;\n  white-space: pre-line;\n  color: var(--shop-error);\n}\n\n/* The way out of dsh's own refusal: the lead-in, then the exemption command\n * on its own line. */\n/* Block layout rather than flex: Firefox 153 will not line-clamp a container\n * that holds a display:flex child (Chromium 151 does), and the fold's\n * measured goal — \"the whole red block, remedy included, as one unit\" —\n * needs the container to clamp in BOTH engines the shop targets. The 4px\n * rhythm between the lead-in and the command is kept by the margins of the\n * children. */\n.sb6142c_remedy {\n  display: block;\n}\n\n.sb6142c_remedy > * + * { margin-top: 4px; }\n\n/* The fold under a card's whole red block: two lines by default, a small\n * Refresh-pill-shaped toggle under it. Two containers, one rhythm: the shelf\n * uses `.s445a81_foldBlock` collapsed and `.sb6457b_foldBlockExpanded` open, and they share\n * one `display: block` (Firefox clamps no flex child inside a -webkit-box).\n * The clamp is on the BLOCK rather than any one line, so a 43-line remedy\n * counts as a unit instead of squashing the harness-peers line to a sliver\n * and hiding the command the reader actually came for. Both containers\n * still render the full block to a screen reader — `white-space: normal`\n * instead of pre-line keeps the copy's own `\\n` visible without forcing the\n * browser to lay the block's pieces like a text node. */\n.s445a81_foldBlock {\n  display: block;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  display: -webkit-box;\n  overflow: hidden;\n}\n\n.sb6457b_foldBlockExpanded { display: block; }\n\n/* The toggle. Geometry and quiet voice are the Refresh pill's\n * (`catalogStatsRow` right beside it on the same screen): one 1px border,\n * 11px text, secondary label, no fill. It is the only one of its kind here,\n * so a class of its own means one function of its own. */\n.sd9b244_foldToggle {\n  /* The pill's own width. Under a card's red block it is an item of the card\n   * body, a column, which stretches every child it is not told otherwise:\n   * 934px against the Refresh pill's 59px at a 1440 window (2026-10-22). */\n  align-self: flex-start;\n  padding: 1px 9px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 999px;\n  background: transparent;\n  color: var(--dsw-alias-label-secondary);\n  font-size: 11px;\n  line-height: 17px;\n  cursor: pointer;\n}\n\n.sd9b244_foldToggle:hover { border-color: color-mix(in srgb, var(--dsw-alias-brand-primary) 45%, var(--dsw-alias-border-l2)); }\n.sd9b244_foldToggle:focus-visible { outline: 2px solid var(--dsw-alias-brand-primary); outline-offset: 1px; }\n\n.s29ecbc_remedyLead {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.5;\n  color: var(--dsw-alias-label-primary);\n}\n\n/* The exemption command, bound for a terminal unchanged: one click selects\n * all of it, and it wraps anywhere rather than widening the card. A border,\n * not a fill, marks the box: the bg layers are one white in the light theme. */\n.se34c39_allowCommand {\n  display: block;\n  padding: 6px 8px;\n  border-radius: 6px;\n  background: var(--dsw-alias-bg-base);\n  border: 1px solid var(--dsw-alias-border-l1);\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 11px;\n  line-height: 1.5;\n  white-space: pre-wrap;\n  word-break: break-all;\n  user-select: all;\n  color: var(--dsw-alias-label-primary);\n}\n\n/* A refused install on a surface that does not state its blockers — the\n * outdated row — writes them out on their own full-width line under the\n * refused label, the command that clears dsh's refusal included. Block,\n * rather than flex: Firefox will not line-clamp a -webkit-box that holds a\n * display:flex child, and the fold this element can sit inside of carries\n * that clamp. The 6px rhythm between the block's lines is carried by the\n * children's margins. */\n.sb88eac_refusal {\n  display: block;\n  flex-basis: 100%;\n}\n\n.sb88eac_refusal > * + * { margin-top: 6px; }\n\n.seda8cf_capabilitiesBlock {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.s85ae81_capabilitiesNote {\n  margin: 0;\n  font-size: 11px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.se9f845_capabilities {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.se9f845_capabilities li {\n  padding: 1px 6px;\n  border-radius: 4px;\n  background: color-mix(in srgb, var(--dsw-alias-label-primary) 6%, transparent);\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 11px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.sa099e4_detail {\n  border-top: 1px solid var(--dsw-alias-border-l1);\n  padding-top: 8px;\n}\n\n.s33e230_detailRows {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  margin: 0;\n}\n\n.s3c9f5e_detailRow {\n  display: flex;\n  justify-content: space-between;\n  gap: 12px;\n  font-size: 12px;\n}\n\n.s3c9f5e_detailRow dt {\n  color: var(--dsw-alias-label-secondary);\n}\n\n.s3c9f5e_detailRow dd {\n  margin: 0;\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  overflow-wrap: anywhere;\n  text-align: right;\n  color: var(--dsw-alias-label-primary);\n}\n\n.s3c9f5e_detailRow a {\n  color: var(--dsw-alias-brand-primary);\n  text-decoration: none;\n}\n\n.s3c9f5e_detailRow a:hover {\n  text-decoration: underline;\n}\n\n.s3c9f5e_detailRow a:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n/* What the entry IS rather than what you can do with it — how big it is and\n * who published it — at the right edge of the action row. `margin-left: auto`\n * is what pushes it there, and it lives on this wrapper rather than on either\n * label so the group stays flush right when only one of the two has a value —\n * a packument that named no account has no author, and an entry the registry\n * could not measure honestly has no size. Rarer than it was (every live entry\n * now carries a size, github included), but the wrapper is not what makes it\n * rare: without one, an EMPTY meta group still costs 8px, because\n * `.sbdfc2c_cardActions` is a flex row with `gap: 8px` and a zero-width item is still\n * an item. The row is a wrapping flex, so an active install flow (which claims\n * the full width) drops the whole group to the next line rather than squeezing\n * it. */\n.sf02a91_cardMeta {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  margin-left: auto;\n  min-width: 0;\n}\n\n/* The on-disk size, left of the author. Mono and tabular so the digits of one\n * figure line up with the digits of another WHEREVER the two land: `.sf02a91_cardMeta`\n * is flush right and the author sits outside the size, so a size's x position\n * moves with the author's width and is different again on the many entries\n * that carry no author at all. There is no column to align to, which is why\n * the reason given here is per-figure legibility rather than the column the\n * first version of this comment claimed. Secondary colour, because it\n * qualifies the entry rather than announcing it.\n *\n * `font-variant-numeric` is safe HERE and would not be on a pill: this element\n * has no state rules, so nothing it does can reflow a wrapping row.\n *\n * `.s968579_shelfDate` shares this rule because it is the same kind of fact — a\n * fixed-width figure a reader compares down the shelf (design\n * 2026-10-12-shelf-orders §4) — and two copies of these declarations would\n * drift. */\n.s7859cb_size,\n.s968579_shelfDate {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-variant-numeric: tabular-nums;\n  font-size: 12px;\n  letter-spacing: 0.02em;\n  white-space: nowrap;\n  color: var(--dsw-alias-label-secondary);\n}\n\n/* The publishing account, at the outer end of `.sf02a91_cardMeta` on the action row —\n * NOT beside the npm link in the expanded detail, which is where it used to\n * live and what this comment described until the accurate half was deleted\n * with the `margin-left: auto` that moved to `.sf02a91_cardMeta`. There is no middot:\n * `.sf02a91_cardMeta`'s 8px gap separates it from the size.\n *\n * Secondary label colour carries the distinction — never a background fill,\n * which is invisible in the light theme where every bg-layer token is the\n * same white. */\n.s4801d5_author {\n  color: var(--dsw-alias-label-secondary);\n  font-size: 12px;\n}\n\n.sfa18da_reviewedLine {\n  margin: 8px 0 0;\n  padding: 6px 8px;\n  border-radius: 6px;\n  background: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 12%, transparent);\n  font-size: 12px;\n  color: var(--shop-warn-on-tint);\n}\n\n/* Install flow. */\n.s75cfe7_installPanel {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 2px;\n}\n\n/* ONE geometry for everything that occupies the install button's place: the\n * button itself, the confirm/cancel pair beside the restart gate, the installed\n * label, and the refused label. Stated once because a refused label HAS to look\n * like the button it replaces apart from its colour and its text, and four\n * copies of the same five declarations is how they stop looking alike.\n * `cursor: pointer` is NOT here: only the controls that can be pressed take it,\n * while a label renders with the default cursor. */\n.s17e180_installButton,\n.s4d480e_confirmButton,\n.s9466ff_cancelButton,\n.sb6cbde_installedLabel,\n.s6d82dc_refusedLabel {\n  align-self: flex-start;\n  margin: 0;\n  padding: 5px 14px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 6px;\n  font-size: 13px;\n}\n\n.s17e180_installButton, .s4d480e_confirmButton, .s9466ff_cancelButton {\n  cursor: pointer;\n}\n\n.s17e180_installButton {\n  border-color: var(--dsw-alias-brand-primary);\n  background: var(--dsw-alias-brand-primary);\n  color: var(--dsw-alias-bg-base);\n}\n\n/* Between the click and the host's answer. The flow ignores a repeat start for\n * the same identity, so this is the visible half of the same fact: a control\n * that says \"not now\" rather than one that looks ready to send a second\n * install. Only the button can be in this state — a label is never pressed. */\n.s17e180_installButton:disabled {\n  cursor: wait;\n}\n\n.s17e180_installButton:hover {\n  background: color-mix(in srgb, var(--dsw-alias-brand-primary) 88%, var(--dsw-alias-label-primary));\n}\n\n.s4d480e_confirmButton {\n  border: 1px solid var(--dsw-alias-brand-primary);\n  background: var(--dsw-alias-brand-primary);\n  color: var(--dsw-alias-bg-base);\n}\n\n.s4d480e_confirmButton:hover {\n  background: color-mix(in srgb, var(--dsw-alias-brand-primary) 88%, var(--dsw-alias-label-primary));\n}\n\n.s9466ff_cancelButton {\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-bg-layer-2);\n  color: var(--dsw-alias-label-primary);\n}\n\n.s9466ff_cancelButton:hover {\n  border-color: var(--dsw-alias-label-secondary);\n}\n\n.s17e180_installButton:focus-visible, .s4d480e_confirmButton:focus-visible, .s9466ff_cancelButton:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n/* The shelf card of a plugin that is installed and current carries this\n * non-interactive label instead of an install button. Border + text do the\n * work in the light theme, where every bg-layer token resolves to white. */\n.sb6cbde_installedLabel {\n  align-self: flex-start;\n  margin: 0;\n  padding: 5px 14px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 6px;\n  font-size: 13px;\n  color: var(--dsw-alias-label-secondary);\n  background: var(--dsw-alias-bg-layer-2);\n}\n\n/* The refused Install/Update button's replacement: the same box as the button\n * (the geometry rule above), filled solid red, not pressable. The fill is the\n * derived red rather than the raw token because text sits on it — bg-base on\n * `--shop-error` measures 5.31:1 light and 6.14:1 dark — and the raw error red\n * under bg-base text measures 4.498:1, the miss this whole family of fixes\n * exists for. Nothing here changes on hover: it is a statement, not a control,\n * so it keeps the default cursor and its colours. */\n.s6d82dc_refusedLabel {\n  border-color: var(--shop-error);\n  background: var(--shop-error);\n  color: var(--dsw-alias-bg-base);\n  white-space: nowrap;\n}\n\n/* An installed card's controls: the installed label or the update button,\n * plus the uninstall button. The install panel's running/failed states are\n * column layouts and sit as one item of this row. */\n.s130990_installedActions {\n  display: flex;\n  align-items: flex-start;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n/* Uninstall revokes privilege; the quiet outline keeps it from competing\n * with the primary action, and the error tint says \"removes\". */\n.safa1f4_uninstallButton {\n  align-self: flex-start;\n  padding: 5px 14px;\n  border: 1px solid color-mix(in srgb, var(--dsw-alias-state-error-primary) 55%, transparent);\n  border-radius: 6px;\n  background: transparent;\n  /* The on-tint red: hovering this button paints a 10% red fill under the\n   * word, where the plain red measures 4.50:1 (light) — the same two\n   * thousandths short of the floor the raw token shipped at. */\n  color: var(--shop-error-on-tint);\n  font-size: 13px;\n  cursor: pointer;\n}\n\n.safa1f4_uninstallButton:hover {\n  background: color-mix(in srgb, var(--dsw-alias-state-error-primary) 10%, transparent);\n}\n\n.safa1f4_uninstallButton:focus-visible {\n  outline: 2px solid var(--dsw-alias-state-error-primary);\n  outline-offset: 1px;\n}\n\n/* The restart dsh button on a done install: quiet outline, same rank as\n * the other secondary actions. */\n.s19d2da_restartSelfButton {\n  /* The version row's third state. Geometry matches .s86fc72_checkUpdateButton and\n   * .s6b83c1_updateSelfButton exactly — the row is one evolving control and a\n   * different pill would read as a different kind of thing. It takes the\n   * emphasised fill rather than the neutral one because at that moment the\n   * restart is the only thing left to do, the same reason Update has it. */\n  padding: 2px 10px;\n  border: 1px solid var(--dsw-alias-brand-primary);\n  border-radius: 999px;\n  background: color-mix(in srgb, var(--dsw-alias-brand-primary) 12%, transparent);\n  color: var(--dsw-alias-brand-primary);\n  font-size: 12px;\n  font-weight: 600;\n  cursor: pointer;\n}\n\n.s19d2da_restartSelfButton:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n/* The two activation offers share one recipe: a border in an alias token,\n * never a `bg-layer` fill alone — all four bg-layer tokens collapse to the\n * same white under `body` in the light theme, and a fill-only button would\n * vanish there. Grouped rather than copied, because a copy is a rule that\n * can be corrected on one button and left wrong on the other, silently. */\n.s1916c4_restartButton,\n.se4b67d_reloadButton {\n  align-self: flex-start;\n  padding: 5px 14px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 6px;\n  background: var(--dsw-alias-bg-layer-2);\n  color: var(--dsw-alias-label-primary);\n  font-size: 13px;\n  cursor: pointer;\n}\n\n.s1916c4_restartButton:hover,\n.se4b67d_reloadButton:hover {\n  border-color: var(--dsw-alias-label-secondary);\n}\n\n.s1916c4_restartButton:focus-visible,\n.se4b67d_reloadButton:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n/* A settled install's or uninstall's receipt: its log, what happened, and\n * what to do next, stacked. A column, so the log box spans the card as the\n * running and failed views' logs do, rather than being as wide as its longest\n * line (852, 409 and 260px on three cards of one page, 2026-10-22), and the\n * sentence never shares a line with a button it would sit misaligned beside. */\n.s848d91_receipt {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n/* The buttons under a receipt, a failure, or a reload or restart note, in one\n * row: the offer first (Reload, Restart dsh, Retry) and the way out (Dismiss)\n * beside it. They stood a line apart: Dismiss beside the reload note and\n * Reload under it, or Retry above Dismiss. */\n.s860bef_offerActions {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n}\n\n/* The §4 reload offer: a notice plus its button, one item of\n * `.s130990_installedActions` the way the restart gate is — a column of its own\n * rather than inline with the row. */\n.se6345a_reloadPanel {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 6px;\n}\n\n\n.s35ae56_gate {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 10px;\n  border: 1px solid var(--dsw-alias-state-warn-primary);\n  border-radius: 8px;\n  background: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 8%, transparent);\n}\n\n.s4b04c5_gateTitle {\n  margin: 0;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--shop-warn-on-tint);\n}\n\n.s3552a4_gateBody {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.6;\n  color: var(--dsw-alias-label-primary);\n}\n\n.sf344ec_gateWarning {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.6;\n  white-space: pre-line;\n  color: var(--shop-error);\n}\n\n.sba54c1_gateActions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n.s110c4a_installing {\n  margin: 0;\n  font-size: 12px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.sa13cb7_log {\n  max-height: 160px;\n  overflow: auto;\n  margin: 0;\n  padding: 8px;\n  border-radius: 6px;\n  background: var(--dsw-alias-bg-base);\n  border: 1px solid var(--dsw-alias-border-l1);\n  list-style: none;\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 11px;\n  line-height: 1.5;\n}\n\n.s326167_logLine {\n  white-space: pre-wrap;\n  word-break: break-all;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.s88fa30_notice {\n  margin: 0;\n  font-size: 12px;\n  color: var(--shop-success);\n}\n\n.s34c383_failedHeading {\n  margin: 0;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--shop-error);\n}\n\n.s7d7ac6_failedDetail {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.6;\n  color: var(--dsw-alias-label-primary);\n}\n\n.scf1455_rejectedCode {\n  margin: 0;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--shop-error);\n}\n\n.s604bbc_rejectedDetail {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.6;\n  color: var(--dsw-alias-label-primary);\n}\n\n/* The Updatable section. The class keeps the Host's field name; only the\n   heading the reader sees was renamed. */\n.s81e51c_outdatedSection {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 6px;\n}\n\n.s6f80ac_outdatedList {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.s7e8f68_outdatedRow {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  flex-wrap: wrap;\n  padding: 10px 12px;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: 8px;\n  background: var(--dsw-alias-bg-layer-1);\n}\n\n.s27f8b7_outdatedInfo {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 10px;\n  min-width: 0;\n}\n\n/* The name and everything under it, beside the icon. */\n.sf16e21_outdatedText {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n}\n\n.s27f8b7_outdatedInfo strong {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 13px;\n  word-break: break-all;\n  color: var(--dsw-alias-label-primary);\n}\n\n.sb74cf7_outdatedVersions {\n  /* Two inline labels with nothing between them in the markup ran together as\n   * `installed v1.0.0latest v2.0.0`: JSX drops the whitespace-only line, and\n   * the per-label class the markup asked for was never defined (singular\n   * against this rule's plural). The container owns the gap, the same idiom\n   * as .s150e7a_badges — the labels need no class of their own. */\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 12px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n/* The §C10 shadowed section. Reuses the outdated list's visual language; only\n * the section spacing and the per-row explanation paragraph are its own. */\n.s4da305_shadowedSection {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 6px;\n}\n\n.sf1d53c_shadowedDetail {\n  margin: 4px 0 0;\n  font-size: 12px;\n  line-height: 1.5;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.s43bdbf_outdatedActions {\n  display: flex;\n  align-items: center;\n  /* The reload offer (§4) mounts inside the switch beside the Update button\n   * and is a two-line block, not a control: without wrapping, a row reading\n   * [switch][notice + Reload][Update] overflowed the Settings dialog the shop\n   * sat in through 0.8.7, and the page's column narrows with the window. */\n  flex-wrap: wrap;\n  gap: 10px;\n}\n\n/* The shop's one switch. It is worn by two controls that mean different\n * things — the enable/disable toggle on an installed card, and the shelf's\n * incompatible filter — so the geometry lives here once and each caller states\n * only its hue.\n *\n * `--switch-hue` is that knob, and it is read from the ANCESTOR rather than\n * declared per state: `.sd6d2c7_incompatibleFilter` sets it once and it reaches the\n * track and the label together, which is what keeps a red switch from sitting\n * under a neutral word. A declaration on `.sc8dc92_switch` itself would shadow the\n * inherited value (an element's own rule beats what it inherits), so the\n * default rides in the `var()` fallback and is resolved once into\n * `--track-hue` instead of being spelled out at each use.\n *\n * `box-sizing` and `padding` are stated because the two callers are different\n * elements — a `<button>`, which the UA gives padding, and a `<span>`, which\n * it does not. Without them the same class renders two sizes, and the knob\n * sits 2px above centre in the taller one. */\n.sc8dc92_switch {\n  --track-hue: var(--switch-hue, var(--dsw-alias-state-success-primary));\n  box-sizing: border-box;\n  display: inline-block;\n  position: relative;\n  width: 32px;\n  height: 18px;\n  padding: 0;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 999px;\n  background: var(--dsw-alias-bg-layer-2);\n  cursor: pointer;\n  transition: background 120ms ease, border-color 120ms ease;\n}\n\n/* The knob's POSITION is the state, which is the reason this control needs no\n * `forced-colors` fallback the way the category pills do: a system palette\n * replaces every colour below and moves nothing. */\n.s12653b_switchOn {\n  border-color: var(--track-hue);\n  background: color-mix(in srgb, var(--track-hue) 55%, transparent);\n}\n\n.sb7170f_switchKnob {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  width: 12px;\n  height: 12px;\n  border-radius: 999px;\n  background: var(--dsw-alias-label-primary);\n  transition: transform 120ms ease, background 120ms ease;\n}\n\n.s12653b_switchOn .sb7170f_switchKnob {\n  transform: translateX(14px);\n  background: var(--dsw-alias-bg-base);\n}\n\n.sc8dc92_switch:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .sc8dc92_switch, .sb7170f_switchKnob { transition: none; }\n}\n\n/* The hot enable/disable switch on installed rows: the knob button plus the\n * §8 hot-apply / failure notices rendered beside it. */\n.see584d_switchWrap {\n  display: inline-flex;\n  align-items: center;\n  /* Same reason as `.s43bdbf_outdatedActions`: `.se6345a_reloadPanel`'s own comment calls\n   * itself \"a column of its own rather than inline with the row\", which held\n   * for `.s130990_installedActions` and not here until this line. */\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n/* THE WIDE RULES MUST STAY LAST. Nesting in @container adds no\n * specificity, so between a container rule and a top-level rule of the same\n * selector the source order decides. Placed above `.sce6c31_categoryBar`,\n * `.safdbbe_categoryButton` and the two focus rules, every one of these lost: the\n * rail kept the pills' row, the switch's auto margin and the outside ring,\n * and the geometry-only e2e passed (measured 2026-11-02).\n * `css-tokens.s514620_client.s74d5ba_spec.s418ac5_ts` fails if this block moves back up. */\n/* The rail. Two 430px tracks and their 12px gap need 872; the rail and its\n * 24px gap add 256; 12px of margin makes the threshold 1140. Below 872 the\n * grid's own `auto-fill` leaves one column. */\n@container (min-width: 1140px) {\n  .sd86001_shelfBody {\n    display: grid;\n    grid-template-columns: 232px minmax(0, 1fr);\n    column-gap: 24px;\n    row-gap: 14px;\n  }\n\n  /* The rail sticks under dsh's frame top rather than scrolling away with\n   * the results. `.sc99bd6_panel`'s `overflow: clip` is not a scroll container, so\n   * the page stays the scrollport; the e2e proves it (design\n   * 2026-11-02-shop-widescreen-layout §4). */\n  .s4b680b_controls {\n    flex-direction: column;\n    align-items: stretch;\n    gap: 8px;\n    position: sticky;\n    top: calc(16px + var(--dsh-frame-top-clearance, 0px));\n    align-self: start;\n    /* The cap subtracts the same clearance the offset adds. Without it a\n     * rail whose content fits the cap hangs clearance - 16px below the\n     * viewport while stuck (measured: 32px at the desktop frame's 48px), and\n     * its last control only comes into view at the very bottom of the page.\n     * The 32px is the 16px above the rail plus 16px below it. */\n    max-height: calc(100vh - 32px - var(--dsh-frame-top-clearance, 0px));\n    overflow: auto;\n  }\n\n  .s91375e_railHeading {\n    display: block;\n  }\n\n  .sce6c31_categoryBar {\n    flex: none;\n    flex-direction: column;\n    align-items: stretch;\n    gap: 4px;\n    /* The 6px belongs to the wrapping row; in the rail the controls' 8px gap\n     * is the whole rhythm above the first button. */\n    margin-top: 0;\n  }\n\n  /* Label left, count right: the two spans the buttons carry. */\n  .safdbbe_categoryButton {\n    display: flex;\n    justify-content: space-between;\n  }\n\n  /* The rail is a column with `align-items: stretch`, where an auto left\n   * margin would shrink the switch to its content and push it right. */\n  .sd6d2c7_incompatibleFilter {\n    margin-left: 0;\n  }\n\n  /* The rail is a scroll container (`overflow: auto`) and its controls are\n   * flush with its padding box, so a ring drawn OUTSIDE them loses both\n   * vertical segments to the clip — measured: red on the top edge and\n   * corners, nothing on the sides. The inset ring, the idiom\n   * `.s6a017b_entryHeader:focus-visible` already uses, keeps all four sides. */\n  .safdbbe_categoryButton:focus-visible {\n    outline-offset: -2px;\n  }\n\n  .sd6d2c7_incompatibleFilter:focus-visible {\n    outline-offset: -2px;\n  }\n}\n";
+		if (typeof document !== "undefined" && !document.querySelector("style[data-plugin-css=\"bc430a83\"]")) {
 			const tag = document.createElement("style");
-			tag.dataset.pluginCss = "e3675a89";
+			tag.dataset.pluginCss = "bc430a83";
 			tag.textContent = css;
 			document.head.appendChild(tag);
 		}
-		var _dsh_plugin_shop_css_e3675a89_default = {
-			"client": "s8583e3_client",
-			"config": "s942a79_config",
-			"ts": "s5f67aa_ts",
-			"spec": "sfd9d8a_spec",
-			"panel": "s255e5a_panel",
-			"searchInput": "s232ec4_searchInput",
-			"toolbar": "s646509_toolbar",
-			"page": "s3f14d7_page",
-			"pageHead": "s9bc9a3_pageHead",
-			"pageTitle": "sd3fc57_pageTitle",
-			"pageIntro": "s11ac5e_pageIntro",
-			"detailAction": "sbaabcb_detailAction",
-			"stateLine": "s44a3ec_stateLine",
-			"srOnly": "s3a0ece_srOnly",
-			"skeletonGrid": "se0c3b4_skeletonGrid",
-			"skeletonCard": "s520416_skeletonCard",
-			"skeletonName": "s8c7d6f_skeletonName",
-			"skeletonSummary": "sf5179e_skeletonSummary",
-			"skeletonSummaryShort": "sbb0d25_skeletonSummaryShort",
-			"skeletonActions": "s96e910_skeletonActions",
-			"actionButton": "s73242a_actionButton",
-			"toolbarRight": "s745e3c_toolbarRight",
-			"versionBlock": "s4fe61f_versionBlock",
-			"versionText": "sb9b924_versionText",
-			"updateSelfButton": "sa04455_updateSelfButton",
-			"checkUpdateButton": "s614a38_checkUpdateButton",
-			"githubLink": "sa987f7_githubLink",
-			"selfUpdatePanel": "sb81ba5_selfUpdatePanel",
-			"expansionNote": "s76fb13_expansionNote",
-			"staleBadge": "s3946f1_staleBadge",
-			"categoryBar": "sb2c859_categoryBar",
-			"categoryButton": "s26d58e_categoryButton",
-			"categoryButtonOn": "s5f68c4_categoryButtonOn",
-			"incompatibleFilter": "sfd887b_incompatibleFilter",
-			"switch": "s11c019_switch",
-			"switchOn": "s7580e8_switchOn",
-			"incompatibleFilterOn": "s6e4cba_incompatibleFilterOn",
-			"switchKnob": "saab2b3_switchKnob",
-			"updatableHeading": "sebf017_updatableHeading",
-			"catalogStatsRow": "seb0a1e_catalogStatsRow",
-			"sortGroup": "sa6825e_sortGroup",
-			"sortLabel": "s268f9e_sortLabel",
-			"catalogStats": "sccc4d1_catalogStats",
-			"catalogRefreshButton": "sff243d_catalogRefreshButton",
-			"catalogRefreshFailed": "s194168_catalogRefreshFailed",
-			"emptyLine": "s6de1ab_emptyLine",
-			"cards": "sf657f5_cards",
-			"card": "s65f383_card",
-			"cardsSentry": "sd7ee01_cardsSentry",
-			"showingLine": "s705cc6_showingLine",
-			"cardSpine": "s4ce25d_cardSpine",
-			"categoryBadge": "s9c8eaa_categoryBadge",
-			"cardIcon": "s7ff339_cardIcon",
-			"entryIcon": "sc2425d_entryIcon",
-			"entryIconImage": "scc3f74_entryIconImage",
-			"entryHeader": "sa97234_entryHeader",
-			"name": "sc3f149_name",
-			"badges": "s513026_badges",
-			"cardActions": "s9b5048_cardActions",
-			"gate": "sc4f2ac_gate",
-			"installPanel": "s4d374c_installPanel",
-			"installedActions": "sf53ca0_installedActions",
-			"receipt": "sc34531_receipt",
-			"cardVersion": "sc6ec6e_cardVersion",
-			"sourceBadge": "s71f10f_sourceBadge",
-			"tierBadge": "s5e82cb_tierBadge",
-			"incompatibleBadge": "s4bbe02_incompatibleBadge",
-			"starsBadge": "sff43b4_starsBadge",
-			"chevron": "s73f7fb_chevron",
-			"chevronOpen": "s61393c_chevronOpen",
-			"body": "s820ebf_body",
-			"summary": "sb8fbc8_summary",
-			"summaryZh": "se507db_summaryZh",
-			"summaryExpanded": "s10baf0_summaryExpanded",
-			"summaryZhExpanded": "sb9dba9_summaryZhExpanded",
-			"incompatibleDetail": "s6eca19_incompatibleDetail",
-			"remedy": "s3d0044_remedy",
-			"foldBlock": "s67d135_foldBlock",
-			"foldBlockExpanded": "s626303_foldBlockExpanded",
-			"foldToggle": "sfbcf2c_foldToggle",
-			"remedyLead": "sdf203f_remedyLead",
-			"allowCommand": "sc32335_allowCommand",
-			"refusal": "sc74941_refusal",
-			"capabilitiesBlock": "s9d2029_capabilitiesBlock",
-			"capabilitiesNote": "s3bdbd5_capabilitiesNote",
-			"capabilities": "s441702_capabilities",
-			"detail": "sde3f0c_detail",
-			"detailRows": "se98179_detailRows",
-			"detailRow": "sfb4d2f_detailRow",
-			"cardMeta": "s5fbaf9_cardMeta",
-			"shelfDate": "s98d53f_shelfDate",
-			"size": "s2d3c05_size",
-			"author": "s1ff66f_author",
-			"reviewedLine": "sd58c6d_reviewedLine",
-			"installButton": "se7aaed_installButton",
-			"confirmButton": "sb43a49_confirmButton",
-			"cancelButton": "s6e45d1_cancelButton",
-			"installedLabel": "sb6fc74_installedLabel",
-			"refusedLabel": "s906629_refusedLabel",
-			"uninstallButton": "s96967f_uninstallButton",
-			"restartSelfButton": "sb00c36_restartSelfButton",
-			"restartButton": "s6ac237_restartButton",
-			"reloadButton": "s64a5ff_reloadButton",
-			"offerActions": "sbe9357_offerActions",
-			"reloadPanel": "sf79aef_reloadPanel",
-			"gateTitle": "s559c38_gateTitle",
-			"gateBody": "s3c0ace_gateBody",
-			"gateWarning": "sc323e5_gateWarning",
-			"gateActions": "s4b2373_gateActions",
-			"installing": "s52b5a5_installing",
-			"log": "s64ab71_log",
-			"logLine": "s1531a8_logLine",
-			"notice": "sf20dda_notice",
-			"failedHeading": "seb9b08_failedHeading",
-			"failedDetail": "sfd3021_failedDetail",
-			"rejectedCode": "s50ba35_rejectedCode",
-			"rejectedDetail": "se75489_rejectedDetail",
-			"outdatedSection": "sa276cf_outdatedSection",
-			"outdatedList": "sceae6e_outdatedList",
-			"outdatedRow": "s8d2072_outdatedRow",
-			"outdatedInfo": "s5c2545_outdatedInfo",
-			"outdatedText": "s3ecfe4_outdatedText",
-			"outdatedVersions": "s877c68_outdatedVersions",
-			"shadowedSection": "s6c4649_shadowedSection",
-			"shadowedDetail": "scc2a21_shadowedDetail",
-			"outdatedActions": "sa1f556_outdatedActions",
-			"switchWrap": "sd9f9e4_switchWrap"
+		var _dsh_plugin_shop_css_bc430a83_default = {
+			"client": "s514620_client",
+			"config": "s7e11f7_config",
+			"ts": "s418ac5_ts",
+			"spec": "s74d5ba_spec",
+			"panel": "sc99bd6_panel",
+			"shelfBody": "sd86001_shelfBody",
+			"searchInput": "s76d7f5_searchInput",
+			"toolbar": "sa59b0a_toolbar",
+			"page": "s92dc8e_page",
+			"pageHead": "se536cd_pageHead",
+			"pageTitle": "sb9c160_pageTitle",
+			"pageIntro": "sa532f1_pageIntro",
+			"controls": "s4b680b_controls",
+			"railHeading": "s91375e_railHeading",
+			"results": "s7e9262_results",
+			"detailAction": "s3306eb_detailAction",
+			"stateLine": "s14f3b1_stateLine",
+			"srOnly": "s3a0a70_srOnly",
+			"skeletonGrid": "sf21dd5_skeletonGrid",
+			"skeletonCard": "s393a26_skeletonCard",
+			"skeletonName": "sdbd3bb_skeletonName",
+			"skeletonSummary": "s78fd91_skeletonSummary",
+			"skeletonSummaryShort": "se0c7ad_skeletonSummaryShort",
+			"skeletonActions": "se30d52_skeletonActions",
+			"actionButton": "sc69180_actionButton",
+			"toolbarRight": "sd633e3_toolbarRight",
+			"versionBlock": "se387e7_versionBlock",
+			"versionText": "seccb93_versionText",
+			"updateSelfButton": "s6b83c1_updateSelfButton",
+			"checkUpdateButton": "s86fc72_checkUpdateButton",
+			"githubLink": "s3b5e50_githubLink",
+			"selfUpdatePanel": "s9200c1_selfUpdatePanel",
+			"expansionNote": "sf4cb4b_expansionNote",
+			"staleBadge": "sc6f44e_staleBadge",
+			"categoryBar": "sce6c31_categoryBar",
+			"categoryButton": "safdbbe_categoryButton",
+			"categoryButtonOn": "sc5d852_categoryButtonOn",
+			"incompatibleFilter": "sd6d2c7_incompatibleFilter",
+			"switch": "sc8dc92_switch",
+			"switchOn": "s12653b_switchOn",
+			"incompatibleFilterOn": "s515b4e_incompatibleFilterOn",
+			"switchKnob": "sb7170f_switchKnob",
+			"updatableHeading": "s9964fe_updatableHeading",
+			"catalogStatsRow": "sc7794b_catalogStatsRow",
+			"sortGroup": "s28aa3c_sortGroup",
+			"sortLabel": "s7842d7_sortLabel",
+			"catalogStats": "s28d92b_catalogStats",
+			"catalogRefreshButton": "s695d80_catalogRefreshButton",
+			"catalogRefreshFailed": "s7a8ca3_catalogRefreshFailed",
+			"emptyLine": "s23625a_emptyLine",
+			"cards": "s36d340_cards",
+			"card": "sf5fa2b_card",
+			"cardsSentry": "s584a60_cardsSentry",
+			"showingLine": "s9d9bba_showingLine",
+			"cardSpine": "s28d979_cardSpine",
+			"categoryBadge": "s91829d_categoryBadge",
+			"cardIcon": "s7f7e1e_cardIcon",
+			"entryIcon": "s9d98a4_entryIcon",
+			"entryIconImage": "sac0d07_entryIconImage",
+			"entryHeader": "s6a017b_entryHeader",
+			"entryHeading": "sbc36fc_entryHeading",
+			"name": "s4485fd_name",
+			"badges": "s150e7a_badges",
+			"cardActions": "sbdfc2c_cardActions",
+			"gate": "s35ae56_gate",
+			"installPanel": "s75cfe7_installPanel",
+			"installedActions": "s130990_installedActions",
+			"receipt": "s848d91_receipt",
+			"cardVersion": "se4fd96_cardVersion",
+			"sourceBadge": "s4ebdb5_sourceBadge",
+			"tierBadge": "sa10256_tierBadge",
+			"incompatibleBadge": "se63699_incompatibleBadge",
+			"starsBadge": "scc86dc_starsBadge",
+			"chevron": "sd8ede4_chevron",
+			"chevronOpen": "s879a81_chevronOpen",
+			"body": "s2900a7_body",
+			"summary": "sa41615_summary",
+			"summaryZh": "s91610a_summaryZh",
+			"summaryExpanded": "s81bc49_summaryExpanded",
+			"summaryZhExpanded": "sc64654_summaryZhExpanded",
+			"incompatibleDetail": "sfcd9cd_incompatibleDetail",
+			"remedy": "sb6142c_remedy",
+			"foldBlock": "s445a81_foldBlock",
+			"foldBlockExpanded": "sb6457b_foldBlockExpanded",
+			"foldToggle": "sd9b244_foldToggle",
+			"remedyLead": "s29ecbc_remedyLead",
+			"allowCommand": "se34c39_allowCommand",
+			"refusal": "sb88eac_refusal",
+			"capabilitiesBlock": "seda8cf_capabilitiesBlock",
+			"capabilitiesNote": "s85ae81_capabilitiesNote",
+			"capabilities": "se9f845_capabilities",
+			"detail": "sa099e4_detail",
+			"detailRows": "s33e230_detailRows",
+			"detailRow": "s3c9f5e_detailRow",
+			"cardMeta": "sf02a91_cardMeta",
+			"shelfDate": "s968579_shelfDate",
+			"size": "s7859cb_size",
+			"author": "s4801d5_author",
+			"reviewedLine": "sfa18da_reviewedLine",
+			"installButton": "s17e180_installButton",
+			"confirmButton": "s4d480e_confirmButton",
+			"cancelButton": "s9466ff_cancelButton",
+			"installedLabel": "sb6cbde_installedLabel",
+			"refusedLabel": "s6d82dc_refusedLabel",
+			"uninstallButton": "safa1f4_uninstallButton",
+			"restartSelfButton": "s19d2da_restartSelfButton",
+			"restartButton": "s1916c4_restartButton",
+			"reloadButton": "se4b67d_reloadButton",
+			"offerActions": "s860bef_offerActions",
+			"reloadPanel": "se6345a_reloadPanel",
+			"gateTitle": "s4b04c5_gateTitle",
+			"gateBody": "s3552a4_gateBody",
+			"gateWarning": "sf344ec_gateWarning",
+			"gateActions": "sba54c1_gateActions",
+			"installing": "s110c4a_installing",
+			"log": "sa13cb7_log",
+			"logLine": "s326167_logLine",
+			"notice": "s88fa30_notice",
+			"failedHeading": "s34c383_failedHeading",
+			"failedDetail": "s7d7ac6_failedDetail",
+			"rejectedCode": "scf1455_rejectedCode",
+			"rejectedDetail": "s604bbc_rejectedDetail",
+			"outdatedSection": "s81e51c_outdatedSection",
+			"outdatedList": "s6f80ac_outdatedList",
+			"outdatedRow": "s7e8f68_outdatedRow",
+			"outdatedInfo": "s27f8b7_outdatedInfo",
+			"outdatedText": "sf16e21_outdatedText",
+			"outdatedVersions": "sb74cf7_outdatedVersions",
+			"shadowedSection": "s4da305_shadowedSection",
+			"shadowedDetail": "sf1d53c_shadowedDetail",
+			"outdatedActions": "s43bdbf_outdatedActions",
+			"switchWrap": "see584d_switchWrap"
 		};
 		//#endregion
 		//#region src/client/ShopDetailAction.tsx
@@ -8626,7 +8639,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			if (name === null || !canOpen()) return null;
 			if (own) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 				type: "button",
-				className: _dsh_plugin_shop_css_e3675a89_default.detailAction,
+				className: _dsh_plugin_shop_css_bc430a83_default.detailAction,
 				"data-shop-open-shop": true,
 				onClick: openShop,
 				children: t("openShop")
@@ -8635,7 +8648,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			const only = listed.keys.length === 1 ? listed.keys[0] ?? null : null;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 				type: "button",
-				className: _dsh_plugin_shop_css_e3675a89_default.detailAction,
+				className: _dsh_plugin_shop_css_bc430a83_default.detailAction,
 				"data-shop-view-in-shop": true,
 				onClick: () => {
 					page.focus(name, only);
@@ -9954,13 +9967,13 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			const { rootRef, expandable, expanded, toggle } = useFoldableRedBlock();
 			const kindName = attrName.replace(/^data-shop-/, "");
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: expanded ? _dsh_plugin_shop_css_e3675a89_default.foldBlockExpanded : _dsh_plugin_shop_css_e3675a89_default.foldBlock,
+				className: expanded ? _dsh_plugin_shop_css_bc430a83_default.foldBlockExpanded : _dsh_plugin_shop_css_bc430a83_default.foldBlock,
 				[attrName]: true,
 				ref: rootRef,
 				children
 			}), expandable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 				type: "button",
-				className: _dsh_plugin_shop_css_e3675a89_default.foldToggle,
+				className: _dsh_plugin_shop_css_bc430a83_default.foldToggle,
 				"data-shop-fold": kindName,
 				"aria-expanded": expanded,
 				onClick: toggle,
@@ -9996,10 +10009,10 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			const [failed, setFailed] = (0, react.useState)(void 0);
 			const src = icon === void 0 || icon === failed ? DEFAULT_ICON_DATA_URL : icon;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: _dsh_plugin_shop_css_e3675a89_default.entryIcon,
+				className: _dsh_plugin_shop_css_bc430a83_default.entryIcon,
 				"aria-hidden": "true",
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
-					className: _dsh_plugin_shop_css_e3675a89_default.entryIconImage,
+					className: _dsh_plugin_shop_css_bc430a83_default.entryIconImage,
 					src,
 					width: 24,
 					height: 24,
@@ -10025,14 +10038,14 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		* those nodes, and React's next commit throws on the ones it no longer finds
 		* (design 2026-09-26-market-borrowings §4). The tab renders no portals, so its
 		* root is its whole surface. */
-		const PANEL_ROOT = `${_dsh_plugin_shop_css_e3675a89_default.panel} notranslate`;
+		const PANEL_ROOT = `${_dsh_plugin_shop_css_bc430a83_default.panel} notranslate`;
 		function ChevronIcon({ open }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 				viewBox: "0 0 16 16",
 				width: "14",
 				height: "14",
 				"aria-hidden": "true",
-				className: open ? _dsh_plugin_shop_css_e3675a89_default.chevronOpen : _dsh_plugin_shop_css_e3675a89_default.chevron,
+				className: open ? _dsh_plugin_shop_css_bc430a83_default.chevronOpen : _dsh_plugin_shop_css_bc430a83_default.chevron,
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 					fill: "currentColor",
 					d: "M3.5 6 8 10.5 12.5 6l1 1L8 12.5 2.5 7l1-1Z"
@@ -10068,17 +10081,17 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			const uninstalling = uninstallFlow.view.kind === "running";
 			const removed = uninstallFlow.view.kind === "done";
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: _dsh_plugin_shop_css_e3675a89_default.card,
+				className: _dsh_plugin_shop_css_bc430a83_default.card,
 				"data-shop-entry": entry.name,
 				"data-category": category,
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: _dsh_plugin_shop_css_e3675a89_default.cardSpine,
+						className: _dsh_plugin_shop_css_bc430a83_default.cardSpine,
 						"aria-hidden": "true"
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 						type: "button",
-						className: _dsh_plugin_shop_css_e3675a89_default.entryHeader,
+						className: _dsh_plugin_shop_css_bc430a83_default.entryHeader,
 						"aria-expanded": open,
 						"aria-controls": detailId,
 						onClick: () => {
@@ -10087,86 +10100,88 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 						},
 						children: [
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(EntryIcon, { icon }),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: _dsh_plugin_shop_css_e3675a89_default.name,
-								children: entry.name
-							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-								className: _dsh_plugin_shop_css_e3675a89_default.badges,
-								children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: _dsh_plugin_shop_css_e3675a89_default.categoryBadge,
-										children: t(categoryKey(entry))
-									}),
-									entry.source === "npm" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: _dsh_plugin_shop_css_e3675a89_default.sourceBadge,
-										"data-shop-source-npm": true,
-										role: "img",
-										"aria-label": t("npmSource"),
-										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-											viewBox: "0 0 16 16",
-											width: "12",
-											height: "12",
-											"aria-hidden": "true",
-											fill: "currentColor",
-											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-												fillRule: "evenodd",
-												d: "M0 0v16h16V0H0zm13 13h-2V6H8v7H3V3h10v10z"
+								className: _dsh_plugin_shop_css_bc430a83_default.entryHeading,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: _dsh_plugin_shop_css_bc430a83_default.name,
+									children: entry.name
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: _dsh_plugin_shop_css_bc430a83_default.badges,
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: _dsh_plugin_shop_css_bc430a83_default.categoryBadge,
+											children: t(categoryKey(entry))
+										}),
+										entry.source === "npm" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: _dsh_plugin_shop_css_bc430a83_default.sourceBadge,
+											"data-shop-source-npm": true,
+											role: "img",
+											"aria-label": t("npmSource"),
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+												viewBox: "0 0 16 16",
+												width: "12",
+												height: "12",
+												"aria-hidden": "true",
+												fill: "currentColor",
+												children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+													fillRule: "evenodd",
+													d: "M0 0v16h16V0H0zm13 13h-2V6H8v7H3V3h10v10z"
+												})
 											})
+										}),
+										hasGithubHome(entry) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: _dsh_plugin_shop_css_bc430a83_default.sourceBadge,
+											"data-shop-source-github": true,
+											role: "img",
+											"aria-label": t("githubSource"),
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+												viewBox: "0 0 16 16",
+												width: "12",
+												height: "12",
+												"aria-hidden": "true",
+												fill: "currentColor",
+												children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8Z" })
+											})
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: _dsh_plugin_shop_css_bc430a83_default.cardVersion,
+											"data-card-version": true,
+											role: "img",
+											"aria-label": versionName,
+											title: versionName,
+											children: version.text
+										}),
+										entry.tier !== "community" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: _dsh_plugin_shop_css_bc430a83_default.tierBadge,
+											"data-tier": entry.tier,
+											children: t(tierKey(entry.tier))
+										}),
+										entry.archived === true && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: _dsh_plugin_shop_css_bc430a83_default.tierBadge,
+											"data-tier": "archived",
+											children: t("archivedBadge")
+										}),
+										stars !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+											className: _dsh_plugin_shop_css_bc430a83_default.starsBadge,
+											role: "img",
+											"aria-label": t("stars", { count: stars }),
+											children: ["★ ", formatStars(stars)]
 										})
-									}),
-									hasGithubHome(entry) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: _dsh_plugin_shop_css_e3675a89_default.sourceBadge,
-										"data-shop-source-github": true,
-										role: "img",
-										"aria-label": t("githubSource"),
-										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-											viewBox: "0 0 16 16",
-											width: "12",
-											height: "12",
-											"aria-hidden": "true",
-											fill: "currentColor",
-											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8Z" })
-										})
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: _dsh_plugin_shop_css_e3675a89_default.cardVersion,
-										"data-card-version": true,
-										role: "img",
-										"aria-label": versionName,
-										title: versionName,
-										children: version.text
-									}),
-									entry.tier !== "community" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: _dsh_plugin_shop_css_e3675a89_default.tierBadge,
-										"data-tier": entry.tier,
-										children: t(tierKey(entry.tier))
-									}),
-									entry.archived === true && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: _dsh_plugin_shop_css_e3675a89_default.tierBadge,
-										"data-tier": "archived",
-										children: t("archivedBadge")
-									}),
-									stars !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-										className: _dsh_plugin_shop_css_e3675a89_default.starsBadge,
-										role: "img",
-										"aria-label": t("stars", { count: stars }),
-										children: ["★ ", formatStars(stars)]
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChevronIcon, { open })
-								]
-							})
+									]
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChevronIcon, { open })
 						]
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: _dsh_plugin_shop_css_e3675a89_default.body,
+						className: _dsh_plugin_shop_css_bc430a83_default.body,
 						children: [
 							summary !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: open ? `${_dsh_plugin_shop_css_e3675a89_default.summary} ${_dsh_plugin_shop_css_e3675a89_default.summaryExpanded}` : _dsh_plugin_shop_css_e3675a89_default.summary,
+								className: open ? `${_dsh_plugin_shop_css_bc430a83_default.summary} ${_dsh_plugin_shop_css_bc430a83_default.summaryExpanded}` : _dsh_plugin_shop_css_bc430a83_default.summary,
 								children: summary.en
 							}),
 							summary?.zh !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: open ? `${_dsh_plugin_shop_css_e3675a89_default.summaryZh} ${_dsh_plugin_shop_css_e3675a89_default.summaryZhExpanded}` : _dsh_plugin_shop_css_e3675a89_default.summaryZh,
+								className: open ? `${_dsh_plugin_shop_css_bc430a83_default.summaryZh} ${_dsh_plugin_shop_css_bc430a83_default.summaryZhExpanded}` : _dsh_plugin_shop_css_bc430a83_default.summaryZh,
 								children: summary.zh
 							}),
 							blockers.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FoldableRedBlock, {
@@ -10174,28 +10189,28 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 								attrName: "data-shop-remedy",
 								children: blockers.map((blocker) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BlockerLine, {
 									blocker,
-									className: _dsh_plugin_shop_css_e3675a89_default.incompatibleDetail,
+									className: _dsh_plugin_shop_css_bc430a83_default.incompatibleDetail,
 									surface: "detail"
 								}, blocker.kind))
 							}),
 							open && entry.catalog !== void 0 && entry.catalog.capabilities.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: _dsh_plugin_shop_css_e3675a89_default.capabilitiesBlock,
+								className: _dsh_plugin_shop_css_bc430a83_default.capabilitiesBlock,
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-									className: _dsh_plugin_shop_css_e3675a89_default.capabilitiesNote,
+									className: _dsh_plugin_shop_css_bc430a83_default.capabilitiesNote,
 									children: t("capabilitiesNote")
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
-									className: _dsh_plugin_shop_css_e3675a89_default.capabilities,
+									className: _dsh_plugin_shop_css_bc430a83_default.capabilities,
 									children: entry.catalog.capabilities.map((capability) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: capability }, capability))
 								})]
 							}),
 							open && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 								id: detailId,
-								className: _dsh_plugin_shop_css_e3675a89_default.detail,
+								className: _dsh_plugin_shop_css_bc430a83_default.detail,
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("dl", {
-									className: _dsh_plugin_shop_css_e3675a89_default.detailRows,
+									className: _dsh_plugin_shop_css_bc430a83_default.detailRows,
 									children: [
 										npmUrl !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: _dsh_plugin_shop_css_e3675a89_default.detailRow,
+											className: _dsh_plugin_shop_css_bc430a83_default.detailRow,
 											"data-shop-npm": true,
 											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("npmPage") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
 												href: npmUrl,
@@ -10205,7 +10220,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 											}) })]
 										}),
 										entry.repository !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: _dsh_plugin_shop_css_e3675a89_default.detailRow,
+											className: _dsh_plugin_shop_css_bc430a83_default.detailRow,
 											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("repository") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: /^https?:\/\//.test(entry.repository) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
 												href: entry.repository,
 												target: "_blank",
@@ -10214,12 +10229,12 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 											}) : entry.repository })]
 										}),
 										entry.license !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: _dsh_plugin_shop_css_e3675a89_default.detailRow,
+											className: _dsh_plugin_shop_css_bc430a83_default.detailRow,
 											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("license") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: isCustomLicense(entry.license) ? t("customLicense") : entry.license })]
 										})
 									]
 								}), entry.tier === "verified-stale" && entry.review !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-									className: _dsh_plugin_shop_css_e3675a89_default.reviewedLine,
+									className: _dsh_plugin_shop_css_bc430a83_default.reviewedLine,
 									children: entry.review.reviewedVersion !== void 0 ? t("reviewedVersionLine", {
 										reviewed: versionLabel("npm", entry.review.reviewedVersion).text,
 										current: version.text
@@ -10232,7 +10247,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 						]
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: _dsh_plugin_shop_css_e3675a89_default.cardActions,
+						className: _dsh_plugin_shop_css_bc430a83_default.cardActions,
 						"data-shop-actions": true,
 						children: [installed === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [uninstallFlow.view.kind !== "idle" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UninstallPanel, {
 							name: entry.name,
@@ -10265,7 +10280,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 								restartBlocked,
 								reload
 							}, "install") : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: _dsh_plugin_shop_css_e3675a89_default.installedLabel,
+								className: _dsh_plugin_shop_css_bc430a83_default.installedLabel,
 								"data-shop-installed": true,
 								children: t("installed")
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BlockerBadge, {
@@ -10292,15 +10307,15 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 								flow: uninstallFlow
 							}, "uninstall")
 						] }), (size !== void 0 || author !== null || shelfDay !== void 0) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-							className: _dsh_plugin_shop_css_e3675a89_default.cardMeta,
+							className: _dsh_plugin_shop_css_bc430a83_default.cardMeta,
 							children: [
 								shelfDay !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: _dsh_plugin_shop_css_e3675a89_default.shelfDate,
+									className: _dsh_plugin_shop_css_bc430a83_default.shelfDate,
 									"data-shop-shelf-date": true,
 									children: t(order === "added" ? "listedOn" : "updatedOn", { date: shelfDay })
 								}),
 								size !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: _dsh_plugin_shop_css_e3675a89_default.size,
+									className: _dsh_plugin_shop_css_bc430a83_default.size,
 									"data-shop-size": true,
 									role: "img",
 									"aria-label": t("sizeLabel", { size }),
@@ -10308,7 +10323,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 									children: size
 								}),
 								author !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: _dsh_plugin_shop_css_e3675a89_default.author,
+									className: _dsh_plugin_shop_css_bc430a83_default.author,
 									"data-shop-author": true,
 									children: t("authorLine", { author })
 								})
@@ -10358,13 +10373,13 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				...attribute,
 				children: blocker.text
 			}), blocker.remedy !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: _dsh_plugin_shop_css_e3675a89_default.remedy,
+				className: _dsh_plugin_shop_css_bc430a83_default.remedy,
 				"data-shop-remedy": blocker.kind,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: _dsh_plugin_shop_css_e3675a89_default.remedyLead,
+					className: _dsh_plugin_shop_css_bc430a83_default.remedyLead,
 					children: blocker.remedy.lead
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
-					className: _dsh_plugin_shop_css_e3675a89_default.allowCommand,
+					className: _dsh_plugin_shop_css_bc430a83_default.allowCommand,
 					"data-shop-allow-command": true,
 					children: blocker.remedy.command
 				})]
@@ -10402,7 +10417,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			if (lead === void 0 || word === null) return null;
 			const detail = blockers.map((blocker) => blocker.text).join("\n");
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: _dsh_plugin_shop_css_e3675a89_default.incompatibleBadge,
+				className: _dsh_plugin_shop_css_bc430a83_default.incompatibleBadge,
 				"data-shop-blocker": lead.kind,
 				role: "img",
 				"aria-label": detail,
@@ -10435,39 +10450,39 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			const refused = refusesInstall(blockers);
 			const word = blockerBadgeKey(blockers);
 			if (view.kind === "running") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: _dsh_plugin_shop_css_e3675a89_default.installPanel,
+				className: _dsh_plugin_shop_css_bc430a83_default.installPanel,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: _dsh_plugin_shop_css_e3675a89_default.installing,
+					className: _dsh_plugin_shop_css_bc430a83_default.installing,
 					children: t(installPhaseKey(view.phase))
 				}), view.log.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: _dsh_plugin_shop_css_e3675a89_default.log,
+					className: _dsh_plugin_shop_css_bc430a83_default.log,
 					"data-shop-log": true,
 					children: view.log.map((line, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: _dsh_plugin_shop_css_e3675a89_default.logLine,
+						className: _dsh_plugin_shop_css_bc430a83_default.logLine,
 						"data-shop-log-line": true,
 						children: line
 					}, index))
 				})]
 			});
 			if (view.kind === "done") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: _dsh_plugin_shop_css_e3675a89_default.receipt,
+				className: _dsh_plugin_shop_css_bc430a83_default.receipt,
 				children: [
 					view.log.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: _dsh_plugin_shop_css_e3675a89_default.log,
+						className: _dsh_plugin_shop_css_bc430a83_default.log,
 						"data-shop-log": true,
 						children: view.log.map((line, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: _dsh_plugin_shop_css_e3675a89_default.logLine,
+							className: _dsh_plugin_shop_css_bc430a83_default.logLine,
 							"data-shop-log-line": true,
 							children: line
 						}, index))
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: _dsh_plugin_shop_css_e3675a89_default.notice,
+						className: _dsh_plugin_shop_css_bc430a83_default.notice,
 						"data-shop-restart-notice": true,
 						children: t(activationNoticeKey(view.activation, view.restartReason))
 					}),
 					view.detail !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: _dsh_plugin_shop_css_e3675a89_default.notice,
+						className: _dsh_plugin_shop_css_bc430a83_default.notice,
 						"data-shop-done-note": true,
 						children: view.detail
 					}),
@@ -10480,7 +10495,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 						where: "install",
 						trailing: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 							type: "button",
-							className: _dsh_plugin_shop_css_e3675a89_default.cancelButton,
+							className: _dsh_plugin_shop_css_bc430a83_default.cancelButton,
 							"data-shop-install-dismiss": true,
 							onClick: reset,
 							children: t("dismiss")
@@ -10489,37 +10504,37 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				]
 			});
 			if (view.kind === "failed") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: _dsh_plugin_shop_css_e3675a89_default.installPanel,
+				className: _dsh_plugin_shop_css_bc430a83_default.installPanel,
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: _dsh_plugin_shop_css_e3675a89_default.failedHeading,
+						className: _dsh_plugin_shop_css_bc430a83_default.failedHeading,
 						children: t("installFailed")
 					}),
 					view.log.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: _dsh_plugin_shop_css_e3675a89_default.log,
+						className: _dsh_plugin_shop_css_bc430a83_default.log,
 						"data-shop-log": true,
 						children: view.log.map((line, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: _dsh_plugin_shop_css_e3675a89_default.logLine,
+							className: _dsh_plugin_shop_css_bc430a83_default.logLine,
 							"data-shop-log-line": true,
 							children: line
 						}, index))
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: _dsh_plugin_shop_css_e3675a89_default.failedDetail,
+						className: _dsh_plugin_shop_css_bc430a83_default.failedDetail,
 						children: view.detail === "" ? t("installTransportFailed") : view.detail
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: _dsh_plugin_shop_css_e3675a89_default.offerActions,
+						className: _dsh_plugin_shop_css_bc430a83_default.offerActions,
 						"data-shop-offer": true,
 						children: refused && word !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 							type: "button",
-							className: _dsh_plugin_shop_css_e3675a89_default.cancelButton,
+							className: _dsh_plugin_shop_css_bc430a83_default.cancelButton,
 							"data-shop-install-dismiss": true,
 							onClick: reset,
 							children: t("dismiss")
 						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 							type: "button",
-							className: _dsh_plugin_shop_css_e3675a89_default.installButton,
+							className: _dsh_plugin_shop_css_bc430a83_default.installButton,
 							"data-shop-install-retry": true,
 							disabled: starting,
 							onClick: () => {
@@ -10531,19 +10546,19 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				]
 			});
 			if (view.kind === "rejected") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: _dsh_plugin_shop_css_e3675a89_default.installPanel,
+				className: _dsh_plugin_shop_css_bc430a83_default.installPanel,
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: _dsh_plugin_shop_css_e3675a89_default.rejectedCode,
+						className: _dsh_plugin_shop_css_bc430a83_default.rejectedCode,
 						children: t(rejectionCodeKey(view.code))
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: _dsh_plugin_shop_css_e3675a89_default.rejectedDetail,
+						className: _dsh_plugin_shop_css_bc430a83_default.rejectedDetail,
 						children: view.detail
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 						type: "button",
-						className: _dsh_plugin_shop_css_e3675a89_default.cancelButton,
+						className: _dsh_plugin_shop_css_bc430a83_default.cancelButton,
 						"data-shop-install-dismiss": true,
 						onClick: reset,
 						children: t("dismiss")
@@ -10553,7 +10568,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			const update = variant === "update";
 			const detail = blockers.map((blocker) => blocker.text).join("\n");
 			if (refused && word !== null) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: _dsh_plugin_shop_css_e3675a89_default.refusedLabel,
+				className: _dsh_plugin_shop_css_bc430a83_default.refusedLabel,
 				"data-shop-refused": true,
 				"data-shop-blocker-kind": blockers[0]?.kind,
 				role: "img",
@@ -10565,14 +10580,14 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				attrName: "data-shop-refusal",
 				children: blockers.map((blocker) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BlockerLine, {
 					blocker,
-					className: _dsh_plugin_shop_css_e3675a89_default.gateWarning,
+					className: _dsh_plugin_shop_css_bc430a83_default.gateWarning,
 					surface: "warning"
 				}, blocker.kind))
 			})] });
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 					type: "button",
-					className: _dsh_plugin_shop_css_e3675a89_default.installButton,
+					className: _dsh_plugin_shop_css_bc430a83_default.installButton,
 					disabled: starting || locked,
 					...update ? { "data-shop-update": true } : { "data-shop-install": true },
 					onClick: () => {
@@ -10589,7 +10604,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					attrName: "data-shop-blocker-lines",
 					children: blockers.map((blocker) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BlockerLine, {
 						blocker,
-						className: _dsh_plugin_shop_css_e3675a89_default.gateWarning,
+						className: _dsh_plugin_shop_css_bc430a83_default.gateWarning,
 						surface: "warning"
 					}, blocker.kind))
 				})
@@ -10604,34 +10619,34 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		function UninstallPanel({ name, t, restart, restartBlocked, reload, flow }) {
 			const { view, start, reset } = flow;
 			if (view.kind === "running") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: _dsh_plugin_shop_css_e3675a89_default.installPanel,
+				className: _dsh_plugin_shop_css_bc430a83_default.installPanel,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: _dsh_plugin_shop_css_e3675a89_default.installing,
+					className: _dsh_plugin_shop_css_bc430a83_default.installing,
 					children: t("uninstalling")
 				}), view.log.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: _dsh_plugin_shop_css_e3675a89_default.log,
+					className: _dsh_plugin_shop_css_bc430a83_default.log,
 					"data-shop-log": true,
 					children: view.log.map((line, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: _dsh_plugin_shop_css_e3675a89_default.logLine,
+						className: _dsh_plugin_shop_css_bc430a83_default.logLine,
 						"data-shop-log-line": true,
 						children: line
 					}, index))
 				})]
 			});
 			if (view.kind === "done") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: _dsh_plugin_shop_css_e3675a89_default.receipt,
+				className: _dsh_plugin_shop_css_bc430a83_default.receipt,
 				children: [
 					view.log.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: _dsh_plugin_shop_css_e3675a89_default.log,
+						className: _dsh_plugin_shop_css_bc430a83_default.log,
 						"data-shop-log": true,
 						children: view.log.map((line, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: _dsh_plugin_shop_css_e3675a89_default.logLine,
+							className: _dsh_plugin_shop_css_bc430a83_default.logLine,
 							"data-shop-log-line": true,
 							children: line
 						}, index))
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: _dsh_plugin_shop_css_e3675a89_default.notice,
+						className: _dsh_plugin_shop_css_bc430a83_default.notice,
 						"data-shop-uninstall-done": true,
 						children: t(uninstallActivationNoticeKey(view.activation))
 					}),
@@ -10644,7 +10659,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 						where: "uninstall",
 						trailing: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 							type: "button",
-							className: _dsh_plugin_shop_css_e3675a89_default.cancelButton,
+							className: _dsh_plugin_shop_css_bc430a83_default.cancelButton,
 							"data-shop-uninstall-dismiss": true,
 							onClick: reset,
 							children: t("dismiss")
@@ -10653,37 +10668,37 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				]
 			});
 			if (view.kind === "failed") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: _dsh_plugin_shop_css_e3675a89_default.installPanel,
+				className: _dsh_plugin_shop_css_bc430a83_default.installPanel,
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: _dsh_plugin_shop_css_e3675a89_default.failedHeading,
+						className: _dsh_plugin_shop_css_bc430a83_default.failedHeading,
 						children: t("uninstallFailed")
 					}),
 					view.log.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: _dsh_plugin_shop_css_e3675a89_default.log,
+						className: _dsh_plugin_shop_css_bc430a83_default.log,
 						"data-shop-log": true,
 						children: view.log.map((line, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: _dsh_plugin_shop_css_e3675a89_default.logLine,
+							className: _dsh_plugin_shop_css_bc430a83_default.logLine,
 							"data-shop-log-line": true,
 							children: line
 						}, index))
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: _dsh_plugin_shop_css_e3675a89_default.failedDetail,
+						className: _dsh_plugin_shop_css_bc430a83_default.failedDetail,
 						children: view.detail === "" ? t("uninstallTransportFailed") : view.detail
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: _dsh_plugin_shop_css_e3675a89_default.offerActions,
+						className: _dsh_plugin_shop_css_bc430a83_default.offerActions,
 						"data-shop-offer": true,
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 							type: "button",
-							className: _dsh_plugin_shop_css_e3675a89_default.uninstallButton,
+							className: _dsh_plugin_shop_css_bc430a83_default.uninstallButton,
 							"data-shop-uninstall-retry": true,
 							onClick: () => void start({ name }),
 							children: t("retry")
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 							type: "button",
-							className: _dsh_plugin_shop_css_e3675a89_default.cancelButton,
+							className: _dsh_plugin_shop_css_bc430a83_default.cancelButton,
 							"data-shop-uninstall-dismiss": true,
 							onClick: reset,
 							children: t("dismiss")
@@ -10694,7 +10709,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			if (view.kind !== "idle") return null;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 				type: "button",
-				className: _dsh_plugin_shop_css_e3675a89_default.uninstallButton,
+				className: _dsh_plugin_shop_css_bc430a83_default.uninstallButton,
 				"data-shop-uninstall": true,
 				onClick: () => void start({ name }),
 				children: t("uninstall")
@@ -10735,44 +10750,44 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				else if (outcome.kind === "unreachable") setRefusal(t("restartTransportFailed"));
 			};
 			const tail = trailing === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: _dsh_plugin_shop_css_e3675a89_default.offerActions,
+				className: _dsh_plugin_shop_css_bc430a83_default.offerActions,
 				"data-shop-offer": true,
 				children: trailing
 			});
 			if (monitor?.kind === "requesting" || monitor?.kind === "restarting") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: _dsh_plugin_shop_css_e3675a89_default.notice,
+				className: _dsh_plugin_shop_css_bc430a83_default.notice,
 				"data-shop-restarting": true,
 				children: t("restarting")
 			}), tail] });
 			if (monitor?.kind === "failed") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: _dsh_plugin_shop_css_e3675a89_default.failedDetail,
+				className: _dsh_plugin_shop_css_bc430a83_default.failedDetail,
 				"data-shop-restart-error": true,
 				children: monitor.logFile === void 0 ? t("restartFailedNotice") : t("restartFailedLogNotice", { log: monitor.logFile })
 			}), tail] });
 			if (monitor?.kind === "not-restarted") return tail;
 			if (gateOpen) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: _dsh_plugin_shop_css_e3675a89_default.gate,
+				className: _dsh_plugin_shop_css_bc430a83_default.gate,
 				"data-shop-restart-gate": true,
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: _dsh_plugin_shop_css_e3675a89_default.gateTitle,
+						className: _dsh_plugin_shop_css_bc430a83_default.gateTitle,
 						children: t("restartTitle")
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: _dsh_plugin_shop_css_e3675a89_default.gateBody,
+						className: _dsh_plugin_shop_css_bc430a83_default.gateBody,
 						children: t("restartBody")
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: _dsh_plugin_shop_css_e3675a89_default.gateActions,
+						className: _dsh_plugin_shop_css_bc430a83_default.gateActions,
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 							type: "button",
-							className: _dsh_plugin_shop_css_e3675a89_default.confirmButton,
+							className: _dsh_plugin_shop_css_bc430a83_default.confirmButton,
 							"data-shop-restart-confirm": true,
 							onClick: () => void onConfirm(),
 							children: t("restartConfirm")
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 							type: "button",
-							className: _dsh_plugin_shop_css_e3675a89_default.cancelButton,
+							className: _dsh_plugin_shop_css_bc430a83_default.cancelButton,
 							onClick: () => setGateOpen(false),
 							children: t("cancel")
 						})]
@@ -10780,17 +10795,17 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				]
 			}), tail] });
 			const refused = refusal === null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: _dsh_plugin_shop_css_e3675a89_default.failedDetail,
+				className: _dsh_plugin_shop_css_bc430a83_default.failedDetail,
 				"data-shop-restart-error": true,
 				children: refusal
 			});
 			if (gate !== void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [refused, tail] });
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [refused, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: _dsh_plugin_shop_css_e3675a89_default.offerActions,
+				className: _dsh_plugin_shop_css_bc430a83_default.offerActions,
 				"data-shop-offer": true,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 					type: "button",
-					className: _dsh_plugin_shop_css_e3675a89_default.restartButton,
+					className: _dsh_plugin_shop_css_bc430a83_default.restartButton,
 					"data-shop-restart": true,
 					onClick: () => setGateOpen(true),
 					children: t("restart")
@@ -10809,13 +10824,13 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		*/
 		function NotRestartedNotice({ t, pid, logFile }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: _dsh_plugin_shop_css_e3675a89_default.selfUpdatePanel,
+				className: _dsh_plugin_shop_css_bc430a83_default.selfUpdatePanel,
 				"data-shop-not-restarted": true,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: _dsh_plugin_shop_css_e3675a89_default.failedDetail,
+					className: _dsh_plugin_shop_css_bc430a83_default.failedDetail,
 					children: pid === void 0 ? t("notRestartedNotice") : t("notRestartedPidNotice", { pid: String(pid) })
 				}), logFile !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: _dsh_plugin_shop_css_e3675a89_default.failedDetail,
+					className: _dsh_plugin_shop_css_bc430a83_default.failedDetail,
 					children: t("notRestartedLogNotice", { log: logFile })
 				})]
 			});
@@ -10841,7 +10856,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				trailing
 			});
 			const tail = trailing === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: _dsh_plugin_shop_css_e3675a89_default.offerActions,
+				className: _dsh_plugin_shop_css_bc430a83_default.offerActions,
 				"data-shop-offer": true,
 				children: trailing
 			});
@@ -10853,7 +10868,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				trailing
 			});
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: _dsh_plugin_shop_css_e3675a89_default.notice,
+				className: _dsh_plugin_shop_css_bc430a83_default.notice,
 				"data-shop-restart-disabled": true,
 				children: t(restartBlockedNoticeKey(restartBlocked))
 			}), tail] });
@@ -10864,17 +10879,17 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		* would help without knowing that now is a good time. */
 		function ReloadPanel({ t, reload, where, trailing }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: _dsh_plugin_shop_css_e3675a89_default.reloadPanel,
+				className: _dsh_plugin_shop_css_bc430a83_default.reloadPanel,
 				"data-shop-reload": where,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: _dsh_plugin_shop_css_e3675a89_default.notice,
+					className: _dsh_plugin_shop_css_bc430a83_default.notice,
 					children: t("reloadNote")
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: _dsh_plugin_shop_css_e3675a89_default.offerActions,
+					className: _dsh_plugin_shop_css_bc430a83_default.offerActions,
 					"data-shop-offer": true,
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 						type: "button",
-						className: _dsh_plugin_shop_css_e3675a89_default.reloadButton,
+						className: _dsh_plugin_shop_css_bc430a83_default.reloadButton,
 						onClick: reload,
 						children: t("reload")
 					}), trailing]
@@ -10923,7 +10938,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				}
 			};
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: _dsh_plugin_shop_css_e3675a89_default.switchWrap,
+				className: _dsh_plugin_shop_css_bc430a83_default.switchWrap,
 				"data-shop-enabled-switch": row.name,
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
@@ -10932,18 +10947,18 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 						"aria-checked": enabled,
 						"aria-label": t("enabledSwitch"),
 						"data-shop-toggle": true,
-						className: `${_dsh_plugin_shop_css_e3675a89_default.switch} ${enabled ? _dsh_plugin_shop_css_e3675a89_default.switchOn : ""}`,
+						className: `${_dsh_plugin_shop_css_bc430a83_default.switch} ${enabled ? _dsh_plugin_shop_css_bc430a83_default.switchOn : ""}`,
 						onClick: () => void onToggle(),
 						disabled: toggle.kind === "saving" || locked,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: _dsh_plugin_shop_css_e3675a89_default.switchKnob })
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: _dsh_plugin_shop_css_bc430a83_default.switchKnob })
 					}),
 					toggle.kind === "saved" && toggle.live && owed === "nothing" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: _dsh_plugin_shop_css_e3675a89_default.notice,
+						className: _dsh_plugin_shop_css_bc430a83_default.notice,
 						"data-shop-hot-apply": true,
 						children: t("hotApplyNote")
 					}),
 					owed === "restart" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: _dsh_plugin_shop_css_e3675a89_default.notice,
+						className: _dsh_plugin_shop_css_bc430a83_default.notice,
 						"data-shop-toggle-restart": true,
 						children: t("toggleRestartNote")
 					}),
@@ -10956,7 +10971,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 						where: "toggle"
 					}),
 					toggle.kind === "error" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: _dsh_plugin_shop_css_e3675a89_default.failedDetail,
+						className: _dsh_plugin_shop_css_bc430a83_default.failedDetail,
 						"data-shop-toggle-error": true,
 						children: toggle.detail
 					})
@@ -10971,22 +10986,22 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		* field is narrowed at the parameter. */
 		function OutdatedRow({ row, icon, tier, missing, harness, t, setEnabled, flowFor, locked, restart, restartBlocked, reload, page }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: _dsh_plugin_shop_css_e3675a89_default.outdatedRow,
+				className: _dsh_plugin_shop_css_bc430a83_default.outdatedRow,
 				"data-shop-outdated-entry": row.name,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: _dsh_plugin_shop_css_e3675a89_default.outdatedInfo,
+					className: _dsh_plugin_shop_css_bc430a83_default.outdatedInfo,
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(EntryIcon, { icon }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-						className: _dsh_plugin_shop_css_e3675a89_default.outdatedText,
+						className: _dsh_plugin_shop_css_bc430a83_default.outdatedText,
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: _dsh_plugin_shop_css_e3675a89_default.name,
+							className: _dsh_plugin_shop_css_bc430a83_default.name,
 							children: row.name
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-							className: _dsh_plugin_shop_css_e3675a89_default.outdatedVersions,
+							className: _dsh_plugin_shop_css_bc430a83_default.outdatedVersions,
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("installedVersion", { version: versionLabel(row.source, row.installed).text }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("latestVersion", { version: versionLabel(row.source, row.latest).text }) })]
 						})]
 					})]
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: _dsh_plugin_shop_css_e3675a89_default.outdatedActions,
+					className: _dsh_plugin_shop_css_bc430a83_default.outdatedActions,
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(EnabledSwitch, {
 						row,
 						surface: "row",
@@ -11040,22 +11055,22 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		function OutdatedSection({ state, entriesByKey, icons, missingByKey, harnessVerdicts, t, setEnabled, flowFor, uninstallFor, restart, restartBlocked, reload, page }) {
 			if (state.kind === "loading") return null;
 			if (state.kind === "error") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: _dsh_plugin_shop_css_e3675a89_default.stateLine,
+				className: _dsh_plugin_shop_css_bc430a83_default.stateLine,
 				"data-shop-outdated-error": true,
 				children: t("installedError")
 			});
 			const outdated = state.entries.filter((entry) => entry.outdated && entry.latest !== null);
 			if (outdated.length === 0) return null;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-				className: _dsh_plugin_shop_css_e3675a89_default.outdatedSection,
+				className: _dsh_plugin_shop_css_bc430a83_default.outdatedSection,
 				"data-shop-outdated": true,
 				"aria-labelledby": UPDATABLE_HEADING_ID,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
-					className: _dsh_plugin_shop_css_e3675a89_default.updatableHeading,
+					className: _dsh_plugin_shop_css_bc430a83_default.updatableHeading,
 					id: UPDATABLE_HEADING_ID,
 					children: t("updatableSection")
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
-					className: _dsh_plugin_shop_css_e3675a89_default.outdatedList,
+					className: _dsh_plugin_shop_css_bc430a83_default.outdatedList,
 					children: outdated.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OutdatedRow, {
 						row,
 						icon: iconOf(entriesByKey.get(identityKey(row)), icons),
@@ -11085,40 +11100,40 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			const shadowed = entries.filter((entry) => entry.shadowed === true);
 			if (shadowed.length === 0) return null;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
-				className: _dsh_plugin_shop_css_e3675a89_default.shadowedSection,
+				className: _dsh_plugin_shop_css_bc430a83_default.shadowedSection,
 				"data-shop-shadowed": true,
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
-					className: _dsh_plugin_shop_css_e3675a89_default.outdatedList,
+					className: _dsh_plugin_shop_css_bc430a83_default.outdatedList,
 					children: shadowed.map((row) => {
 						const key = identityKey(row);
 						return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: _dsh_plugin_shop_css_e3675a89_default.outdatedRow,
+							className: _dsh_plugin_shop_css_bc430a83_default.outdatedRow,
 							"data-shop-shadowed-entry": row.name,
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: _dsh_plugin_shop_css_e3675a89_default.outdatedInfo,
+								className: _dsh_plugin_shop_css_bc430a83_default.outdatedInfo,
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(EntryIcon, { icon: iconOf(entriesByKey.get(identityKey(row)), icons) }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-									className: _dsh_plugin_shop_css_e3675a89_default.outdatedText,
+									className: _dsh_plugin_shop_css_bc430a83_default.outdatedText,
 									children: [
 										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-											className: _dsh_plugin_shop_css_e3675a89_default.name,
+											className: _dsh_plugin_shop_css_bc430a83_default.name,
 											children: row.name
 										}),
 										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-											className: _dsh_plugin_shop_css_e3675a89_default.badges,
+											className: _dsh_plugin_shop_css_bc430a83_default.badges,
 											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: _dsh_plugin_shop_css_e3675a89_default.tierBadge,
+												className: _dsh_plugin_shop_css_bc430a83_default.tierBadge,
 												"data-tier": "shadowed",
 												children: t("shadowedBadge")
 											})
 										}),
 										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-											className: _dsh_plugin_shop_css_e3675a89_default.shadowedDetail,
+											className: _dsh_plugin_shop_css_bc430a83_default.shadowedDetail,
 											children: t("shadowedDetail")
 										})
 									]
 								})]
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: _dsh_plugin_shop_css_e3675a89_default.outdatedActions,
+								className: _dsh_plugin_shop_css_bc430a83_default.outdatedActions,
 								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UninstallPanel, {
 									name: row.name,
 									t,
@@ -11168,16 +11183,16 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					role: "alert",
 					children: [
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-							className: _dsh_plugin_shop_css_e3675a89_default.stateLine,
+							className: _dsh_plugin_shop_css_bc430a83_default.stateLine,
 							children: say("tabCrashed", en.tabCrashed)
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-							className: _dsh_plugin_shop_css_e3675a89_default.failedDetail,
+							className: _dsh_plugin_shop_css_bc430a83_default.failedDetail,
 							children: error.message
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 							type: "button",
-							className: _dsh_plugin_shop_css_e3675a89_default.actionButton,
+							className: _dsh_plugin_shop_css_bc430a83_default.actionButton,
 							onClick: () => this.setState({ error: null }),
 							children: say("retry", en.retry)
 						})
@@ -11504,19 +11519,19 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				"data-shop-tab": true,
 				"aria-busy": "true",
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: _dsh_plugin_shop_css_e3675a89_default.srOnly,
+					className: _dsh_plugin_shop_css_bc430a83_default.srOnly,
 					children: t("loading")
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: _dsh_plugin_shop_css_e3675a89_default.skeletonGrid,
+					className: _dsh_plugin_shop_css_bc430a83_default.skeletonGrid,
 					"data-shop-skeleton": true,
 					"aria-hidden": "true",
 					children: Array.from({ length: 8 }, (_, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: _dsh_plugin_shop_css_e3675a89_default.skeletonCard,
+						className: _dsh_plugin_shop_css_bc430a83_default.skeletonCard,
 						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: _dsh_plugin_shop_css_e3675a89_default.skeletonName }),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: _dsh_plugin_shop_css_e3675a89_default.skeletonSummary }),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: _dsh_plugin_shop_css_e3675a89_default.skeletonSummaryShort }),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: _dsh_plugin_shop_css_e3675a89_default.skeletonActions })
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: _dsh_plugin_shop_css_bc430a83_default.skeletonName }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: _dsh_plugin_shop_css_bc430a83_default.skeletonSummary }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: _dsh_plugin_shop_css_bc430a83_default.skeletonSummaryShort }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: _dsh_plugin_shop_css_bc430a83_default.skeletonActions })
 						]
 					}, i))
 				})]
@@ -11526,11 +11541,11 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				translate: "no",
 				"data-shop-tab": true,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: _dsh_plugin_shop_css_e3675a89_default.stateLine,
+					className: _dsh_plugin_shop_css_bc430a83_default.stateLine,
 					children: t("error")
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 					type: "button",
-					className: _dsh_plugin_shop_css_e3675a89_default.actionButton,
+					className: _dsh_plugin_shop_css_bc430a83_default.actionButton,
 					onClick: () => {
 						setRequest({
 							kind: "retry",
@@ -11548,11 +11563,11 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				"data-shop-tab": true,
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: _dsh_plugin_shop_css_e3675a89_default.toolbar,
+						className: _dsh_plugin_shop_css_bc430a83_default.toolbar,
 						children: [
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 								type: "search",
-								className: _dsh_plugin_shop_css_e3675a89_default.searchInput,
+								className: _dsh_plugin_shop_css_bc430a83_default.searchInput,
 								"aria-label": t("search"),
 								placeholder: t("search"),
 								value: query,
@@ -11565,31 +11580,31 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 							}),
 							expansionMemo.intents.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 								"data-shop-expansion-note": true,
-								className: _dsh_plugin_shop_css_e3675a89_default.expansionNote,
+								className: _dsh_plugin_shop_css_bc430a83_default.expansionNote,
 								children: t("zhExpansionNote", { terms: expansionMemo.terms.slice(1).map((term) => term.startsWith("#") ? term.slice(1) : term).join(", ") })
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: _dsh_plugin_shop_css_e3675a89_default.toolbarRight,
+								className: _dsh_plugin_shop_css_bc430a83_default.toolbarRight,
 								children: [
 									result.stale && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: _dsh_plugin_shop_css_e3675a89_default.staleBadge,
+										className: _dsh_plugin_shop_css_bc430a83_default.staleBadge,
 										children: t("staleLabel", { date: result.builtAt.slice(0, 10) })
 									}),
 									selfVersion !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: _dsh_plugin_shop_css_e3675a89_default.versionBlock,
+										className: _dsh_plugin_shop_css_bc430a83_default.versionBlock,
 										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-											className: _dsh_plugin_shop_css_e3675a89_default.versionText,
+											className: _dsh_plugin_shop_css_bc430a83_default.versionText,
 											"data-shop-version": true,
 											children: ["v", selfVersion.installed]
 										}), restartMonitor !== null ? null : selfPending && restartBlocked === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 											type: "button",
-											className: _dsh_plugin_shop_css_e3675a89_default.restartSelfButton,
+											className: _dsh_plugin_shop_css_bc430a83_default.restartSelfButton,
 											"data-shop-restart": true,
 											onClick: () => setSelfRestartGate(true),
 											children: t("restart")
 										}) : !selfPending && selfVersion.outdated && selfVersion.latest !== null && selfUpdate.view.kind === "idle" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 											type: "button",
-											className: _dsh_plugin_shop_css_e3675a89_default.updateSelfButton,
+											className: _dsh_plugin_shop_css_bc430a83_default.updateSelfButton,
 											"data-shop-update-self": true,
 											onClick: () => {
 												if (selfVersion.latest !== null) selfUpdate.start({ version: selfVersion.latest });
@@ -11597,7 +11612,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 											children: t("update")
 										}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 											type: "button",
-											className: _dsh_plugin_shop_css_e3675a89_default.checkUpdateButton,
+											className: _dsh_plugin_shop_css_bc430a83_default.checkUpdateButton,
 											"data-shop-check-update": true,
 											title: t("checkUpdateTitle"),
 											disabled: checkState !== "idle",
@@ -11606,7 +11621,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 										})]
 									}),
 									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
-										className: _dsh_plugin_shop_css_e3675a89_default.githubLink,
+										className: _dsh_plugin_shop_css_bc430a83_default.githubLink,
 										href: SHOP_REPO_URL,
 										target: "_blank",
 										rel: "noopener noreferrer",
@@ -11631,29 +11646,29 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 						logFile: restartMonitor.logFile
 					}),
 					selfUpdate.view.kind === "running" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: _dsh_plugin_shop_css_e3675a89_default.selfUpdatePanel,
+						className: _dsh_plugin_shop_css_bc430a83_default.selfUpdatePanel,
 						"data-shop-self-updating": true,
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-							className: _dsh_plugin_shop_css_e3675a89_default.installing,
+							className: _dsh_plugin_shop_css_bc430a83_default.installing,
 							children: t(installPhaseKey(selfUpdate.view.phase))
 						}), selfUpdate.view.log.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: _dsh_plugin_shop_css_e3675a89_default.log,
+							className: _dsh_plugin_shop_css_bc430a83_default.log,
 							"data-shop-log": true,
 							children: selfUpdate.view.log.map((line, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: _dsh_plugin_shop_css_e3675a89_default.logLine,
+								className: _dsh_plugin_shop_css_bc430a83_default.logLine,
 								"data-shop-log-line": true,
 								children: line
 							}, index))
 						})]
 					}),
 					selfPending && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: _dsh_plugin_shop_css_e3675a89_default.selfUpdatePanel,
+						className: _dsh_plugin_shop_css_bc430a83_default.selfUpdatePanel,
 						"data-shop-self-update-done": true,
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: _dsh_plugin_shop_css_e3675a89_default.installedActions,
+							className: _dsh_plugin_shop_css_bc430a83_default.installedActions,
 							children: [
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-									className: _dsh_plugin_shop_css_e3675a89_default.notice,
+									className: _dsh_plugin_shop_css_bc430a83_default.notice,
 									children: t("installedRestartNotice")
 								}),
 								restartBlocked === null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RestartPanel, {
@@ -11666,7 +11681,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 									}
 								}),
 								restartBlocked !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-									className: _dsh_plugin_shop_css_e3675a89_default.notice,
+									className: _dsh_plugin_shop_css_bc430a83_default.notice,
 									"data-shop-restart-disabled": true,
 									children: t(restartBlockedNoticeKey(restartBlocked))
 								})
@@ -11674,29 +11689,29 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 						})
 					}),
 					selfUpdate.view.kind === "failed" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: _dsh_plugin_shop_css_e3675a89_default.selfUpdatePanel,
+						className: _dsh_plugin_shop_css_bc430a83_default.selfUpdatePanel,
 						"data-shop-self-update-failed": true,
 						children: [
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: _dsh_plugin_shop_css_e3675a89_default.failedHeading,
+								className: _dsh_plugin_shop_css_bc430a83_default.failedHeading,
 								children: t("updateFailed")
 							}),
 							selfUpdate.view.log.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: _dsh_plugin_shop_css_e3675a89_default.log,
+								className: _dsh_plugin_shop_css_bc430a83_default.log,
 								"data-shop-log": true,
 								children: selfUpdate.view.log.map((line, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-									className: _dsh_plugin_shop_css_e3675a89_default.logLine,
+									className: _dsh_plugin_shop_css_bc430a83_default.logLine,
 									"data-shop-log-line": true,
 									children: line
 								}, index))
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: _dsh_plugin_shop_css_e3675a89_default.failedDetail,
+								className: _dsh_plugin_shop_css_bc430a83_default.failedDetail,
 								children: selfUpdate.view.detail === "" ? t("updateTransportFailed") : selfUpdate.view.detail
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 								type: "button",
-								className: _dsh_plugin_shop_css_e3675a89_default.cancelButton,
+								className: _dsh_plugin_shop_css_bc430a83_default.cancelButton,
 								"data-shop-update-self-dismiss": true,
 								onClick: () => {
 									selfUpdate.resetWhere((current) => current.kind === "failed");
@@ -11706,216 +11721,238 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 						]
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: _dsh_plugin_shop_css_e3675a89_default.categoryBar,
-						role: "group",
-						"aria-label": t("catalog"),
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-								type: "button",
-								className: category === null ? `${_dsh_plugin_shop_css_e3675a89_default.categoryButton} ${_dsh_plugin_shop_css_e3675a89_default.categoryButtonOn}` : _dsh_plugin_shop_css_e3675a89_default.categoryButton,
-								"aria-pressed": category === null,
-								onClick: () => {
-									page.setView({
-										category: null,
-										visibleCount: 48
-									});
-								},
-								"data-shop-category-all": true,
-								children: [
-									t("all"),
-									" ",
-									browsable.length
-								]
-							}),
-							CATEGORY_ORDER.map((key) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-								type: "button",
-								className: category === key ? `${_dsh_plugin_shop_css_e3675a89_default.categoryButton} ${_dsh_plugin_shop_css_e3675a89_default.categoryButtonOn}` : _dsh_plugin_shop_css_e3675a89_default.categoryButton,
-								"aria-pressed": category === key,
-								"data-category": key,
-								"data-shop-category-tab": key,
-								onClick: () => {
-									page.setView({
-										category: key,
-										visibleCount: 48
-									});
-								},
-								children: [
-									t(categoryLocaleKey(key)),
-									" ",
-									categoryCounts.get(key) ?? 0
-								]
-							}, key)),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-								type: "button",
-								className: category === "installed" ? `${_dsh_plugin_shop_css_e3675a89_default.categoryButton} ${_dsh_plugin_shop_css_e3675a89_default.categoryButtonOn}` : _dsh_plugin_shop_css_e3675a89_default.categoryButton,
-								"aria-pressed": category === "installed",
-								"data-shop-category-installed": true,
-								onClick: () => {
-									page.setView({
-										category: "installed",
-										visibleCount: 48
-									});
-								},
-								children: [
-									t("installed"),
-									" ",
-									installedCount
-								]
-							}),
-							category !== "installed" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-								type: "button",
-								role: "switch",
-								"aria-checked": hideIncompatible,
-								className: hideIncompatible ? `${_dsh_plugin_shop_css_e3675a89_default.incompatibleFilter} ${_dsh_plugin_shop_css_e3675a89_default.incompatibleFilterOn}` : _dsh_plugin_shop_css_e3675a89_default.incompatibleFilter,
-								title: t(hideIncompatible ? "showIncompatibleTitle" : "incompatibleFilterTitle"),
-								"data-shop-hide-incompatible": true,
-								onClick: () => {
-									page.updateView((view) => ({
-										hideIncompatible: !view.hideIncompatible,
-										visibleCount: 48
-									}));
-								},
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: hideIncompatible ? `${_dsh_plugin_shop_css_e3675a89_default.switch} ${_dsh_plugin_shop_css_e3675a89_default.switchOn}` : _dsh_plugin_shop_css_e3675a89_default.switch,
-									"aria-hidden": "true",
-									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: _dsh_plugin_shop_css_e3675a89_default.switchKnob })
-								}), t("hideIncompatible", { count: incompatibleCount })]
-							})
-						]
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: _dsh_plugin_shop_css_e3675a89_default.catalogStatsRow,
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: _dsh_plugin_shop_css_e3675a89_default.catalogStats,
-								"data-shop-catalog-stats": true,
-								children: t("catalogStats", {
-									count: String(browsable.length),
-									date: result.builtAt.slice(0, 10)
-								})
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-								type: "button",
-								className: _dsh_plugin_shop_css_e3675a89_default.catalogRefreshButton,
-								"data-shop-catalog-refresh": true,
-								disabled: reloading,
-								onClick: () => {
-									setReloading(true);
-									setReloadFailed(false);
-									setRequest({
-										kind: "refresh",
-										reverdicts: pendingReverdict()
-									});
-									setVersionReload((current) => current + 1);
-								},
-								children: reloading ? t("refreshing") : t("refresh")
-							}),
-							reloadFailed && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: _dsh_plugin_shop_css_e3675a89_default.catalogRefreshFailed,
-								"data-shop-catalog-refresh-failed": true,
-								children: t("refreshFailed")
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-								className: _dsh_plugin_shop_css_e3675a89_default.sortGroup,
-								role: "group",
-								"aria-labelledby": sortLabelId,
-								"data-shop-sort": true,
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: _dsh_plugin_shop_css_e3675a89_default.sortLabel,
-									id: sortLabelId,
-									children: t("sortLabel")
-								}), SHELF_ORDERS.map((name) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						className: _dsh_plugin_shop_css_bc430a83_default.shelfBody,
+						"data-shop-shelf": true,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: _dsh_plugin_shop_css_bc430a83_default.controls,
+							"data-shop-controls": true,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+									className: _dsh_plugin_shop_css_bc430a83_default.railHeading,
+									children: t("categoriesHeading")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: _dsh_plugin_shop_css_bc430a83_default.categoryBar,
+									role: "group",
+									"aria-label": t("catalog"),
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+											type: "button",
+											className: category === null ? `${_dsh_plugin_shop_css_bc430a83_default.categoryButton} ${_dsh_plugin_shop_css_bc430a83_default.categoryButtonOn}` : _dsh_plugin_shop_css_bc430a83_default.categoryButton,
+											"aria-pressed": category === null,
+											onClick: () => {
+												page.setView({
+													category: null,
+													visibleCount: 48
+												});
+											},
+											"data-shop-category-all": true,
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("all") }),
+												" ",
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: browsable.length })
+											]
+										}),
+										CATEGORY_ORDER.map((key) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+											type: "button",
+											className: category === key ? `${_dsh_plugin_shop_css_bc430a83_default.categoryButton} ${_dsh_plugin_shop_css_bc430a83_default.categoryButtonOn}` : _dsh_plugin_shop_css_bc430a83_default.categoryButton,
+											"aria-pressed": category === key,
+											"data-category": key,
+											"data-shop-category-tab": key,
+											onClick: () => {
+												page.setView({
+													category: key,
+													visibleCount: 48
+												});
+											},
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t(categoryLocaleKey(key)) }),
+												" ",
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: categoryCounts.get(key) ?? 0 })
+											]
+										}, key)),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+											type: "button",
+											className: category === "installed" ? `${_dsh_plugin_shop_css_bc430a83_default.categoryButton} ${_dsh_plugin_shop_css_bc430a83_default.categoryButtonOn}` : _dsh_plugin_shop_css_bc430a83_default.categoryButton,
+											"aria-pressed": category === "installed",
+											"data-shop-category-installed": true,
+											onClick: () => {
+												page.setView({
+													category: "installed",
+													visibleCount: 48
+												});
+											},
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("installed") }),
+												" ",
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: installedCount })
+											]
+										})
+									]
+								}),
+								category !== "installed" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+									className: _dsh_plugin_shop_css_bc430a83_default.railHeading,
+									children: t("filterHeading")
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 									type: "button",
-									className: order === name ? `${_dsh_plugin_shop_css_e3675a89_default.categoryButton} ${_dsh_plugin_shop_css_e3675a89_default.categoryButtonOn}` : _dsh_plugin_shop_css_e3675a89_default.categoryButton,
-									"aria-pressed": order === name,
-									"data-shop-order": name,
+									role: "switch",
+									"aria-checked": hideIncompatible,
+									className: hideIncompatible ? `${_dsh_plugin_shop_css_bc430a83_default.incompatibleFilter} ${_dsh_plugin_shop_css_bc430a83_default.incompatibleFilterOn}` : _dsh_plugin_shop_css_bc430a83_default.incompatibleFilter,
+									title: t(hideIncompatible ? "showIncompatibleTitle" : "incompatibleFilterTitle"),
+									"data-shop-hide-incompatible": true,
 									onClick: () => {
-										page.setView({
-											order: name,
+										page.updateView((view) => ({
+											hideIncompatible: !view.hideIncompatible,
 											visibleCount: 48
-										});
+										}));
 									},
-									children: t(shelfOrderLocaleKey(name))
-								}, name))]
-							})
-						]
-					}),
-					result.plugins.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: _dsh_plugin_shop_css_e3675a89_default.emptyLine,
-						children: t("empty")
-					}) : filtered.length === 0 ? category === "installed" && installedState.kind !== "ready" ? installedState.kind === "loading" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: _dsh_plugin_shop_css_e3675a89_default.emptyLine,
-						"data-shop-installed-loading": true,
-						children: t("installedLoading")
-					}) : null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: _dsh_plugin_shop_css_e3675a89_default.emptyLine,
-						"data-shop-empty": true,
-						children: matched.length > 0 ? t("emptyIncompatibleFiltered") : t("emptySearch")
-					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("ul", {
-						className: _dsh_plugin_shop_css_e3675a89_default.cards,
-						children: [visible.map((entry) => {
-							const key = entryKey(entry);
-							return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
-								"data-shop-identity": key,
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EntryCard, {
-									entry,
-									icon: iconOf(entry, icons),
-									stars: starsOf(entry, stars),
-									order,
-									shelfDay: shelfDayOf(entry),
-									installed: installedByKey.get(key),
-									missing: missingByKey.get(key) ?? [],
-									harness: harnessVerdictOf(harnessVerdicts, key),
-									nameTakenBy: nameTakenByKey.get(key),
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: hideIncompatible ? `${_dsh_plugin_shop_css_bc430a83_default.switch} ${_dsh_plugin_shop_css_bc430a83_default.switchOn}` : _dsh_plugin_shop_css_bc430a83_default.switch,
+										"aria-hidden": "true",
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: _dsh_plugin_shop_css_bc430a83_default.switchKnob })
+									}), t("hideIncompatible", { count: incompatibleCount })]
+								})] })
+							]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: _dsh_plugin_shop_css_bc430a83_default.results,
+							"data-shop-results": true,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: _dsh_plugin_shop_css_bc430a83_default.catalogStatsRow,
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+											className: _dsh_plugin_shop_css_bc430a83_default.catalogStats,
+											"data-shop-catalog-stats": true,
+											children: t("catalogStats", {
+												count: String(browsable.length),
+												date: result.builtAt.slice(0, 10)
+											})
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: _dsh_plugin_shop_css_bc430a83_default.catalogRefreshButton,
+											"data-shop-catalog-refresh": true,
+											disabled: reloading,
+											onClick: () => {
+												setReloading(true);
+												setReloadFailed(false);
+												setRequest({
+													kind: "refresh",
+													reverdicts: pendingReverdict()
+												});
+												setVersionReload((current) => current + 1);
+											},
+											children: reloading ? t("refreshing") : t("refresh")
+										}),
+										reloadFailed && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: _dsh_plugin_shop_css_bc430a83_default.catalogRefreshFailed,
+											"data-shop-catalog-refresh-failed": true,
+											children: t("refreshFailed")
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+											className: _dsh_plugin_shop_css_bc430a83_default.sortGroup,
+											role: "group",
+											"aria-labelledby": sortLabelId,
+											"data-shop-sort": true,
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: _dsh_plugin_shop_css_bc430a83_default.sortLabel,
+												id: sortLabelId,
+												children: t("sortLabel")
+											}), SHELF_ORDERS.map((name) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												className: order === name ? `${_dsh_plugin_shop_css_bc430a83_default.categoryButton} ${_dsh_plugin_shop_css_bc430a83_default.categoryButtonOn}` : _dsh_plugin_shop_css_bc430a83_default.categoryButton,
+												"aria-pressed": order === name,
+												"data-shop-order": name,
+												onClick: () => {
+													page.setView({
+														order: name,
+														visibleCount: 48
+													});
+												},
+												children: t(shelfOrderLocaleKey(name))
+											}, name))]
+										})
+									]
+								}),
+								result.plugins.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: _dsh_plugin_shop_css_bc430a83_default.emptyLine,
+									children: t("empty")
+								}) : filtered.length === 0 ? category === "installed" && installedState.kind !== "ready" ? installedState.kind === "loading" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: _dsh_plugin_shop_css_bc430a83_default.emptyLine,
+									"data-shop-installed-loading": true,
+									children: t("installedLoading")
+								}) : null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: _dsh_plugin_shop_css_bc430a83_default.emptyLine,
+									"data-shop-empty": true,
+									children: matched.length > 0 ? t("emptyIncompatibleFiltered") : t("emptySearch")
+								}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("ul", {
+									className: _dsh_plugin_shop_css_bc430a83_default.cards,
+									children: [visible.map((entry) => {
+										const key = entryKey(entry);
+										return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+											"data-shop-identity": key,
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EntryCard, {
+												entry,
+												icon: iconOf(entry, icons),
+												stars: starsOf(entry, stars),
+												order,
+												shelfDay: shelfDayOf(entry),
+												installed: installedByKey.get(key),
+												missing: missingByKey.get(key) ?? [],
+												harness: harnessVerdictOf(harnessVerdicts, key),
+												nameTakenBy: nameTakenByKey.get(key),
+												t,
+												flow: flows.flowFor(key),
+												uninstallFlow: uninstallFlows.flowFor(key),
+												restart,
+												restartBlocked,
+												reload,
+												setEnabled,
+												inInstalledView: category === "installed",
+												page
+											})
+										}, key);
+									}), incremental && visibleCount < filtered.length && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+										ref: sentinelRef,
+										className: _dsh_plugin_shop_css_bc430a83_default.cardsSentry,
+										"data-shop-sentry": true,
+										"aria-hidden": "true"
+									})]
+								}), incremental && visibleCount < filtered.length && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: _dsh_plugin_shop_css_bc430a83_default.showingLine,
+									"aria-live": "polite",
+									children: t("showing", {
+										shown: String(visibleCount),
+										total: String(filtered.length)
+									})
+								})] }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(OutdatedSection, {
+									state: installedState,
+									entriesByKey,
+									icons,
+									missingByKey,
+									harnessVerdicts,
 									t,
-									flow: flows.flowFor(key),
-									uninstallFlow: uninstallFlows.flowFor(key),
+									setEnabled,
+									flowFor: flows.flowFor,
+									uninstallFor: uninstallFlows.flowFor,
 									restart,
 									restartBlocked,
 									reload,
-									setEnabled,
-									inInstalledView: category === "installed",
 									page
+								}),
+								category === "installed" && installedState.kind === "ready" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ShadowedSection, {
+									entries: installedState.entries,
+									icons,
+									entriesByKey,
+									t,
+									uninstallFlows,
+									restart,
+									restartBlocked,
+									reload
 								})
-							}, key);
-						}), incremental && visibleCount < filtered.length && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
-							ref: sentinelRef,
-							className: _dsh_plugin_shop_css_e3675a89_default.cardsSentry,
-							"data-shop-sentry": true,
-							"aria-hidden": "true"
+							]
 						})]
-					}), incremental && visibleCount < filtered.length && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: _dsh_plugin_shop_css_e3675a89_default.showingLine,
-						"aria-live": "polite",
-						children: t("showing", {
-							shown: String(visibleCount),
-							total: String(filtered.length)
-						})
-					})] }),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(OutdatedSection, {
-						state: installedState,
-						entriesByKey,
-						icons,
-						missingByKey,
-						harnessVerdicts,
-						t,
-						setEnabled,
-						flowFor: flows.flowFor,
-						uninstallFor: uninstallFlows.flowFor,
-						restart,
-						restartBlocked,
-						reload,
-						page
-					}),
-					category === "installed" && installedState.kind === "ready" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ShadowedSection, {
-						entries: installedState.entries,
-						icons,
-						entriesByKey,
-						t,
-						uninstallFlows,
-						restart,
-						restartBlocked,
-						reload
 					})
 				]
 			});
@@ -11957,10 +11994,11 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		}
 		/**
 		* Where the reader is on the shelf: the first card whose bottom lies below
-		* the page's top edge, and its top relative to that edge. The cards stand one
-		* per row in document order, so their bottoms rise with their index, and a
-		* binary search reads a handful of their rects on each scroll event, never
-		* one per card.
+		* the page's top edge, and its top relative to that edge. The cards are laid
+		* out row-major in document order — one per row before 2026-11-02, two per
+		* row since — so their bottoms never fall with their index, and a binary
+		* search reads a handful of their rects on each scroll event, never one per
+		* card.
 		*
 		* A card whose top lies below the edge counts only while it lies no further
 		* below than the shelf's gap between cards, as when the edge falls in that
@@ -12046,7 +12084,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			}, [page]);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 				ref: scroller,
-				className: `${_dsh_plugin_shop_css_e3675a89_default.page} notranslate`,
+				className: `${_dsh_plugin_shop_css_bc430a83_default.page} notranslate`,
 				translate: "no",
 				"data-shop-page": true,
 				onScroll: (event) => {
@@ -12056,15 +12094,15 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				onTouchStart: cancelRestore,
 				onKeyDown: cancelRestore,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
-					className: _dsh_plugin_shop_css_e3675a89_default.pageHead,
+					className: _dsh_plugin_shop_css_bc430a83_default.pageHead,
 					"data-shop-page-head": true,
 					"data-window-drag": true,
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
-						className: _dsh_plugin_shop_css_e3675a89_default.pageTitle,
+						className: _dsh_plugin_shop_css_bc430a83_default.pageTitle,
 						"data-shop-page-title": true,
 						children: t("title")
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: _dsh_plugin_shop_css_e3675a89_default.pageIntro,
+						className: _dsh_plugin_shop_css_bc430a83_default.pageIntro,
 						"data-shop-page-intro": true,
 						children: t("intro")
 					})]