forgebook 0.1.7 → 0.2.0

package/dist/src/shell/shell.css

@@ -1,5 +1,10 @@
 @layer catalogue {
   :root {
+    --forgebook-font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    --forgebook-font-mono: "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    --forgebook-radius-control-small: 6px;
+    --forgebook-radius-control: 7px;
+    --forgebook-radius-card: 12px;
     --forgebook-window: #f6f6f8;
     --forgebook-sidebar: #ebebef;
     --forgebook-surface: #fff;
@@ -99,7 +104,7 @@
   }
   body {
     margin: 0;
-    font: 400 0.8125rem/1.4 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.8125rem/1.4 var(--forgebook-font-sans);
     color: var(--forgebook-text);
     background: var(--forgebook-window);
   }
@@ -160,22 +165,13 @@
     gap: 0.625rem;
     padding: 0.125rem 0.25rem;
   }
-  .forgebook-brand__mark {
-    display: grid;
-    place-items: center;
-    width: 1.75rem;
-    height: 1.75rem;
-    border-radius: 7px;
-    background: var(--forgebook-accent);
-    color: var(--forgebook-on-accent);
-  }
   .forgebook-brand__logo {
     flex: none;
     display: block;
-    border-radius: 7px;
+    border-radius: var(--forgebook-radius-control);
   }
   .forgebook-brand__name {
-    font: 600 0.875rem/1.3 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 600 0.875rem/1.3 var(--forgebook-font-sans);
   }
   .forgebook-brand__home {
     display: flex;
@@ -183,7 +179,7 @@
     gap: 0.625rem;
     margin: -0.125rem -0.25rem;
     padding: 0.125rem 0.25rem;
-    border-radius: 7px;
+    border-radius: var(--forgebook-radius-control);
     color: inherit;
     text-decoration: none;
     transition: background-color 150ms ease-out;
@@ -203,7 +199,7 @@
     gap: 0.375rem;
     height: 1.75rem;
     padding: 0 0.5rem;
-    border-radius: 7px;
+    border-radius: var(--forgebook-radius-control);
     background: var(--forgebook-fill);
     color: var(--forgebook-text-secondary);
   }
@@ -216,7 +212,7 @@
     min-width: 0;
     border: 0;
     background: none;
-    font: 400 0.78125rem/1.4 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.78125rem/1.4 var(--forgebook-font-sans);
     color: var(--forgebook-text);
     outline: none;
   }
@@ -252,9 +248,9 @@
   .forgebook-search__key {
     flex: none;
     padding: 0 0.375rem;
-    border-radius: 6px;
+    border-radius: var(--forgebook-radius-control-small);
     box-shadow: inset 0 0 0 1px var(--forgebook-edge);
-    font: 400 0.6875rem/1.6 "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    font: 400 0.6875rem/1.6 var(--forgebook-font-mono);
     color: var(--forgebook-text-tertiary);
   }
   .forgebook-tree {
@@ -280,7 +276,7 @@
     gap: 0.375rem;
     margin: 0;
     padding: 0.25rem 0.5rem;
-    font: 600 0.6875rem/1.3 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 600 0.6875rem/1.3 var(--forgebook-font-sans);
     letter-spacing: 0.04em;
     text-transform: uppercase;
     color: var(--forgebook-text-secondary);
@@ -299,9 +295,9 @@
     min-height: 1.625rem;
     padding: 0.25rem 0.5rem;
     border: 0;
-    border-radius: 6px;
+    border-radius: var(--forgebook-radius-control-small);
     background: none;
-    font: 500 0.8125rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 500 0.8125rem/1.35 var(--forgebook-font-sans);
     color: var(--forgebook-text);
     text-align: start;
     text-decoration: none;
@@ -339,6 +335,12 @@
     margin: 0.125rem 0 0;
     font: inherit;
   }
+  .forgebook-tree__docs-source {
+    margin: 0.375rem 0 0;
+    padding: 0.25rem 0.5rem;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
+    color: var(--forgebook-text-tertiary);
+  }
   .forgebook-tree__group > .forgebook-tree__fold {
     padding-inline-start: calc(0.75rem + 0.375rem);
   }
@@ -350,10 +352,10 @@
     width: 100%;
     padding: 0.25rem 0.5rem;
     border: 0;
-    border-radius: 6px;
+    border-radius: var(--forgebook-radius-control-small);
     background: none;
     min-height: 1.625rem;
-    font: 500 0.8125rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 500 0.8125rem/1.35 var(--forgebook-font-sans);
     font-weight: 500;
     color: var(--forgebook-text-secondary);
     text-align: start;
@@ -369,7 +371,7 @@
     color: var(--forgebook-text);
   }
   .forgebook-tree__item {
-    font: 400 0.78125rem/1.4 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.78125rem/1.4 var(--forgebook-font-sans);
   }
   .forgebook-tree__item[aria-current=page], .forgebook-tree__item[aria-current=location] {
     background: var(--forgebook-surface);
@@ -386,11 +388,39 @@
     display: inline-flex;
     align-items: center;
     gap: 0.125rem;
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
+    color: var(--forgebook-text-tertiary);
+  }
+  .forgebook-tree__logic {
+    display: inline-flex;
     color: var(--forgebook-text-tertiary);
   }
