@mokly/mokly 0.8.0

package/dist/server/shell/css_nav.js

@@ -0,0 +1,502 @@
+/** Shell scaffold styles: full-height frame, top bar with the search field's
+ * tag control and the picker it drops, and the catalogue navigation column
+ * with its filter, tree rows, icons, and drawer states. The picker is
+ * anchored to the field, and spans the bar as a sheet below the breakpoint;
+ * the top bar's own stacking context lifts it over the drawer and the views.
+ * A narrow bar that carries the field (`data-search`) drops the brand to its
+ * mark so the field, the menu button, and the mode switch all keep their
+ * room; a bar without the field keeps the whole brand. */
+/** Top bar and navigation styles. */
+export const SHELL_NAV_CSS = `
+.mbk-fs {
+  margin: 0;
+  height: 100vh;
+  overflow: hidden;
+}
+
+.mbk {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  background: var(--chrome-bg);
+  color: var(--chrome-ink);
+  font-family: var(--sans);
+  font-size: 13px;
+}
+
+.mbk-skip-link {
+  position: absolute;
+  top: -100%;
+  left: 12px;
+  z-index: 20;
+  padding: 6px 12px;
+  border-radius: 8px;
+  background: var(--chrome-ink);
+  color: #ffffff;
+  font-weight: 600;
+  text-decoration: none;
+}
+
+.mbk-skip-link:focus-visible {
+  top: 8px;
+}
+
+.mbk-topbar {
+  position: relative;
+  z-index: 11;
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  height: 48px;
+  flex-shrink: 0;
+  padding: 0 16px;
+  background: var(--chrome-surface);
+  border-bottom: 1px solid var(--chrome-border);
+}
+
+.mbk-menu {
+  display: none;
+  align-items: center;
+  justify-content: center;
+  width: 30px;
+  height: 30px;
+  padding: 0;
+  border: 1px solid var(--chrome-border);
+  border-radius: 8px;
+  background: var(--chrome-surface);
+  color: var(--chrome-ink-2);
+  font-size: 14px;
+  cursor: pointer;
+}
+
+.mbk-brand {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-weight: 700;
+  letter-spacing: -0.01em;
+  color: inherit;
+  text-decoration: none;
+}
+
+.mbk-mark {
+  display: inline-grid;
+  place-items: center;
+  width: 24px;
+  height: 24px;
+  flex-shrink: 0;
+  border-radius: 6px;
+  background: var(--mokly-accent);
+  color: var(--mokly-accent-contrast);
+}
+
+.mbk-search {
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex: 1;
+  min-width: 0;
+  max-width: 440px;
+  height: 30px;
+  padding: 0 12px;
+  border: 1px solid var(--chrome-border);
+  border-radius: 8px;
+  background: var(--chrome-bg);
+  color: var(--chrome-muted);
+}
+
+.mbk-search > svg {
+  flex-shrink: 0;
+}
+
+.mbk-search input {
+  flex: 1;
+  min-width: 0;
+  border: none;
+  background: none;
+  color: var(--chrome-ink);
+  font: inherit;
+  outline: none;
+}
+
+.mbk-search input::placeholder {
+  color: var(--chrome-muted);
+}
+
+.mbk-search-tag {
+  display: inline-grid;
+  place-items: center;
+  width: 20px;
+  height: 20px;
+  flex-shrink: 0;
+  margin-right: -5px;
+  padding: 0;
+  border: none;
+  border-radius: 6px;
+  background: none;
+  color: var(--chrome-muted);
+  cursor: pointer;
+}
+
+.mbk-search-tag:hover {
+  background: var(--chrome-border);
+  color: var(--chrome-ink-2);
+}
+
+.mbk-tag-picker {
+  position: absolute;
+  z-index: 1;
+  top: calc(100% + 7px);
+  right: -1px;
+  left: -1px;
+  padding: 9px 11px 11px;
+  border: 1px solid var(--chrome-border);
+  border-radius: 10px;
+  background: var(--chrome-surface);
+  box-shadow: var(--chrome-shadow);
+}
+
+.mbk-tag-picker-head {
+  margin-bottom: 8px;
+  color: var(--chrome-muted);
+  font-size: 11px;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.mbk-tag-picker .mbk-chips {
+  max-height: 210px;
+  overflow-y: auto;
+}
+
+.mbk-body {
+  display: flex;
+  flex: 1;
+  min-height: 0;
+}
+
+.mbk-route-status {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
+.mbk-nav {
+  --mbk-guide: #dbded8;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  width: var(--mbk-nav-width, 248px);
+  flex-shrink: 0;
+  background: #fbfbfa;
+  border-right: 1px solid var(--chrome-border);
+  overflow: visible;
+}
+
+.mbk-nav-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 13px 14px 9px;
+  color: var(--chrome-muted);
+  font-size: 11px;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.mbk-nav-collapse {
+  padding: 0;
+  border: none;
+  background: none;
+  color: var(--chrome-muted);
+  font-family: inherit;
+  font-size: 10.5px;
+  font-weight: 600;
+  letter-spacing: 0;
+  text-transform: none;
+  cursor: pointer;
+}
+
+.mbk-nav-filter {
+  display: inline-flex;
+  align-self: flex-start;
+  margin: 0 8px 8px;
+  padding: 3px;
+  border-radius: 8px;
+  background: var(--chrome-bg);
+  border: 1px solid var(--chrome-border);
+}
+
+.mbk-nav-filter-opt {
+  display: flex;
+  align-items: center;
+  padding: 4px 11px;
+  border: none;
+  border-radius: 6px;
+  background: none;
+  color: var(--chrome-muted);
+  font-family: inherit;
+  font-size: 11.5px;
+  font-weight: 600;
+  text-decoration: none;
+  cursor: pointer;
+}
+
+.mbk-nav-filter-opt.active,
+.mbk-nav-filter-opt[aria-pressed="true"] {
+  background: var(--chrome-surface);
+  color: var(--chrome-ink);
+  box-shadow: 0 1px 2px rgba(20, 28, 22, 0.1);
+}
+
+.mbk-nav-filter-count {
+  margin-left: 6px;
+  border-radius: 999px;
+  background: rgba(20, 28, 22, 0.08);
+  color: var(--chrome-ink-2);
+  font-family: var(--mono);
+  font-size: 10px;
+}
+
+.mbk-nav-scroll {
+  flex: 1;
+  overflow-y: auto;
+  padding: 4px 8px 12px;
+}
+
+.mbk-nav-section + .mbk-nav-section {
+  margin-top: 10px;
+}
+
+.mbk-nav-section > summary {
+  list-style: none;
+}
+
+.mbk-nav-section > summary::-webkit-details-marker {
+  display: none;
+}
+
+.mbk-nav-section-head {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  padding: 6px 8px 4px;
+  color: var(--chrome-muted);
+  font-size: 10.5px;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  cursor: pointer;
+}
+
+.mbk-nav-section-chevron {
+  display: inline-grid;
+  place-items: center;
+  transition: transform 120ms ease;
+}
+
+.mbk-nav-section[open] > .mbk-nav-section-head .mbk-nav-section-chevron {
+  transform: rotate(90deg);
+}
+
+.mbk-nav-row {
+  position: relative;
+  z-index: 0;
+  display: flex;
+  align-items: center;
+  gap: 7px;
+  width: 100%;
+  padding: 5px 8px;
+  color: var(--chrome-ink-2);
+  text-decoration: none;
+  font-size: 12.5px;
+  line-height: 1.3;
+  cursor: pointer;
+}
+
+.mbk-nav-row::before {
+  content: "";
+  position: absolute;
+  z-index: -1;
+  top: 0;
+  bottom: 0;
+  left: var(--mbk-indent, 0);
+  right: 0;
+  border-radius: 6px;
+}
+
+.mbk-nav-row:hover::before {
+  background: var(--mokly-accent-soft);
+}
+
+.mbk-nav-row.active,
+.mbk-nav-row[aria-current="page"] {
+  color: var(--mokly-accent-contrast);
+  font-weight: 600;
+}
+
+.mbk-nav-row.active::before,
+.mbk-nav-row[aria-current="page"]::before {
+  background: var(--mokly-accent);
+}
+
+.mbk-nav-label {
+  font-weight: 600;
+  color: var(--chrome-ink);
+}
+
+.mbk-nav-ico {
+  display: inline-grid;
+  place-items: center;
+  width: 15px;
+  height: 15px;
+  flex-shrink: 0;
+  color: var(--chrome-muted);
+}
+
+.mbk-nav-ico.flow {
+  color: var(--mokly-accent);
+}
+
+.mbk-nav-ico.folder {
+  color: var(--chrome-ink-2);
+}
+
+.mbk-nav-ico.folder > svg {
+  grid-area: 1 / 1;
+}
+
+.mbk-nav-ico.folder > svg:nth-child(2) {
+  display: none;
+}
+
+details.mbk-nav-group[open] > summary .mbk-nav-ico.folder > svg:nth-child(1) {
+  display: none;
+}
+
+details.mbk-nav-group[open] > summary .mbk-nav-ico.folder > svg:nth-child(2) {
+  display: block;
+}
+
+.mbk-nav-row.active .mbk-nav-ico,
+.mbk-nav-row[aria-current="page"] .mbk-nav-ico {
+  color: rgba(255, 255, 255, 0.9);
+}
+
+.mbk-nav-row.active .mbk-nav-label,
+.mbk-nav-row[aria-current="page"] .mbk-nav-label {
+  color: var(--mokly-accent-contrast);
+}
+
+.mbk-nav-count {
+  margin-left: auto;
+  color: var(--chrome-muted);
+  font-family: var(--mono);
+  font-size: 10.5px;
+}
+
+.mbk-nav-row.active .mbk-nav-count,
+.mbk-nav-row[aria-current="page"] .mbk-nav-count {
+  color: rgba(255, 255, 255, 0.75);
+}
+
+.mbk-nav-row[hidden],
+details.mbk-nav-group[hidden] {
+  display: none;
+}
+
+details.mbk-nav-section[hidden] {
+  display: none;
+}
+
+details.mbk-nav-group > summary {
+  list-style: none;
+}
+
+details.mbk-nav-group > summary::-webkit-details-marker {
+  display: none;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .mbk-nav-section-chevron {
+    transition: none;
+  }
+}
+
+.mbk-basewatch {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex-shrink: 0;
+  margin: 0;
+  padding: 12px 24px;
+  border-bottom: 1px solid var(--chrome-border);
+  background: var(--chrome-surface);
+  color: var(--chrome-muted);
+  font-size: 12.5px;
+}
+
+.mbk-basewatch strong {
+  color: var(--chrome-ink);
+  font-family: var(--mono);
+  font-size: 11.5px;
+}
+
+.mbk-basewatch-dot {
+  width: 7px;
+  height: 7px;
+  border-radius: 999px;
+  background: #c98a2b;
+}
+
+@media (max-width: 56.25rem) {
+  .mbk-menu {
+    display: inline-flex;
+  }
+
+  .mbk-topbar[data-search] .mbk-name {
+    display: none;
+  }
+
+  .mbk-search {
+    position: static;
+  }
+
+  .mbk-tag-picker {
+    top: calc(100% + 1px);
+    right: 0;
+    left: 0;
+    border-top: 0;
+    border-radius: 0 0 12px 12px;
+  }
+
+  .mbk-nav {
+    display: none;
+    position: absolute;
+    top: 48px;
+    bottom: 0;
+    left: 0;
+    z-index: 10;
+    width: 82%;
+    max-width: 20rem;
+    border-right: 1px solid var(--chrome-border);
+    overflow: hidden;
+    box-shadow: 0 0 0 100vmax rgba(20, 28, 22, 0.4);
+  }
+
+  .mbk[data-drawer="open"] .mbk-nav {
+    display: flex;
+  }
+}
+`;
+//# sourceMappingURL=css_nav.js.map

