forgebook 0.0.0-stage → 0.1.2

package/dist/src/shell/shell.css

@@ -0,0 +1,1831 @@
+@layer catalogue {
+  body {
+    margin: 0;
+    font: 400 0.8125rem/1.4 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    color: #1d1d1f;
+    background: #f6f6f8;
+  }
+  .catalogue {
+    display: flex;
+    height: 100vh;
+    overflow: clip;
+  }
+  .forgebook-visually-hidden {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    overflow: hidden;
+    clip-path: inset(50%);
+    white-space: nowrap;
+  }
+  .forgebook-sidebar {
+    position: sticky;
+    top: 0;
+    flex: none;
+    display: flex;
+    flex-direction: column;
+    gap: 0.75rem;
+    box-sizing: border-box;
+    height: 100vh;
+    padding: 1rem 0.75rem 0;
+    overflow: clip;
+    background: #ebebef;
+    border-inline-end: 1px solid rgba(29, 29, 31, 0.0901960784);
+    transition: margin-inline-start 320ms cubic-bezier(0.32, 0.72, 0, 1);
+  }
+  .forgebook-sidebar-handle {
+    flex: none;
+    width: 5px;
+    margin-inline-start: -3px;
+    cursor: ew-resize;
+    touch-action: none;
+    z-index: 1;
+  }
+  .forgebook-sidebar-handle:hover, .forgebook-sidebar-handle:active, .forgebook-sidebar-handle:focus-visible {
+    background: color-mix(in srgb, #0a6cf0 35%, transparent);
+    outline: none;
+  }
+  .forgebook-brand__hide {
+    margin-inline-start: auto;
+  }
+  .forgebook-brand {
+    display: flex;
+    flex: none;
+    align-items: center;
+    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: #0a6cf0;
+    color: #fff;
+  }
+  .forgebook-brand__logo {
+    flex: none;
+    display: block;
+    border-radius: 7px;
+  }
+  .forgebook-brand__name {
+    font: 600 0.875rem/1.3 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+  }
+  .forgebook-brand__home {
+    display: flex;
+    align-items: center;
+    gap: 0.625rem;
+    margin: -0.125rem -0.25rem;
+    padding: 0.125rem 0.25rem;
+    border-radius: 7px;
+    color: inherit;
+    text-decoration: none;
+    transition: background-color 150ms ease-out;
+  }
+  .forgebook-brand__home:hover {
+    background: rgba(29, 29, 31, 0.0392156863);
+  }
+  .forgebook-brand__home:focus-visible:focus-visible {
+    outline: 2px solid color-mix(in srgb, #0a6cf0 35%, transparent);
+    outline-offset: 0;
+    box-shadow: inset 0 0 0 1px #0a6cf0;
+  }
+  .forgebook-search {
+    display: flex;
+    flex: none;
+    align-items: center;
+    gap: 0.375rem;
+    height: 1.75rem;
+    padding: 0 0.5rem;
+    border-radius: 7px;
+    background: rgba(29, 29, 31, 0.0784313725);
+    color: #56565d;
+  }
+  .forgebook-search:focus-within {
+    box-shadow: inset 0 0 0 1px #0a6cf0;
+    outline: 2px solid color-mix(in srgb, #0a6cf0 35%, transparent);
+  }
+  .forgebook-search input {
+    flex: 1;
+    min-width: 0;
+    border: 0;
+    background: none;
+    font: 400 0.78125rem/1.4 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    color: #1d1d1f;
+    outline: none;
+  }
+  .forgebook-search input::-webkit-search-cancel-button {
+    appearance: none;
+  }
+  .forgebook-search__clear {
+    display: inline-flex;
+    flex: none;
+    align-items: center;
+    justify-content: center;
+    width: 1rem;
+    height: 1rem;
+    padding: 0;
+    border: 0;
+    border-radius: 50%;
+    background: #6a6a71;
+    color: #fff;
+    cursor: pointer;
+    transition: background-color 150ms ease-out;
+  }
+  .forgebook-search__clear:hover {
+    background: #56565d;
+  }
+  .forgebook-search__clear:focus-visible:focus-visible {
+    outline: 2px solid color-mix(in srgb, #0a6cf0 35%, transparent);
+    outline-offset: 0;
+    box-shadow: inset 0 0 0 1px #0a6cf0;
+  }
+  .forgebook-search:focus-within .forgebook-search__key {
+    display: none;
+  }
+  .forgebook-search__key {
+    flex: none;
+    padding: 0 0.375rem;
+    border-radius: 6px;
+    box-shadow: inset 0 0 0 1px rgba(29, 29, 31, 0.1450980392);
+    font: 400 0.6875rem/1.6 "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    color: #6a6a71;
+  }
+  .forgebook-tree {
+    flex: 1;
+    min-height: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+    margin: 0 -0.75rem;
+    padding: 0 0.75rem 1rem;
+    overflow-y: auto;
+  }
+  .forgebook-tree__empty {
+    margin: 0.5rem;
+    color: #56565d;
+  }
+  .forgebook-tree__source + .forgebook-tree__source {
+    margin-top: 0.75rem;
+  }
+  .forgebook-tree__source-name {
+    display: flex;
+    align-items: center;
+    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;
+    letter-spacing: 0.04em;
+    text-transform: uppercase;
+    color: #56565d;
+  }
+  .forgebook-source-logo {
+    flex: none;
+    display: block;
+  }
+  .forgebook-tree__family-button,
+  .forgebook-tree__item {
+    display: flex;
+    align-items: center;
+    gap: 0.375rem;
+    box-sizing: border-box;
+    width: 100%;
+    min-height: 1.625rem;
+    padding: 0.25rem 0.5rem;
+    border: 0;
+    border-radius: 6px;
+    background: none;
+    font: 500 0.8125rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    color: #1d1d1f;
+    text-align: start;
+    text-decoration: none;
+  }
+  .forgebook-tree__family-button:focus-visible,
+  .forgebook-tree__item:focus-visible {
+    outline: 2px solid color-mix(in srgb, #0a6cf0 35%, transparent);
+    outline-offset: -2px;
+    box-shadow: inset 0 0 0 1px #0a6cf0;
+  }
+  .forgebook-tree__family-button:hover,
+  .forgebook-tree__item:hover {
+    background: rgba(29, 29, 31, 0.0509803922);
+  }
+  .forgebook-tree__family-button {
+    font-weight: 600;
+    color: #56565d;
+  }
+  .forgebook-tree__family-name {
+    flex: 1;
+  }
+  .forgebook-tree__group {
+    display: flex;
+    flex-direction: column;
+    padding-inline-start: 1rem;
+  }
+  .forgebook-tree__group-name {
+    margin: 0.375rem 0 0.125rem;
+    padding: 0 0.5rem;
+    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    color: #6a6a71;
+  }
+  .forgebook-tree__item {
+    font: 400 0.78125rem/1.4 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+  }
+  .forgebook-tree__item[aria-current=page], .forgebook-tree__item[aria-current=location] {
+    background: #fff;
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0588235294), 0 1px 3px rgba(0, 0, 0, 0.0509803922);
+    font-weight: 500;
+  }
+  .forgebook-tree__item[aria-current=page] {
+    color: #0059d2;
+  }
+  .forgebook-tree__item-name {
+    flex: 1;
+  }
+  .forgebook-tree__alias {
+    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;
+    color: #6a6a71;
+  }
+  .forgebook-tree__count {
+    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font-variant-numeric: tabular-nums;
+    color: #6a6a71;
+  }
+  .forgebook-main {
+    position: relative;
+    flex: 1;
+    min-width: 0;
+    overflow-x: clip;
+    display: flex;
+    flex-direction: column;
+    min-height: 0;
+  }
+  .forgebook-workspace {
+    flex: 1;
+    min-height: 0;
+    display: flex;
+    flex-direction: column;
+  }
+  .forgebook-story-pane {
+    position: relative;
+    flex: 1;
+    min-height: 0;
+    display: flex;
+    flex-direction: column;
+  }
+  .forgebook-scroll {
+    flex: 1;
+    min-height: 0;
+    overflow: auto;
+  }
+  .forgebook-story {
+    display: grid;
+    gap: 0.625rem;
+    margin: 1rem 2rem 2rem;
+    min-width: 0;
+  }
+  .forgebook-story .forgebook-compare {
+    border-radius: 12px;
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0588235294), 0 1px 3px rgba(0, 0, 0, 0.0509803922);
+    overflow: hidden;
+  }
+  .forgebook-story__bar {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+  }
+  .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;
+    background: rgba(29, 29, 31, 0.0784313725);
+    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    color: #56565d;
+  }
+  .forgebook-matrix-picker .forgebook-popover__label {
+    margin-inline-end: 0.25rem;
+  }
+  .forgebook-matrix-picker .forgebook-select {
+    height: 1.375rem;
+    max-width: 9rem;
+    border-radius: 6px;
+    background-color: transparent;
+    box-shadow: none;
+  }
+  .forgebook-matrix-picker .forgebook-select[data-set], .forgebook-matrix-picker .forgebook-select:hover:not(:disabled), .forgebook-matrix-picker .forgebook-select:focus-visible {
+    background-color: #fff;
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0588235294), 0 1px 3px rgba(0, 0, 0, 0.0509803922);
+  }
+  .forgebook-dock {
+    position: relative;
+    flex: none;
+    display: flex;
+    flex-direction: column;
+    min-height: 0;
+    background: #fff;
+    box-shadow: inset 0 1px 0 rgba(29, 29, 31, 0.0901960784);
+  }
+  .forgebook-dock__handle {
+    position: absolute;
+    inset: -3px 0 auto;
+    z-index: 1;
+    height: 7px;
+    cursor: ns-resize;
+    touch-action: none;
+  }
+  .forgebook-dock__handle:hover, .forgebook-dock__handle:active, .forgebook-dock__handle:focus-visible {
+    background: color-mix(in srgb, #0a6cf0 35%, transparent);
+    outline: none;
+  }
+  .forgebook-dock__bar {
+    flex: none;
+    display: flex;
+    align-items: stretch;
+    justify-content: space-between;
+    gap: 0.75rem;
+    padding: 0 0.75rem 0 1.25rem;
+    box-shadow: inset 0 -1px 0 rgba(29, 29, 31, 0.0901960784);
+  }
+  .forgebook-dock__tabs {
+    display: flex;
+    gap: 0.25rem;
+    overflow-x: auto;
+  }
+  .forgebook-dock__tab {
+    display: inline-flex;
+    flex: none;
+    align-items: center;
+    gap: 0.375rem;
+    height: 2.25rem;
+    padding: 0 0.625rem;
+    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;
+    color: #56565d;
+    white-space: nowrap;
+    cursor: pointer;
+  }
+  .forgebook-dock__tab:focus-visible {
+    outline: 2px solid color-mix(in srgb, #0a6cf0 35%, transparent);
+    outline-offset: -2px;
+    box-shadow: inset 0 0 0 1px #0a6cf0;
+  }
+  .forgebook-dock__tab:hover {
+    color: #1d1d1f;
+  }
+  .forgebook-dock__tab[aria-selected=true] {
+    border-block-end-color: #0a6cf0;
+    color: #1d1d1f;
+    font-weight: 500;
+  }
+  .forgebook-dock__body {
+    flex: 1;
+    min-height: 0;
+    overflow: auto;
+  }
+  .forgebook-icon-button {
+    display: inline-flex;
+    align-self: center;
+    align-items: center;
+    justify-content: center;
+    width: 1.625rem;
+    height: 1.625rem;
+    border: 0;
+    border-radius: 7px;
+    background: none;
+    color: #56565d;
+    cursor: pointer;
+  }
+  .forgebook-icon-button:focus-visible {
+    outline: 2px solid color-mix(in srgb, #0a6cf0 35%, transparent);
+    outline-offset: 0;
+    box-shadow: inset 0 0 0 1px #0a6cf0;
+  }
+  .forgebook-icon-button:hover {
+    background: rgba(29, 29, 31, 0.0392156863);
+    color: #1d1d1f;
+  }
+  .forgebook-tab-columns {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr));
+  }
+  .forgebook-prop-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(min(100%, 17rem), 1fr));
+    gap: 0.75rem 1.25rem;
+  }
+  .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;
+    color: #56565d;
+  }
+  .forgebook-tab-foot {
+    padding: 0.625rem 0.875rem;
+    box-shadow: inset 0 1px 0 rgba(29, 29, 31, 0.0901960784);
+  }
+  .forgebook-toolbar {
+    container: toolbar/inline-size;
+    position: relative;
+    z-index: 1;
+    flex: none;
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+    height: 2.75rem;
+    padding: 0 1.5rem;
+    background: #f6f6f8;
+    box-shadow: inset 0 -1px 0 rgba(29, 29, 31, 0.0901960784);
+  }
+  .forgebook-toolbar__group {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+  }
+  .forgebook-toolbar__divider {
+    align-self: stretch;
+    margin: 0.75rem 0;
+    border-inline-start: 1px solid rgba(29, 29, 31, 0.0901960784);
+  }
+  .forgebook-toolbar__spacer {
+    flex: 1;
+  }
+  @container toolbar (max-width: 46rem) {
+    .forgebook-toolbar__width .forgebook-segmented__option {
+      display: none;
+    }
+  }
+  @container toolbar (max-width: 56rem) {
+    .forgebook-button__label {
+      position: absolute;
+      width: 1px;
+      height: 1px;
+      overflow: hidden;
+      clip-path: inset(50%);
+      white-space: nowrap;
+    }
+  }
+  .forgebook-toolbar__width {
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+  }
+  .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;
+    color: #56565d;
+    transition: background-color 150ms ease-out, box-shadow 150ms ease-out;
+  }
+  .forgebook-width-field[data-custom], .forgebook-width-field:focus-within {
+    background: #fff;
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0588235294), 0 1px 3px rgba(0, 0, 0, 0.0509803922);
+    color: #1d1d1f;
+  }
+  .forgebook-width-field__input {
+    box-sizing: border-box;
+    width: 3.25rem;
+    padding: 0 0.25rem;
+    border: 0;
+    border-radius: 6px;
+    background: none;
+    font: 400 0.6875rem/1.6 "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    font-variant-numeric: tabular-nums;
+    color: inherit;
+    text-align: end;
+  }
+  .forgebook-width-field__input::placeholder {
+    color: #6a6a71;
+  }
+  .forgebook-width-field__input:focus-visible {
+    outline: none;
+  }
+  .forgebook-width-field__unit {
+    font: 400 0.6875rem/1.6 "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    color: #6a6a71;
+  }
+  .forgebook-stage-tools {
+    position: absolute;
+    inset-inline-end: 1.25rem;
+    bottom: 1rem;
+    z-index: 2;
+    display: flex;
+    align-items: center;
+    gap: 0.25rem;
+    padding: 0.25rem;
+    border-radius: 999px;
+    background: #fff;
+    box-shadow: 0 0 0 1px rgba(29, 29, 31, 0.1450980392), 0 18px 48px rgba(0, 0, 0, 0.2), 0 4px 12px rgba(0, 0, 0, 0.0588235294);
+    animation: forgebook-rise 260ms cubic-bezier(0.22, 1, 0.36, 1) both;
+  }
+  .forgebook-stage-tools__group {
+    display: flex;
+    align-items: center;
+    gap: 0.125rem;
+  }
+  .forgebook-stage-tools__divider {
+    align-self: stretch;
+    width: 1px;
+    margin: 0.25rem 0.125rem;
+    background: rgba(29, 29, 31, 0.0901960784);
+  }
+  .forgebook-stage-tools__button,
+  .forgebook-stage-tools__zoom {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    height: 1.75rem;
+    border: 0;
+    border-radius: 999px;
+    background: none;
+    color: #56565d;
+    cursor: pointer;
+    transition: color 150ms ease-out, background-color 150ms ease-out, transform 150ms ease-out;
+  }
+  .forgebook-stage-tools__button:hover:not(:disabled),
+  .forgebook-stage-tools__zoom:hover:not(:disabled) {
+    background: rgba(29, 29, 31, 0.0392156863);
+    color: #1d1d1f;
+  }
+  .forgebook-stage-tools__button:active:not(:disabled),
+  .forgebook-stage-tools__zoom:active:not(:disabled) {
+    transform: scale(0.94);
+  }
+  .forgebook-stage-tools__button:focus-visible:focus-visible,
+  .forgebook-stage-tools__zoom:focus-visible:focus-visible {
+    outline: 2px solid color-mix(in srgb, #0a6cf0 35%, transparent);
+    outline-offset: 0;
+    box-shadow: inset 0 0 0 1px #0a6cf0;
+  }
+  .forgebook-stage-tools__button:disabled,
+  .forgebook-stage-tools__zoom:disabled {
+    cursor: default;
+    opacity: 0.45;
+  }
+  .forgebook-stage-tools__button {
+    width: 1.75rem;
+  }
+  .forgebook-stage-tools__button[aria-pressed=true] {
+    background: color-mix(in srgb, #0a6cf0 12%, transparent);
+    color: #0059d2;
+  }
+  .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-variant-numeric: tabular-nums;
+    color: #1d1d1f;
+  }
+  .forgebook-stage-tools__zoom:disabled {
+    opacity: 1;
+  }
+  .forgebook-toolbar__icon {
+    display: inline-flex;
+    margin-inline-end: -0.375rem;
+    color: #56565d;
+  }
+  .forgebook-button {
+    display: inline-flex;
+    flex: none;
+    align-items: center;
+    gap: 0.375rem;
+    height: 1.625rem;
+    padding: 0 0.625rem;
+    border: 0;
+    border-radius: 7px;
+    background: #fff;
+    box-shadow: inset 0 0 0 1px rgba(29, 29, 31, 0.1450980392);
+    font: 500 0.75rem/1.3 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    color: #1d1d1f;
+    white-space: nowrap;
+  }
+  .forgebook-button:focus-visible {
+    outline: 2px solid color-mix(in srgb, #0a6cf0 35%, transparent);
+    outline-offset: 0;
+    box-shadow: inset 0 0 0 1px #0a6cf0, inset 0 0 0 1px rgba(29, 29, 31, 0.1450980392);
+  }
+  .forgebook-button:hover {
+    box-shadow: inset 0 0 0 1px rgba(29, 29, 31, 0.2392156863);
+  }
+  .forgebook-button[aria-pressed=true] {
+    background: color-mix(in srgb, #0a6cf0 12%, transparent);
+    color: #0059d2;
+  }
+  .forgebook-button:disabled {
+    opacity: 0.45;
+  }
+  .forgebook-clock {
+    display: inline-flex;
+    flex: none;
+    align-items: center;
+    gap: 0.375rem;
+    min-inline-size: 0;
+    margin: 0;
+    padding: 0;
+    border: 0;
+  }
+  .forgebook-button--icon {
+    justify-content: center;
+    width: 1.625rem;
+    padding: 0;
+    color: #56565d;
+  }
+  .forgebook-button--icon:hover {
+    color: #1d1d1f;
+  }
+  .forgebook-text-button {
+    padding: 0;
+    border: 0;
+    background: none;
+    font: 500 0.75rem/1.3 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    color: #0059d2;
+  }
+  .forgebook-text-button:focus-visible {
+    outline: 2px solid color-mix(in srgb, #0a6cf0 35%, transparent);
+    outline-offset: 0;
+    box-shadow: inset 0 0 0 1px #0a6cf0;
+  }
+  .forgebook-dot {
+    width: 0.375rem;
+    height: 0.375rem;
+    border-radius: 50%;
+    background: #0a6cf0;
+  }
+  .forgebook-segmented {
+    display: inline-flex;
+    gap: 0.125rem;
+    margin: 0;
+    padding: 0.125rem;
+    border: 0;
+    border-radius: 7px;
+    background: rgba(29, 29, 31, 0.0784313725);
+  }
+  .forgebook-segmented:disabled {
+    opacity: 0.45;
+  }
+  .forgebook-segmented__face {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    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;
+    color: #56565d;
+  }
+  input:checked + .forgebook-segmented__face {
+    background: #fff;
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0588235294), 0 1px 3px rgba(0, 0, 0, 0.0509803922);
+    color: #1d1d1f;
+  }
+  input:focus-visible + .forgebook-segmented__face {
+    box-shadow: inset 0 0 0 1px #0a6cf0;
+    outline: 2px solid color-mix(in srgb, #0a6cf0 35%, transparent);
+  }
+  .forgebook-view-menu {
+    position: relative;
+  }
+  .forgebook-popover {
+    position: absolute;
+    top: calc(100% + 0.375rem);
+    left: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 0.75rem;
+    padding: 0.875rem;
+    border-radius: 12px;
+    background: #fff;
+    box-shadow: 0 0 0 1px rgba(29, 29, 31, 0.1450980392), 0 18px 48px rgba(0, 0, 0, 0.2), 0 4px 12px rgba(0, 0, 0, 0.0588235294);
+    white-space: nowrap;
+  }
+  .forgebook-popover.forgebook-popover--end {
+    inset-inline: auto 0;
+  }
+  .forgebook-choices {
+    display: grid;
+    gap: 0.25rem;
+    min-width: 13rem;
+    margin: 0;
+    padding: 0;
+    border: 0;
+  }
+  .forgebook-choice {
+    display: flex;
+    flex-wrap: wrap;
+    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;
+    cursor: pointer;
+  }
+  .forgebook-choice:hover {
+    background: rgba(29, 29, 31, 0.0392156863);
+  }
+  .forgebook-choice[data-disabled] {
+    cursor: default;
+    opacity: 0.45;
+  }
+  .forgebook-popover__row {
+    display: grid;
+    grid-template-columns: 4rem auto;
+    align-items: center;
+    gap: 0.75rem;
+  }
+  .forgebook-popover__row .forgebook-segmented {
+    justify-self: start;
+  }
+  .forgebook-select {
+    justify-self: start;
+    height: 1.625rem;
+    padding: 0 1.5rem 0 0.625rem;
+    border: 0;
+    border-radius: 7px;
+    background-color: #fff;
+    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 rgba(29, 29, 31, 0.1450980392);
+    font: 500 0.75rem/1.3 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    color: #1d1d1f;
+    text-overflow: ellipsis;
+    appearance: none;
+    cursor: pointer;
+    transition: box-shadow 150ms ease-out;
+  }
+  .forgebook-select:focus-visible {
+    outline: 2px solid color-mix(in srgb, #0a6cf0 35%, transparent);
+    outline-offset: 0;
+    box-shadow: inset 0 0 0 1px #0a6cf0, inset 0 0 0 1px rgba(29, 29, 31, 0.1450980392);
+  }
+  .forgebook-select:hover:not(:disabled) {
+    box-shadow: inset 0 0 0 1px rgba(29, 29, 31, 0.2392156863);
+  }
+  .forgebook-select:disabled {
+    cursor: default;
+    opacity: 0.45;
+  }
+  .forgebook-popover__label {
+    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    color: #56565d;
+  }
+  .forgebook-popover__foot {
+    display: flex;
+    justify-content: space-between;
+    gap: 1rem;
+    padding-top: 0.625rem;
+    box-shadow: inset 0 1px 0 rgba(29, 29, 31, 0.0901960784);
+  }
+  .forgebook-popover__note {
+    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    color: #6a6a71;
+  }
+  .forgebook-problems {
+    margin: 1rem 2rem 0;
+    padding: 0.75rem 1rem;
+    border-radius: 12px;
+    background: #fff;
+    box-shadow: inset 0 0 0 1px rgba(29, 29, 31, 0.0901960784);
+    color: #bc1f16;
+  }
+  .forgebook-problems ul {
+    margin: 0.25rem 0 0;
+    padding-inline-start: 1rem;
+  }
+  .forgebook-empty {
+    margin: 2rem;
+    color: #56565d;
+  }
+  .forgebook-header {
+    flex: none;
+    padding: 1rem 2rem 0.75rem;
+    box-shadow: inset 0 -1px 0 rgba(29, 29, 31, 0.0901960784);
+  }
+  .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;
+    letter-spacing: 0.04em;
+    text-transform: uppercase;
+    color: #0059d2;
+  }
+  .forgebook-header__also-in {
+    color: #6a6a71;
+  }
+  .forgebook-header__related {
+    display: flex;
+    flex-wrap: wrap;
+    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;
+  }
+  .forgebook-header__related-label {
+    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    color: #6a6a71;
+  }
+  .forgebook-header__related-link {
+    color: #0059d2;
+    text-decoration: none;
+    border-radius: 6px;
+  }
+  .forgebook-header__related-link:focus-visible {
+    outline: 2px solid color-mix(in srgb, #0a6cf0 35%, transparent);
+    outline-offset: 0;
+    box-shadow: inset 0 0 0 1px #0a6cf0;
+  }
+  .forgebook-header__related-link:hover {
+    text-decoration: underline;
+  }
+  .forgebook-header__row {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: space-between;
+    gap: 0.5rem 1rem;
+  }
+  .forgebook-picker {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+  }
+  .forgebook-picker__select {
+    max-width: 22rem;
+  }
+  .forgebook-header__title {
+    margin: 0;
+    font: 700 1.375rem/1.2 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    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-weight: 400;
+    text-transform: none;
+    letter-spacing: 0;
+    color: #56565d;
+  }
+  .forgebook-play__status[data-status=failed] {
+    color: #bc1f16;
+  }
+  .forgebook-play__steps {
+    display: grid;
+    gap: 0.375rem;
+    margin: 0;
+    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;
+  }
+  .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;
+    color: #bc1f16;
+  }
+  .forgebook-calls__details > summary {
+    cursor: pointer;
+  }
+  .forgebook-calls__details > .forgebook-code-block {
+    margin-block-start: 0.375rem;
+  }
+  .forgebook-violations,
+  .forgebook-violation__targets {
+    display: grid;
+    gap: 0.5rem;
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+  .forgebook-violation {
+    display: grid;
+    gap: 0.25rem;
+    padding-block-end: 0.5rem;
+    box-shadow: inset 0 -1px 0 rgba(29, 29, 31, 0.0901960784);
+  }
+  .forgebook-violation__head {
+    display: flex;
+    align-items: baseline;
+    gap: 0.5rem;
+  }
+  .forgebook-violation__rule {
+    font: 400 0.71875rem/1.4 "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    font-weight: 500;
+    color: #0059d2;
+  }
+  .forgebook-violation__impact {
+    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    color: #56565d;
+  }
+  .forgebook-violation:is([data-impact=serious], [data-impact=critical]) .forgebook-violation__impact {
+    color: #bc1f16;
+  }
+  .forgebook-violation__targets {
+    gap: 0.125rem;
+    font: 400 0.6875rem/1.6 "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    color: #56565d;
+    overflow-wrap: anywhere;
+  }
+  .forgebook-code-block {
+    margin: 0;
+    padding: 0.75rem;
+    overflow-x: auto;
+    border-radius: 7px;
+    background: rgba(29, 29, 31, 0.0509803922);
+    white-space: pre;
+  }
+  .forgebook-code-block .forgebook-code {
+    font: 400 0.6875rem/1.6 "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+  }
+  .forgebook-stage__heading {
+    flex: 1;
+    display: grid;
+    gap: 0.125rem;
+    min-width: 0;
+  }
+  .forgebook-stage__title {
+    margin: 0;
+    font: 500 0.8125rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font-weight: 600;
+    color: #1d1d1f;
+  }
+  .forgebook-stage__description {
+    display: -webkit-box;
+    overflow: hidden;
+    min-height: 2lh;
+    margin: 0;
+    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    color: #56565d;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+  }
+  .forgebook-frame-box {
+    position: relative;
+  }
+  .forgebook-frame-loading {
+    position: absolute;
+    inset: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    animation: forgebook-appear 120ms 300ms both;
+  }
+  .forgebook-frame-loading__label {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.5rem;
+    padding: 0.375rem 0.75rem;
+    border-radius: 999px;
+    background: #fff;
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0588235294), 0 1px 3px rgba(0, 0, 0, 0.0509803922);
+    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    color: #56565d;
+  }
+  .forgebook-spinner {
+    width: 1rem;
+    height: 1rem;
+    border: 2px solid rgba(29, 29, 31, 0.0901960784);
+    border-top-color: #0a6cf0;
+    border-radius: 50%;
+    animation: forgebook-spin 800ms linear infinite;
+  }
+  @keyframes forgebook-appear {
+    from {
+      opacity: 0;
+    }
+  }
+  @keyframes forgebook-spin {
+    to {
+      transform: rotate(1turn);
+    }
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .forgebook-spinner {
+      animation-duration: 2.4s;
+    }
+  }
+  .forgebook-frame-view {
+    display: block;
+    width: 100%;
+    border: 0;
+  }
+  .forgebook-viewport {
+    display: grid;
+    gap: 0.375rem;
+  }
+  .forgebook-viewport__canvas {
+    display: flex;
+    overflow-x: auto;
+    padding: 1.25rem 0;
+    border-radius: 12px;
+    background-color: #f6f6f8;
+    background-image: repeating-linear-gradient(-45deg, transparent 0 5px, rgba(29, 29, 31, 0.0784313725) 5px 6px);
+    box-shadow: inset 0 0 0 1px rgba(29, 29, 31, 0.0901960784);
+  }
+  .forgebook-viewport__canvas > :first-child {
+    margin-inline-start: auto;
+  }
+  .forgebook-viewport__canvas > :last-child {
+    margin-inline-end: auto;
+  }
+  .forgebook-viewport__column {
+    flex: none;
+    display: flex;
+    flex-direction: column;
+  }
+  .forgebook-viewport__zoom {
+    flex: none;
+    min-width: 0;
+  }
+  .forgebook-viewport__foot {
+    position: relative;
+    flex: none;
+    height: 1rem;
+    margin-bottom: -1rem;
+    cursor: ns-resize;
+    touch-action: none;
+    border-radius: 6px;
+  }
+  .forgebook-viewport__foot::before {
+    content: "";
+    position: absolute;
+    inset: 50% auto auto 50%;
+    width: 2.5rem;
+    height: 4px;
+    border-radius: 2px;
+    background: #6a6a71;
+    transform: translate(-50%, -50%);
+  }
+  .forgebook-viewport__foot:hover::before, .forgebook-viewport__foot:active::before {
+    background: #0a6cf0;
+  }
+  .forgebook-viewport__foot:focus-visible {
+    outline: 2px solid color-mix(in srgb, #0a6cf0 35%, transparent);
+    outline-offset: -2px;
+    box-shadow: inset 0 0 0 1px #0a6cf0;
+  }
+  .forgebook-viewport__foot-label {
+    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;
+    color: #6a6a71;
+    white-space: nowrap;
+  }
+  .forgebook-viewport__room {
+    min-width: 0;
+    background: #fff;
+    box-shadow: 0 0 0 1px rgba(29, 29, 31, 0.0901960784);
+    overflow: hidden;
+    transform-origin: 0 0;
+  }
+  .forgebook-viewport__room[data-dragging] .forgebook-frame-view {
+    pointer-events: none;
+  }
+  .forgebook-viewport__handle {
+    position: relative;
+    flex: none;
+    width: 1rem;
+    cursor: ew-resize;
+    touch-action: none;
+    border-radius: 6px;
+  }
+  .forgebook-viewport__handle::before {
+    content: "";
+    position: absolute;
+    inset: 50% auto auto 50%;
+    width: 4px;
+    height: 2.5rem;
+    border-radius: 2px;
+    background: #6a6a71;
+    transform: translate(-50%, -50%);
+  }
+  .forgebook-viewport__handle:hover::before, .forgebook-viewport__handle:active::before {
+    background: #0a6cf0;
+  }
+  .forgebook-viewport__handle:focus-visible {
+    outline: 2px solid color-mix(in srgb, #0a6cf0 35%, transparent);
+    outline-offset: -2px;
+    box-shadow: inset 0 0 0 1px #0a6cf0;
+  }
+  .forgebook-frame-placeholder {
+    background: rgba(29, 29, 31, 0.0509803922);
+  }
+  .forgebook-doc,
+  .forgebook-home {
+    box-sizing: border-box;
+    display: grid;
+    gap: 1.5rem;
+    width: 100%;
+    max-width: 56rem;
+    margin: 0 auto;
+    padding: 1.5rem 2rem 2rem;
+    animation: forgebook-rise 260ms cubic-bezier(0.22, 1, 0.36, 1) both;
+  }
+  .forgebook-home__head {
+    display: grid;
+    gap: 0.5rem;
+  }
+  .forgebook-home__title {
+    margin: 0;
+    font-size: 1.75rem;
+    font-weight: 700;
+    letter-spacing: -0.01em;
+  }
+  .forgebook-home > .forgebook-doc__section > h2 {
+    font-size: 1.5rem;
+  }
+  .forgebook-home__source {
+    display: flex;
+    align-items: center;
+    gap: 0.625rem;
+  }
+  .forgebook-home .forgebook-prose h3 {
+    margin: 1.25rem 0 0.5rem;
+    font-size: 1.0625rem;
+    font-weight: 600;
+  }
+  .forgebook-home__recent {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(min(100%, 13rem), 1fr));
+    gap: 0.5rem;
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+  .forgebook-home__recent-link {
+    display: grid;
+    gap: 0.125rem;
+    padding: 0.5rem 0.75rem;
+    border-radius: 7px;
+    background: #fff;
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0588235294), 0 1px 3px rgba(0, 0, 0, 0.0509803922);
+    color: inherit;
+    text-decoration: none;
+    transition: box-shadow 260ms cubic-bezier(0.22, 1, 0.36, 1);
+  }
+  .forgebook-home__recent-link:hover {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1019607843), 0 4px 14px rgba(0, 0, 0, 0.0705882353);
+  }
+  .forgebook-home__recent-link:focus-visible:focus-visible {
+    outline: 2px solid color-mix(in srgb, #0a6cf0 35%, transparent);
+    outline-offset: 0;
+    box-shadow: inset 0 0 0 1px #0a6cf0;
+  }
+  .forgebook-home__recent-name {
+    font: 500 0.8125rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    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;
+    color: #6a6a71;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    min-width: 0;
+  }
+  .forgebook-home__families {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(min(100%, 15rem), 1fr));
+    gap: 0.75rem;
+  }
+  .forgebook-home__card {
+    display: grid;
+    align-content: start;
+    justify-items: start;
+    gap: 0.5rem;
+    padding: 0.75rem 1rem;
+    border-radius: 12px;
+    background: #fff;
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0588235294), 0 1px 3px rgba(0, 0, 0, 0.0509803922);
+  }
+  .forgebook-home__card-title {
+    display: flex;
+    align-items: baseline;
+    justify-content: space-between;
+    gap: 0.5rem;
+    width: 100%;
+    margin: 0;
+    font: 600 0.875rem/1.3 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+  }
+  .forgebook-home__count {
+    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font-weight: 400;
+    color: #6a6a71;
+  }
+  .forgebook-home__components {
+    display: grid;
+    gap: 0.25rem;
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    font: 400 0.8125rem/1.4 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+  }
+  .forgebook-doc__lead {
+    margin: 0;
+    font-size: 1.0625rem;
+    line-height: 1.55;
+    color: #56565d;
+  }
+  .forgebook-doc__section {
+    display: grid;
+    gap: 1rem;
+  }
+  .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;
+  }
+  .forgebook-doc__section > h3 {
+    margin: 0.5rem 0 0;
+    font-size: 1rem;
+    font-weight: 600;
+  }
+  .forgebook-doc__group {
+    display: grid;
+    gap: 1.5rem;
+  }
+  .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;
+    color: #6a6a71;
+    text-transform: uppercase;
+    letter-spacing: 0.06em;
+  }
+  .forgebook-link {
+    color: inherit;
+    text-decoration: underline;
+    text-decoration-color: transparent;
+    text-underline-offset: 0.2em;
+    transition: color 150ms ease-out, text-decoration-color 150ms ease-out;
+  }
+  .forgebook-link:hover {
+    color: #0059d2;
+    text-decoration-color: currentcolor;
+  }
+  .forgebook-example {
+    display: grid;
+    gap: 0.625rem;
+  }
+  .forgebook-example__head {
+    display: grid;
+    gap: 0.25rem;
+  }
+  .forgebook-example__title {
+    margin: 0;
+    font-size: 1rem;
+    font-weight: 600;
+  }
+  .forgebook-example__description {
+    margin: 0;
+    font: 400 0.8125rem/1.4 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    color: #56565d;
+  }
+  .forgebook-example__box {
+    border-radius: 12px;
+    background: #fff;
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0588235294), 0 1px 3px rgba(0, 0, 0, 0.0509803922);
+    overflow: clip;
+    transition: box-shadow 260ms cubic-bezier(0.22, 1, 0.36, 1);
+  }
+  .forgebook-example__box:hover {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1019607843), 0 4px 14px rgba(0, 0, 0, 0.0705882353);
+  }
+  .forgebook-example__stage .forgebook-viewport__canvas {
+    padding: 0;
+    border-radius: 0;
+    box-shadow: none;
+  }
+  .forgebook-example__stage .forgebook-viewport__room {
+    box-shadow: 1px 0 0 rgba(29, 29, 31, 0.0901960784), -1px 0 0 rgba(29, 29, 31, 0.0901960784);
+  }
+  .forgebook-example__bar {
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+    min-height: 2.25rem;
+    padding: 0 0.75rem;
+    box-shadow: inset 0 1px 0 rgba(29, 29, 31, 0.0901960784);
+    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+  }
+  .forgebook-example__toggle {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.25rem;
+    padding: 0.25rem 0.375rem;
+    border: 0;
+    border-radius: 6px;
+    background: none;
+    font: inherit;
+    font-weight: 500;
+    color: #56565d;
+    cursor: pointer;
+    transition: color 150ms ease-out, background-color 150ms ease-out;
+  }
+  .forgebook-example__toggle:hover {
+    color: #1d1d1f;
+    background: rgba(29, 29, 31, 0.0392156863);
+  }
+  .forgebook-example__toggle:focus-visible:focus-visible {
+    outline: 2px solid color-mix(in srgb, #0a6cf0 35%, transparent);
+    outline-offset: 0;
+    box-shadow: inset 0 0 0 1px #0a6cf0;
+  }
+  .forgebook-example__toggle svg {
+    transition: transform 260ms cubic-bezier(0.22, 1, 0.36, 1);
+  }
+  .forgebook-example__toggle[aria-expanded=true] svg {
+    transform: rotate(90deg);
+  }
+  .forgebook-example__open {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.25rem;
+    margin-inline-start: auto;
+    color: #56565d;
+    text-decoration: none;
+    transition: color 150ms ease-out;
+  }
+  .forgebook-example__open:hover {
+    color: #0059d2;
+  }
+  .forgebook-example__open svg {
+    transition: transform 150ms ease-out;
+  }
+  .forgebook-example__open:hover svg {
+    transform: translate(1px, -1px);
+  }
+  .forgebook-example__code {
+    display: grid;
+    grid-template-rows: 0fr;
+    transition: grid-template-rows 260ms cubic-bezier(0.22, 1, 0.36, 1);
+  }
+  .forgebook-example__code[data-open] {
+    grid-template-rows: 1fr;
+  }
+  .forgebook-example__code-inner {
+    position: relative;
+    min-height: 0;
+    overflow: hidden;
+    opacity: 0;
+    transition: opacity 150ms ease-out;
+  }
+  [data-open] > .forgebook-example__code-inner {
+    opacity: 1;
+    transition-delay: 60ms;
+  }
+  .forgebook-example__code-inner .forgebook-code-block {
+    max-height: 28rem;
+    margin: 0;
+    overflow: auto;
+    padding: 0.75rem 1rem;
+    border-radius: 0;
+    background: rgba(29, 29, 31, 0.0509803922);
+    box-shadow: inset 0 1px 0 rgba(29, 29, 31, 0.0901960784);
+  }
+  .forgebook-example__code-inner .forgebook-code {
+    padding: 0;
+    background: none;
+  }
+  .forgebook-example__copy {
+    position: absolute;
+    top: 0.5rem;
+    right: 0.5rem;
+    padding: 0.125rem 0.5rem;
+    border: 0;
+    border-radius: 6px;
+    background: #fff;
+    box-shadow: inset 0 0 0 1px rgba(29, 29, 31, 0.0901960784);
+    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    color: #56565d;
+    cursor: pointer;
+    transition: color 150ms ease-out;
+  }
+  .forgebook-example__copy:hover {
+    color: #1d1d1f;
+  }
+  .forgebook-example__copy:focus-visible:focus-visible {
+    outline: 2px solid color-mix(in srgb, #0a6cf0 35%, transparent);
+    outline-offset: 0;
+    box-shadow: inset 0 0 0 1px #0a6cf0;
+  }
+  .forgebook-inline-code {
+    padding: 0.1em 0.35em;
+    border-radius: 6px;
+    background: rgba(29, 29, 31, 0.0509803922);
+    font-family: "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    font-size: 0.875em;
+    color: #1d1d1f;
+  }
+  .forgebook-prose {
+    font: 400 0.8125rem/1.4 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    line-height: 1.6;
+  }
+  .forgebook-prose > :first-child {
+    margin-top: 0;
+  }
+  .forgebook-prose > :last-child {
+    margin-bottom: 0;
+  }
+  .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;
+  }
+  .forgebook-prose h3 {
+    margin: 1.5rem 0 0.5rem;
+    font-size: 1rem;
+    font-weight: 600;
+  }
+  .forgebook-prose p,
+  .forgebook-prose ul,
+  .forgebook-prose ol {
+    margin: 0 0 0.75rem;
+  }
+  .forgebook-prose ul,
+  .forgebook-prose ol {
+    padding-inline-start: 1.25rem;
+  }
+  .forgebook-prose li + li {
+    margin-top: 0.25rem;
+  }
+  .forgebook-prose a {
+    color: #0059d2;
+    text-underline-offset: 0.2em;
+  }
+  .forgebook-prose code {
+    padding: 0.1em 0.35em;
+    border-radius: 6px;
+    background: rgba(29, 29, 31, 0.0509803922);
+    font-family: "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    font-size: 0.875em;
+  }
+  .forgebook-prose pre {
+    margin: 0 0 1rem;
+    padding: 0.75rem 1rem;
+    border-radius: 12px;
+    background: #fff;
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0588235294), 0 1px 3px rgba(0, 0, 0, 0.0509803922);
+    overflow-x: auto;
+    font: 400 0.71875rem/1.4 "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    line-height: 1.6;
+  }
+  .forgebook-prose pre code {
+    padding: 0;
+    background: none;
+    font: inherit;
+  }
+  .forgebook-prose table {
+    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;
+  }
+  .forgebook-prose th,
+  .forgebook-prose td {
+    padding: 0.5rem 0.75rem 0.5rem 0;
+    text-align: start;
+    vertical-align: top;
+    box-shadow: inset 0 -1px 0 rgba(29, 29, 31, 0.0901960784);
+  }
+  .forgebook-prose th {
+    font-weight: 600;
+    color: #56565d;
+  }
+  .forgebook-api {
+    overflow-x: auto;
+  }
+  .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;
+  }
+  .forgebook-api__table th,
+  .forgebook-api__table td {
+    padding: 0.625rem 0.75rem;
+    text-align: start;
+    vertical-align: top;
+    box-shadow: inset 0 -1px 0 rgba(29, 29, 31, 0.0901960784);
+  }
+  .forgebook-api__table thead th {
+    font: 600 0.6875rem/1.3 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    color: #6a6a71;
+  }
+  .forgebook-api__table tbody tr {
+    transition: background-color 150ms ease-out;
+  }
+  .forgebook-api__table tbody tr:hover {
+    background: rgba(29, 29, 31, 0.0392156863);
+  }
+  .forgebook-api__table tbody th {
+    font-weight: inherit;
+    white-space: nowrap;
+  }
+  .forgebook-api__table .forgebook-code {
+    padding: 0;
+    background: none;
+  }
+  .forgebook-api__name {
+    font: 400 0.71875rem/1.4 "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    font-weight: 600;
+    color: #1d1d1f;
+  }
+  .forgebook-api__type {
+    min-width: 10rem;
+  }
+  .forgebook-api__subcomponent {
+    display: grid;
+    gap: 0.75rem;
+    margin-top: 1rem;
+  }
+  .forgebook-api__subcomponent > h3,
+  .forgebook-api__subcomponent > h4 {
+    margin: 0;
+    font-size: 1rem;
+    font-weight: 600;
+  }
+  .forgebook-api__subcomponent > h3 .forgebook-inline-code {
+    font-size: 0.9375rem;
+  }
+  .forgebook-api__subcomponent > p {
+    margin: 0;
+    color: #56565d;
+  }
+  .forgebook-hl-keyword,
+  .forgebook-hl-literal,
+  .forgebook-hl-built_in {
+    color: #7036c4;
+  }
+  .forgebook-hl-title,
+  .forgebook-hl-type,
+  .forgebook-hl-name,
+  .forgebook-hl-selector-tag,
+  .forgebook-hl-selector-class {
+    color: #0059d2;
+  }
+  .forgebook-hl-string,
+  .forgebook-hl-regexp {
+    color: #077229;
+  }
+  .forgebook-hl-number,
+  .forgebook-hl-attr,
+  .forgebook-hl-attribute,
+  .forgebook-hl-property,
+  .forgebook-hl-variable {
+    color: #935200;
+  }
+  .forgebook-hl-comment,
+  .forgebook-hl-punctuation,
+  .forgebook-hl-operator,
+  .forgebook-hl-meta {
+    color: #6a6a71;
+  }
+  .forgebook-hl-comment {
+    font-style: italic;
+  }
+  @keyframes forgebook-rise {
+    from {
+      opacity: 0;
+      transform: translateY(6px);
+    }
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .forgebook-doc,
+    .forgebook-home,
+    .forgebook-stage-tools {
+      animation-name: forgebook-appear;
+    }
+    .forgebook-sidebar {
+      transition: none;
+    }
+    .forgebook-example__toggle svg,
+    .forgebook-example__open svg,
+    .forgebook-example__code {
+      transition: none;
+    }
+  }
+  .forgebook-compare {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr));
+    gap: 1px;
+    background: rgba(29, 29, 31, 0.0901960784);
+  }
+  .forgebook-compare__cell {
+    margin: 0;
+    background: #fff;
+  }
+  .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;
+    color: #56565d;
+  }
+  .forgebook-dock__hint {
+    padding: 0 0.375rem;
+    border-radius: 999px;
+    background: rgba(29, 29, 31, 0.0784313725);
+    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font-variant-numeric: tabular-nums;
+    color: #56565d;
+  }
+  .forgebook-prop-group {
+    display: flex;
+    flex-direction: column;
+    gap: 0.625rem;
+    padding: 0.75rem 0.875rem;
+  }
+  .forgebook-prop-group + .forgebook-prop-group {
+    box-shadow: inset 0 1px 0 rgba(29, 29, 31, 0.0901960784);
+  }
+  .forgebook-prop-group__title {
+    margin: 0;
+    font: 600 0.6875rem/1.3 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    letter-spacing: 0.04em;
+    text-transform: uppercase;
+    color: #56565d;
+  }
+  .forgebook-prop {
+    display: flex;
+    flex-direction: column;
+    gap: 0.375rem;
+  }
+  .forgebook-prop select,
+  .forgebook-prop input {
+    box-sizing: border-box;
+    height: 1.625rem;
+    padding: 0 0.5rem;
+    border: 0;
+    border-radius: 7px;
+    background: #fff;
+    box-shadow: inset 0 0 0 1px rgba(29, 29, 31, 0.1803921569);
+    font: 400 0.78125rem/1.4 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    color: #1d1d1f;
+  }
+  .forgebook-prop select:focus-visible,
+  .forgebook-prop input:focus-visible {
+    outline: 2px solid color-mix(in srgb, #0a6cf0 35%, transparent);
+    outline-offset: 0;
+    box-shadow: inset 0 0 0 1px #0a6cf0;
+  }
+  .forgebook-prop__head {
+    display: flex;
+    justify-content: space-between;
+    align-items: baseline;
+    gap: 0.5rem;
+  }
+  .forgebook-prop__name {
+    font: 400 0.71875rem/1.4 "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    font-weight: 500;
+  }
+  .forgebook-prop__field {
+    display: flex;
+    gap: 0.375rem;
+  }
+  .forgebook-prop__field > input:first-child {
+    flex: 1;
+    min-width: 0;
+  }
+  .forgebook-prop__color {
+    flex: none;
+    width: 2rem;
+    height: 1.625rem;
+    padding: 0;
+    border: 0;
+    border-radius: 6px;
+    background: none;
+    cursor: pointer;
+  }
+  .forgebook-prop__required {
+    margin-inline-start: 0.125rem;
+    color: #bc1f16;
+  }
+  .forgebook-prop__type {
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    min-width: 0;
+    font: 400 0.6875rem/1.6 "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    color: #56565d;
+  }
+  .forgebook-prop__description {
+    margin: 0;
+    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    color: #56565d;
+  }
+  .forgebook-prop__text-arg {
+    display: flex;
+    flex-wrap: wrap;
+    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;
+    color: #6a6a71;
+  }
+  .forgebook-prop__text-arg code {
+    font: 400 0.6875rem/1.6 "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    color: #56565d;
+  }
+  .forgebook-toggles {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 0.5rem 0.75rem;
+  }
+  .forgebook-toggle {
+    display: flex;
+    align-items: center;
+    gap: 0.375rem;
+    min-width: 0;
+  }
+  .forgebook-toggle code {
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    min-width: 0;
+    font: 400 0.6875rem/1.6 "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+  }
+  .forgebook-event {
+    display: flex;
+    flex-direction: column;
+    gap: 0.375rem;
+    padding: 0.75rem 0.875rem;
+  }
+  .forgebook-event + .forgebook-event {
+    box-shadow: inset 0 1px 0 rgba(29, 29, 31, 0.0901960784);
+  }
+  .forgebook-code {
+    display: block;
+    padding: 0.25rem 0.5rem;
+    border-radius: 6px;
+    background: rgba(29, 29, 31, 0.0509803922);
+    font: 400 0.6875rem/1.6 "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    white-space: pre-wrap;
+    overflow-wrap: anywhere;
+  }
+  .forgebook-code__name,
+  .forgebook-code__space {
+    color: #1d1d1f;
+  }
+  .forgebook-code__type {
+    color: #0059d2;
+  }
+  .forgebook-code__keyword {
+    color: #7036c4;
+  }
+  .forgebook-code__string {
+    color: #077229;
+  }
+  .forgebook-code__number {
+    color: #935200;
+  }
+  .forgebook-code__punctuation {
+    color: #6a6a71;
+  }
+  .forgebook-calls {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+    padding: 0.75rem 0.875rem;
+    box-shadow: inset 0 1px 0 rgba(29, 29, 31, 0.0901960784);
+  }
+  .forgebook-calls__head {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+  .forgebook-calls__list {
+    display: flex;
+    flex-direction: column;
+    gap: 0.375rem;
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+  .forgebook-calls__item {
+    display: flex;
+    align-items: baseline;
+    gap: 0.5rem;
+  }
+  .forgebook-calls__item .forgebook-code {
+    flex: 1;
+    min-width: 0;
+  }
+  .forgebook-calls__time {
+    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font-variant-numeric: tabular-nums;
+    color: #6a6a71;
+  }
+}