+  .forgebook-logic-mark {
+    display: inline-flex;
+    margin-inline-end: auto;
+    align-items: center;
+    gap: 0.25rem;
+    padding: 0 0.375rem;
+    border-radius: 999px;
+    box-shadow: inset 0 0 0 1px var(--forgebook-edge);
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
+    font-weight: 500;
+    color: var(--forgebook-text-secondary);
+  }
+  .forgebook-signature-tab {
+    padding: 0.75rem 0.875rem;
+  }
+  .forgebook-signature__call {
+    margin: 0 0 0.75rem;
+    font: 400 0.71875rem/1.4 var(--forgebook-font-mono);
+    white-space: pre-wrap;
+  }
+  .forgebook-signature__returns {
+    margin: 1rem 0 0.25rem;
+    font: 600 0.6875rem/1.3 var(--forgebook-font-sans);
+  }
   .forgebook-tree__count {
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
     font-variant-numeric: tabular-nums;
     color: var(--forgebook-text-tertiary);
   }
@@ -428,7 +458,7 @@
     min-width: 0;
   }
   .forgebook-story .forgebook-compare {
-    border-radius: 12px;
+    border-radius: var(--forgebook-radius-card);
     box-shadow: 0 0 0 1px var(--forgebook-card-edge), 0 1px 3px var(--forgebook-shadow-soft);
     overflow: hidden;
   }
@@ -437,15 +467,22 @@
     align-items: center;
     gap: 0.5rem;
   }
+  .forgebook-popover.forgebook-popover--embed {
+    position: fixed;
+    top: 0;
+    right: 0;
+    left: auto;
+    z-index: 4;
+  }
   .forgebook-matrix-picker {
     display: flex;
     flex: none;
     align-items: center;
     gap: 0.125rem;
     padding: 0.125rem 0.125rem 0.125rem 0.5rem;
-    border-radius: 7px;
+    border-radius: var(--forgebook-radius-control);
     background: var(--forgebook-fill);
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
     color: var(--forgebook-text-secondary);
   }
   .forgebook-matrix-picker .forgebook-popover__label {
@@ -454,7 +491,7 @@
   .forgebook-matrix-picker .forgebook-select {
     height: 1.375rem;
     max-width: 9rem;
-    border-radius: 6px;
+    border-radius: var(--forgebook-radius-control-small);
     background-color: transparent;
     box-shadow: none;
   }
@@ -507,7 +544,7 @@
     border: 0;
     border-block-end: 2px solid transparent;
     background: none;
-    font: 500 0.75rem/1.3 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 500 0.75rem/1.3 var(--forgebook-font-sans);
     color: var(--forgebook-text-secondary);
     white-space: nowrap;
     cursor: pointer;
@@ -538,7 +575,7 @@
     width: 1.625rem;
     height: 1.625rem;
     border: 0;
-    border-radius: 7px;
+    border-radius: var(--forgebook-radius-control);
     background: none;
     color: var(--forgebook-text-secondary);
     cursor: pointer;
@@ -564,7 +601,7 @@
   .forgebook-tab-note {
     margin: 0;
     padding: 0.75rem 0.875rem 0;
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
     color: var(--forgebook-text-secondary);
   }
   .forgebook-tab-foot {
@@ -576,7 +613,7 @@
   }
   .forgebook-tab-foot__note {
     margin-inline-start: auto;
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
     color: var(--forgebook-text-secondary);
   }
   .forgebook-tab-foot__note[data-has-spills=true] {
@@ -657,14 +694,20 @@
     align-items: center;
     gap: 0.75rem;
   }
+  .forgebook-toolbar__control.forgebook-device-control {
+    gap: 0.375rem;
+  }
+  .forgebook-toolbar__control.forgebook-device-control .forgebook-select {
+    min-width: 10.5rem;
+  }
   .forgebook-width-field {
     display: inline-flex;
     align-items: center;
     gap: 0.125rem;
     height: 1.375rem;
     padding: 0 0.5rem 0 0.25rem;
-    border-radius: 6px;
-    font: 500 0.75rem/1.3 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    border-radius: var(--forgebook-radius-control-small);
+    font: 500 0.75rem/1.3 var(--forgebook-font-sans);
     color: var(--forgebook-text-secondary);
     transition: background-color 150ms ease-out, box-shadow 150ms ease-out;
   }
@@ -678,9 +721,9 @@
     width: 3.25rem;
     padding: 0 0.25rem;
     border: 0;
-    border-radius: 6px;
+    border-radius: var(--forgebook-radius-control-small);
     background: none;
-    font: 400 0.6875rem/1.6 "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    font: 400 0.6875rem/1.6 var(--forgebook-font-mono);
     font-variant-numeric: tabular-nums;
     color: inherit;
     text-align: end;
@@ -692,7 +735,7 @@
     outline: none;
   }
   .forgebook-width-field__unit {
-    font: 400 0.6875rem/1.6 "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    font: 400 0.6875rem/1.6 var(--forgebook-font-mono);
     color: var(--forgebook-text-tertiary);
   }
   .forgebook-stage-tools {
@@ -763,7 +806,7 @@
   .forgebook-stage-tools__zoom {
     min-width: 3.25rem;
     padding: 0 0.375rem;
-    font: 400 0.6875rem/1.6 "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    font: 400 0.6875rem/1.6 var(--forgebook-font-mono);
     font-variant-numeric: tabular-nums;
     color: var(--forgebook-text);
   }
@@ -783,11 +826,12 @@
     height: 1.625rem;
     padding: 0 0.625rem;
     border: 0;
-    border-radius: 7px;
+    border-radius: var(--forgebook-radius-control);
     background: var(--forgebook-surface);
     box-shadow: inset 0 0 0 1px var(--forgebook-edge);
-    font: 500 0.75rem/1.3 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 500 0.75rem/1.3 var(--forgebook-font-sans);
     color: var(--forgebook-text);
+    text-decoration: none;
     white-space: nowrap;
   }
   .forgebook-button:focus-visible {
@@ -837,7 +881,7 @@
     padding: 0;
     border: 0;
     background: none;
-    font: 500 0.75rem/1.3 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 500 0.75rem/1.3 var(--forgebook-font-sans);
     color: var(--forgebook-accent-text);
   }
   .forgebook-text-button:focus-visible {
@@ -860,7 +904,7 @@
     margin: 0;
     padding: 0.125rem;
     border: 0;
-    border-radius: 7px;
+    border-radius: var(--forgebook-radius-control);
     background: var(--forgebook-fill);
   }
   .forgebook-segmented:disabled {
@@ -873,8 +917,8 @@
     height: 1.375rem;
     min-width: 1.5rem;
     padding: 0 0.5rem;
-    border-radius: 6px;
-    font: 500 0.75rem/1.3 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    border-radius: var(--forgebook-radius-control-small);
+    font: 500 0.75rem/1.3 var(--forgebook-font-sans);
     color: var(--forgebook-text-secondary);
   }
   input:checked + .forgebook-segmented__face {
@@ -898,7 +942,7 @@
     flex-direction: column;
     gap: 0.75rem;
     padding: 0.875rem;
-    border-radius: 12px;
+    border-radius: var(--forgebook-radius-card);
     background: var(--forgebook-surface);
     box-shadow: 0 0 0 1px var(--forgebook-edge), 0 18px 48px var(--forgebook-shadow-deep), 0 4px 12px var(--forgebook-shadow-lift);
     white-space: nowrap;
@@ -928,8 +972,8 @@
     align-items: center;
     gap: 0.5rem;
     padding: 0.25rem 0.375rem;
-    border-radius: 6px;
-    font: 500 0.75rem/1.3 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    border-radius: var(--forgebook-radius-control-small);
+    font: 500 0.75rem/1.3 var(--forgebook-font-sans);
     cursor: pointer;
   }
   .forgebook-choice:hover {
@@ -979,10 +1023,10 @@
     margin: 0;
     padding: 0.5rem 0.625rem;
     border: 0;
-    border-radius: 7px;
+    border-radius: var(--forgebook-radius-control);
     background: var(--forgebook-surface);
     box-shadow: 0 0 0 1px var(--forgebook-edge), 0 18px 48px var(--forgebook-shadow-deep), 0 4px 12px var(--forgebook-shadow-lift);
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
     color: var(--forgebook-text);
     white-space: normal;
   }