package/dist/server/shell/css_nav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css_nav.js","sourceRoot":"","sources":["../../../src/server/shell/css_nav.ts"],"names":[],"mappings":"AAAA;;;;;;;0DAO0D;AAE1D,qCAAqC;AACrC,MAAM,CAAC,MAAM,aAAa,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2e5B,CAAC"}

package/dist/server/shell/css_nav_resize.d.ts

@@ -0,0 +1,4 @@
+/** Desktop navigation resize affordance and interaction states. */
+/** Styles for the navigation split-panel separator. */
+export declare const SHELL_NAV_RESIZE_CSS = "\n.mbk-nav-resize {\n  position: absolute;\n  z-index: 2;\n  top: 0;\n  right: -4px;\n  bottom: 0;\n  display: none;\n  width: 8px;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  cursor: col-resize;\n  outline: none;\n  touch-action: none;\n}\n\n.mbk-nav[data-resize-ready] .mbk-nav-resize {\n  display: block;\n}\n\n.mbk-nav-resize::after {\n  content: \"\";\n  position: absolute;\n  top: calc(50% - 16px);\n  left: 3px;\n  width: 2px;\n  height: 32px;\n  border-radius: 999px;\n  background: var(--chrome-border-strong);\n  transition: background 120ms ease, box-shadow 120ms ease;\n}\n\n.mbk-nav-resize:hover::after,\n.mbk-nav-resize:focus-visible::after,\nbody.mbk-nav-resizing .mbk-nav-resize::after {\n  background: var(--mokly-accent);\n  box-shadow: 0 0 0 3px var(--mokly-accent-soft);\n}\n\n.mbk-nav-resize:focus-visible {\n  box-shadow: inset -2px 0 0 var(--mokly-accent);\n}\n\nbody.mbk-nav-resizing {\n  cursor: col-resize;\n  user-select: none;\n}\n\nbody.mbk-nav-resizing * {\n  cursor: col-resize !important;\n}\n\nbody.mbk-nav-resizing iframe {\n  pointer-events: none;\n}\n\n@media (max-width: 56.25rem) {\n  .mbk-nav[data-resize-ready] .mbk-nav-resize {\n    display: none;\n  }\n}\n";
+//# sourceMappingURL=css_nav_resize.d.ts.map