@@ -1000,7 +1044,7 @@
   .forgebook-named-view {
     display: inline-flex;
     align-items: center;
-    border-radius: 7px;
+    border-radius: var(--forgebook-radius-control);
     box-shadow: inset 0 0 0 1px var(--forgebook-edge);
   }
   .forgebook-named-view:hover {
@@ -1010,9 +1054,9 @@
     height: 1.5rem;
     padding: 0 0.5rem;
     border: 0;
-    border-radius: 7px;
+    border-radius: var(--forgebook-radius-control);
     background: transparent;
-    font: 500 0.75rem/1.3 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 500 0.75rem/1.3 var(--forgebook-font-sans);
     color: var(--forgebook-text);
   }
   .forgebook-named-view__pick:focus-visible {
@@ -1031,7 +1075,7 @@
     height: 1.5rem;
     padding: 0;
     border: 0;
-    border-radius: 7px;
+    border-radius: var(--forgebook-radius-control);
     background: transparent;
     color: var(--forgebook-text-tertiary);
   }
@@ -1047,10 +1091,10 @@
     height: 1.5rem;
     padding: 0 0.5rem;
     border: 0;
-    border-radius: 7px;
+    border-radius: var(--forgebook-radius-control);
     background: var(--forgebook-surface);
     box-shadow: inset 0 0 0 1px var(--forgebook-edge-field);