package/dist/server/shell/css_nav_resize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css_nav_resize.d.ts","sourceRoot":"","sources":["../../../src/server/shell/css_nav_resize.ts"],"names":[],"mappings":"AAAA,mEAAmE;AAEnE,uDAAuD;AACvD,eAAO,MAAM,oBAAoB,osCA8DhC,CAAC"}

package/dist/server/shell/css_nav_resize.js

@@ -0,0 +1,66 @@
+/** Desktop navigation resize affordance and interaction states. */
+/** Styles for the navigation split-panel separator. */
+export const SHELL_NAV_RESIZE_CSS = `
+.mbk-nav-resize {
+  position: absolute;
+  z-index: 2;
+  top: 0;
+  right: -4px;
+  bottom: 0;
+  display: none;
+  width: 8px;
+  padding: 0;
+  border: 0;
+  background: transparent;
+  cursor: col-resize;
+  outline: none;
+  touch-action: none;
+}
+
+.mbk-nav[data-resize-ready] .mbk-nav-resize {
+  display: block;
+}
+
+.mbk-nav-resize::after {
+  content: "";
+  position: absolute;
+  top: calc(50% - 16px);
+  left: 3px;
+  width: 2px;
+  height: 32px;
+  border-radius: 999px;
+  background: var(--chrome-border-strong);
+  transition: background 120ms ease, box-shadow 120ms ease;
+}
+
+.mbk-nav-resize:hover::after,
+.mbk-nav-resize:focus-visible::after,
+body.mbk-nav-resizing .mbk-nav-resize::after {
+  background: var(--mokly-accent);
+  box-shadow: 0 0 0 3px var(--mokly-accent-soft);
+}
+
+.mbk-nav-resize:focus-visible {
+  box-shadow: inset -2px 0 0 var(--mokly-accent);
+}
+
+body.mbk-nav-resizing {
+  cursor: col-resize;
+  user-select: none;
+}
+
+body.mbk-nav-resizing * {
+  cursor: col-resize !important;
+}
+
+body.mbk-nav-resizing iframe {
+  pointer-events: none;
+}
+
+@media (max-width: 56.25rem) {
+  .mbk-nav[data-resize-ready] .mbk-nav-resize {
+    display: none;
+  }
+}
+`;
+//# sourceMappingURL=css_nav_resize.js.map

package/dist/server/shell/css_nav_resize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css_nav_resize.js","sourceRoot":"","sources":["../../../src/server/shell/css_nav_resize.ts"],"names":[],"mappings":"AAAA,mEAAmE;AAEnE,uDAAuD;AACvD,MAAM,CAAC,MAAM,oBAAoB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8DnC,CAAC"}

package/dist/server/shell/css_nav_status.d.ts

@@ -0,0 +1,3 @@
+/** Loading and result counts occupy the same space; reduced motion stays legible. */
+export declare const SHELL_NAV_STATUS_CSS = "\n.mbk-nav-filter-count {\n  display: inline-grid;\n  place-items: center;\n  width: 4ch;\n  height: 15px;\n  line-height: 1;\n}\n\n.mbk-nav-filter-count:has(.mbk-nav-spinner) {\n  background: none;\n}\n\n.mbk-nav-spinner {\n  display: inline-block;\n  width: 11px;\n  height: 11px;\n  flex-shrink: 0;\n  border: 1.5px solid var(--chrome-border);\n  border-top-color: var(--chrome-muted);\n  border-radius: 50%;\n  animation: mbk-nav-spin 0.8s linear infinite;\n}\n\n.mbk-nav-status {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 16px 8px;\n  color: var(--chrome-muted);\n  font-size: 12px;\n  line-height: 1.5;\n}\n\n.mbk-nav-status[hidden] { display: none; }\n\n@keyframes mbk-nav-spin {\n  to { transform: rotate(360deg); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .mbk-nav-spinner { animation: none; }\n}\n";
+//# sourceMappingURL=css_nav_status.d.ts.map