-    font: 500 0.75rem/1.3 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 500 0.75rem/1.3 var(--forgebook-font-sans);
     color: var(--forgebook-text);
   }
   .forgebook-named-views__form input:focus-visible {
@@ -1068,9 +1112,9 @@
     height: 1.375rem;
     padding: 0 0.25rem;
     border: 0;
-    border-radius: 6px;
+    border-radius: var(--forgebook-radius-control-small);
     background: transparent;
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
     color: var(--forgebook-text-secondary);
   }
   .forgebook-key-field__button:focus-visible {
@@ -1086,14 +1130,14 @@
     color: var(--forgebook-accent-text);
   }
   .forgebook-key-field__button kbd {
-    font: 400 0.6875rem/1.6 "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    font: 400 0.6875rem/1.6 var(--forgebook-font-mono);
   }
   .forgebook-key-field__problem {
     position: absolute;
     top: 100%;
     right: 0;
     z-index: 1;
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
     color: var(--forgebook-danger-text);
     white-space: nowrap;
   }
@@ -1114,7 +1158,7 @@
     align-items: center;
     gap: 0.5rem;
     padding: 0.125rem 0;
-    border-radius: 7px;
+    border-radius: var(--forgebook-radius-control);
     background: var(--forgebook-surface);
   }
   .forgebook-arrange[data-dragged] {
@@ -1139,7 +1183,7 @@
     height: 1.625rem;
     padding: 0;
     border: 0;
-    border-radius: 6px;
+    border-radius: var(--forgebook-radius-control-small);
     background: none;
     color: var(--forgebook-text-tertiary);
     cursor: grab;
@@ -1194,7 +1238,7 @@
     gap: 0.5rem;
   }
   .forgebook-toolbar__label {
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
     color: var(--forgebook-text-secondary);
     white-space: nowrap;
   }
@@ -1204,16 +1248,16 @@
     display: grid;
     min-width: 10rem;
     padding: 0.25rem;
-    border-radius: 12px;
+    border-radius: var(--forgebook-radius-card);
     background: var(--forgebook-surface);
     box-shadow: 0 0 0 1px var(--forgebook-edge), 0 18px 48px var(--forgebook-shadow-deep), 0 4px 12px var(--forgebook-shadow-lift);
   }
   .forgebook-context-menu__item {
     padding: 0.25rem 0.5rem;
     border: 0;
-    border-radius: 6px;
+    border-radius: var(--forgebook-radius-control-small);
     background: none;
-    font: 500 0.75rem/1.3 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 500 0.75rem/1.3 var(--forgebook-font-sans);
     color: var(--forgebook-text);
     text-align: start;
     cursor: pointer;
@@ -1231,14 +1275,14 @@
     height: 1.625rem;
     padding: 0 1.5rem 0 0.625rem;
     border: 0;
-    border-radius: 7px;
+    border-radius: var(--forgebook-radius-control);
     background-color: var(--forgebook-surface);
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2356565d' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 6.5 3-3 3 3M5 9.5l3 3 3-3'/%3E%3C/svg%3E");
     background-position: right 0.375rem center;
     background-repeat: no-repeat;
     background-size: 0.875rem;
     box-shadow: inset 0 0 0 1px var(--forgebook-edge);
-    font: 500 0.75rem/1.3 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 500 0.75rem/1.3 var(--forgebook-font-sans);
     color: var(--forgebook-text);
     text-overflow: ellipsis;
     appearance: none;
@@ -1261,7 +1305,7 @@
     display: inline-flex;
     align-items: center;
     gap: 0.25rem;
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
     color: var(--forgebook-text-secondary);
   }
   .forgebook-switch {
@@ -1305,7 +1349,7 @@
     display: flex;
     align-items: center;
     gap: 0.5rem;
-    font: 500 0.75rem/1.3 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 500 0.75rem/1.3 var(--forgebook-font-sans);
     color: var(--forgebook-text);
     cursor: pointer;
   }
@@ -1317,13 +1361,13 @@
     box-shadow: inset 0 1px 0 var(--forgebook-separator);
   }
   .forgebook-popover__note {
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
     color: var(--forgebook-text-tertiary);
   }
   .forgebook-problems {
     margin: 1rem 2rem 0;
     padding: 0.75rem 1rem;
-    border-radius: 12px;
+    border-radius: var(--forgebook-radius-card);
     background: var(--forgebook-surface);
     box-shadow: inset 0 0 0 1px var(--forgebook-separator);
     color: var(--forgebook-danger-text);
@@ -1332,6 +1376,33 @@
     margin: 0.25rem 0 0;
     padding-inline-start: 1rem;
   }
+  .forgebook-dropped-args {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: baseline;
+    gap: 0.25rem 0.75rem;
+    margin-block-start: 0.5rem;
+    padding: 0.5rem 0.75rem;
+    border-radius: var(--forgebook-radius-card);
+    background: var(--forgebook-surface);
+    box-shadow: inset 0 0 0 1px var(--forgebook-separator);
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
+    color: var(--forgebook-text-secondary);
+  }
+  .forgebook-dropped-args__text {
+    margin: 0;
+  }
+  .forgebook-dropped-args__list {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.25rem 0.75rem;
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+  .forgebook-dropped-args__list code {
+    color: var(--forgebook-text);
+  }
   .forgebook-empty {
     margin: 2rem;
     color: var(--forgebook-text-secondary);
@@ -1343,7 +1414,7 @@
   }
   .forgebook-header__path {
     margin: 0 0 0.375rem;
-    font: 600 0.6875rem/1.3 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 600 0.6875rem/1.3 var(--forgebook-font-sans);
     letter-spacing: 0.04em;
     text-transform: uppercase;
     color: var(--forgebook-accent-text);
@@ -1357,16 +1428,16 @@
     align-items: baseline;
     gap: 0.25rem 0.75rem;
     margin-top: 0.5rem;
-    font: 400 0.78125rem/1.4 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.78125rem/1.4 var(--forgebook-font-sans);
   }
   .forgebook-header__related-label {
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
     color: var(--forgebook-text-tertiary);
   }
   .forgebook-header__related-link {
     color: var(--forgebook-accent-text);
     text-decoration: none;
-    border-radius: 6px;
+    border-radius: var(--forgebook-radius-control-small);
   }
   .forgebook-header__related-link:focus-visible {
     outline: 2px solid color-mix(in srgb, var(--forgebook-accent) 35%, transparent);
@@ -1393,11 +1464,11 @@
   }
   .forgebook-header__title {
     margin: 0;
-    font: 700 1.375rem/1.2 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 700 1.375rem/1.2 var(--forgebook-font-sans);
     letter-spacing: -0.02em;
   }
   .forgebook-play__status {
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
     font-weight: 400;
     text-transform: none;
     letter-spacing: 0;
@@ -1413,14 +1484,14 @@
     padding-inline-start: 1.25rem;
   }
   .forgebook-play__step {
-    font: 400 0.78125rem/1.4 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.78125rem/1.4 var(--forgebook-font-sans);
   }
   .forgebook-play__label {
     margin-inline-end: 0.5rem;
   }
   .forgebook-play__error {
     margin: 0.125rem 0 0;
-    font: 400 0.6875rem/1.6 "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    font: 400 0.6875rem/1.6 var(--forgebook-font-mono);
     color: var(--forgebook-danger-text);
   }
   .forgebook-calls__details > summary {
@@ -1449,12 +1520,12 @@
     gap: 0.5rem;
   }
   .forgebook-violation__rule {
-    font: 400 0.71875rem/1.4 "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    font: 400 0.71875rem/1.4 var(--forgebook-font-mono);
     font-weight: 500;
     color: var(--forgebook-accent-text);
   }
   .forgebook-violation__impact {
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
     color: var(--forgebook-text-secondary);
   }
   .forgebook-violation:is([data-impact=serious], [data-impact=critical]) .forgebook-violation__impact {
@@ -1462,7 +1533,7 @@
   }
   .forgebook-violation__targets {
     gap: 0.125rem;
-    font: 400 0.6875rem/1.6 "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    font: 400 0.6875rem/1.6 var(--forgebook-font-mono);
     color: var(--forgebook-text-secondary);
     overflow-wrap: anywhere;
   }
@@ -1470,12 +1541,12 @@
     margin: 0;
     padding: 0.75rem;
     overflow-x: auto;
-    border-radius: 7px;
+    border-radius: var(--forgebook-radius-control);
     background: var(--forgebook-fill-quiet);
     white-space: pre;
   }
   .forgebook-code-block .forgebook-code {
-    font: 400 0.6875rem/1.6 "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    font: 400 0.6875rem/1.6 var(--forgebook-font-mono);
   }
   .forgebook-stage__heading {
     flex: 1;
@@ -1485,7 +1556,7 @@
   }
   .forgebook-stage__title {
     margin: 0;
-    font: 500 0.8125rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 500 0.8125rem/1.35 var(--forgebook-font-sans);
     font-weight: 600;
     color: var(--forgebook-text);
   }
@@ -1494,7 +1565,7 @@
     overflow: hidden;
     min-height: 2lh;
     margin: 0;
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
     color: var(--forgebook-text-secondary);
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
@@ -1518,7 +1589,7 @@
     border-radius: 999px;
     background: var(--forgebook-surface);
     box-shadow: 0 0 0 1px var(--forgebook-card-edge), 0 1px 3px var(--forgebook-shadow-soft);
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
     color: var(--forgebook-text-secondary);
   }
   .forgebook-spinner {
@@ -1557,7 +1628,7 @@
     display: flex;
     overflow-x: auto;
     padding: 1.25rem 0;
-    border-radius: 12px;
+    border-radius: var(--forgebook-radius-card);
     background-color: var(--forgebook-window);
     background-image: repeating-linear-gradient(-45deg, transparent 0 5px, var(--forgebook-fill) 5px 6px);
     box-shadow: inset 0 0 0 1px var(--forgebook-separator);
@@ -1584,7 +1655,7 @@
     margin-bottom: -1rem;
     cursor: ns-resize;
     touch-action: none;
-    border-radius: 6px;
+    border-radius: var(--forgebook-radius-control-small);
   }
   .forgebook-viewport__foot::before {
     content: "";
@@ -1608,7 +1679,7 @@
     position: absolute;
     inset: 50% auto auto calc(50% + 1.75rem);
     transform: translateY(-50%);
-    font: 400 0.6875rem/1.6 "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    font: 400 0.6875rem/1.6 var(--forgebook-font-mono);
     color: var(--forgebook-text-tertiary);
     white-space: nowrap;
   }