package/dist/server/shell/css_nav_status.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css_nav_status.d.ts","sourceRoot":"","sources":["../../../src/server/shell/css_nav_status.ts"],"names":[],"mappings":"AAAA,qFAAqF;AACrF,eAAO,MAAM,oBAAoB,+0BA2ChC,CAAC"}

package/dist/server/shell/css_nav_status.js

@@ -0,0 +1,46 @@
+/** Loading and result counts occupy the same space; reduced motion stays legible. */
+export const SHELL_NAV_STATUS_CSS = `
+.mbk-nav-filter-count {
+  display: inline-grid;
+  place-items: center;
+  width: 4ch;
+  height: 15px;
+  line-height: 1;
+}
+
+.mbk-nav-filter-count:has(.mbk-nav-spinner) {
+  background: none;
+}
+
+.mbk-nav-spinner {
+  display: inline-block;
+  width: 11px;
+  height: 11px;
+  flex-shrink: 0;
+  border: 1.5px solid var(--chrome-border);
+  border-top-color: var(--chrome-muted);
+  border-radius: 50%;
+  animation: mbk-nav-spin 0.8s linear infinite;
+}
+
+.mbk-nav-status {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 16px 8px;
+  color: var(--chrome-muted);
+  font-size: 12px;
+  line-height: 1.5;
+}
+
+.mbk-nav-status[hidden] { display: none; }
+
+@keyframes mbk-nav-spin {
+  to { transform: rotate(360deg); }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .mbk-nav-spinner { animation: none; }
+}
+`;
+//# sourceMappingURL=css_nav_status.js.map

package/dist/server/shell/css_nav_status.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css_nav_status.js","sourceRoot":"","sources":["../../../src/server/shell/css_nav_status.ts"],"names":[],"mappings":"AAAA,qFAAqF;AACrF,MAAM,CAAC,MAAM,oBAAoB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2CnC,CAAC"}

package/dist/server/shell/css_review.d.ts