@@ -1628,7 +1699,7 @@
     width: 1rem;
     cursor: ew-resize;
     touch-action: none;
-    border-radius: 6px;
+    border-radius: var(--forgebook-radius-control-small);
   }
   .forgebook-viewport__handle::before {
     content: "";
@@ -1697,7 +1768,7 @@
     display: grid;
     gap: 0.125rem;
     padding: 0.5rem 0.75rem;
-    border-radius: 7px;
+    border-radius: var(--forgebook-radius-control);
     background: var(--forgebook-surface);
     box-shadow: 0 0 0 1px var(--forgebook-card-edge), 0 1px 3px var(--forgebook-shadow-soft);
     color: inherit;
@@ -1713,14 +1784,14 @@
     box-shadow: inset 0 0 0 1px var(--forgebook-accent);
   }
   .forgebook-home__recent-name {
-    font: 500 0.8125rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 500 0.8125rem/1.35 var(--forgebook-font-sans);
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
     min-width: 0;
   }
   .forgebook-home__recent-place {
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
     color: var(--forgebook-text-tertiary);
     overflow: hidden;
     white-space: nowrap;
@@ -1738,7 +1809,7 @@
     justify-items: start;
     gap: 0.5rem;
     padding: 0.75rem 1rem;
-    border-radius: 12px;
+    border-radius: var(--forgebook-radius-card);
     background: var(--forgebook-surface);
     box-shadow: 0 0 0 1px var(--forgebook-card-edge), 0 1px 3px var(--forgebook-shadow-soft);
   }
@@ -1749,10 +1820,10 @@
     gap: 0.5rem;
     width: 100%;
     margin: 0;
-    font: 600 0.875rem/1.3 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 600 0.875rem/1.3 var(--forgebook-font-sans);
   }
   .forgebook-home__count {
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
     font-weight: 400;
     color: var(--forgebook-text-tertiary);
   }
@@ -1762,7 +1833,15 @@
     margin: 0;
     padding: 0;
     list-style: none;
-    font: 400 0.8125rem/1.4 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.8125rem/1.4 var(--forgebook-font-sans);
+  }
+  .forgebook-audience-note {
+    margin: 0;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
+    color: var(--forgebook-text-tertiary);
+  }
+  .forgebook-doc[data-audience=designer] {
+    max-width: 72rem;
   }
   .forgebook-doc__lead {
     margin: 0;
@@ -1804,7 +1883,7 @@
   }
   .forgebook-used-in__note {
     margin: 0;
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
     color: var(--forgebook-text-tertiary);
   }
   .forgebook-used-in__stories {
@@ -1814,7 +1893,7 @@
     flex-basis: 100%;
   }
   .forgebook-used-in__story {
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
     color: var(--forgebook-text-secondary);
     text-decoration: none;
   }
@@ -1828,7 +1907,7 @@
   }
   .forgebook-doc__section > h2 {
     margin: 1rem 0 0;
-    font: 700 1.375rem/1.2 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 700 1.375rem/1.2 var(--forgebook-font-sans);
   }
   .forgebook-doc__section > h3 {
     margin: 0.5rem 0 0;
@@ -1841,7 +1920,7 @@
   }
   .forgebook-doc__group-name {
     margin: 0.5rem 0 0;
-    font: 600 0.6875rem/1.3 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 600 0.6875rem/1.3 var(--forgebook-font-sans);
     color: var(--forgebook-text-tertiary);
     text-transform: uppercase;
     letter-spacing: 0.06em;
@@ -1872,11 +1951,11 @@
   }
   .forgebook-example__description {
     margin: 0;
-    font: 400 0.8125rem/1.4 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.8125rem/1.4 var(--forgebook-font-sans);
     color: var(--forgebook-text-secondary);
   }
   .forgebook-example__box {
-    border-radius: 12px;
+    border-radius: var(--forgebook-radius-card);
     background: var(--forgebook-surface);
     box-shadow: 0 0 0 1px var(--forgebook-card-edge), 0 1px 3px var(--forgebook-shadow-soft);
     overflow: clip;
@@ -1900,7 +1979,7 @@
     min-height: 2.25rem;
     padding: 0 0.75rem;
     box-shadow: inset 0 1px 0 var(--forgebook-separator);
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
   }
   .forgebook-example__toggle {
     display: inline-flex;
@@ -1908,7 +1987,7 @@
     gap: 0.25rem;
     padding: 0.25rem 0.375rem;
     border: 0;
-    border-radius: 6px;
+    border-radius: var(--forgebook-radius-control-small);
     background: none;
     font: inherit;
     font-weight: 500;
@@ -2046,10 +2125,10 @@
     right: 0.5rem;
     padding: 0.125rem 0.5rem;
     border: 0;
-    border-radius: 6px;
+    border-radius: var(--forgebook-radius-control-small);
     background: var(--forgebook-surface);
     box-shadow: inset 0 0 0 1px var(--forgebook-separator);
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
     color: var(--forgebook-text-secondary);
     cursor: pointer;
     transition: color 150ms ease-out;
@@ -2064,14 +2143,14 @@
   }
   .forgebook-inline-code {
     padding: 0.1em 0.35em;
-    border-radius: 6px;
+    border-radius: var(--forgebook-radius-control-small);
     background: var(--forgebook-fill-quiet);
-    font-family: "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    font-family: var(--forgebook-font-mono);
     font-size: 0.875em;
     color: var(--forgebook-code-name);
   }
   .forgebook-prose {
-    font: 400 0.8125rem/1.4 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.8125rem/1.4 var(--forgebook-font-sans);
     line-height: 1.6;
   }
   .forgebook-prose > :first-child {
@@ -2082,7 +2161,7 @@
   }
   .forgebook-prose h2 {
     margin: 2rem 0 0.75rem;
-    font: 700 1.375rem/1.2 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 700 1.375rem/1.2 var(--forgebook-font-sans);
   }
   .forgebook-prose h3 {
     margin: 1.5rem 0 0.5rem;
@@ -2107,19 +2186,19 @@
   }
   .forgebook-prose code {
     padding: 0.1em 0.35em;
-    border-radius: 6px;
+    border-radius: var(--forgebook-radius-control-small);
     background: var(--forgebook-fill-quiet);
-    font-family: "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    font-family: var(--forgebook-font-mono);
     font-size: 0.875em;
   }
   .forgebook-prose pre {
     margin: 0 0 1rem;
     padding: 0.75rem 1rem;
-    border-radius: 12px;
+    border-radius: var(--forgebook-radius-card);
     background: var(--forgebook-surface);
     box-shadow: 0 0 0 1px var(--forgebook-card-edge), 0 1px 3px var(--forgebook-shadow-soft);
     overflow-x: auto;
-    font: 400 0.71875rem/1.4 "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    font: 400 0.71875rem/1.4 var(--forgebook-font-mono);
     line-height: 1.6;
   }
   .forgebook-prose pre code {
@@ -2131,7 +2210,7 @@
     width: 100%;
     margin-bottom: 1rem;
     border-collapse: collapse;
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
   }
   .forgebook-prose th,
   .forgebook-prose td {
@@ -2150,7 +2229,7 @@
   .forgebook-api__table {
     width: 100%;
     border-collapse: collapse;
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
   }
   .forgebook-api__table th,
   .forgebook-api__table td {
@@ -2160,7 +2239,7 @@
     box-shadow: inset 0 -1px 0 var(--forgebook-separator);
   }
   .forgebook-api__table thead th {
-    font: 600 0.6875rem/1.3 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 600 0.6875rem/1.3 var(--forgebook-font-sans);
     color: var(--forgebook-text-tertiary);
   }
   .forgebook-api__table tbody tr {
@@ -2178,7 +2257,7 @@
     background: none;
   }
   .forgebook-api__name {
-    font: 400 0.71875rem/1.4 "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    font: 400 0.71875rem/1.4 var(--forgebook-font-mono);
     font-weight: 600;
     color: var(--forgebook-code-name);
   }
@@ -2203,6 +2282,101 @@
     margin: 0;
     color: var(--forgebook-text-secondary);
   }
+  .forgebook-fold {
+    interpolate-size: allow-keywords;
+  }
+  .forgebook-fold::details-content {
+    height: 0;
+    overflow: clip;
+    transition: height 260ms cubic-bezier(0.22, 1, 0.36, 1), content-visibility 260ms allow-discrete;
+  }
+  .forgebook-fold[open]::details-content {
+    height: auto;
+  }
+  .forgebook-fold__summary {
+    display: flex;
+    align-items: center;
+    gap: 0.375rem;
+    width: fit-content;
+    cursor: pointer;
+    list-style: none;
+    border-radius: var(--forgebook-radius-control);
+  }
+  .forgebook-fold__summary:focus-visible {
+    outline: 2px solid color-mix(in srgb, var(--forgebook-accent) 35%, transparent);
+    outline-offset: 0;
+    box-shadow: inset 0 0 0 1px var(--forgebook-accent);
+  }
+  .forgebook-fold__summary::-webkit-details-marker {
+    display: none;
+  }
+  .forgebook-fold__summary > svg {
+    flex: none;
+    color: var(--forgebook-text-tertiary);
+    transition: transform 150ms ease-out;
+  }
+  .forgebook-fold[open] > .forgebook-fold__summary > svg {
+    transform: rotate(90deg);
+  }
+  .forgebook-fold__name {
+    margin: 0;
+    font: inherit;
+  }
+  .forgebook-fold__count {
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
+    font-variant-numeric: tabular-nums;
+    text-transform: none;
+    letter-spacing: normal;
+    color: var(--forgebook-text-tertiary);
+  }
+  .forgebook-api__group {
+    margin-top: 1rem;
+  }
+  .forgebook-api__group > .forgebook-fold__summary {
+    margin-bottom: 0.5rem;
+    font-size: 1rem;
+    font-weight: 600;
+  }
+  .forgebook-api__members-toggle {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.25rem;
+    margin-inline-start: 0.5rem;
+    padding: 0 0.25rem;
+    border: 0;
+    border-radius: var(--forgebook-radius-control);
+    background: none;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
+    color: var(--forgebook-text-secondary);
+    white-space: nowrap;
+    cursor: pointer;
+  }
+  .forgebook-api__members-toggle:focus-visible {
+    outline: 2px solid color-mix(in srgb, var(--forgebook-accent) 35%, transparent);
+    outline-offset: 0;
+    box-shadow: inset 0 0 0 1px var(--forgebook-accent);
+  }
+  .forgebook-api__members-toggle:hover {
+    color: var(--forgebook-text);
+  }
+  .forgebook-api__members-toggle > svg {
+    transition: transform 150ms ease-out;
+  }
+  .forgebook-api__members-toggle[aria-expanded=true] > svg {
+    transform: rotate(90deg);
+  }
+  .forgebook-api__table tbody tr.forgebook-api__members:hover {
+    background: none;
+  }
+  .forgebook-api__table tbody tr.forgebook-api__members > td {
+    padding: 0 0 0.5rem 1.25rem;
+  }
+  .forgebook-prop-group__body {
+    display: flex;
+    flex-direction: column;
+    gap: 0.625rem;
+    padding-top: 0.625rem;
+  }
   .forgebook-hl-keyword,
   .forgebook-hl-literal,
   .forgebook-hl-built_in {
@@ -2271,14 +2445,14 @@
   }
   .forgebook-compare__label {
     padding: 0.5rem 0.75rem;
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
     color: var(--forgebook-text-secondary);
   }
   .forgebook-dock__hint {
     padding: 0 0.375rem;
     border-radius: 999px;
     background: var(--forgebook-fill);
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
     font-variant-numeric: tabular-nums;
     color: var(--forgebook-text-secondary);
   }