@@ -0,0 +1,4 @@
+/** In-place comparison controls and isolated snapshot panes. */
+/** Styles appended to the catalogue shell. */
+export declare const SHELL_REVIEW_CSS = "\n.mbk-diff-screen, .mbk-current-screen {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  min-height: 0;\n  min-width: 0;\n}\n.mbk-diff-screen [hidden] { display: none; }\n.mbk-diff-toolbar {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 8px;\n  padding: 8px 24px;\n  border-bottom: 1px solid var(--chrome-border);\n  background: var(--chrome-surface);\n}\n.mbk-diff-refresh {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 26px;\n  height: 26px;\n  margin-left: auto;\n  border: 0;\n  background: none;\n  color: var(--chrome-accent);\n  font: inherit;\n  font-size: 20px;\n  cursor: pointer;\n}\n.mbk-diff-stage {\n  flex: 1;\n  min-height: 0;\n  overflow: auto;\n  padding: 24px;\n  background: radial-gradient(circle, rgba(20,28,22,.05) 1px, transparent 1px) 0 0 / 22px 22px;\n}\n.mbk-diff-view { margin-bottom: 24px; }\n.mbk-diff-view h3 {\n  margin: 0 0 12px;\n  color: var(--chrome-ink-2);\n  font-size: 12px;\n  font-weight: 600;\n}\n.mb-panes {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 24px;\n  isolation: isolate;\n}\n.mbk-diff-mobile .mb-panes {\n  grid-template-columns: repeat(2, 390px);\n}\n.mb-pane { min-width: 0; }\n.mb-pane-label {\n  color: var(--chrome-muted);\n  font-size: 12px;\n  margin: 0 0 8px;\n}\n.mb-pane-doc { width: 100%; }\n.mb-pane-missing {\n  display: grid;\n  place-content: center;\n  min-height: 240px;\n  padding: 20px;\n  border: 1px dashed var(--chrome-border-strong);\n  border-radius: 12px;\n  background: var(--chrome-surface);\n  color: var(--chrome-muted);\n  text-align: center;\n}\n.mb-panes[data-compare-mode=\"overlay\"],\n.mb-panes[data-compare-mode=\"difference\"] { grid-template-columns: minmax(0, 1fr); }\n.mbk-diff-mobile .mb-panes:not([data-compare-mode=\"side\"]) { grid-template-columns: 390px; }\n.mb-panes:not([data-compare-mode=\"side\"]) .mb-pane { grid-area: 1 / 1; }\n.mb-panes:not([data-compare-mode=\"side\"]) .mb-pane-label { visibility: hidden; }\n.mb-panes[data-compare-mode=\"overlay\"] .mb-pane--after { opacity: .5; }\n.mb-panes[data-compare-mode=\"difference\"] .mb-pane--after .mb-pane-doc { mix-blend-mode: difference; }\n.mb-impact-card {\n  border: 1px solid var(--chrome-border);\n  border-radius: 8px;\n  background: var(--chrome-surface);\n  padding: 12px;\n  color: var(--chrome-ink-2);\n  overflow-wrap: anywhere;\n}\n.mb-impact-card summary { cursor: pointer; font-weight: 600; }\n.mb-impact-card p, .mb-impact-card ul { margin: 8px 0 0; }\n@media (max-width: 56.25rem) {\n  .mbk-diff-toolbar { padding: 8px 12px; }\n  .mbk-diff-toolbar .mbk-seg { flex: 1; }\n  .mbk-diff-toolbar .mbk-seg button { flex: 1; padding: 6px; white-space: nowrap; font-size: 11px; }\n  .mbk-diff-stage { padding: 16px; }\n  .mb-panes[data-compare-mode=\"side\"],\n  .mbk-diff-mobile .mb-panes { grid-template-columns: minmax(0, 1fr); }\n  .mbk-diff-mobile .mb-panes:not([data-compare-mode=\"side\"]) { grid-template-columns: minmax(0, 1fr); }\n}\n";
+//# sourceMappingURL=css_review.d.ts.map

package/dist/server/shell/css_review.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css_review.d.ts","sourceRoot":"","sources":["../../../src/server/shell/css_review.ts"],"names":[],"mappings":"AAAA,gEAAgE;AAEhE,8CAA8C;AAC9C,eAAO,MAAM,gBAAgB,o9FAmG5B,CAAC"}