@@ -2293,7 +2467,7 @@
   }
   .forgebook-prop-group__title {
     margin: 0;
-    font: 600 0.6875rem/1.3 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 600 0.6875rem/1.3 var(--forgebook-font-sans);
     letter-spacing: 0.04em;
     text-transform: uppercase;
     color: var(--forgebook-text-secondary);
@@ -2309,10 +2483,10 @@
     height: 1.625rem;
     padding: 0 0.5rem;
     border: 0;
-    border-radius: 7px;
+    border-radius: var(--forgebook-radius-control);
     background: var(--forgebook-surface);
     box-shadow: inset 0 0 0 1px var(--forgebook-edge-field);
-    font: 400 0.78125rem/1.4 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.78125rem/1.4 var(--forgebook-font-sans);
     color: var(--forgebook-text);
   }
   .forgebook-prop select:focus-visible,
@@ -2328,7 +2502,7 @@
     gap: 0.5rem;
   }
   .forgebook-prop__name {
-    font: 400 0.71875rem/1.4 "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    font: 400 0.71875rem/1.4 var(--forgebook-font-mono);
     font-weight: 500;
   }
   .forgebook-prop__field {
@@ -2345,7 +2519,7 @@
     height: 1.625rem;
     padding: 0;
     border: 0;
-    border-radius: 6px;
+    border-radius: var(--forgebook-radius-control-small);
     background: none;
     cursor: pointer;
   }
@@ -2358,12 +2532,12 @@
     white-space: nowrap;
     text-overflow: ellipsis;
     min-width: 0;
-    font: 400 0.6875rem/1.6 "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    font: 400 0.6875rem/1.6 var(--forgebook-font-mono);
     color: var(--forgebook-text-secondary);
   }
   .forgebook-prop__description {
     margin: 0;
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
     color: var(--forgebook-text-secondary);
   }
   .forgebook-prop__text-arg {
@@ -2372,11 +2546,11 @@
     align-items: baseline;
     gap: 0.375rem;
     margin: 0;
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
     color: var(--forgebook-text-tertiary);
   }
   .forgebook-prop__text-arg code {
-    font: 400 0.6875rem/1.6 "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    font: 400 0.6875rem/1.6 var(--forgebook-font-mono);
     color: var(--forgebook-text-secondary);
   }
   .forgebook-toggles {
@@ -2395,7 +2569,7 @@
     white-space: nowrap;
     text-overflow: ellipsis;
     min-width: 0;
-    font: 400 0.6875rem/1.6 "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    font: 400 0.6875rem/1.6 var(--forgebook-font-mono);
   }
   .forgebook-event {
     display: flex;
@@ -2409,9 +2583,9 @@
   .forgebook-code {
     display: block;
     padding: 0.25rem 0.5rem;
-    border-radius: 6px;
+    border-radius: var(--forgebook-radius-control-small);
     background: var(--forgebook-fill-quiet);
-    font: 400 0.6875rem/1.6 "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    font: 400 0.6875rem/1.6 var(--forgebook-font-mono);
     white-space: pre-wrap;
     overflow-wrap: anywhere;
   }
@@ -2464,7 +2638,7 @@
     min-width: 0;
   }
   .forgebook-calls__time {
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
     font-variant-numeric: tabular-nums;
     color: var(--forgebook-text-tertiary);
   }