@collectivetrait/lineaui 0.0.0-stage → 1.0.0

package/dist/blocks.css

@@ -0,0 +1,5042 @@
+@charset "UTF-8";
+@layer external, reset, tokens, base, layout, blocks, helpers, utilities;
+@layer blocks {
+  .ln-avatar {
+    --_size: 40px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--_size);
+    height: var(--_size);
+    border-radius: var(--r-circle);
+    background-color: var(--primary-subtle);
+    color: var(--primary-text);
+    font: 600 calc(var(--_size) * 0.4)/1 var(--f-ui);
+    flex-shrink: 0;
+    position: relative;
+  }
+  .ln-avatar__img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    border-radius: inherit;
+    overflow: hidden;
+  }
+  .ln-avatar__initials {
+    text-transform: uppercase;
+    letter-spacing: 0.02em;
+  }
+  .ln-avatar__status {
+    position: absolute;
+    bottom: 0;
+    right: 0;
+    width: 25%;
+    height: 25%;
+    min-width: 8px;
+    min-height: 8px;
+    border-radius: var(--r-circle);
+    background-color: var(--_status-color, var(--success));
+    box-shadow: 0 0 0 2px var(--surface);
+  }
+  .ln-avatar__status--success {
+    --_status-color: var(--success);
+  }
+  .ln-avatar__status--warning {
+    --_status-color: var(--warning);
+  }
+  .ln-avatar__status--danger {
+    --_status-color: var(--danger);
+  }
+  .ln-avatar__status--neutral {
+    --_status-color: var(--c-subtle);
+  }
+  .ln-avatar--xs {
+    --_size: 24px;
+  }
+  .ln-avatar--sm {
+    --_size: 32px;
+  }
+  .ln-avatar--md {
+    --_size: 40px;
+  }
+  .ln-avatar--lg {
+    --_size: 48px;
+  }
+  .ln-avatar--xl {
+    --_size: 64px;
+  }
+  .ln-avatar--square {
+    border-radius: var(--r-md);
+  }
+  .ln-avatar-group {
+    display: flex;
+    align-items: center;
+  }
+  .ln-avatar-group > .ln-avatar {
+    box-shadow: 0 0 0 2px var(--surface);
+    margin-left: -8px;
+  }
+  .ln-avatar-group > .ln-avatar:first-child {
+    margin-left: 0;
+  }
+  .ln-avatar-group__more {
+    --_size: 40px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--_size);
+    height: var(--_size);
+    border-radius: var(--r-circle);
+    background-color: var(--surface-raised);
+    color: var(--c-muted);
+    font: 500 var(--t-body-sm-s)/1 var(--f-mono);
+    box-shadow: 0 0 0 2px var(--surface);
+    margin-left: -8px;
+  }
+  .ln-avatar-group--spread > .ln-avatar {
+    margin-left: 0;
+  }
+  .ln-avatar-group--spread .ln-avatar-group__more {
+    margin-left: 0;
+  }
+}
+@layer blocks {
+  .ln-meta {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--s1);
+    font: 0.75rem/1rem var(--f-mono);
+    letter-spacing: 0.02em;
+    color: var(--c-muted);
+  }
+  .ln-meta__item {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--s-h);
+  }
+  .ln-meta__icon {
+    width: 1em;
+    height: 1em;
+    flex-shrink: 0;
+  }
+  .ln-meta__link {
+    color: inherit;
+    text-decoration: none;
+  }
+  .ln-meta__link:hover {
+    color: var(--link);
+    text-decoration: underline;
+  }
+  .ln-meta__separator {
+    color: var(--c-subtle);
+    user-select: none;
+  }
+  .ln-meta__separator::before {
+    content: "·";
+  }
+  .ln-meta--sm {
+    font-size: var(--t-meta-s);
+    line-height: var(--t-meta-lh);
+  }
+  .ln-meta--stacked {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 0;
+  }
+}
+@layer blocks {
+  .ln-media {
+    position: relative;
+    margin-bottom: 24px;
+  }
+  .ln-media:last-child {
+    margin-bottom: 0;
+  }
+  .ln-media__frame {
+    border-radius: var(--radius);
+    overflow: hidden;
+    background: var(--surface-sunken);
+    outline: var(--bd1) solid var(--border);
+    outline-offset: calc(-1 * var(--bd1));
+    margin-bottom: 0.5rem;
+  }
+  .ln-media__img {
+    display: block;
+    width: 100%;
+    height: 100%;
+    object-fit: var(--_fit, cover);
+  }
+  .ln-media__caption {
+    font: 400 0.875rem/1.5rem var(--f-ui);
+    color: var(--c-muted);
+    display: flex;
+    gap: 0.5rem;
+  }
+  .ln-media__caption b {
+    font: 500 0.75rem/1.5rem var(--f-mono);
+    letter-spacing: 0.04em;
+    color: var(--c-subtle);
+    text-transform: uppercase;
+  }
+  .ln-media__credit {
+    font: var(--t-meta-s)/var(--t-meta-lh) var(--f-mono);
+    color: var(--c-subtle);
+  }
+  .ln-media--ratio-1x1 .ln-media__frame {
+    aspect-ratio: 1/1;
+  }
+  .ln-media--ratio-4x3 .ln-media__frame {
+    aspect-ratio: 4/3;
+  }
+  .ln-media--ratio-3x2 .ln-media__frame {
+    aspect-ratio: 3/2;
+  }
+  .ln-media--ratio-16x9 .ln-media__frame {
+    aspect-ratio: 16/9;
+  }
+  .ln-media--ratio-21x9 .ln-media__frame {
+    aspect-ratio: 21/9;
+  }
+  .ln-media--cover {
+    --_fit: cover;
+  }
+  .ln-media--contain {
+    --_fit: contain;
+  }
+  .ln-media--wide {
+    max-width: var(--container-wide);
+    margin-inline: auto;
+  }
+  .ln-media--float-start {
+    float: left;
+    margin-right: var(--s3);
+    margin-bottom: var(--s1);
+    max-width: 50%;
+  }
+  .ln-media--float-end {
+    float: right;
+    margin-left: var(--s3);
+    margin-bottom: var(--s1);
+    max-width: 50%;
+  }
+  .ln-media--rounded .ln-media__frame {
+    border-radius: var(--r-lg);
+  }
+  .ln-media--bordered .ln-media__frame {
+    outline: var(--bd1) solid var(--border);
+    outline-offset: calc(-1 * var(--bd1));
+  }
+  .ln-media--bleed {
+    max-width: none;
+    margin-inline: calc(-1 * var(--gutter, 0px));
+  }
+  .ln-media--bleed .ln-media__frame {
+    border-radius: 0;
+  }
+}
+@layer blocks {
+  .ln-prose {
+    font: var(--t-body-prose-s)/var(--t-body-prose-lh) var(--f-prose);
+    max-width: var(--measure);
+  }
+  .ln-prose :is(h1, h2, h3, h4, h5, h6):first-child {
+    margin-top: 0;
+  }
+  .ln-prose > * {
+    margin-block: 0;
+  }
+  .ln-prose > *:not(:last-child) {
+    margin-block-end: 2rem;
+  }
+  .ln-prose > h2 {
+    font: 400 2rem/3rem var(--f-prose);
+    text-wrap: balance;
+  }
+  .ln-prose > *:has(+ h2) {
+    margin-block-end: 3rem;
+  }
+  .ln-prose > h2:not(:last-child) {
+    margin-block-end: 1.5rem;
+  }
+  .ln-prose > ul {
+    padding-left: 1.5rem;
+  }
+  .ln-prose li::marker {
+    color: var(--primary-text);
+  }
+  .ln-prose .lead {
+    font-size: 1.125rem;
+    line-height: 1.5rem;
+    color: var(--c-muted);
+  }
+  .ln-prose em {
+    font-style: italic;
+  }
+  .ln-prose code {
+    font: 400 0.8em/1 var(--f-mono);
+    padding: 0.125rem 0.25rem;
+    border-radius: var(--radius);
+    background: var(--surface-sunken);
+  }
+  .ln-prose a {
+    text-decoration: underline;
+  }
+  .ln-prose ol {
+    padding-left: 1.5rem;
+  }
+  .ln-prose li + li {
+    margin-top: var(--s-h);
+  }
+  .ln-prose img {
+    max-width: 100%;
+    height: auto;
+    border-radius: var(--r-md);
+  }
+  .ln-prose hr {
+    margin: 24px 0;
+  }
+  .ln-prose > *:has(+ .ln-quote--pull) {
+    margin-block-end: 3rem;
+  }
+  .ln-prose .ln-quote--pull:not(:last-child) {
+    margin-block-end: 3rem;
+  }
+  .ln-prose .alignleft {
+    float: left;
+    margin-right: var(--s3);
+    margin-bottom: var(--s1);
+    max-width: 50%;
+  }
+  .ln-prose .alignright {
+    float: right;
+    margin-left: var(--s3);
+    margin-bottom: var(--s1);
+    max-width: 50%;
+  }
+  .ln-prose .aligncenter {
+    display: block;
+    margin-inline: auto;
+  }
+  .ln-prose .alignwide {
+    max-width: var(--container-wide);
+    margin-inline: auto;
+  }
+  .ln-prose .alignfull {
+    max-width: none;
+    margin-inline: calc(-1 * var(--gutter));
+  }
+  .ln-prose::after {
+    content: "";
+    display: table;
+    clear: both;
+  }
+  .ln-prose > :last-child {
+    margin-bottom: 0;
+  }
+  .ln-prose--sm {
+    font-size: var(--t-body-sm-s);
+    line-height: var(--t-body-sm-lh);
+  }
+  .ln-prose--lg {
+    font-size: var(--t-body-lg-s);
+    line-height: var(--t-body-lg-lh);
+  }
+  .ln-prose--ui {
+    font-family: var(--f-ui);
+  }
+  .ln-prose--wide-media img,
+  .ln-prose--wide-media figure,
+  .ln-prose--wide-media .ln-media {
+    max-width: var(--container);
+    margin-inline: auto;
+  }
+}
+@layer blocks {
+  .ln-quote {
+    --_edge: var(--_border-color, var(--primary));
+    font-family: var(--f-prose);
+    margin-bottom: 24px;
+  }
+  .ln-quote:last-child {
+    margin-bottom: 0;
+  }
+  .ln-quote__text {
+    font-size: var(--t-body-lg-s);
+    line-height: var(--t-body-lg-lh);
+    font-style: italic;
+  }
+  .ln-quote__footer {
+    margin-top: var(--s1);
+    display: flex;
+    align-items: center;
+    gap: var(--s2);
+  }
+  .ln-quote__cite {
+    font-style: normal;
+    font-size: var(--t-body-sm-s);
+    line-height: var(--t-body-sm-lh);
+    color: var(--c-muted);
+  }
+  .ln-quote__avatar {
+    width: 3rem;
+    height: 3rem;
+    border-radius: 50%;
+    object-fit: cover;
+    flex-shrink: 0;
+  }
+  .ln-quote--pull {
+    font: italic 400 1.25rem/1.5rem var(--f-prose);
+    color: var(--text);
+    text-wrap: balance;
+    padding: 0 0 0 2rem;
+    border-left: 3px solid var(--primary-text);
+  }
+  .ln-quote--card {
+    background: var(--surface);
+    padding: calc(var(--s3) - var(--bd1));
+    border-radius: var(--r-lg);
+    border: var(--bd1) solid var(--border);
+  }
+  .ln-quote--bordered {
+    border: var(--bd1) solid var(--border);
+    padding: calc(var(--s3) - var(--bd1));
+    border-radius: var(--r-md);
+  }
+  .ln-quote--primary {
+    --_fill: var(--primary);
+    --_on: var(--on-primary);
+    --_subtle: var(--primary-subtle);
+    --_text: var(--primary-text);
+    --_border-color: var(--primary-border);
+    --_hover: var(--primary-hover);
+  }
+  .ln-quote--secondary {
+    --_fill: var(--secondary);
+    --_on: var(--on-secondary);
+    --_subtle: var(--secondary-subtle);
+    --_text: var(--secondary-text);
+    --_border-color: var(--secondary-border);
+    --_hover: var(--secondary-hover);
+  }
+  .ln-quote--success {
+    --_fill: var(--success);
+    --_on: var(--on-success);
+    --_subtle: var(--success-subtle);
+    --_text: var(--success-text);
+    --_border-color: var(--success-border);
+    --_hover: var(--success-hover);
+  }
+  .ln-quote--warning {
+    --_fill: var(--warning);
+    --_on: var(--on-warning);
+    --_subtle: var(--warning-subtle);
+    --_text: var(--warning-text);
+    --_border-color: var(--warning-border);
+    --_hover: var(--warning-hover);
+  }
+  .ln-quote--danger {
+    --_fill: var(--danger);
+    --_on: var(--on-danger);
+    --_subtle: var(--danger-subtle);
+    --_text: var(--danger-text);
+    --_border-color: var(--danger-border);
+    --_hover: var(--danger-hover);
+  }
+  .ln-quote--info {
+    --_fill: var(--info);
+    --_on: var(--on-info);
+    --_subtle: var(--info-subtle);
+    --_text: var(--info-text);
+    --_border-color: var(--info-border);
+    --_hover: var(--info-hover);
+  }
+}
+@layer blocks {
+  .ln-code {
+    position: relative;
+    background: var(--surface-sunken);
+    border-radius: var(--radius);
+    overflow: hidden;
+    outline: var(--bd1) solid var(--border);
+    outline-offset: calc(-1 * var(--bd1));
+  }
+  .ln-code__header {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    padding: 0.5rem 1rem calc(0.5rem - var(--bd1));
+    background: color-mix(in srgb, var(--surface-sunken) 80%, var(--surface));
+    border-bottom: var(--bd1) solid var(--border);
+    font: 500 0.75rem/1rem var(--f-mono);
+    color: var(--c-muted);
+    letter-spacing: 0.02em;
+  }
+  .ln-code__header > i {
+    font-size: 0.875rem;
+    flex: none;
+    color: var(--c-subtle);
+  }
+  .ln-code__lang {
+    margin-left: auto;
+    font: 400 0.6875rem/1rem var(--f-mono);
+    color: var(--c-subtle);
+    text-transform: uppercase;
+    letter-spacing: 0.06em;
+  }
+  .ln-code__body {
+    margin: 0;
+    padding: 0;
+    overflow-x: auto;
+    font: 400 0.8125rem/1.5rem var(--f-mono);
+    color: var(--text);
+    tab-size: 2;
+    counter-reset: line;
+  }
+  .ln-code__body code {
+    display: block;
+  }
+  .ln-code__line {
+    display: block;
+    padding: 0 1rem 0 3.5rem;
+    position: relative;
+    min-height: 1.5rem;
+  }
+  .ln-code__line::before {
+    content: counter(line);
+    counter-increment: line;
+    position: absolute;
+    left: 0;
+    width: 2.5rem;
+    text-align: right;
+    color: var(--c-disabled);
+    font-variant-numeric: tabular-nums;
+    user-select: none;
+    pointer-events: none;
+  }
+  .ln-code__line--highlight {
+    background: color-mix(in srgb, var(--primary) 10%, transparent);
+    border-left: 3px solid var(--primary-text);
+  }
+  .ln-code--wrap .ln-code__body {
+    white-space: pre-wrap;
+    word-break: break-word;
+  }
+  .ln-code--flush {
+    border-radius: 0;
+    margin-bottom: 0;
+  }
+  .ln-code .hljs-keyword, .ln-code .hljs-selector-tag, .ln-code .hljs-built_in, .ln-code .hljs-type, .ln-code .hljs-meta .hljs-keyword {
+    color: var(--syntax-keyword);
+  }
+  .ln-code .hljs-string, .ln-code .hljs-regexp, .ln-code .hljs-addition, .ln-code .hljs-template-variable {
+    color: var(--syntax-string);
+  }
+  .ln-code .hljs-comment, .ln-code .hljs-doctag, .ln-code .hljs-quote {
+    color: var(--syntax-comment);
+    font-style: italic;
+  }
+  .ln-code .hljs-title, .ln-code .hljs-title\.function_, .ln-code .hljs-section {
+    color: var(--syntax-function);
+  }
+  .ln-code .hljs-number, .ln-code .hljs-literal, .ln-code .hljs-variable\.constant_, .ln-code .hljs-symbol, .ln-code .hljs-link {
+    color: var(--syntax-constant);
+  }
+  .ln-code .hljs-operator, .ln-code .hljs-deletion {
+    color: var(--syntax-operator);
+  }
+  .ln-code .hljs-punctuation {
+    color: var(--syntax-punctuation);
+  }
+  .ln-code .hljs-tag, .ln-code .hljs-name {
+    color: var(--syntax-tag);
+  }
+  .ln-code .hljs-attr, .ln-code .hljs-attribute, .ln-code .hljs-property {
+    color: var(--syntax-attribute);
+  }
+  .ln-code .hljs-variable, .ln-code .hljs-params {
+    color: var(--text);
+  }
+  .ln-code .hljs-meta {
+    color: var(--c-muted);
+  }
+  :root {
+    --syntax-keyword: var(--primary-text);
+    --syntax-string: var(--success-text);
+    --syntax-comment: var(--c-muted);
+    --syntax-function: var(--info-text);
+    --syntax-constant: var(--warning-text);
+    --syntax-operator: var(--c-muted);
+    --syntax-punctuation: var(--c-subtle);
+    --syntax-tag: var(--danger-text);
+    --syntax-attribute: var(--secondary-text);
+  }
+}
+@layer blocks {
+  .ln-accordion__item {
+    border-bottom: var(--bd1) solid var(--border);
+  }
+  .ln-accordion__item:first-child {
+    border-top: var(--bd1) solid var(--border);
+  }
+  .ln-accordion__summary {
+    display: flex;
+    align-items: center;
+    gap: var(--s2);
+    padding-top: 8px;
+    padding-bottom: calc(8px - var(--bd1));
+    min-height: calc(48px - var(--bd1));
+    cursor: pointer;
+    font-weight: 600;
+  }
+  .ln-accordion__item:first-child .ln-accordion__summary {
+    padding-top: calc(8px - var(--bd1));
+    min-height: calc(48px - var(--bd1) - var(--bd1));
+  }
+  .ln-accordion__title {
+    flex: 1;
+  }
+  .ln-accordion__icon {
+    font-size: 1em;
+    flex-shrink: 0;
+    transition: transform var(--dur-base) var(--e-standard);
+  }
+  [open] > .ln-accordion__summary .ln-accordion__icon {
+    transform: rotate(180deg);
+  }
+  .ln-accordion__content {
+    padding-bottom: var(--s3);
+  }
+  .ln-accordion--flush .ln-accordion__item {
+    border-bottom: 0;
+  }
+  .ln-accordion--flush .ln-accordion__item:first-child {
+    border-top: 0;
+  }
+  .ln-accordion--flush .ln-accordion__summary {
+    padding: 8px 0;
+    min-height: 48px;
+  }
+  .ln-accordion--flush .ln-accordion__item:first-child .ln-accordion__summary {
+    padding-top: 8px;
+    min-height: 48px;
+  }
+  .ln-accordion--sm .ln-accordion__summary {
+    font-size: var(--t-body-sm-s);
+    line-height: var(--t-body-sm-lh);
+    padding: var(--s-h) 0;
+    min-height: 24px;
+  }
+  .ln-accordion--sm .ln-accordion__content {
+    font-size: var(--t-body-sm-s);
+    line-height: var(--t-body-sm-lh);
+    padding-bottom: var(--s2);
+  }
+}
+@layer blocks {
+  .ln-list {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+  }
+  .ln-list__item {
+    display: flex;
+    align-items: center;
+    gap: var(--s2);
+    min-height: 48px;
+    padding: 8px 0;
+  }
+  .ln-list__item[aria-current=true] {
+    background-color: var(--primary-subtle);
+    color: var(--primary-text);
+  }
+  .ln-list__icon {
+    width: 1.5rem;
+    height: 1.5rem;
+    flex-shrink: 0;
+    color: var(--c-muted);
+  }
+  .ln-list__media {
+    flex-shrink: 0;
+  }
+  .ln-list__content {
+    flex: 1;
+    min-width: 0;
+    display: flex;
+    flex-direction: column;
+  }
+  .ln-list__title {
+    font-weight: 600;
+    font-size: var(--t-body-s);
+    line-height: var(--t-body-lh);
+  }
+  .ln-list__description {
+    font-size: var(--t-body-sm-s);
+    line-height: var(--t-body-sm-lh);
+    color: var(--c-muted);
+  }
+  .ln-list__meta {
+    font: var(--t-meta-s)/var(--t-meta-lh) var(--f-mono);
+    color: var(--c-subtle);
+  }
+  .ln-list__action {
+    margin-left: auto;
+    flex-shrink: 0;
+  }
+  .ln-list--divided .ln-list__item + .ln-list__item {
+    border-top: var(--bd1) solid var(--border);
+    padding-top: calc(8px - var(--bd1));
+  }
+  .ln-list--bordered {
+    outline: var(--bd1) solid var(--border);
+    outline-offset: calc(-1 * var(--bd1));
+    border-radius: var(--r-md);
+  }
+  .ln-list--bordered .ln-list__item {
+    padding-left: var(--s3);
+    padding-right: var(--s3);
+  }
+  .ln-list--bordered .ln-list__item + .ln-list__item {
+    border-top: var(--bd1) solid var(--border);
+    padding-top: calc(8px - var(--bd1));
+  }
+  .ln-list--interactive .ln-list__item {
+    cursor: pointer;
+    transition: background-color var(--dur-fast) var(--e-standard);
+  }
+  .ln-list--interactive .ln-list__item:hover {
+    background-color: var(--surface-raised);
+  }
+  .ln-list--compact .ln-list__item {
+    min-height: 32px;
+    padding-top: var(--s-h);
+    padding-bottom: var(--s-h);
+  }
+  .ln-list--spacious .ln-list__item {
+    min-height: 64px;
+    padding-top: 16px;
+    padding-bottom: 16px;
+  }
+}
+@layer blocks {
+  .ln-card {
+    --_bg: var(--surface);
+    --_border-color: var(--border);
+    --_pad: var(--s3);
+    display: flex;
+    flex-direction: column;
+    padding: var(--_pad);
+    background-color: var(--_bg);
+    overflow: hidden;
+    position: relative;
+    outline: var(--bd1) solid var(--_border-color);
+    outline-offset: calc(-1 * var(--bd1));
+  }
+  .ln-card__media {
+    margin: calc(-1 * var(--_pad));
+    margin-bottom: 0;
+  }
+  .ln-card__media-object {
+    align-content: center;
+  }
+  .ln-card__header {
+    margin-bottom: 1.5rem;
+  }
+  .ln-card__eyebrow {
+    font: var(--t-meta-s)/var(--t-meta-lh) var(--f-mono);
+    text-transform: uppercase;
+    letter-spacing: 0.08em;
+    font-weight: 500;
+    color: var(--c-muted);
+    margin-bottom: var(--s-h);
+  }
+  .ln-card__title {
+    font: 600 var(--t-h4-s)/var(--t-h4-lh) var(--f-ui);
+    margin: 0;
+  }
+  .ln-card__subtitle {
+    font-size: var(--t-body-sm-s);
+    line-height: var(--t-body-sm-lh);
+    color: var(--c-muted);
+  }
+  .ln-card__body {
+    flex: 1;
+    margin-bottom: 1.5rem;
+  }
+  .ln-card__footer {
+    display: flex;
+    flex-direction: column;
+    margin-top: auto;
+  }
+  .ln-card__actions {
+    display: flex;
+    gap: var(--s1);
+  }
+  .ln-card__link {
+    text-decoration: none;
+    color: inherit;
+  }
+  .ln-card__link::after {
+    content: "";
+    position: absolute;
+    inset: 0;
+    z-index: 1;
+  }
+  .ln-card--flat {
+    outline: 0;
+  }
+  .ln-card--shadow-1 {
+    box-shadow: var(--sh1);
+  }
+  .ln-card--shadow-2 {
+    box-shadow: var(--sh2);
+  }
+  .ln-card--shadow-3 {
+    box-shadow: var(--sh3);
+  }
+  .ln-card--shadow-4 {
+    box-shadow: var(--sh4);
+  }
+  .ln-card--interactive {
+    cursor: pointer;
+    overflow: visible;
+    box-shadow: var(--sh1);
+    transition: box-shadow var(--dur-fast) var(--e-standard), transform var(--dur-fast) var(--e-standard);
+  }
+  .ln-card--interactive:hover {
+    box-shadow: var(--sh3);
+    transform: translateY(-2px);
+  }
+  .ln-card--horizontal {
+    flex-direction: row;
+  }
+  .ln-card--horizontal .ln-card__media {
+    width: 40%;
+    max-width: 200px;
+    flex-shrink: 0;
+    margin: calc(-1 * var(--_pad));
+    margin-right: 1.5rem;
+  }
+  .ln-card--horizontal .ln-card__media-object {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+  .ln-card--pad-sm {
+    --_pad: var(--s2);
+  }
+  .ln-card--pad-md {
+    --_pad: var(--s3);
+  }
+  .ln-card--pad-lg {
+    --_pad: var(--s4);
+  }
+  .ln-card--primary {
+    --_fill: var(--primary);
+    --_on: var(--on-primary);
+    --_subtle: var(--primary-subtle);
+    --_text: var(--primary-text);
+    --_border-color: var(--primary-border);
+    --_hover: var(--primary-hover);
+  }
+  .ln-card--secondary {
+    --_fill: var(--secondary);
+    --_on: var(--on-secondary);
+    --_subtle: var(--secondary-subtle);
+    --_text: var(--secondary-text);
+    --_border-color: var(--secondary-border);
+    --_hover: var(--secondary-hover);
+  }
+  .ln-card--success {
+    --_fill: var(--success);
+    --_on: var(--on-success);
+    --_subtle: var(--success-subtle);
+    --_text: var(--success-text);
+    --_border-color: var(--success-border);
+    --_hover: var(--success-hover);
+  }
+  .ln-card--warning {
+    --_fill: var(--warning);
+    --_on: var(--on-warning);
+    --_subtle: var(--warning-subtle);
+    --_text: var(--warning-text);
+    --_border-color: var(--warning-border);
+    --_hover: var(--warning-hover);
+  }
+  .ln-card--danger {
+    --_fill: var(--danger);
+    --_on: var(--on-danger);
+    --_subtle: var(--danger-subtle);
+    --_text: var(--danger-text);
+    --_border-color: var(--danger-border);
+    --_hover: var(--danger-hover);
+  }
+  .ln-card--info {
+    --_fill: var(--info);
+    --_on: var(--on-info);
+    --_subtle: var(--info-subtle);
+    --_text: var(--info-text);
+    --_border-color: var(--info-border);
+    --_hover: var(--info-hover);
+  }
+  .ln-card--subtle {
+    --_bg: var(--_subtle, var(--surface-sunken));
+  }
+  .ln-card[aria-selected=true], .ln-card:has(:checked) {
+    --_border-color: var(--primary);
+    outline: var(--bd2) solid var(--_border-color);
+    outline-offset: calc(-1 * var(--bd2));
+  }
+}
+@layer blocks {
+  .ln-page-header {
+    margin-bottom: 48px;
+  }
+  .ln-page-header__breadcrumb {
+    margin-bottom: var(--s2);
+  }
+  .ln-page-header__eyebrow {
+    font: var(--t-meta-s)/var(--t-meta-lh) var(--f-mono);
+    text-transform: uppercase;
+    letter-spacing: 0.08em;
+    font-weight: 500;
+    color: var(--c-muted);
+    margin-bottom: var(--s1);
+  }
+  .ln-page-header__title {
+    font: 400 var(--t-h1-s)/var(--t-h1-lh) var(--f-prose);
+    letter-spacing: -0.01em;
+    text-wrap: balance;
+    margin-top: 0;
+  }
+  .ln-page-header__lead {
+    font: var(--t-lead-s)/var(--t-lead-lh) var(--f-prose);
+    color: var(--c-muted);
+    margin-top: var(--s2);
+    max-width: 44rem;
+  }
+  .ln-page-header__meta {
+    margin-top: var(--s2);
+  }
+  .ln-page-header__actions {
+    display: flex;
+    gap: var(--s2);
+    margin-top: var(--s3);
+  }
+  .ln-page-header__tabs {
+    margin-top: var(--s3);
+    border-bottom: var(--bd1) solid var(--border);
+  }
+  .ln-page-header--hero {
+    margin-bottom: 72px;
+  }
+  .ln-page-header--hero .ln-page-header__title {
+    font-size: var(--t-display-2-s);
+    line-height: var(--t-display-2-lh);
+  }
+  .ln-page-header--compact {
+    margin-bottom: 24px;
+  }
+  .ln-page-header--compact .ln-page-header__title {
+    font: 600 var(--t-h3-s)/var(--t-h3-lh) var(--f-ui);
+  }
+  .ln-page-header--center {
+    text-align: center;
+  }
+  .ln-page-header--center .ln-page-header__lead {
+    margin-inline: auto;
+  }
+  .ln-page-header--center .ln-page-header__actions {
+    justify-content: center;
+  }
+  .ln-page-header--bordered {
+    padding-bottom: calc(24px - var(--bd1));
+    border-bottom: var(--bd1) solid var(--border);
+  }
+}
+@layer blocks {
+  .ln-breadcrumb__list {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.5rem;
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    font: 400 0.875rem/1.5rem var(--f-ui);
+    color: var(--c-muted);
+  }
+  .ln-breadcrumb__item {
+    display: inline-flex;
+    align-items: center;
+  }
+  .ln-breadcrumb__item + .ln-breadcrumb__item::before {
+    content: "/";
+    margin-right: 0.5rem;
+    color: var(--c-subtle);
+  }
+  .ln-breadcrumb__link {
+    color: var(--c-muted);
+    text-decoration: none;
+  }
+  .ln-breadcrumb__link:hover {
+    color: var(--text);
+    text-decoration: underline;
+  }
+  .ln-breadcrumb__current {
+    color: var(--text);
+  }
+  .ln-breadcrumb--sm .ln-breadcrumb__list {
+    font-size: var(--t-meta-s);
+    line-height: var(--t-meta-lh);
+  }
+  .ln-breadcrumb--truncate .ln-breadcrumb__list {
+    flex-wrap: nowrap;
+  }
+  .ln-breadcrumb--truncate .ln-breadcrumb__item:not(:first-child):not(:last-child):not(:nth-last-child(2)) {
+    display: none;
+  }
+}
+@layer blocks {
+  .ln-pagination__list {
+    display: flex;
+    gap: 0.25rem;
+    list-style: none;
+    align-items: center;
+    flex-wrap: wrap;
+    padding: 0;
+    margin: 0;
+  }
+  .ln-pagination__link {
+    display: inline-grid;
+    place-items: center;
+    min-width: 2.5rem;
+    height: 2.5rem;
+    padding-inline: 0.5rem;
+    border-radius: var(--r-md);
+    font: 500 0.875rem/1.25rem var(--f-mono);
+    color: var(--c-muted);
+    text-decoration: none;
+  }
+  .ln-pagination__link:hover {
+    background: var(--surface-raised);
+    color: var(--text);
+  }
+  .ln-pagination__link[aria-current=page] {
+    background: var(--primary-subtle);
+    color: var(--primary-text);
+    border: var(--bd1) solid var(--primary-text);
+  }
+  .ln-pagination__link[aria-disabled=true] {
+    color: var(--c-subtle);
+    pointer-events: none;
+  }
+  .ln-pagination__ellipsis {
+    color: var(--c-subtle);
+    padding-inline: 0.5rem;
+  }
+  .ln-pagination__summary {
+    font: 400 0.875rem/1.25rem var(--f-ui);
+    color: var(--c-muted);
+    padding-inline: 0.5rem;
+  }
+  .ln-pagination--sm .ln-pagination__link {
+    min-width: 2rem;
+    height: 2rem;
+  }
+  .ln-pagination--simple .ln-pagination__list {
+    justify-content: space-between;
+  }
+  .ln-pagination--simple .ln-pagination__link {
+    border-radius: 0;
+  }
+  .ln-pagination--simple .ln-pagination__link:hover {
+    background: none;
+  }
+  .ln-pagination--compact .ln-pagination__link {
+    border-radius: 0;
+  }
+  .ln-pagination--compact .ln-pagination__link:hover {
+    background: none;
+  }
+  .ln-pagination--text .ln-pagination__link {
+    border-radius: 0;
+    color: var(--link);
+  }
+  .ln-pagination--text .ln-pagination__link:hover {
+    background: none;
+    color: var(--link-hover);
+    text-decoration: underline;
+  }
+  .ln-pagination--text .ln-pagination__link[aria-current=page] {
+    background: none;
+    border: 0;
+    color: var(--text);
+    font-weight: 700;
+  }
+}
+@layer blocks {
+  .ln-steps {
+    --_fill: var(--primary);
+    --_on: var(--on-primary);
+    display: flex;
+    gap: 0.5rem;
+    list-style: none;
+    align-items: center;
+    flex-wrap: wrap;
+  }
+  .ln-steps__item {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    height: 2rem;
+    font: 500 0.875rem/1.25rem var(--f-ui);
+    color: var(--c-subtle);
+  }
+  .ln-steps__item.is-complete {
+    color: var(--c-muted);
+  }
+  .ln-steps__item.is-complete .ln-steps__marker {
+    background: var(--success-subtle);
+    color: var(--success-text);
+    border: 0;
+  }
+  .ln-steps__item[aria-current=step] {
+    color: var(--text);
+  }
+  .ln-steps__item[aria-current=step] .ln-steps__marker {
+    background: var(--_fill);
+    color: var(--_on);
+    border: 0;
+  }
+  .ln-steps__item.is-error .ln-steps__marker {
+    background: var(--danger);
+    color: var(--on-danger);
+    border: 0;
+  }
+  .ln-steps__marker {
+    width: 1.5rem;
+    height: 1.5rem;
+    border-radius: 50%;
+    display: grid;
+    place-items: center;
+    font: 500 0.75rem/1rem var(--f-mono);
+    border: var(--bd1) solid var(--border-control);
+    flex-shrink: 0;
+  }
+  .ln-steps__connector {
+    width: 1.5rem;
+    height: 1px;
+    background: var(--border-control);
+    flex-shrink: 0;
+  }
+  .ln-steps__label {
+    font: 500 0.875rem/1.25rem var(--f-ui);
+  }
+  .ln-steps__description {
+    font-size: var(--t-meta-s);
+    line-height: var(--t-meta-lh);
+    color: var(--c-muted);
+  }
+  .ln-steps--vertical {
+    flex-direction: column;
+    align-items: flex-start;
+    flex-wrap: nowrap;
+  }
+  .ln-steps--vertical .ln-steps__item {
+    flex-direction: row;
+    align-items: flex-start;
+    height: auto;
+    padding-bottom: var(--s4);
+    position: relative;
+  }
+  .ln-steps--vertical .ln-steps__connector {
+    position: absolute;
+    left: 0.6875rem;
+    top: 1.5rem;
+    bottom: 0;
+    width: 0.125rem;
+    height: auto;
+  }
+  .ln-steps--vertical .ln-steps__label {
+    padding-top: 0.125rem;
+  }
+  .ln-steps--dots {
+    gap: 0.25rem;
+  }
+  .ln-steps--dots .ln-steps__marker {
+    width: 0.5rem;
+    height: 0.5rem;
+    font-size: 0;
+    background: var(--border-control);
+    border: 0;
+  }
+  .ln-steps--dots .ln-steps__item.is-complete .ln-steps__marker {
+    background: var(--success);
+  }
+  .ln-steps--dots .ln-steps__item[aria-current=step] .ln-steps__marker {
+    width: 0.75rem;
+    height: 0.75rem;
+    background: var(--_fill);
+  }
+  .ln-steps--dots .ln-steps__label {
+    display: none;
+  }
+  .ln-steps--compact .ln-steps__marker {
+    width: 1.25rem;
+    height: 1.25rem;
+    font-size: 0.625rem;
+  }
+  .ln-steps--primary {
+    --_fill: var(--primary);
+    --_on: var(--on-primary);
+    --_subtle: var(--primary-subtle);
+    --_text: var(--primary-text);
+    --_border-color: var(--primary-border);
+    --_hover: var(--primary-hover);
+  }
+  .ln-steps--secondary {
+    --_fill: var(--secondary);
+    --_on: var(--on-secondary);
+    --_subtle: var(--secondary-subtle);
+    --_text: var(--secondary-text);
+    --_border-color: var(--secondary-border);
+    --_hover: var(--secondary-hover);
+  }
+  .ln-steps--success {
+    --_fill: var(--success);
+    --_on: var(--on-success);
+    --_subtle: var(--success-subtle);
+    --_text: var(--success-text);
+    --_border-color: var(--success-border);
+    --_hover: var(--success-hover);
+  }
+  .ln-steps--warning {
+    --_fill: var(--warning);
+    --_on: var(--on-warning);
+    --_subtle: var(--warning-subtle);
+    --_text: var(--warning-text);
+    --_border-color: var(--warning-border);
+    --_hover: var(--warning-hover);
+  }
+  .ln-steps--danger {
+    --_fill: var(--danger);
+    --_on: var(--on-danger);
+    --_subtle: var(--danger-subtle);
+    --_text: var(--danger-text);
+    --_border-color: var(--danger-border);
+    --_hover: var(--danger-hover);
+  }
+  .ln-steps--info {
+    --_fill: var(--info);
+    --_on: var(--on-info);
+    --_subtle: var(--info-subtle);
+    --_text: var(--info-text);
+    --_border-color: var(--info-border);
+    --_hover: var(--info-hover);
+  }
+}
+@layer blocks {
+  .ln-site-footer {
+    font: 400 0.875rem/2rem var(--f-ui);
+    color: var(--c-muted);
+  }
+  .ln-site-footer__inner {
+    max-width: var(--container-wide);
+    margin-inline: auto;
+  }
+  .ln-site-footer__brand {
+    margin-bottom: var(--s4);
+  }
+  .ln-site-footer__columns {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(min(10rem, 100%), 1fr));
+    gap: var(--s4) var(--s4);
+    margin-bottom: 48px;
+  }
+  .ln-site-footer__heading {
+    font-weight: 600;
+    font-size: var(--t-body-s);
+    line-height: var(--t-body-lh);
+    margin-bottom: var(--s2);
+    color: var(--text);
+  }
+  .ln-site-footer__links {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    gap: var(--s1);
+  }
+  .ln-site-footer__link {
+    color: var(--c-muted);
+    text-decoration: none;
+    transition: color var(--dur-fast) var(--e-standard);
+  }
+  .ln-site-footer__link:hover {
+    color: var(--link-hover);
+  }
+  .ln-site-footer__description {
+    margin-top: 0;
+  }
+  .ln-site-footer__social {
+    display: flex;
+    gap: var(--s2);
+    margin-bottom: var(--s4);
+  }
+  .ln-site-footer__bottom {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    align-items: center;
+    gap: var(--s2);
+    padding-top: calc(var(--s3) - var(--bd1));
+    border-top: var(--bd1) solid var(--border);
+  }
+  .ln-site-footer__legal {
+    font-size: var(--t-meta-s);
+    line-height: var(--t-meta-lh);
+    color: var(--c-subtle);
+  }
+  .ln-site-footer--compact .ln-site-footer__columns {
+    margin-bottom: 24px;
+  }
+  .ln-site-footer--center {
+    text-align: center;
+  }
+  .ln-site-footer--center .ln-site-footer__columns {
+    justify-items: center;
+  }
+  .ln-site-footer--center .ln-site-footer__links {
+    align-items: center;
+  }
+  .ln-site-footer--center .ln-site-footer__social {
+    justify-content: center;
+  }
+  .ln-site-footer--center .ln-site-footer__bottom {
+    justify-content: center;
+  }
+  .ln-site-footer--inverse {
+    background: var(--surface-inverse);
+    color: var(--c-inverse);
+  }
+  .ln-site-footer--inverse .ln-site-footer__heading {
+    color: var(--c-inverse);
+  }
+  .ln-site-footer--inverse .ln-site-footer__link {
+    color: var(--c-inverse);
+    opacity: 0.7;
+  }
+  .ln-site-footer--inverse .ln-site-footer__link:hover {
+    opacity: 1;
+  }
+  .ln-site-footer--inverse .ln-site-footer__bottom {
+    border-top-color: rgba(255, 255, 255, 0.15);
+  }
+  .ln-site-footer--inverse .ln-site-footer__legal {
+    color: var(--c-inverse);
+    opacity: 0.5;
+  }
+}
+@layer blocks {
+  .ln-menu {
+    --_item-height: 40px;
+    --_fill: var(--primary);
+    --_text: var(--text);
+    --_border-color: var(--border);
+    font: var(--t-body-sm-s)/var(--t-body-sm-lh) var(--f-ui);
+    list-style: none;
+    padding: 0;
+    margin: 0;
+  }
+  .ln-menu ul, .ln-menu ol {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+  }
+  .ln-menu__group:not(:first-child) {
+    margin-top: var(--s2);
+    padding-top: calc(var(--s2) - var(--bd1));
+    border-top: var(--bd1) solid var(--_border-color);
+  }
+  .ln-menu__heading {
+    font-size: var(--t-meta-s);
+    line-height: var(--t-meta-lh);
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.06em;
+    color: var(--c-subtle);
+    padding: var(--s1) var(--s2);
+  }
+  .ln-menu__item {
+    list-style: none;
+  }
+  .ln-menu__link {
+    display: flex;
+    align-items: center;
+    gap: var(--s2);
+    min-height: var(--_item-height);
+    padding: var(--s-h) var(--s2);
+    border-radius: var(--r-md);
+    color: var(--c-muted);
+    text-decoration: none;
+    font-weight: 500;
+    transition: background-color var(--dur-fast) var(--e-standard), color var(--dur-fast) var(--e-standard);
+  }
+  .ln-menu__link:hover {
+    background-color: var(--surface-raised);
+    color: var(--_text);
+  }
+  .ln-menu__link[aria-current=page], .ln-menu__link[aria-current=true] {
+    background-color: var(--primary-subtle);
+    color: var(--_fill);
+    font-weight: 600;
+  }
+  .ln-menu__link[aria-expanded=true] {
+    color: var(--_text);
+  }
+  .ln-menu__link:focus-visible {
+    outline: 2px solid var(--focus);
+    outline-offset: -2px;
+  }
+  .ln-menu__icon {
+    width: 1.25rem;
+    height: 1.25rem;
+    flex-shrink: 0;
+    opacity: 0.7;
+  }
+  .ln-menu__label {
+    flex: 1;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .ln-menu__badge {
+    font: var(--t-meta-s)/1 var(--f-mono);
+    padding: 2px 6px;
+    border-radius: var(--r-pill);
+    background: var(--primary-subtle);
+    color: var(--primary-text);
+    font-weight: 600;
+  }
+  .ln-menu__shortcut {
+    font: var(--t-meta-s) var(--f-mono);
+    color: var(--c-subtle);
+    margin-left: auto;
+  }
+  .ln-menu__submenu {
+    list-style: none;
+    padding: 0 0 0 var(--s4);
+    margin: 0;
+  }
+  .ln-menu__link[aria-expanded=false] + .ln-menu__submenu {
+    display: none;
+  }
+  .ln-menu__link[aria-expanded=true] + .ln-menu__submenu {
+    display: block;
+  }
+  .ln-menu__divider {
+    height: 0;
+    margin: var(--s1) 0;
+    border-top: var(--bd1) solid var(--_border-color);
+  }
+  .ln-menu--compact {
+    --_item-height: 32px;
+    font-size: var(--t-meta-s);
+    line-height: var(--t-meta-lh);
+  }
+  .ln-menu--rail .ln-menu__link {
+    justify-content: center;
+    padding-inline: var(--s1);
+  }
+  .ln-menu--rail .ln-menu__label,
+  .ln-menu--rail .ln-menu__badge,
+  .ln-menu--rail .ln-menu__shortcut {
+    display: none;
+  }
+  .ln-menu--rail .ln-menu__heading {
+    font-size: 0;
+    padding: var(--s-h);
+    min-height: 0;
+  }
+  .ln-menu--toc {
+    font-size: var(--t-meta-s);
+    line-height: var(--t-meta-lh);
+  }
+  .ln-menu--toc .ln-menu__link {
+    min-height: 32px;
+    border-radius: 0;
+    padding-left: var(--s3);
+    border-left: 2px solid transparent;
+  }
+  .ln-menu--toc .ln-menu__link[aria-current=page], .ln-menu--toc .ln-menu__link[aria-current=true] {
+    background: none;
+    border-left-color: var(--_fill);
+    color: var(--_fill);
+  }
+  .ln-menu--pills .ln-menu__link {
+    border-radius: var(--r-pill);
+  }
+  .ln-menu--pills .ln-menu__link[aria-current=page], .ln-menu--pills .ln-menu__link[aria-current=true] {
+    background-color: var(--_fill);
+    color: var(--on-primary);
+  }
+  .ln-menu--primary {
+    --_fill: var(--primary);
+    --_on: var(--on-primary);
+    --_subtle: var(--primary-subtle);
+    --_text: var(--primary-text);
+    --_border-color: var(--primary-border);
+    --_hover: var(--primary-hover);
+  }
+  .ln-menu--secondary {
+    --_fill: var(--secondary);
+    --_on: var(--on-secondary);
+    --_subtle: var(--secondary-subtle);
+    --_text: var(--secondary-text);
+    --_border-color: var(--secondary-border);
+    --_hover: var(--secondary-hover);
+  }
+  .ln-menu--success {
+    --_fill: var(--success);
+    --_on: var(--on-success);
+    --_subtle: var(--success-subtle);
+    --_text: var(--success-text);
+    --_border-color: var(--success-border);
+    --_hover: var(--success-hover);
+  }
+  .ln-menu--warning {
+    --_fill: var(--warning);
+    --_on: var(--on-warning);
+    --_subtle: var(--warning-subtle);
+    --_text: var(--warning-text);
+    --_border-color: var(--warning-border);
+    --_hover: var(--warning-hover);
+  }
+  .ln-menu--danger {
+    --_fill: var(--danger);
+    --_on: var(--on-danger);
+    --_subtle: var(--danger-subtle);
+    --_text: var(--danger-text);
+    --_border-color: var(--danger-border);
+    --_hover: var(--danger-hover);
+  }
+  .ln-menu--info {
+    --_fill: var(--info);
+    --_on: var(--on-info);
+    --_subtle: var(--info-subtle);
+    --_text: var(--info-text);
+    --_border-color: var(--info-border);
+    --_hover: var(--info-hover);
+  }
+}
+@layer blocks {
+  .ln-tabs {
+    --_fill: var(--primary);
+    --_border-color: var(--border);
+    --_indicator-size: 2px;
+  }
+  .ln-tabs__list {
+    display: flex;
+    gap: 1.5rem;
+    border-bottom: var(--bd1) solid var(--_border-color);
+    overflow-x: auto;
+    scrollbar-width: none;
+  }
+  .ln-tabs__list::-webkit-scrollbar {
+    display: none;
+  }
+  .ln-tabs__tab {
+    height: calc(2.5rem - var(--bd1));
+    padding: 0;
+    border: none;
+    background: none;
+    cursor: pointer;
+    font: 500 0.9375rem/1.5rem var(--f-ui);
+    color: var(--c-muted);
+    white-space: nowrap;
+    text-decoration: none;
+    border-radius: 0;
+    position: relative;
+    transition: color var(--dur-fast) var(--e-standard);
+  }
+  .ln-tabs__tab:hover {
+    color: var(--text);
+  }
+  .ln-tabs__tab[aria-selected=true] {
+    color: var(--text);
+    box-shadow: inset 0 -2px 0 var(--primary-text);
+  }
+  .ln-tabs__tab:focus-visible {
+    outline: 2px solid var(--focus);
+    outline-offset: -2px;
+    border-radius: var(--r-sm);
+  }
+  .ln-tabs__icon {
+    width: 1em;
+    height: 1em;
+    flex-shrink: 0;
+  }
+  .ln-tabs__badge {
+    font: var(--t-meta-s)/1 var(--f-mono);
+    padding: 2px 6px;
+    border-radius: var(--r-pill);
+    background: var(--surface-raised);
+    font-weight: 600;
+  }
+  .ln-tabs__panel {
+    padding-top: 1.5rem;
+  }
+  .ln-tabs__panel[hidden] {
+    display: none;
+  }
+  .ln-tabs--pills .ln-tabs__list {
+    border-bottom: 0;
+    gap: var(--s-h);
+  }
+  .ln-tabs--pills .ln-tabs__tab {
+    height: auto;
+    border-radius: var(--r-pill);
+    min-height: 32px;
+    padding: var(--s-h) var(--s2);
+  }
+  .ln-tabs--pills .ln-tabs__tab[aria-selected=true] {
+    background-color: var(--_fill);
+    color: var(--on-primary);
+    box-shadow: none;
+  }
+  .ln-tabs--boxed .ln-tabs__list {
+    outline: var(--bd1) solid var(--_border-color);
+    outline-offset: -1px;
+    border-bottom: none;
+    background: var(--surface-sunken);
+    gap: 0;
+  }
+  .ln-tabs--boxed .ln-tabs__tab {
+    height: 2.5rem;
+    padding: 0 var(--s3);
+  }
+  .ln-tabs--boxed .ln-tabs__tab[aria-selected=true] {
+    background: var(--surface);
+    color: var(--text);
+    box-shadow: none;
+    outline: var(--bd1) solid var(--_border-color);
+    outline-offset: -1px;
+  }
+  .ln-tabs--vertical {
+    display: flex;
+    gap: var(--s3);
+  }
+  .ln-tabs--vertical .ln-tabs__list {
+    flex-direction: column;
+    border-bottom: 0;
+    border-right: var(--bd1) solid var(--_border-color);
+    min-width: 160px;
+    overflow-x: visible;
+  }
+  .ln-tabs--vertical .ln-tabs__tab[aria-selected=true]::after {
+    top: 0;
+    bottom: 0;
+    left: auto;
+    right: 0;
+    width: var(--_indicator-size);
+    height: auto;
+    border-radius: var(--_indicator-size) 0 0 var(--_indicator-size);
+  }
+  .ln-tabs--vertical .ln-tabs__panel {
+    flex: 1;
+    padding-top: 0;
+  }
+  .ln-tabs--fill .ln-tabs__tab {
+    flex: 1;
+    justify-content: center;
+  }
+  .ln-tabs--sm .ln-tabs__tab {
+    min-height: 32px;
+    padding: var(--s-h) var(--s2);
+    font-size: var(--t-meta-s);
+    line-height: var(--t-meta-lh);
+  }
+  .ln-tabs--primary {
+    --_fill: var(--primary);
+    --_on: var(--on-primary);
+    --_subtle: var(--primary-subtle);
+    --_text: var(--primary-text);
+    --_border-color: var(--primary-border);
+    --_hover: var(--primary-hover);
+  }
+  .ln-tabs--secondary {
+    --_fill: var(--secondary);
+    --_on: var(--on-secondary);
+    --_subtle: var(--secondary-subtle);
+    --_text: var(--secondary-text);
+    --_border-color: var(--secondary-border);
+    --_hover: var(--secondary-hover);
+  }
+  .ln-tabs--success {
+    --_fill: var(--success);
+    --_on: var(--on-success);
+    --_subtle: var(--success-subtle);
+    --_text: var(--success-text);
+    --_border-color: var(--success-border);
+    --_hover: var(--success-hover);
+  }
+  .ln-tabs--warning {
+    --_fill: var(--warning);
+    --_on: var(--on-warning);
+    --_subtle: var(--warning-subtle);
+    --_text: var(--warning-text);
+    --_border-color: var(--warning-border);
+    --_hover: var(--warning-hover);
+  }
+  .ln-tabs--danger {
+    --_fill: var(--danger);
+    --_on: var(--on-danger);
+    --_subtle: var(--danger-subtle);
+    --_text: var(--danger-text);
+    --_border-color: var(--danger-border);
+    --_hover: var(--danger-hover);
+  }
+  .ln-tabs--info {
+    --_fill: var(--info);
+    --_on: var(--on-info);
+    --_subtle: var(--info-subtle);
+    --_text: var(--info-text);
+    --_border-color: var(--info-border);
+    --_hover: var(--info-hover);
+  }
+}
+@layer blocks {
+  .ln-dropdown {
+    --_fill: var(--primary);
+    --_border-color: var(--border);
+    --_menu-min: 12rem;
+    --_menu-max: 20rem;
+    position: relative;
+    display: inline-block;
+  }
+  .ln-dropdown__toggle {
+    cursor: pointer;
+  }
+  .ln-dropdown__menu {
+    position: absolute;
+    top: 100%;
+    left: 0;
+    z-index: 50;
+    min-width: var(--_menu-min);
+    max-width: var(--_menu-max);
+    padding: calc(var(--s-h) - var(--bd1)) 0;
+    background: var(--surface);
+    border-radius: var(--r-md);
+    border: var(--bd1) solid var(--_border-color);
+    box-shadow: var(--sh3);
+    margin-top: var(--s-h);
+  }
+  .ln-dropdown__menu[popover] {
+    padding: calc(var(--s-h) - var(--bd1)) 0;
+    overflow: visible;
+    color: inherit;
+    background: var(--surface);
+  }
+  .ln-dropdown__menu:not([popover]) {
+    display: none;
+  }
+  .ln-dropdown__toggle[aria-expanded=true] + .ln-dropdown__menu:not([popover]) {
+    display: block;
+  }
+  .ln-dropdown__item {
+    display: flex;
+    align-items: center;
+    gap: var(--s2);
+    padding: var(--s1) var(--s3);
+    min-height: 32px;
+    font: var(--t-body-sm-s)/var(--t-body-sm-lh) var(--f-ui);
+    color: var(--text);
+    text-decoration: none;
+    cursor: pointer;
+    border: none;
+    background: none;
+    width: 100%;
+    text-align: start;
+    transition: background-color var(--dur-fast) var(--e-standard);
+  }
+  .ln-dropdown__item:hover, .ln-dropdown__item[data-active] {
+    background-color: var(--surface-raised);
+  }
+  .ln-dropdown__item:focus-visible {
+    outline: 2px solid var(--focus);
+    outline-offset: -2px;
+  }
+  .ln-dropdown__item--danger {
+    color: var(--danger-text);
+  }
+  .ln-dropdown__item--danger:hover, .ln-dropdown__item--danger[data-active] {
+    background-color: var(--danger-subtle);
+  }
+  .ln-dropdown__icon {
+    width: 1rem;
+    height: 1rem;
+    flex-shrink: 0;
+    opacity: 0.7;
+  }
+  .ln-dropdown__label {
+    flex: 1;
+    min-width: 0;
+  }
+  .ln-dropdown__shortcut {
+    font: var(--t-meta-s) var(--f-mono);
+    color: var(--c-subtle);
+    margin-left: auto;
+  }
+  .ln-dropdown__heading {
+    font-size: var(--t-meta-s);
+    line-height: var(--t-meta-lh);
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.06em;
+    color: var(--c-subtle);
+    padding: var(--s1) var(--s3);
+  }
+  .ln-dropdown__divider {
+    height: 0;
+    margin: var(--s-h) 0;
+    border-top: var(--bd1) solid var(--_border-color);
+  }
+  .ln-dropdown--end .ln-dropdown__menu {
+    left: auto;
+    right: 0;
+  }
+  .ln-dropdown--up .ln-dropdown__menu {
+    top: auto;
+    bottom: 100%;
+    margin: 0 0 var(--s-h);
+  }
+  .ln-dropdown--start .ln-dropdown__menu {
+    left: 0;
+    right: auto;
+  }
+  .ln-dropdown--wide .ln-dropdown__menu {
+    min-width: 100%;
+  }
+  @supports (anchor-name: --x) {
+    .ln-dropdown .ln-dropdown__toggle {
+      anchor-name: --dropdown-trigger;
+    }
+    .ln-dropdown .ln-dropdown__menu[popover] {
+      position: fixed;
+      position-anchor: --dropdown-trigger;
+      inset: unset;
+      top: anchor(bottom);
+      left: anchor(left);
+      margin-top: var(--s-h);
+    }
+  }
+  .ln-dropdown--primary {
+    --_fill: var(--primary);
+    --_on: var(--on-primary);
+    --_subtle: var(--primary-subtle);
+    --_text: var(--primary-text);
+    --_border-color: var(--primary-border);
+    --_hover: var(--primary-hover);
+  }
+  .ln-dropdown--secondary {
+    --_fill: var(--secondary);
+    --_on: var(--on-secondary);
+    --_subtle: var(--secondary-subtle);
+    --_text: var(--secondary-text);
+    --_border-color: var(--secondary-border);
+    --_hover: var(--secondary-hover);
+  }
+  .ln-dropdown--success {
+    --_fill: var(--success);
+    --_on: var(--on-success);
+    --_subtle: var(--success-subtle);
+    --_text: var(--success-text);
+    --_border-color: var(--success-border);
+    --_hover: var(--success-hover);
+  }
+  .ln-dropdown--warning {
+    --_fill: var(--warning);
+    --_on: var(--on-warning);
+    --_subtle: var(--warning-subtle);
+    --_text: var(--warning-text);
+    --_border-color: var(--warning-border);
+    --_hover: var(--warning-hover);
+  }
+  .ln-dropdown--danger {
+    --_fill: var(--danger);
+    --_on: var(--on-danger);
+    --_subtle: var(--danger-subtle);
+    --_text: var(--danger-text);
+    --_border-color: var(--danger-border);
+    --_hover: var(--danger-hover);
+  }
+  .ln-dropdown--info {
+    --_fill: var(--info);
+    --_on: var(--on-info);
+    --_subtle: var(--info-subtle);
+    --_text: var(--info-text);
+    --_border-color: var(--info-border);
+    --_hover: var(--info-hover);
+  }
+}
+@layer blocks {
+  .ln-navbar {
+    --_height: var(--s4);
+    --_bg: var(--surface);
+    --_text: var(--text);
+    --_border-color: var(--border);
+    --_fill: var(--primary);
+    position: relative;
+    background-color: var(--_bg);
+    color: var(--_text);
+    z-index: 100;
+  }
+  .ln-navbar__inner {
+    display: flex;
+    align-items: center;
+    gap: var(--s3);
+    max-width: var(--container-wide);
+    margin-inline: auto;
+    padding-inline: var(--gutter);
+    min-height: var(--_height);
+  }
+  .ln-navbar__brand {
+    display: flex;
+    align-items: center;
+    gap: var(--s2);
+    font: 700 var(--t-h4-s)/var(--t-h4-lh) var(--f-ui);
+    text-decoration: none;
+    color: inherit;
+    flex-shrink: 0;
+  }
+  .ln-navbar__nav {
+    display: flex;
+    align-items: center;
+    gap: var(--s-h);
+    flex: 1;
+  }
+  .ln-navbar__item {
+    list-style: none;
+  }
+  .ln-navbar__link {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--s1);
+    padding: var(--s1) var(--s2);
+    min-height: 48px;
+    font: 500 var(--t-body-sm-s)/var(--t-body-sm-lh) var(--f-ui);
+    color: var(--c-muted);
+    text-decoration: none;
+    transition: color var(--dur-fast) var(--e-standard);
+  }
+  .ln-navbar__link:hover {
+    color: var(--_text);
+  }
+  .ln-navbar__link[aria-current=page] {
+    color: var(--primary-text);
+  }
+  .ln-navbar__actions {
+    display: flex;
+    align-items: center;
+    gap: var(--s2);
+    margin-left: auto;
+  }
+  .ln-navbar__toggle {
+    display: none;
+    appearance: none;
+    background: none;
+    border: none;
+    padding: var(--s1);
+    cursor: pointer;
+    color: inherit;
+    border-radius: var(--r-md);
+  }
+  .ln-navbar__toggle:hover {
+    background-color: var(--surface-raised);
+  }
+  .ln-navbar__panel {
+    display: none;
+  }
+  @media (max-width: 768px) {
+    .ln-navbar__toggle {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-left: auto;
+    }
+    .ln-navbar__nav {
+      display: none;
+    }
+    .ln-navbar__actions {
+      display: none;
+    }
+    .ln-navbar__panel {
+      position: absolute;
+      top: 100%;
+      left: 0;
+      right: 0;
+      background: var(--_bg);
+      padding: var(--s2) var(--gutter);
+      box-shadow: var(--sh3);
+      z-index: 99;
+      display: none;
+      opacity: 0;
+      transform: translateY(-8px);
+      transition: opacity var(--dur-base) var(--e-exit), transform var(--dur-base) var(--e-exit), display var(--dur-base) var(--e-exit) allow-discrete;
+    }
+    .ln-navbar__panel[aria-hidden=false] {
+      display: block;
+      opacity: 1;
+      transform: translateY(0);
+      transition: opacity var(--dur-base) var(--e-enter), transform var(--dur-base) var(--e-enter), display var(--dur-base) var(--e-enter) allow-discrete;
+    }
+    @starting-style {
+      .ln-navbar__panel[aria-hidden=false] {
+        opacity: 0;
+        transform: translateY(-8px);
+      }
+    }
+    .ln-navbar__panel .ln-navbar__link {
+      display: flex;
+      width: 100%;
+      padding: var(--s2) var(--s3);
+      border-radius: var(--r-md);
+    }
+    .ln-navbar__panel .ln-navbar__link:hover {
+      background-color: var(--surface-raised);
+    }
+    .ln-navbar:has(.ln-navbar__panel[aria-hidden=false])::before {
+      content: "";
+      position: fixed;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background: var(--overlay);
+      z-index: 98;
+    }
+  }
+  @media (max-width: 768px) {
+    .ln-navbar--actions-visible .ln-navbar__actions {
+      display: flex;
+    }
+  }
+  .ln-navbar--sticky {
+    position: sticky;
+    top: 0;
+  }
+  .ln-navbar--transparent {
+    --_bg: transparent;
+    border-bottom: 0;
+  }
+  .ln-navbar--transparent.is-stuck {
+    --_bg: var(--surface);
+    border-bottom: var(--bd1) solid var(--_border-color);
+    transition: background-color var(--dur-base) var(--e-standard);
+  }
+  .ln-navbar--bordered {
+    border-bottom: var(--bd1) solid var(--_border-color);
+  }
+  .ln-navbar--bordered .ln-navbar__inner {
+    min-height: calc(var(--_height) - var(--bd1));
+  }
+  .ln-navbar--center .ln-navbar__nav {
+    justify-content: center;
+  }
+  .ln-navbar--compact {
+    --_height: var(--s4);
+  }
+  .ln-navbar--compact .ln-navbar__link {
+    min-height: 24px;
+  }
+  .ln-navbar--primary {
+    --_fill: var(--primary);
+    --_on: var(--on-primary);
+    --_subtle: var(--primary-subtle);
+    --_text: var(--primary-text);
+    --_border-color: var(--primary-border);
+    --_hover: var(--primary-hover);
+  }
+  .ln-navbar--secondary {
+    --_fill: var(--secondary);
+    --_on: var(--on-secondary);
+    --_subtle: var(--secondary-subtle);
+    --_text: var(--secondary-text);
+    --_border-color: var(--secondary-border);
+    --_hover: var(--secondary-hover);
+  }
+  .ln-navbar--success {
+    --_fill: var(--success);
+    --_on: var(--on-success);
+    --_subtle: var(--success-subtle);
+    --_text: var(--success-text);
+    --_border-color: var(--success-border);
+    --_hover: var(--success-hover);
+  }
+  .ln-navbar--warning {
+    --_fill: var(--warning);
+    --_on: var(--on-warning);
+    --_subtle: var(--warning-subtle);
+    --_text: var(--warning-text);
+    --_border-color: var(--warning-border);
+    --_hover: var(--warning-hover);
+  }
+  .ln-navbar--danger {
+    --_fill: var(--danger);
+    --_on: var(--on-danger);
+    --_subtle: var(--danger-subtle);
+    --_text: var(--danger-text);
+    --_border-color: var(--danger-border);
+    --_hover: var(--danger-hover);
+  }
+  .ln-navbar--info {
+    --_fill: var(--info);
+    --_on: var(--on-info);
+    --_subtle: var(--info-subtle);
+    --_text: var(--info-text);
+    --_border-color: var(--info-border);
+    --_hover: var(--info-hover);
+  }
+  @media (max-width: 768px) {
+    html.ln-navbar-open {
+      overflow: hidden;
+    }
+  }
+}
+@layer blocks {
+  .ln-button {
+    --_fill: var(--primary);
+    --_on: var(--on-primary);
+    --_text: var(--primary-text);
+    --_subtle: var(--primary-subtle);
+    --_h: 2.5rem;
+    --_px: 1rem;
+    --_fs: 0.9375rem;
+    --_lh: 1.5rem;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: 0.5rem;
+    height: var(--_h);
+    padding-inline: var(--_px);
+    border: 0;
+    font: 500 var(--_fs)/var(--_lh) var(--f-ui);
+    white-space: nowrap;
+    cursor: pointer;
+    background: var(--_fill);
+    color: var(--_on);
+    text-decoration: none;
+    transition: background-color 0.12s, box-shadow 0.12s, color 0.12s;
+    text-box: trim-both cap alphabetic;
+  }
+  .ln-button:hover {
+    background: color-mix(in srgb, var(--_fill) 88%, var(--text));
+  }
+  .ln-button:focus-visible {
+    outline: 2px solid var(--focus);
+    outline-offset: 2px;
+  }
+  .ln-button:disabled, .ln-button[aria-disabled=true] {
+    background: var(--surface-raised);
+    color: var(--c-subtle);
+    border: var(--bd1) solid var(--border);
+    cursor: not-allowed;
+  }
+  .ln-button[aria-busy=true] {
+    cursor: progress;
+  }
+  .ln-button[aria-busy=true] .ln-button__spinner {
+    display: inline-flex;
+  }
+  .ln-button__label {
+    display: inline-flex;
+    align-items: center;
+  }
+  .ln-button__icon {
+    font-size: 1rem;
+    flex: none;
+  }
+  .ln-button__spinner {
+    display: none;
+    align-items: center;
+  }
+  .ln-button__badge {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+  }
+  .ln-button--neutral {
+    --_fill: var(--surface-raised);
+    --_on: var(--text);
+    --_text: var(--text);
+    --_subtle: var(--surface-sunken);
+    border: var(--bd1) solid var(--border-control);
+  }
+  .ln-button--subtle {
+    background: var(--_subtle);
+    color: var(--_text);
+    border: 0;
+  }
+  .ln-button--subtle:hover {
+    background: color-mix(in srgb, var(--_subtle) 80%, var(--_text));
+  }
+  .ln-button--outline {
+    background: transparent;
+    color: var(--_text);
+    border: var(--bd1) solid var(--_text);
+  }
+  .ln-button--outline:hover {
+    background: transparent;
+  }
+  .ln-button--ghost {
+    background: transparent;
+    color: var(--_text);
+    border: 0;
+  }
+  .ln-button--ghost:hover {
+    background: var(--_subtle);
+  }
+  .ln-button--link {
+    background: transparent;
+    color: var(--_text);
+    padding-inline: 0;
+    text-decoration: underline;
+    text-underline-offset: 0.2em;
+    border: 0;
+  }
+  .ln-button--link:hover {
+    background: transparent;
+    text-decoration-thickness: 2px;
+  }
+  .ln-button--sm {
+    --_h: 2rem;
+    --_px: 0.75rem;
+    --_fs: 0.875rem;
+    --_lh: 1.25rem;
+  }
+  .ln-button--lg {
+    --_h: 3rem;
+    --_px: 1.5rem;
+    --_fs: 1rem;
+    --_lh: 1.5rem;
+  }
+  .ln-button--block {
+    width: 100%;
+  }
+  @media (min-width: 576px) {
+    .ln-button--sm\@sm {
+      --_h: 2rem;
+      --_px: 0.75rem;
+      --_fs: 0.875rem;
+      --_lh: 1.25rem;
+    }
+    .ln-button--lg\@sm {
+      --_h: 3rem;
+      --_px: 1.5rem;
+      --_fs: 1rem;
+      --_lh: 1.5rem;
+    }
+    .ln-button--block\@sm {
+      width: 100%;
+    }
+  }
+  @media (min-width: 768px) {
+    .ln-button--sm\@md {
+      --_h: 2rem;
+      --_px: 0.75rem;
+      --_fs: 0.875rem;
+      --_lh: 1.25rem;
+    }
+    .ln-button--lg\@md {
+      --_h: 3rem;
+      --_px: 1.5rem;
+      --_fs: 1rem;
+      --_lh: 1.5rem;
+    }
+    .ln-button--block\@md {
+      width: 100%;
+    }
+  }
+  @media (min-width: 1024px) {
+    .ln-button--sm\@lg {
+      --_h: 2rem;
+      --_px: 0.75rem;
+      --_fs: 0.875rem;
+      --_lh: 1.25rem;
+    }
+    .ln-button--lg\@lg {
+      --_h: 3rem;
+      --_px: 1.5rem;
+      --_fs: 1rem;
+      --_lh: 1.5rem;
+    }
+    .ln-button--block\@lg {
+      width: 100%;
+    }
+  }
+  @media (min-width: 1280px) {
+    .ln-button--sm\@xl {
+      --_h: 2rem;
+      --_px: 0.75rem;
+      --_fs: 0.875rem;
+      --_lh: 1.25rem;
+    }
+    .ln-button--lg\@xl {
+      --_h: 3rem;
+      --_px: 1.5rem;
+      --_fs: 1rem;
+      --_lh: 1.5rem;
+    }
+    .ln-button--block\@xl {
+      width: 100%;
+    }
+  }
+  @media (min-width: 1536px) {
+    .ln-button--sm\@2xl {
+      --_h: 2rem;
+      --_px: 0.75rem;
+      --_fs: 0.875rem;
+      --_lh: 1.25rem;
+    }
+    .ln-button--lg\@2xl {
+      --_h: 3rem;
+      --_px: 1.5rem;
+      --_fs: 1rem;
+      --_lh: 1.5rem;
+    }
+    .ln-button--block\@2xl {
+      width: 100%;
+    }
+  }
+  .ln-button--icon {
+    padding-inline: 0;
+    width: var(--_h);
+  }
+  .ln-button--pill {
+    border-radius: var(--r-pill);
+  }
+  .ln-button--square {
+    border-radius: 0;
+  }
+  .ln-button--rounded-sm {
+    border-radius: var(--r-sm);
+  }
+  .ln-button--rounded-md {
+    border-radius: var(--r-md);
+  }
+  .ln-button--rounded-lg {
+    border-radius: var(--r-lg);
+  }
+  .ln-button--rounded-xl {
+    border-radius: var(--r-xl);
+  }
+  .ln-button--primary {
+    --_fill: var(--primary);
+    --_on: var(--on-primary);
+    --_subtle: var(--primary-subtle);
+    --_text: var(--primary-text);
+    --_border-color: var(--primary-border);
+    --_hover: var(--primary-hover);
+  }
+  .ln-button--secondary {
+    --_fill: var(--secondary);
+    --_on: var(--on-secondary);
+    --_subtle: var(--secondary-subtle);
+    --_text: var(--secondary-text);
+    --_border-color: var(--secondary-border);
+    --_hover: var(--secondary-hover);
+  }
+  .ln-button--success {
+    --_fill: var(--success);
+    --_on: var(--on-success);
+    --_subtle: var(--success-subtle);
+    --_text: var(--success-text);
+    --_border-color: var(--success-border);
+    --_hover: var(--success-hover);
+  }
+  .ln-button--warning {
+    --_fill: var(--warning);
+    --_on: var(--on-warning);
+    --_subtle: var(--warning-subtle);
+    --_text: var(--warning-text);
+    --_border-color: var(--warning-border);
+    --_hover: var(--warning-hover);
+  }
+  .ln-button--danger {
+    --_fill: var(--danger);
+    --_on: var(--on-danger);
+    --_subtle: var(--danger-subtle);
+    --_text: var(--danger-text);
+    --_border-color: var(--danger-border);
+    --_hover: var(--danger-hover);
+  }
+  .ln-button--info {
+    --_fill: var(--info);
+    --_on: var(--on-info);
+    --_subtle: var(--info-subtle);
+    --_text: var(--info-text);
+    --_border-color: var(--info-border);
+    --_hover: var(--info-hover);
+  }
+}
+@layer blocks {
+  .ln-button-group {
+    display: inline-flex;
+    flex-wrap: wrap;
+    gap: var(--s1);
+  }
+  .ln-button-group--attached {
+    gap: 0;
+  }
+  .ln-button-group--attached .ln-button {
+    border-radius: 0;
+  }
+  .ln-button-group--attached .ln-button:not(:first-child) {
+    margin-left: -1px;
+  }
+  .ln-button-group--attached .ln-button:first-child {
+    border-start-start-radius: var(--r-md);
+    border-end-start-radius: var(--r-md);
+  }
+  .ln-button-group--attached .ln-button:last-child {
+    border-start-end-radius: var(--r-md);
+    border-end-end-radius: var(--r-md);
+  }
+  .ln-button-group--vertical {
+    flex-direction: column;
+  }
+  .ln-button-group--vertical.ln-button-group--attached .ln-button {
+    border-radius: 0;
+  }
+  .ln-button-group--vertical.ln-button-group--attached .ln-button:not(:first-child) {
+    margin-left: 0;
+    border-top: 0;
+  }
+  .ln-button-group--vertical.ln-button-group--attached .ln-button:first-child {
+    border-start-start-radius: var(--r-md);
+    border-start-end-radius: var(--r-md);
+  }
+  .ln-button-group--vertical.ln-button-group--attached .ln-button:last-child {
+    border-end-start-radius: var(--r-md);
+    border-end-end-radius: var(--r-md);
+  }
+  .ln-button-group--fill {
+    width: 100%;
+  }
+  .ln-button-group--fill .ln-button {
+    flex: 1 1;
+    min-width: 0;
+  }
+  .ln-button-group--fill.ln-button-group--vertical .ln-button {
+    flex: auto;
+  }
+}
+@layer blocks {
+  .ln-field {
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+  }
+  .ln-field__label {
+    font: 500 0.875rem/1.25rem var(--f-ui);
+    display: flex;
+    gap: 0.5rem;
+    align-items: center;
+    height: 1.25rem;
+  }
+  .ln-field__required {
+    color: var(--danger-text);
+  }
+  .ln-field__optional {
+    font: 400 0.75rem/1.25rem var(--f-mono);
+    color: var(--c-subtle);
+  }
+  .ln-field__control {
+    width: 100%;
+  }
+  .ln-field__control input,
+  .ln-field__control select,
+  .ln-field__control textarea {
+    width: 100%;
+    height: 3.5rem;
+    padding: 1rem;
+    border: var(--bd1) solid var(--border-control);
+    font: 400 1rem/1.5rem var(--f-ui);
+    color: var(--text);
+    background: var(--surface);
+  }
+  .ln-field__control textarea {
+    height: auto;
+    min-height: 5rem;
+    resize: vertical;
+  }
+  .ln-field__control select {
+    appearance: none;
+    padding-right: 2.5rem;
+    background-image: linear-gradient(45deg, transparent 50%, var(--c-muted) 50%), linear-gradient(135deg, var(--c-muted) 50%, transparent 50%);
+    background-position: calc(100% - 20px) 18px, calc(100% - 15px) 18px;
+    background-size: 5px 5px;
+    background-repeat: no-repeat;
+  }
+  .ln-field__control input::placeholder,
+  .ln-field__control textarea::placeholder {
+    color: var(--c-subtle);
+  }
+  .ln-field__control input:focus,
+  .ln-field__control select:focus,
+  .ln-field__control textarea:focus {
+    outline: 2px solid var(--focus);
+    outline-offset: -2px;
+  }
+  .ln-field__hint {
+    font: 400 0.875rem/1.25rem var(--f-ui);
+    color: var(--c-muted);
+  }
+  .ln-field__error {
+    font: 500 0.875rem/1.25rem var(--f-ui);
+    color: var(--danger-text);
+    display: none;
+  }
+  .ln-field__counter {
+    font: var(--t-meta-s)/var(--t-meta-lh) var(--f-mono);
+    color: var(--c-subtle);
+    text-align: end;
+  }
+  .ln-field:has([aria-invalid=true]) .ln-field__label {
+    color: var(--danger-text);
+  }
+  .ln-field:has([aria-invalid=true]) .ln-field__control input,
+  .ln-field:has([aria-invalid=true]) .ln-field__control select,
+  .ln-field:has([aria-invalid=true]) .ln-field__control textarea {
+    border: var(--bd2) solid var(--danger-text);
+  }
+  .ln-field:has([aria-invalid=true]) .ln-field__hint {
+    display: none;
+  }
+  .ln-field:has([aria-invalid=true]) .ln-field__error {
+    display: flex;
+    gap: 0.25rem;
+    align-items: center;
+  }
+  .ln-field:has(:disabled) {
+    opacity: 0.5;
+  }
+  .ln-field--sm .ln-field__control input,
+  .ln-field--sm .ln-field__control select {
+    height: 2rem;
+  }
+  .ln-field--lg .ln-field__control input,
+  .ln-field--lg .ln-field__control select {
+    height: 3rem;
+  }
+  .ln-field--inline {
+    flex-direction: row;
+    align-items: flex-start;
+  }
+  .ln-field--inline .ln-field__label {
+    min-width: 30%;
+    padding: var(--s1) 0;
+  }
+  .ln-field--inline .ln-field__control {
+    flex: 1;
+  }
+}
+@layer blocks {
+  .ln-input-group {
+    display: flex;
+    border-radius: var(--r-xs);
+    outline: var(--bd1) solid var(--border-control);
+    outline-offset: calc(-1 * var(--bd1));
+    background: var(--surface);
+  }
+  .ln-input-group:focus-within {
+    outline-color: var(--focus);
+    outline-width: 2px;
+    outline-offset: -2px;
+  }
+  .ln-input-group__addon {
+    height: 2.5rem;
+    padding-inline: 0.75rem;
+    font: 400 0.875rem/2.5rem var(--f-mono);
+    color: var(--c-muted);
+    border-right: var(--bd1) solid var(--border);
+  }
+  .ln-input-group__control {
+    flex: 1;
+    min-width: 0;
+    border: 0;
+    background: transparent;
+  }
+  .ln-input-group__control:focus {
+    outline: none;
+  }
+  .ln-input-group__control::placeholder {
+    color: var(--c-subtle);
+  }
+  .ln-input-group .ln-button {
+    border-radius: 0 var(--r-xs) var(--r-xs) 0;
+  }
+  .ln-input-group__button {
+    flex-shrink: 0;
+  }
+  .ln-input-group__icon {
+    position: absolute;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 2.5rem;
+    height: 100%;
+    color: var(--c-muted);
+    pointer-events: none;
+  }
+  .ln-input-group--sm .ln-input-group__control {
+    height: 2rem;
+  }
+  .ln-input-group--sm .ln-input-group__addon {
+    height: 2rem;
+    line-height: 2rem;
+  }
+  .ln-input-group--sm .ln-input-group__icon {
+    width: 2rem;
+  }
+  .ln-input-group--lg .ln-input-group__control {
+    height: 3rem;
+  }
+  .ln-input-group--lg .ln-input-group__addon {
+    height: 3rem;
+    line-height: 3rem;
+  }
+  .ln-input-group--lg .ln-input-group__icon {
+    width: 3rem;
+  }
+}
+@layer blocks {
+  .ln-choice {
+    display: flex;
+    flex-direction: column;
+    gap: 0.75rem;
+  }
+  .ln-choice__option {
+    display: flex;
+    gap: 0.75rem;
+    align-items: flex-start;
+    cursor: pointer;
+  }
+  .ln-choice__input {
+    appearance: none;
+    flex: none;
+    width: 1.25rem;
+    height: 1.25rem;
+    margin: 0.125rem 0 0;
+    border: var(--bd1) solid var(--border-control);
+    border-radius: var(--r-xs);
+    background: var(--surface);
+    display: grid;
+    place-items: center;
+    cursor: pointer;
+  }
+  .ln-choice__input[type=radio] {
+    border-radius: 50%;
+  }
+  .ln-choice__input:checked {
+    background: var(--primary);
+    border-color: var(--primary);
+  }
+  .ln-choice__input[type=checkbox]:checked::after {
+    content: "";
+    width: 0.625rem;
+    height: 0.375rem;
+    border: 2px solid var(--on-primary);
+    border-top: 0;
+    border-right: 0;
+    transform: translateY(-1px) rotate(-45deg);
+  }
+  .ln-choice__input[type=radio]:checked::after {
+    content: "";
+    width: 0.5rem;
+    height: 0.5rem;
+    border-radius: 50%;
+    background: var(--on-primary);
+  }
+  .ln-choice__input:focus-visible {
+    outline: 2px solid var(--focus);
+    outline-offset: 2px;
+  }
+  .ln-choice__input[aria-invalid=true] {
+    border-color: var(--danger);
+  }
+  .ln-choice__input:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+  .ln-choice__input:disabled ~ .ln-choice__label {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+  .ln-choice__body {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+  }
+  .ln-choice__label {
+    font: 500 1rem/1.5rem var(--f-ui);
+  }
+  .ln-choice__description {
+    font: 400 0.875rem/1.25rem var(--f-ui);
+    color: var(--c-muted);
+  }
+  .ln-choice__hint {
+    font: 400 0.875rem/1.25rem var(--f-ui);
+    color: var(--c-muted);
+  }
+  .ln-choice__aside {
+    font: 500 1rem/1.5rem var(--f-ui);
+    font-variant-numeric: tabular-nums;
+  }
+  .ln-choice--card {
+    gap: 1.5rem;
+  }
+  .ln-choice--card .ln-choice__option {
+    padding: 0.75rem;
+    border-radius: var(--r-xs);
+    background: var(--surface);
+    outline: var(--bd1) solid var(--border);
+    outline-offset: calc(-1 * var(--bd1));
+  }
+  .ln-choice--card .ln-choice__option:has(:checked) {
+    background: var(--primary-subtle);
+    outline: var(--bd2) solid var(--primary-text);
+    outline-offset: calc(-1 * var(--bd2));
+  }
+  .ln-choice--switch {
+    gap: 1rem;
+  }
+  .ln-choice--switch .ln-choice__input {
+    width: 2.5rem;
+    height: 1.5rem;
+    margin: 0;
+    border-radius: 999px;
+    display: block;
+    position: relative;
+  }
+  .ln-choice--switch .ln-choice__input::after {
+    content: "";
+    position: absolute;
+    top: 0.25rem;
+    left: 0.25rem;
+    width: 1rem;
+    height: 1rem;
+    border-radius: 50%;
+    background: var(--c-muted);
+    transition: transform 0.2s;
+  }
+  .ln-choice--switch .ln-choice__input:checked::after {
+    transform: translateX(1rem);
+    background: var(--on-primary);
+    border: 0;
+    width: 1rem;
+    height: 1rem;
+  }
+  .ln-choice--inline {
+    flex-direction: row;
+    flex-wrap: wrap;
+    gap: var(--s3);
+  }
+}
+@layer blocks {
+  .ln-form {
+    display: flex;
+    flex-direction: column;
+    gap: var(--s3);
+  }
+  .ln-form__section {
+    display: flex;
+    flex-direction: column;
+    gap: var(--s3);
+  }
+  .ln-form__section:not(:first-child) {
+    padding-top: calc(var(--s3) - var(--bd1));
+    border-top: var(--bd1) solid var(--border);
+  }
+  .ln-form__header {
+    font: 600 var(--t-h4-s)/var(--t-h4-lh) var(--f-ui);
+  }
+  .ln-form__title {
+    font: 600 var(--t-h4-s)/var(--t-h4-lh) var(--f-ui);
+  }
+  .ln-form__description {
+    font-size: var(--t-body-sm-s);
+    line-height: var(--t-body-sm-lh);
+    color: var(--c-muted);
+  }
+  .ln-form__row {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
+    gap: var(--s3);
+  }
+  .ln-form__actions {
+    display: flex;
+    align-items: center;
+    gap: var(--s2);
+    padding-top: calc(var(--s3) - var(--bd1));
+    border-top: var(--bd1) solid var(--border);
+  }
+  .ln-form__actions--plain {
+    padding-top: 0;
+    border-top: 0;
+  }
+  .ln-form__actions--end {
+    justify-content: flex-end;
+  }
+  .ln-form__actions--sticky {
+    position: sticky;
+    bottom: 0;
+    background-color: var(--surface);
+    padding-block: var(--s3);
+    z-index: 10;
+  }
+  .ln-form--aside .ln-form__section {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
+    gap: var(--s4);
+    align-items: start;
+  }
+  .ln-form--compact {
+    gap: var(--s2);
+  }
+  .ln-form--compact .ln-form__section {
+    gap: var(--s2);
+  }
+}
+@layer blocks {
+  .ln-spinner {
+    --_fill: currentColor;
+    --_size: 24px;
+    display: inline-block;
+    width: var(--_size);
+    height: var(--_size);
+    border: 2px solid transparent;
+    border-top-color: var(--_fill);
+    border-left-color: var(--_fill);
+    border-radius: var(--r-circle);
+    animation: ln-spin 1s linear infinite;
+  }
+  .ln-spinner__label {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+  }
+  .ln-spinner--sm {
+    --_size: 16px;
+  }
+  .ln-spinner--md {
+    --_size: 24px;
+  }
+  .ln-spinner--lg {
+    --_size: 32px;
+  }
+  .ln-spinner--primary {
+    --_fill: var(--primary);
+    --_on: var(--on-primary);
+    --_subtle: var(--primary-subtle);
+    --_text: var(--primary-text);
+    --_border-color: var(--primary-border);
+    --_hover: var(--primary-hover);
+  }
+  .ln-spinner--secondary {
+    --_fill: var(--secondary);
+    --_on: var(--on-secondary);
+    --_subtle: var(--secondary-subtle);
+    --_text: var(--secondary-text);
+    --_border-color: var(--secondary-border);
+    --_hover: var(--secondary-hover);
+  }
+  .ln-spinner--success {
+    --_fill: var(--success);
+    --_on: var(--on-success);
+    --_subtle: var(--success-subtle);
+    --_text: var(--success-text);
+    --_border-color: var(--success-border);
+    --_hover: var(--success-hover);
+  }
+  .ln-spinner--warning {
+    --_fill: var(--warning);
+    --_on: var(--on-warning);
+    --_subtle: var(--warning-subtle);
+    --_text: var(--warning-text);
+    --_border-color: var(--warning-border);
+    --_hover: var(--warning-hover);
+  }
+  .ln-spinner--danger {
+    --_fill: var(--danger);
+    --_on: var(--on-danger);
+    --_subtle: var(--danger-subtle);
+    --_text: var(--danger-text);
+    --_border-color: var(--danger-border);
+    --_hover: var(--danger-hover);
+  }
+  .ln-spinner--info {
+    --_fill: var(--info);
+    --_on: var(--on-info);
+    --_subtle: var(--info-subtle);
+    --_text: var(--info-text);
+    --_border-color: var(--info-border);
+    --_hover: var(--info-hover);
+  }
+  @keyframes ln-spin {
+    to {
+      transform: rotate(360deg);
+    }
+  }
+}
+@layer blocks {
+  .ln-badge {
+    --_fill: var(--surface-raised);
+    --_on: var(--text);
+    --_text: var(--c-muted);
+    --_subtle: var(--surface-sunken);
+    display: inline-block;
+    height: 1.5rem;
+    padding-inline: 0.5rem;
+    border-radius: 999px;
+    font: 500 0.75rem/1.5rem var(--f-ui);
+    background: var(--_subtle);
+    color: var(--_text);
+    white-space: nowrap;
+    vertical-align: middle;
+  }
+  .ln-badge--solid {
+    background: var(--_fill);
+    color: var(--_on);
+  }
+  .ln-badge--outline {
+    background: transparent;
+    border: var(--bd1) solid currentColor;
+  }
+  .ln-badge--sm {
+    padding: 0 var(--s-h);
+    font-size: 10px;
+    line-height: 16px;
+  }
+  .ln-badge--pill {
+    border-radius: 999px;
+  }
+  .ln-badge--count {
+    font: 500 0.75rem/1.5rem var(--f-mono);
+    padding-inline: 0.375rem;
+    min-width: 1.5rem;
+    text-align: center;
+  }
+  .ln-badge__dot {
+    display: inline-block;
+    width: 0.5rem;
+    height: 0.5rem;
+    border-radius: 50%;
+    background: currentColor;
+    vertical-align: middle;
+    margin-top: -2px;
+    margin-right: 0.25rem;
+  }
+  .ln-badge__icon {
+    width: 1em;
+    height: 1em;
+    flex: none;
+  }
+  .ln-badge--primary {
+    --_fill: var(--primary);
+    --_on: var(--on-primary);
+    --_subtle: var(--primary-subtle);
+    --_text: var(--primary-text);
+    --_border-color: var(--primary-border);
+    --_hover: var(--primary-hover);
+  }
+  .ln-badge--secondary {
+    --_fill: var(--secondary);
+    --_on: var(--on-secondary);
+    --_subtle: var(--secondary-subtle);
+    --_text: var(--secondary-text);
+    --_border-color: var(--secondary-border);
+    --_hover: var(--secondary-hover);
+  }
+  .ln-badge--success {
+    --_fill: var(--success);
+    --_on: var(--on-success);
+    --_subtle: var(--success-subtle);
+    --_text: var(--success-text);
+    --_border-color: var(--success-border);
+    --_hover: var(--success-hover);
+  }
+  .ln-badge--warning {
+    --_fill: var(--warning);
+    --_on: var(--on-warning);
+    --_subtle: var(--warning-subtle);
+    --_text: var(--warning-text);
+    --_border-color: var(--warning-border);
+    --_hover: var(--warning-hover);
+  }
+  .ln-badge--danger {
+    --_fill: var(--danger);
+    --_on: var(--on-danger);
+    --_subtle: var(--danger-subtle);
+    --_text: var(--danger-text);
+    --_border-color: var(--danger-border);
+    --_hover: var(--danger-hover);
+  }
+  .ln-badge--info {
+    --_fill: var(--info);
+    --_on: var(--on-info);
+    --_subtle: var(--info-subtle);
+    --_text: var(--info-text);
+    --_border-color: var(--info-border);
+    --_hover: var(--info-hover);
+  }
+}
+@layer blocks {
+  .ln-tag {
+    --_fill: var(--surface-raised);
+    --_on: var(--text);
+    --_text: var(--text);
+    --_subtle: var(--surface-raised);
+    display: inline-flex;
+    align-items: center;
+    gap: 0.25rem;
+    height: 2rem;
+    padding-inline: 0.75rem;
+    border-radius: var(--r-xs);
+    font: 500 0.875rem/1.25rem var(--f-ui);
+    background: var(--_fill);
+    color: var(--_on);
+    border: 0;
+  }
+  .ln-tag__icon {
+    width: 1em;
+    height: 1em;
+    flex: none;
+  }
+  .ln-tag__label {
+    flex: 1;
+  }
+  .ln-tag__remove {
+    display: inline-grid;
+    place-items: center;
+    width: 1.25rem;
+    height: 1.25rem;
+    border: 0;
+    border-radius: var(--r-sm);
+    background: transparent;
+    color: currentColor;
+    cursor: pointer;
+    padding: 0;
+    margin-left: 0.125rem;
+    margin-top: -0.05rem;
+    line-height: 0;
+  }
+  .ln-tag__remove:hover {
+    background: color-mix(in srgb, currentColor 12%, transparent);
+    color: var(--text);
+  }
+  .ln-tag--selectable {
+    padding-inline: 0.75rem;
+    cursor: pointer;
+    border: 0;
+  }
+  .ln-tag--selectable[aria-pressed=true] {
+    background: var(--primary-subtle);
+    color: var(--primary-text);
+    border: var(--bd1) solid var(--primary-text);
+  }
+  .ln-tag--primary {
+    --_fill: var(--primary);
+    --_on: var(--on-primary);
+    --_subtle: var(--primary-subtle);
+    --_text: var(--primary-text);
+    --_border-color: var(--primary-border);
+    --_hover: var(--primary-hover);
+  }
+  .ln-tag--secondary {
+    --_fill: var(--secondary);
+    --_on: var(--on-secondary);
+    --_subtle: var(--secondary-subtle);
+    --_text: var(--secondary-text);
+    --_border-color: var(--secondary-border);
+    --_hover: var(--secondary-hover);
+  }
+  .ln-tag--success {
+    --_fill: var(--success);
+    --_on: var(--on-success);
+    --_subtle: var(--success-subtle);
+    --_text: var(--success-text);
+    --_border-color: var(--success-border);
+    --_hover: var(--success-hover);
+  }
+  .ln-tag--warning {
+    --_fill: var(--warning);
+    --_on: var(--on-warning);
+    --_subtle: var(--warning-subtle);
+    --_text: var(--warning-text);
+    --_border-color: var(--warning-border);
+    --_hover: var(--warning-hover);
+  }
+  .ln-tag--danger {
+    --_fill: var(--danger);
+    --_on: var(--on-danger);
+    --_subtle: var(--danger-subtle);
+    --_text: var(--danger-text);
+    --_border-color: var(--danger-border);
+    --_hover: var(--danger-hover);
+  }
+  .ln-tag--info {
+    --_fill: var(--info);
+    --_on: var(--on-info);
+    --_subtle: var(--info-subtle);
+    --_text: var(--info-text);
+    --_border-color: var(--info-border);
+    --_hover: var(--info-hover);
+  }
+}
+@layer blocks {
+  .ln-progress {
+    --_fill: var(--primary);
+    --_track-height: 8px;
+    display: flex;
+    flex-direction: column;
+    gap: var(--s1);
+  }
+  .ln-progress__header {
+    display: flex;
+    justify-content: space-between;
+    align-items: baseline;
+  }
+  .ln-progress__label {
+    font: 500 var(--t-body-sm-s)/var(--t-body-sm-lh) var(--f-ui);
+    color: var(--text);
+  }
+  .ln-progress__value {
+    font: var(--t-meta-s)/var(--t-meta-lh) var(--f-mono);
+    color: var(--c-muted);
+    font-variant-numeric: tabular-nums;
+  }
+  .ln-progress__track {
+    width: 100%;
+    height: var(--_track-height);
+    background-color: var(--surface-sunken);
+    border-radius: var(--r-pill);
+    overflow: hidden;
+  }
+  .ln-progress__bar {
+    height: 100%;
+    width: var(--progress, 0%);
+    background-color: var(--_fill);
+    border-radius: var(--r-pill);
+    transition: width var(--dur-slow) var(--e-standard);
+  }
+  .ln-progress--xs {
+    --_track-height: 4px;
+  }
+  .ln-progress--sm {
+    --_track-height: 8px;
+  }
+  .ln-progress--md {
+    --_track-height: 16px;
+  }
+  .ln-progress--indeterminate .ln-progress__bar {
+    width: 40%;
+    animation: ln-progress-indeterminate 1.8s var(--e-standard) infinite;
+  }
+  .ln-progress--primary {
+    --_fill: var(--primary);
+    --_on: var(--on-primary);
+    --_subtle: var(--primary-subtle);
+    --_text: var(--primary-text);
+    --_border-color: var(--primary-border);
+    --_hover: var(--primary-hover);
+  }
+  .ln-progress--secondary {
+    --_fill: var(--secondary);
+    --_on: var(--on-secondary);
+    --_subtle: var(--secondary-subtle);
+    --_text: var(--secondary-text);
+    --_border-color: var(--secondary-border);
+    --_hover: var(--secondary-hover);
+  }
+  .ln-progress--success {
+    --_fill: var(--success);
+    --_on: var(--on-success);
+    --_subtle: var(--success-subtle);
+    --_text: var(--success-text);
+    --_border-color: var(--success-border);
+    --_hover: var(--success-hover);
+  }
+  .ln-progress--warning {
+    --_fill: var(--warning);
+    --_on: var(--on-warning);
+    --_subtle: var(--warning-subtle);
+    --_text: var(--warning-text);
+    --_border-color: var(--warning-border);
+    --_hover: var(--warning-hover);
+  }
+  .ln-progress--danger {
+    --_fill: var(--danger);
+    --_on: var(--on-danger);
+    --_subtle: var(--danger-subtle);
+    --_text: var(--danger-text);
+    --_border-color: var(--danger-border);
+    --_hover: var(--danger-hover);
+  }
+  .ln-progress--info {
+    --_fill: var(--info);
+    --_on: var(--on-info);
+    --_subtle: var(--info-subtle);
+    --_text: var(--info-text);
+    --_border-color: var(--info-border);
+    --_hover: var(--info-hover);
+  }
+  @keyframes ln-progress-indeterminate {
+    0% {
+      transform: translateX(-100%);
+    }
+    100% {
+      transform: translateX(350%);
+    }
+  }
+}
+@layer blocks {
+  .ln-skeleton {
+    display: flex;
+    flex-direction: column;
+    gap: var(--s1);
+  }
+  .ln-skeleton__line {
+    height: 24px;
+    background-color: var(--surface-raised);
+    border-radius: var(--r-sm);
+    animation: ln-pulse 1.5s ease-in-out infinite alternate;
+  }
+  .ln-skeleton__block {
+    background-color: var(--surface-raised);
+    border-radius: var(--r-md);
+    animation: ln-pulse 1.5s ease-in-out infinite alternate;
+  }
+  .ln-skeleton__circle {
+    border-radius: var(--r-circle);
+    background-color: var(--surface-raised);
+    animation: ln-pulse 1.5s ease-in-out infinite alternate;
+    aspect-ratio: 1;
+  }
+  .ln-skeleton--text-body .ln-skeleton__line {
+    height: 24px;
+  }
+  .ln-skeleton--text-sm .ln-skeleton__line {
+    height: 20px;
+  }
+  .ln-skeleton--text-h2 .ln-skeleton__line {
+    height: 48px;
+  }
+  .ln-skeleton--text-h3 .ln-skeleton__line {
+    height: 32px;
+  }
+  @keyframes ln-pulse {
+    from {
+      opacity: 0.4;
+    }
+    to {
+      opacity: 1;
+    }
+  }
+}
+@layer blocks {
+  .ln-empty-state {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    text-align: center;
+    padding: 72px var(--s4);
+  }
+  .ln-empty-state__media {
+    max-width: 200px;
+    margin-bottom: var(--s3);
+    color: var(--c-subtle);
+  }
+  .ln-empty-state__icon {
+    font-size: 48px;
+    color: var(--c-subtle);
+    margin-bottom: var(--s3);
+  }
+  .ln-empty-state__title {
+    font: 600 var(--t-h4-s)/var(--t-h4-lh) var(--f-ui);
+    color: var(--text);
+    margin-bottom: var(--s1);
+  }
+  .ln-empty-state__body {
+    font-size: var(--t-body-sm-s);
+    line-height: var(--t-body-sm-lh);
+    color: var(--c-muted);
+    max-width: 400px;
+    margin-bottom: var(--s4);
+  }
+  .ln-empty-state__actions {
+    display: flex;
+    gap: var(--s2);
+    align-items: center;
+  }
+  .ln-empty-state--compact {
+    padding: 48px var(--s3);
+  }
+  .ln-empty-state--compact .ln-empty-state__media {
+    max-width: 120px;
+  }
+  .ln-empty-state--sunken {
+    background-color: var(--surface-sunken);
+    border-radius: var(--r-lg);
+  }
+}
+@layer blocks {
+  .ln-alert {
+    --_text: var(--info-text);
+    --_subtle: var(--info-subtle);
+    --_fill: var(--info);
+    --_on: var(--on-info);
+    --_border-color: var(--info-border);
+    --border: var(--_border-color);
+    display: flex;
+    gap: 0.75rem;
+    padding: 1rem;
+  }
+  .ln-alert[hidden] {
+    display: none;
+  }
+  .ln-alert {
+    background: var(--_subtle);
+    color: var(--text);
+  }
+  .ln-alert__icon {
+    line-height: 1.5rem;
+    color: var(--_text);
+  }
+  .ln-alert__content {
+    flex: 1;
+    min-width: 0;
+  }
+  .ln-alert__title {
+    font: 600 1rem/1.5rem var(--f-ui);
+    margin-bottom: 0.25rem;
+  }
+  .ln-alert__body {
+    font: 400 1rem/1.5rem var(--f-ui);
+    color: var(--c-muted);
+  }
+  .ln-alert__actions {
+    display: flex;
+    gap: var(--s1);
+    margin-top: var(--s2);
+  }
+  .ln-alert__dismiss {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 1.5rem;
+    height: 1.5rem;
+    flex-shrink: 0;
+    padding: 0;
+    border: none;
+    background: none;
+    color: var(--c-muted);
+    cursor: pointer;
+    border-radius: var(--r-sm);
+  }
+  .ln-alert__dismiss:hover {
+    color: var(--text);
+    background-color: color-mix(in srgb, currentColor 10%, transparent);
+  }
+  .ln-alert--solid {
+    background: var(--_fill);
+    color: var(--_on);
+  }
+  .ln-alert--solid .ln-alert__icon,
+  .ln-alert--solid .ln-alert__body {
+    color: var(--_on);
+  }
+  .ln-alert--accent {
+    border-left: var(--bd3) solid var(--_text);
+    border-radius: 0 var(--r-xs) var(--r-xs) 0;
+  }
+  .ln-alert--banner {
+    border-radius: 0;
+    padding-inline: var(--s4);
+  }
+  .ln-alert--compact {
+    padding: var(--s2);
+  }
+  .ln-alert--primary {
+    --_fill: var(--primary);
+    --_on: var(--on-primary);
+    --_subtle: var(--primary-subtle);
+    --_text: var(--primary-text);
+    --_border-color: var(--primary-border);
+    --_hover: var(--primary-hover);
+  }
+  .ln-alert--secondary {
+    --_fill: var(--secondary);
+    --_on: var(--on-secondary);
+    --_subtle: var(--secondary-subtle);
+    --_text: var(--secondary-text);
+    --_border-color: var(--secondary-border);
+    --_hover: var(--secondary-hover);
+  }
+  .ln-alert--success {
+    --_fill: var(--success);
+    --_on: var(--on-success);
+    --_subtle: var(--success-subtle);
+    --_text: var(--success-text);
+    --_border-color: var(--success-border);
+    --_hover: var(--success-hover);
+  }
+  .ln-alert--warning {
+    --_fill: var(--warning);
+    --_on: var(--on-warning);
+    --_subtle: var(--warning-subtle);
+    --_text: var(--warning-text);
+    --_border-color: var(--warning-border);
+    --_hover: var(--warning-hover);
+  }
+  .ln-alert--danger {
+    --_fill: var(--danger);
+    --_on: var(--on-danger);
+    --_subtle: var(--danger-subtle);
+    --_text: var(--danger-text);
+    --_border-color: var(--danger-border);
+    --_hover: var(--danger-hover);
+  }
+  .ln-alert--info {
+    --_fill: var(--info);
+    --_on: var(--on-info);
+    --_subtle: var(--info-subtle);
+    --_text: var(--info-text);
+    --_border-color: var(--info-border);
+    --_hover: var(--info-hover);
+  }
+}
+@layer blocks {
+  .ln-tooltip {
+    position: absolute;
+    z-index: 1000;
+    max-width: 250px;
+    padding: var(--s1) var(--s2);
+    font: 500 var(--t-meta-s)/var(--t-meta-lh) var(--f-ui);
+    color: var(--c-inverse);
+    background-color: var(--surface-inverse);
+    border-radius: var(--r-md);
+    box-shadow: var(--sh2);
+    pointer-events: none;
+    white-space: normal;
+    word-wrap: break-word;
+  }
+  .ln-tooltip__arrow {
+    position: absolute;
+    width: 8px;
+    height: 8px;
+    background-color: var(--surface-inverse);
+    transform: rotate(45deg);
+  }
+  .ln-tooltip--top .ln-tooltip__arrow {
+    bottom: -4px;
+    left: 50%;
+    margin-left: -4px;
+  }
+  .ln-tooltip--bottom .ln-tooltip__arrow {
+    top: -4px;
+    left: 50%;
+    margin-left: -4px;
+  }
+  .ln-tooltip--start .ln-tooltip__arrow {
+    right: -4px;
+    top: 50%;
+    margin-top: -4px;
+  }
+  .ln-tooltip--end .ln-tooltip__arrow {
+    left: -4px;
+    top: 50%;
+    margin-top: -4px;
+  }
+}
+@layer blocks {
+  .ln-toast {
+    --_fill: var(--primary);
+    --_on: var(--on-primary);
+    --_subtle: var(--primary-subtle);
+    --_text: var(--primary-text);
+    display: flex;
+    align-items: flex-start;
+    gap: var(--s2);
+    min-width: 300px;
+    max-width: 420px;
+    padding: var(--s2);
+    background-color: var(--surface);
+    border-radius: var(--r-xs);
+    position: relative;
+    overflow: hidden;
+  }
+  .ln-toast[hidden] {
+    display: none;
+  }
+  .ln-toast__icon {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 1.25rem;
+    height: 1.25rem;
+    flex-shrink: 0;
+    margin-top: 0;
+    color: var(--_fill);
+  }
+  .ln-toast__content {
+    flex: 1;
+    min-width: 0;
+  }
+  .ln-toast__title {
+    font: 600 var(--t-body-sm-s)/var(--t-body-sm-lh) var(--f-ui);
+    color: var(--text);
+  }
+  .ln-toast__body {
+    font-size: var(--t-body-sm-s);
+    line-height: var(--t-body-sm-lh);
+    color: var(--c-muted);
+    margin-top: 0;
+  }
+  .ln-toast__action {
+    margin-top: var(--s2);
+  }
+  .ln-toast__close {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 24px;
+    height: 24px;
+    padding: 0;
+    border: none;
+    background: none;
+    color: var(--c-muted);
+    cursor: pointer;
+    border-radius: var(--r-sm);
+    flex-shrink: 0;
+  }
+  .ln-toast__close:hover {
+    color: var(--text);
+    background-color: var(--surface-raised);
+  }
+  .ln-toast__close:focus-visible {
+    outline: 2px solid var(--focus);
+    outline-offset: -2px;
+  }
+  .ln-toast__timer {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    height: 3px;
+    background-color: var(--_fill);
+    transition: width linear;
+  }
+  .ln-toast--solid {
+    background-color: var(--_fill);
+    color: var(--_on);
+  }
+  .ln-toast--solid .ln-toast__icon,
+  .ln-toast--solid .ln-toast__title {
+    color: var(--_on);
+  }
+  .ln-toast--solid .ln-toast__body {
+    color: color-mix(in srgb, var(--_on) 80%, transparent);
+  }
+  .ln-toast--solid .ln-toast__close {
+    color: var(--_on);
+  }
+  .ln-toast--solid .ln-toast__close:hover {
+    background-color: color-mix(in srgb, var(--_on) 15%, transparent);
+  }
+  .ln-toast--solid .ln-toast__timer {
+    background-color: var(--_on);
+    opacity: 0.3;
+  }
+  .ln-toast--primary {
+    --_fill: var(--primary);
+    --_on: var(--on-primary);
+    --_subtle: var(--primary-subtle);
+    --_text: var(--primary-text);
+    --_border-color: var(--primary-border);
+    --_hover: var(--primary-hover);
+  }
+  .ln-toast--secondary {
+    --_fill: var(--secondary);
+    --_on: var(--on-secondary);
+    --_subtle: var(--secondary-subtle);
+    --_text: var(--secondary-text);
+    --_border-color: var(--secondary-border);
+    --_hover: var(--secondary-hover);
+  }
+  .ln-toast--success {
+    --_fill: var(--success);
+    --_on: var(--on-success);
+    --_subtle: var(--success-subtle);
+    --_text: var(--success-text);
+    --_border-color: var(--success-border);
+    --_hover: var(--success-hover);
+  }
+  .ln-toast--warning {
+    --_fill: var(--warning);
+    --_on: var(--on-warning);
+    --_subtle: var(--warning-subtle);
+    --_text: var(--warning-text);
+    --_border-color: var(--warning-border);
+    --_hover: var(--warning-hover);
+  }
+  .ln-toast--danger {
+    --_fill: var(--danger);
+    --_on: var(--on-danger);
+    --_subtle: var(--danger-subtle);
+    --_text: var(--danger-text);
+    --_border-color: var(--danger-border);
+    --_hover: var(--danger-hover);
+  }
+  .ln-toast--info {
+    --_fill: var(--info);
+    --_on: var(--on-info);
+    --_subtle: var(--info-subtle);
+    --_text: var(--info-text);
+    --_border-color: var(--info-border);
+    --_hover: var(--info-hover);
+  }
+  .ln-toast-region {
+    position: fixed;
+    z-index: 1100;
+    display: flex;
+    flex-direction: column;
+    gap: var(--s2);
+    padding: var(--s3);
+    pointer-events: none;
+  }
+  .ln-toast-region > * {
+    pointer-events: auto;
+  }
+  .ln-toast-region--top-start {
+    top: 0;
+    left: 0;
+    align-items: flex-start;
+  }
+  .ln-toast-region--top-center {
+    top: 0;
+    left: 50%;
+    transform: translateX(-50%);
+    align-items: center;
+  }
+  .ln-toast-region--top-end {
+    top: 0;
+    right: 0;
+    align-items: flex-end;
+  }
+  .ln-toast-region--bottom-start {
+    bottom: 0;
+    left: 0;
+    align-items: flex-start;
+  }
+  .ln-toast-region--bottom-center {
+    bottom: 0;
+    left: 50%;
+    transform: translateX(-50%);
+    align-items: center;
+  }
+  .ln-toast-region--bottom-end {
+    bottom: 0;
+    right: 0;
+    align-items: flex-end;
+  }
+}
+@layer blocks {
+  .ln-divider {
+    --_bw: var(--bd1);
+    display: block;
+    border: none;
+    height: 0;
+    margin: var(--s3) 0 calc(var(--s3) - var(--_bw));
+    border-top: var(--_bw) solid var(--border);
+  }
+  .ln-divider__label {
+    display: flex;
+    align-items: center;
+    gap: var(--s2);
+    font: var(--t-meta-s)/var(--t-meta-lh) var(--f-ui);
+    color: var(--c-muted);
+    text-transform: uppercase;
+    letter-spacing: 0.06em;
+    font-weight: 500;
+  }
+  .ln-divider__label::before, .ln-divider__label::after {
+    content: "";
+    flex: 1;
+    height: 0;
+    border-top: var(--_bw) solid var(--border);
+  }
+  .ln-divider--vertical {
+    display: inline-block;
+    width: 0;
+    height: 100%;
+    margin: 0 calc(var(--s3) - var(--_bw)) 0 var(--s3);
+    border-top: 0;
+    border-left: var(--_bw) solid var(--border);
+  }
+  .ln-divider--strong {
+    --_bw: var(--bd2);
+  }
+  .ln-divider--space-md {
+    margin: 24px 0 calc(24px - var(--_bw));
+  }
+  .ln-divider--space-lg {
+    margin: 48px 0 calc(48px - var(--_bw));
+  }
+  .ln-divider--space-xl {
+    margin: 72px 0 calc(72px - var(--_bw));
+  }
+}
+@layer blocks {
+  .ln-modal {
+    --_max-width: min(90vw, 560px);
+    position: relative;
+    background-color: var(--surface-raised);
+    color: var(--text);
+    border: none;
+    border-radius: var(--r-xs);
+    padding: 0;
+    max-inline-size: var(--_max-width);
+    box-shadow: var(--sh4);
+    overflow: visible;
+    opacity: 1;
+    transform: scale(1);
+    transition: opacity var(--dur-base) var(--e-exit), transform var(--dur-base) var(--e-exit), overlay var(--dur-base) var(--e-exit) allow-discrete, display var(--dur-base) var(--e-exit) allow-discrete;
+  }
+  @starting-style {
+    .ln-modal {
+      opacity: 0;
+      transform: scale(0.95);
+    }
+  }
+  .ln-modal:not([open]) {
+    opacity: 0;
+    transform: scale(0.95);
+  }
+  .ln-modal::backdrop {
+    background-color: var(--overlay);
+    opacity: 1;
+    transition: opacity var(--dur-base) var(--e-exit), overlay var(--dur-base) var(--e-exit) allow-discrete, display var(--dur-base) var(--e-exit) allow-discrete;
+  }
+  @starting-style {
+    .ln-modal::backdrop {
+      opacity: 0;
+    }
+  }
+  .ln-modal:not([open])::backdrop {
+    opacity: 0;
+  }
+  .ln-modal__close {
+    position: absolute;
+    top: var(--s2);
+    right: var(--s2);
+    z-index: 1;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 32px;
+    height: 32px;
+    padding: 0;
+    border: none;
+    background: none;
+    color: var(--c-muted);
+    cursor: pointer;
+    border-radius: var(--r-md);
+    flex-shrink: 0;
+  }
+  .ln-modal__close:hover {
+    color: var(--text);
+    background-color: var(--surface-raised);
+  }
+  .ln-modal__close:focus-visible {
+    outline: 2px solid var(--focus);
+    outline-offset: -2px;
+  }
+  .ln-modal__header {
+    display: flex;
+    align-items: center;
+    gap: var(--s2);
+    padding: var(--s4) calc(var(--s4) + 32px) 0 var(--s4);
+  }
+  .ln-modal__title {
+    font: 600 var(--t-h4-s)/var(--t-h4-lh) var(--f-ui);
+    flex: 1;
+    min-width: 0;
+    margin: 0;
+  }
+  .ln-modal__body {
+    padding: var(--s4);
+    overflow-y: auto;
+  }
+  .ln-modal__body > p:first-child,
+  .ln-modal__body > h1:first-child,
+  .ln-modal__body > h2:first-child,
+  .ln-modal__body > h3:first-child,
+  .ln-modal__body > h4:first-child,
+  .ln-modal__body > h5:first-child,
+  .ln-modal__body > h6:first-child {
+    margin-top: 0;
+  }
+  .ln-modal__footer {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    gap: var(--s2);
+    padding: var(--s4);
+    padding-top: 0;
+  }
+  .ln-modal--sm {
+    --_max-width: min(90vw, 400px);
+  }
+  .ln-modal--md {
+    --_max-width: min(90vw, 560px);
+  }
+  .ln-modal--lg {
+    --_max-width: min(90vw, 800px);
+  }
+  .ln-modal--full {
+    --_max-width: 100vw;
+    max-block-size: 100vh;
+    border-radius: 0;
+  }
+  .ln-modal--scroll-body {
+    max-block-size: min(90vh, 600px);
+    display: flex;
+    flex-direction: column;
+  }
+  .ln-modal--scroll-body .ln-modal__body {
+    flex: 1;
+    overflow-y: auto;
+  }
+  .ln-modal--center {
+    text-align: center;
+  }
+  .ln-modal--center .ln-modal__footer {
+    justify-content: center;
+  }
+  .ln-modal--danger .ln-modal__title {
+    color: var(--danger-text);
+  }
+}
+@layer blocks {
+  .ln-drawer {
+    --_width: 400px;
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    width: min(var(--_width), 100vw);
+    max-width: 100vw;
+    max-height: 100vh;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    background-color: var(--surface-raised);
+    color: var(--text);
+    border: none;
+    border-radius: var(--r-xs);
+    box-shadow: var(--sh4);
+    display: flex;
+    flex-direction: column;
+    transform: translateX(0);
+    opacity: 1;
+    transition: transform var(--dur-base) var(--e-exit), opacity var(--dur-base) var(--e-exit), overlay var(--dur-base) var(--e-exit) allow-discrete, display var(--dur-base) var(--e-exit) allow-discrete;
+  }
+  @starting-style {
+    .ln-drawer {
+      transform: translateX(100%);
+      opacity: 0;
+    }
+  }
+  .ln-drawer:not([open]) {
+    transform: translateX(100%);
+    opacity: 0;
+  }
+  .ln-drawer::backdrop {
+    background-color: var(--overlay);
+    opacity: 1;
+    transition: opacity var(--dur-base) var(--e-exit), overlay var(--dur-base) var(--e-exit) allow-discrete, display var(--dur-base) var(--e-exit) allow-discrete;
+  }
+  @starting-style {
+    .ln-drawer::backdrop {
+      opacity: 0;
+    }
+  }
+  .ln-drawer:not([open])::backdrop {
+    opacity: 0;
+  }
+  .ln-drawer__close {
+    position: absolute;
+    top: var(--s2);
+    right: var(--s2);
+    z-index: 1;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 32px;
+    height: 32px;
+    padding: 0;
+    border: none;
+    background: none;
+    color: var(--c-muted);
+    cursor: pointer;
+    border-radius: var(--r-md);
+    flex-shrink: 0;
+  }
+  .ln-drawer__close:hover {
+    color: var(--text);
+    background-color: var(--surface-raised);
+  }
+  .ln-drawer__close:focus-visible {
+    outline: 2px solid var(--focus);
+    outline-offset: -2px;
+  }
+  .ln-drawer__header {
+    display: flex;
+    align-items: center;
+    gap: var(--s2);
+    padding: var(--s4) calc(var(--s4) + 32px) calc(var(--s4) - var(--bd1)) var(--s4);
+    flex-shrink: 0;
+    border-bottom: var(--bd1) solid var(--border);
+  }
+  .ln-drawer__title {
+    font: 600 var(--t-h4-s)/var(--t-h4-lh) var(--f-ui);
+    flex: 1;
+    min-width: 0;
+    margin: 0;
+  }
+  .ln-drawer__body {
+    padding: 0 var(--s4);
+    flex: 1;
+    overflow-y: auto;
+  }
+  .ln-drawer__footer {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    gap: var(--s2);
+    padding: var(--s4);
+    padding-top: calc(var(--s4) - var(--bd1));
+    flex-shrink: 0;
+    border-top: var(--bd1) solid var(--border);
+  }
+  .ln-drawer--start {
+    right: auto;
+    left: 0;
+  }
+  @starting-style {
+    .ln-drawer--start {
+      transform: translateX(-100%);
+    }
+  }
+  .ln-drawer--start:not([open]) {
+    transform: translateX(-100%);
+  }
+  .ln-drawer--bottom {
+    top: auto;
+    right: 0;
+    left: 0;
+    bottom: 0;
+    width: 100%;
+    height: auto;
+    max-height: 80vh;
+    border-radius: var(--r-xs) var(--r-xs) 0 0;
+  }
+  @starting-style {
+    .ln-drawer--bottom {
+      transform: translateY(100%);
+    }
+  }
+  .ln-drawer--bottom:not([open]) {
+    transform: translateY(100%);
+  }
+  .ln-drawer--sm {
+    --_width: 320px;
+  }
+  .ln-drawer--md {
+    --_width: 400px;
+  }
+  .ln-drawer--lg {
+    --_width: 560px;
+  }
+}
+@layer blocks {
+  .ln-price {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--s1);
+    font-family: var(--f-ui);
+    font-variant-numeric: tabular-nums;
+  }
+  .ln-price__current {
+    font-size: var(--t-h4-s);
+    line-height: var(--t-h4-lh);
+    font-weight: 600;
+    color: var(--text);
+  }
+  .ln-price__original {
+    font-size: var(--t-body-sm-s);
+    line-height: var(--t-body-sm-lh);
+    color: var(--c-muted);
+    text-decoration: line-through;
+  }
+  .ln-price__discount {
+    font-size: var(--t-body-sm-s);
+    line-height: var(--t-body-sm-lh);
+    font-weight: 600;
+    color: var(--danger-text);
+  }
+  .ln-price__currency {
+    font-size: var(--t-body-sm-s);
+    line-height: var(--t-body-sm-lh);
+    font-weight: 500;
+  }
+  .ln-price__period {
+    font-size: var(--t-meta-s);
+    line-height: var(--t-meta-lh);
+    color: var(--c-muted);
+    font-weight: 400;
+  }
+  .ln-price--range::before {
+    content: "From";
+    font-size: var(--t-meta-s);
+    line-height: var(--t-meta-lh);
+    color: var(--c-muted);
+    font-weight: 400;
+  }
+  .ln-price--stacked {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 0;
+  }
+  .ln-price--sm .ln-price__current {
+    font-size: var(--t-body-s);
+    line-height: var(--t-body-lh);
+  }
+  .ln-price--lg .ln-price__current {
+    font-size: var(--t-h3-s);
+    line-height: var(--t-h3-lh);
+  }
+  .ln-price--xl .ln-price__current {
+    font-size: var(--t-h2-s);
+    line-height: var(--t-h2-lh);
+  }
+}
+@layer blocks {
+  .ln-rating {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    height: 1.5rem;
+    font: 400 0.875rem/1.25rem var(--f-ui);
+    color: var(--c-muted);
+  }
+  .ln-rating__stars {
+    --rating: 0;
+    position: relative;
+    width: 5rem;
+    height: 1rem;
+    background: linear-gradient(90deg, var(--star-color, var(--primary)) calc(var(--rating) / 5 * 100%), var(--border) 0);
+    mask: var(--star-mask) repeat-x 0 0/16px 16px;
+  }
+  .ln-rating__value {
+    color: var(--text);
+    font-weight: 500;
+    font-variant-numeric: tabular-nums;
+  }
+  .ln-rating__count {
+    color: var(--c-muted);
+  }
+  .ln-rating--input {
+    cursor: pointer;
+  }
+  .ln-rating--compact .ln-rating__count {
+    display: none;
+  }
+  :root {
+    --star-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.2l2 4.3 4.6.5-3.4 3.2.9 4.6L8 11.5l-4.1 2.3.9-4.6L1.4 6l4.6-.5z'/%3E%3C/svg%3E");
+  }
+}
+@layer blocks {
+  .ln-swatch {
+    display: flex;
+    gap: 0.5rem;
+    align-items: center;
+    height: 1.5rem;
+    border: 0;
+    padding: 0;
+    margin: 0;
+  }
+  .ln-swatch__option {
+    position: relative;
+    display: inline-grid;
+  }
+  .ln-swatch__input {
+    position: absolute;
+    opacity: 0;
+    inset: 0;
+    margin: 0;
+    cursor: pointer;
+  }
+  .ln-swatch__input:checked + .ln-swatch__color {
+    outline: 2px solid var(--text);
+    outline-offset: 2px;
+  }
+  .ln-swatch__input:focus-visible + .ln-swatch__color {
+    outline: 2px solid var(--focus);
+    outline-offset: 4px;
+  }
+  .ln-swatch__input:disabled + .ln-swatch__color {
+    opacity: 0.35;
+    background: linear-gradient(135deg, transparent 45%, var(--c-muted) 45% 55%, transparent 55%), var(--c);
+  }
+  .ln-swatch__color {
+    width: 1.5rem;
+    height: 1.5rem;
+    border-radius: 50%;
+    background: var(--c);
+    border: var(--bd1) solid var(--c-subtle);
+  }
+  .ln-swatch--text .ln-swatch__color {
+    width: auto;
+    height: auto;
+    border-radius: var(--r-xs);
+    padding: calc(var(--s1) - var(--bd1)) var(--s2);
+    font: 500 0.875rem/1.25rem var(--f-ui);
+    border: var(--bd1) solid var(--border);
+    background: none;
+  }
+  .ln-swatch--text .ln-swatch__input:checked + .ln-swatch__color {
+    border: var(--bd2) solid var(--c, var(--primary));
+    padding: calc(var(--s1) - var(--bd2)) calc(var(--s2) - var(--bd2) + var(--bd1));
+    background-color: color-mix(in srgb, var(--c, var(--primary)) 10%, transparent);
+    color: var(--c, var(--primary-text));
+    outline: none;
+  }
+  .ln-swatch--text .ln-swatch__input:disabled + .ln-swatch__color {
+    opacity: 0.4;
+    cursor: not-allowed;
+    background: none;
+  }
+  .ln-swatch--image .ln-swatch__color {
+    width: 3rem;
+    height: 3rem;
+    overflow: hidden;
+    border: var(--bd1) solid var(--border);
+    background: none;
+  }
+  .ln-swatch--image .ln-swatch__color > img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+  .ln-swatch--image .ln-swatch__input:checked + .ln-swatch__color {
+    outline: 2px solid var(--text);
+    outline-offset: 2px;
+  }
+  .ln-swatch--sm .ln-swatch__color {
+    width: 1rem;
+    height: 1rem;
+  }
+  .ln-swatch--lg .ln-swatch__color {
+    width: 2rem;
+    height: 2rem;
+  }
+}
+@layer blocks {
+  .ln-quantity {
+    display: inline-flex;
+    align-items: center;
+    height: 2rem;
+    border-radius: var(--r-xs);
+    border: var(--bd1) solid var(--border-control);
+    background: var(--surface);
+    overflow: hidden;
+  }
+  .ln-quantity__button, .ln-quantity__increment, .ln-quantity__decrement {
+    width: 2rem;
+    height: 100%;
+    border: 0;
+    border-radius: 0;
+    background: transparent;
+    color: var(--text);
+    cursor: pointer;
+    font: 500 1rem/1.5rem var(--f-ui);
+  }
+  .ln-quantity__button:hover, .ln-quantity__increment:hover, .ln-quantity__decrement:hover {
+    background: var(--surface-raised);
+  }
+  .ln-quantity__button:disabled, .ln-quantity__increment:disabled, .ln-quantity__decrement:disabled {
+    color: var(--c-disabled);
+    cursor: not-allowed;
+    background: transparent;
+  }
+  .ln-quantity__input {
+    width: 2.5rem;
+    height: 2rem;
+    border: 0;
+    background: transparent;
+    text-align: center;
+    color: var(--text);
+    font: 500 0.875rem/1.25rem var(--f-mono);
+    -moz-appearance: textfield;
+  }
+  .ln-quantity__input::-webkit-outer-spin-button, .ln-quantity__input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
+  .ln-quantity--compact {
+    height: 1.5rem;
+  }
+  .ln-quantity--compact .ln-quantity__button, .ln-quantity--compact .ln-quantity__decrement, .ln-quantity--compact .ln-quantity__increment {
+    width: 1.5rem;
+    height: 1.5rem;
+  }
+  .ln-quantity--compact .ln-quantity__input {
+    width: 2rem;
+    height: 1.5rem;
+    font-size: 0.75rem;
+  }
+}
+@layer blocks {
+  .ln-gallery {
+    display: flex;
+    flex-direction: column;
+    gap: var(--s2);
+  }
+  .ln-gallery__main {
+    display: flex;
+    overflow-x: auto;
+    scroll-snap-type: x mandatory;
+    background-color: var(--surface-sunken);
+    scrollbar-width: none;
+  }
+  .ln-gallery__main::-webkit-scrollbar {
+    display: none;
+  }
+  .ln-gallery__slide {
+    flex: 0 0 100%;
+    scroll-snap-align: start;
+  }
+  .ln-gallery__slide > img {
+    display: block;
+    width: 100%;
+    height: auto;
+    object-fit: cover;
+  }
+  .ln-gallery__thumbs {
+    display: flex;
+    gap: var(--s1);
+    overflow-x: auto;
+    scrollbar-width: none;
+  }
+  .ln-gallery__thumbs::-webkit-scrollbar {
+    display: none;
+  }
+  .ln-gallery__thumb {
+    flex: 0 0 auto;
+    width: 64px;
+    height: 64px;
+    border-radius: var(--r-sm);
+    overflow: hidden;
+    cursor: pointer;
+    border: var(--bd1) solid var(--border);
+    opacity: 0.6;
+    transition: opacity var(--dur-fast) var(--e-standard), border-color var(--dur-fast) var(--e-standard);
+  }
+  .ln-gallery__thumb:hover {
+    opacity: 0.8;
+  }
+  .ln-gallery__thumb[aria-selected=true], .ln-gallery__thumb.is-active {
+    opacity: 1;
+    border: var(--bd2) solid var(--primary);
+  }
+  .ln-gallery__thumb > img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+  .ln-gallery__dots {
+    display: flex;
+    justify-content: center;
+    gap: var(--s1);
+  }
+  .ln-gallery__dot {
+    width: 8px;
+    height: 8px;
+    border-radius: var(--r-circle);
+    background-color: var(--border);
+    border: none;
+    padding: 0;
+    cursor: pointer;
+    transition: background-color var(--dur-fast) var(--e-standard);
+  }
+  .ln-gallery__dot[aria-selected=true], .ln-gallery__dot.is-active {
+    background-color: var(--primary);
+  }
+  .ln-gallery--thumbs-start {
+    flex-direction: row;
+  }
+  .ln-gallery--thumbs-start .ln-gallery__thumbs {
+    flex-direction: column;
+    order: -1;
+  }
+  .ln-gallery--grid .ln-gallery__main {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+    gap: var(--s1);
+    overflow: visible;
+    scroll-snap-type: none;
+  }
+  .ln-gallery--grid .ln-gallery__slide {
+    flex: none;
+    aspect-ratio: 1;
+  }
+}
+@layer blocks {
+  .ln-product-card {
+    display: flex;
+    flex-direction: column;
+    background-color: var(--surface);
+    overflow: hidden;
+    position: relative;
+    outline: var(--bd1) solid var(--border);
+    outline-offset: calc(-1 * var(--bd1));
+  }
+  .ln-product-card__media {
+    position: relative;
+    background: var(--surface-sunken);
+  }
+  .ln-product-card__img {
+    aspect-ratio: var(--ratio, 4/5);
+    background: var(--surface-sunken);
+    display: grid;
+    place-items: center;
+    color: var(--c-subtle);
+  }
+  .ln-product-card__img > img {
+    display: block;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+  .ln-product-card__badges {
+    position: absolute;
+    top: 0.75rem;
+    left: 0.75rem;
+    display: flex;
+    gap: 0.25rem;
+    z-index: 1;
+  }
+  .ln-product-card__wishlist {
+    position: absolute;
+    top: 0.75rem;
+    right: 0.75rem;
+    z-index: 2;
+  }
+  .ln-product-card__body {
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+    padding: 1rem;
+  }
+  .ln-product-card__vendor {
+    font: 500 0.75rem/1rem var(--f-mono);
+    letter-spacing: 0.06em;
+    text-transform: uppercase;
+    color: var(--c-subtle);
+  }
+  .ln-product-card__title {
+    font: 500 1rem/1.5rem var(--f-ui);
+    margin: 0;
+    overflow: hidden;
+  }
+  .ln-product-card__title a {
+    color: var(--text);
+    text-decoration: none;
+  }
+  .ln-product-card__title a::after {
+    content: "";
+    position: absolute;
+    inset: 0;
+  }
+  .ln-product-card__swatches {
+    position: relative;
+    z-index: 1;
+  }
+  .ln-product-card__actions {
+    position: relative;
+    z-index: 1;
+  }
+  .ln-product-card--ratio-1x1 {
+    --ratio: 1 / 1;
+  }
+  .ln-product-card--ratio-4x5 {
+    --ratio: 4 / 5;
+  }
+  .ln-product-card--ratio-3x4 {
+    --ratio: 3 / 4;
+  }
+  .ln-product-card--horizontal {
+    flex-direction: row;
+  }
+  .ln-product-card--horizontal .ln-product-card__media {
+    width: 40%;
+    max-width: 200px;
+    flex-shrink: 0;
+    aspect-ratio: auto;
+  }
+  .ln-product-card--compact .ln-product-card__body {
+    padding: var(--s2);
+  }
+  .ln-product-card--compact .ln-product-card__actions {
+    padding: var(--s2);
+    padding-top: 0;
+  }
+  .ln-product-card--center {
+    text-align: center;
+  }
+  .ln-product-card--center .ln-product-card__actions {
+    justify-content: center;
+  }
+  .ln-product-card--flat {
+    outline: 0;
+  }
+  .ln-product-card.is-sold-out {
+    opacity: 0.6;
+    pointer-events: none;
+  }
+}
+@layer blocks {
+  .ln-line-item {
+    display: grid;
+    grid-template-columns: 4rem 1fr auto;
+    gap: 1rem;
+    padding: 1rem 0 calc(1rem - var(--bd1));
+    border-bottom: var(--bd1) solid var(--border);
+    align-items: start;
+  }
+  .ln-line-item:last-child {
+    border-bottom: 0;
+    padding-bottom: 1rem;
+  }
+  .ln-line-item__media {
+    width: 4rem;
+    height: 4rem;
+    border-radius: var(--r-xs);
+    background: var(--surface-sunken);
+    display: grid;
+    place-items: center;
+    color: var(--c-subtle);
+    border: var(--bd1) solid var(--border);
+    overflow: hidden;
+  }
+  .ln-line-item__media > img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+  .ln-line-item__body {
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+  }
+  .ln-line-item__title {
+    font: 500 1rem/1.5rem var(--f-ui);
+  }
+  .ln-line-item__meta {
+    font: 400 0.875rem/1.25rem var(--f-ui);
+    color: var(--c-muted);
+  }
+  .ln-line-item__note {
+    font: 400 0.875rem/1.25rem var(--f-ui);
+    color: var(--c-subtle);
+  }
+  .ln-line-item__side {
+    text-align: right;
+  }
+  .ln-line-item__price {
+    font: 600 1rem/1.5rem var(--f-ui);
+    font-variant-numeric: tabular-nums;
+  }
+  .ln-line-item__controls {
+    display: flex;
+    gap: 0.5rem;
+    align-items: center;
+    grid-column: 2/-1;
+  }
+  .ln-line-item__remove {
+    border: none;
+    background: none;
+    padding: 0;
+    color: var(--c-muted);
+    cursor: pointer;
+    font: 400 1rem/1 var(--f-ui);
+  }
+  .ln-line-item__remove:hover {
+    color: var(--danger-text);
+  }
+  .ln-line-item--compact {
+    gap: 0.75rem;
+    padding-block: 0.75rem;
+  }
+  .ln-line-item--compact .ln-line-item__media {
+    width: 3rem;
+    height: 3rem;
+  }
+  .ln-line-item--readonly .ln-line-item__remove,
+  .ln-line-item--readonly .ln-line-item__controls {
+    display: none;
+  }
+}
+@layer blocks {
+  .ln-order-summary {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+  }
+  .ln-order-summary__header {
+    font: 600 1.125rem/1.5rem var(--f-ui);
+    color: var(--text);
+  }
+  .ln-order-summary__items {
+    display: flex;
+    flex-direction: column;
+  }
+  .ln-order-summary__row {
+    display: flex;
+    justify-content: space-between;
+    font: 400 1rem/1.5rem var(--f-ui);
+    color: var(--c-muted);
+    font-variant-numeric: tabular-nums;
+  }
+  .ln-order-summary__row > :last-child {
+    color: var(--text);
+  }
+  .ln-order-summary__label {
+    color: var(--c-muted);
+  }
+  .ln-order-summary__value {
+    color: var(--text);
+    font-variant-numeric: tabular-nums;
+  }
+  .ln-order-summary__discount > :last-child {
+    color: var(--success-text);
+  }
+  .ln-order-summary__coupon {
+    display: flex;
+    gap: var(--s2);
+    align-items: center;
+  }
+  .ln-order-summary__total {
+    display: flex;
+    justify-content: space-between;
+    padding-top: calc(1.5rem - var(--bd1));
+    border-top: var(--bd1) solid var(--border);
+    font: 600 1.25rem/1.5rem var(--f-ui);
+    font-variant-numeric: tabular-nums;
+    margin-bottom: 1.5rem;
+  }
+  .ln-order-summary__note {
+    font: 400 0.875rem/1.5rem var(--f-ui);
+    color: var(--c-subtle);
+  }
+  .ln-order-summary__actions {
+    display: flex;
+    flex-direction: column;
+    gap: var(--s2);
+  }
+  .ln-order-summary--sticky {
+    position: sticky;
+    top: var(--s3);
+  }
+  .ln-order-summary--sunken {
+    background-color: var(--surface-sunken);
+    padding: var(--s4);
+    border-radius: var(--r-md);
+  }
+  .ln-order-summary--compact {
+    gap: 0.25rem;
+  }
+}
+@layer blocks {
+  .ln-table {
+    overflow-x: auto;
+    border-radius: var(--radius);
+    background: var(--surface);
+  }
+  .ln-table__grid {
+    width: 100%;
+    border-collapse: collapse;
+    font: 400 0.875rem/1.5rem var(--f-ui);
+  }
+  .ln-table__header {
+    text-align: left;
+    vertical-align: middle;
+    padding: 0.75rem 1rem;
+    font: 500 0.75rem/1rem var(--f-ui);
+    letter-spacing: 0.06em;
+    text-transform: uppercase;
+    color: var(--c-muted);
+    border-bottom: var(--bd1) solid var(--border);
+    box-shadow: none;
+    white-space: nowrap;
+  }
+  .ln-table__header--numeric {
+    text-align: right;
+    font-variant-numeric: tabular-nums;
+  }
+  .ln-table__cell {
+    padding: calc(0.5rem - var(--bd1)) 1rem 0.5rem;
+    border-top: var(--bd1) solid var(--border);
+    box-shadow: none;
+    white-space: nowrap;
+    vertical-align: middle;
+  }
+  .ln-table__cell--numeric {
+    text-align: right;
+    font-variant-numeric: tabular-nums;
+  }
+  .ln-table__cell--mono {
+    font: 500 0.8125rem/1.5rem var(--f-mono);
+  }
+  .ln-table__cell--truncate {
+    max-width: 200px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .ln-table__cell--nowrap {
+    white-space: nowrap;
+  }
+  .ln-table__row:hover .ln-table__cell {
+    background: color-mix(in srgb, var(--surface-raised) 60%, transparent);
+  }
+  .ln-table__row[aria-selected=true] .ln-table__cell {
+    background: var(--primary-subtle);
+  }
+  .ln-table__row--danger .ln-table__cell {
+    background-color: var(--danger-subtle);
+  }
+  .ln-table__row--warning .ln-table__cell {
+    background-color: var(--warning-subtle);
+  }
+  .ln-table__row--success .ln-table__cell {
+    background-color: var(--success-subtle);
+  }
+  .ln-table tfoot td {
+    padding: 0;
+    border-top: 0;
+    box-shadow: none;
+  }
+  .ln-table__foot {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 1rem;
+    justify-content: space-between;
+    align-items: center;
+    padding: calc(0.5rem - var(--bd1)) 1rem 0.5rem;
+    border-top: var(--bd1) solid var(--border);
+    font: 400 0.875rem/1.5rem var(--f-ui);
+    color: var(--c-muted);
+  }
+  .ln-table__caption {
+    padding: 0.75rem 1rem;
+    font: 400 0.875rem/1.25rem var(--f-ui);
+    color: var(--c-muted);
+    text-align: start;
+  }
+  .ln-table__actions {
+    display: flex;
+    gap: 0.5rem;
+    align-items: center;
+  }
+  .ln-table__sort {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--s-h);
+    background: none;
+    border: none;
+    padding: 0;
+    font: inherit;
+    font-weight: 500;
+    text-transform: inherit;
+    letter-spacing: inherit;
+    color: inherit;
+    cursor: pointer;
+  }
+  .ln-table__sort:hover {
+    color: var(--primary);
+  }
+  .ln-table__sort[aria-sort=ascending]::after {
+    content: "↑";
+  }
+  .ln-table__sort[aria-sort=descending]::after {
+    content: "↓";
+  }
+  .ln-table__select {
+    width: 3rem;
+    padding-right: 0;
+  }
+  .ln-table__select .ln-choice__input {
+    margin: 0.125rem 0;
+  }
+  .ln-table__empty {
+    text-align: center;
+    padding: var(--s4);
+    color: var(--c-muted);
+  }
+  .ln-table--divided .ln-table__cell {
+    border-top: var(--bd1) solid var(--border);
+  }
+  .ln-table--striped .ln-table__row:nth-child(even) .ln-table__cell {
+    background-color: var(--surface-sunken);
+  }
+  .ln-table--bordered {
+    border: var(--bd1) solid var(--border);
+  }
+  .ln-table--bordered .ln-table__header,
+  .ln-table--bordered .ln-table__cell {
+    border: 0.5px solid var(--border);
+  }
+  .ln-table--compact .ln-table__cell {
+    padding: 0.25rem 1rem;
+  }
+  .ln-table--compact .ln-table__header {
+    padding: 0.5rem 1rem;
+  }
+  .ln-table--spacious .ln-table__cell {
+    padding: 0.75rem 1rem;
+  }
+  .ln-table--sticky-header .ln-table__header {
+    position: sticky;
+    top: 0;
+    z-index: 10;
+  }
+  .ln-table--sticky-first .ln-table__header:first-child,
+  .ln-table--sticky-first .ln-table__cell:first-child {
+    position: sticky;
+    left: 0;
+    z-index: 5;
+    background-color: var(--surface);
+  }
+  @media (max-width: 768px) {
+    .ln-table--stack thead {
+      display: none;
+    }
+    .ln-table--stack .ln-table__row {
+      display: block;
+      padding: var(--s3);
+      padding-bottom: calc(var(--s3) - var(--bd1));
+      border-bottom: var(--bd1) solid var(--border);
+    }
+    .ln-table--stack .ln-table__cell {
+      display: flex;
+      justify-content: space-between;
+      padding: var(--s1) 0;
+      border-top: 0;
+    }
+    .ln-table--stack .ln-table__cell::before {
+      content: attr(data-label);
+      font-weight: 600;
+      color: var(--c-muted);
+      margin-right: var(--s2);
+    }
+  }
+}
+@layer blocks {
+  .ln-stat {
+    padding: 1.5rem;
+    background: var(--surface);
+    border-radius: var(--r-xs);
+    outline: var(--bd1) solid var(--border);
+    outline-offset: calc(-1 * var(--bd1));
+  }
+  .ln-stat__icon {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 40px;
+    height: 40px;
+    border-radius: var(--r-md);
+    background-color: var(--surface-sunken);
+    color: var(--c-muted);
+    margin-bottom: var(--s1);
+  }
+  .ln-stat__label {
+    display: block;
+    font: 500 0.875rem/1.5rem var(--f-ui);
+    color: var(--c-muted);
+  }
+  .ln-stat__value {
+    display: block;
+    font: 600 2rem/2.5rem var(--f-ui);
+    font-variant-numeric: tabular-nums;
+  }
+  .ln-stat__unit {
+    font-size: var(--t-body-s);
+    font-weight: 400;
+    line-height: 1rem;
+    color: var(--c-muted);
+    margin-left: var(--s-h);
+  }
+  .ln-stat__delta {
+    display: flex;
+    gap: 0.5rem;
+    align-items: center;
+    font: 500 0.875rem/1.5rem var(--f-ui);
+    font-variant-numeric: tabular-nums;
+  }
+  .ln-stat__delta > :last-child {
+    color: var(--c-subtle);
+    font-weight: 400;
+  }
+  .ln-stat__delta--positive {
+    color: var(--success-text);
+  }
+  .ln-stat__delta--negative {
+    color: var(--danger-text);
+  }
+  .ln-stat__meta {
+    font-size: var(--t-meta-s);
+    line-height: var(--t-meta-lh);
+    color: var(--c-subtle);
+  }
+  .ln-stat__chart {
+    height: 40px;
+    margin-top: var(--s1);
+  }
+  .ln-stat--sm .ln-stat__value {
+    font-size: var(--t-h4-s);
+    line-height: var(--t-h4-lh);
+  }
+  .ln-stat--lg .ln-stat__value {
+    font-size: var(--t-h1-s);
+    line-height: var(--t-h1-lh);
+  }
+  .ln-stat--flat {
+    padding: 0;
+    background: none;
+    border-radius: 0;
+    outline: 0;
+  }
+  .ln-stat--inline {
+    display: flex;
+    align-items: center;
+    gap: var(--s3);
+  }
+  .ln-stat--inline .ln-stat__value {
+    font-size: var(--t-h3-s);
+    line-height: var(--t-h3-lh);
+  }
+}
+@layer blocks {
+  .ln-data-list {
+    display: flex;
+    flex-direction: column;
+    font: var(--t-body-sm-s)/var(--t-body-sm-lh) var(--f-ui);
+  }
+  .ln-data-list__item {
+    display: flex;
+    flex-direction: column;
+    gap: var(--s-h);
+    padding-block: var(--s2);
+  }
+  .ln-data-list__term {
+    font-weight: 500;
+    color: var(--c-muted);
+    font-size: var(--t-meta-s);
+    line-height: var(--t-meta-lh);
+  }
+  .ln-data-list__value {
+    color: var(--text);
+  }
+  .ln-data-list__action {
+    color: var(--primary);
+    text-decoration: none;
+    font-weight: 500;
+    cursor: pointer;
+  }
+  .ln-data-list__action:hover {
+    text-decoration: underline;
+  }
+  .ln-data-list--horizontal .ln-data-list__item {
+    flex-direction: row;
+    align-items: baseline;
+    justify-content: space-between;
+    gap: var(--s3);
+  }
+  .ln-data-list--horizontal .ln-data-list__term {
+    flex-shrink: 0;
+    min-width: 120px;
+  }
+  .ln-data-list--horizontal .ln-data-list__value {
+    text-align: end;
+  }
+  .ln-data-list--divided .ln-data-list__item {
+    border-bottom: var(--bd1) solid var(--border);
+    padding-bottom: calc(var(--s2) - var(--bd1));
+  }
+  .ln-data-list--divided .ln-data-list__item:last-child {
+    border-bottom: 0;
+    padding-bottom: var(--s2);
+  }
+  .ln-data-list--striped .ln-data-list__item:nth-child(even) {
+    background-color: var(--surface-sunken);
+    padding-inline: var(--s2);
+    border-radius: var(--r-sm);
+  }
+  .ln-data-list--compact .ln-data-list__item {
+    padding-block: var(--s1);
+  }
+  .ln-data-list--cols-2 {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 0 var(--s4);
+  }
+}
+@layer blocks {
+  .ln-toolbar {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--s2);
+    padding-block: var(--s2);
+  }
+  .ln-toolbar__start {
+    display: flex;
+    align-items: center;
+    gap: var(--s2);
+  }
+  .ln-toolbar__end {
+    display: flex;
+    align-items: center;
+    gap: var(--s2);
+  }
+  .ln-toolbar__group {
+    display: flex;
+    align-items: center;
+    gap: var(--s1);
+  }
+  .ln-toolbar__search {
+    max-width: 240px;
+  }
+  .ln-toolbar__count {
+    font: var(--t-body-sm-s)/var(--t-body-sm-lh) var(--f-ui);
+    color: var(--c-muted);
+    white-space: nowrap;
+  }
+  .ln-toolbar__divider {
+    width: 0;
+    height: 24px;
+    border-left: var(--bd1) solid var(--border);
+    margin-inline: var(--s1);
+  }
+  .ln-toolbar--bulk {
+    background-color: var(--primary-subtle);
+    padding: var(--s2) var(--s3);
+    border-radius: var(--r-md);
+  }
+  .ln-toolbar--sticky {
+    position: sticky;
+    top: 0;
+    z-index: 10;
+    background-color: var(--surface);
+  }
+  .ln-toolbar--compact {
+    padding-block: var(--s1);
+  }
+}
+@layer blocks {
+  .ln-timeline {
+    list-style: none;
+  }
+  .ln-timeline__item {
+    display: grid;
+    grid-template-columns: 1.5rem 1fr;
+    gap: 0 0.75rem;
+    position: relative;
+    padding-bottom: 1rem;
+  }
+  .ln-timeline__item:not(:last-child)::before {
+    content: "";
+    position: absolute;
+    left: 0.6875rem;
+    top: 1.5rem;
+    bottom: 0;
+    width: 0.125rem;
+    background: var(--border);
+  }
+  .ln-timeline__marker {
+    width: 1.5rem;
+    height: 1.5rem;
+    border-radius: 50%;
+    display: grid;
+    place-items: center;
+    background: var(--surface-raised);
+    border: var(--bd1) solid var(--border-control);
+  }
+  .ln-timeline__marker::after {
+    content: "";
+    width: 0.5rem;
+    height: 0.5rem;
+    border-radius: 50%;
+    background: var(--_m, var(--c-muted));
+  }
+  .ln-timeline__marker--success {
+    --_m: var(--success-text);
+  }
+  .ln-timeline__marker--primary {
+    --_m: var(--primary-text);
+  }
+  .ln-timeline__marker--warning {
+    --_m: var(--warning-text);
+  }
+  .ln-timeline__marker--danger {
+    --_m: var(--danger-text);
+  }
+  .ln-timeline__marker--info {
+    --_m: var(--info-text);
+  }
+  .ln-timeline__icon {
+    width: 0.75rem;
+    height: 0.75rem;
+  }
+  .ln-timeline__content {
+    min-width: 0;
+  }
+  .ln-timeline__title {
+    font: 500 0.875rem/1.5rem var(--f-ui);
+  }
+  .ln-timeline__time {
+    font: 400 0.75rem/1rem var(--f-mono);
+    color: var(--c-subtle);
+  }
+  .ln-timeline__body {
+    font-size: var(--t-body-sm-s);
+    line-height: var(--t-body-sm-lh);
+    color: var(--c-muted);
+    margin-top: var(--s1);
+  }
+  .ln-timeline--compact .ln-timeline__item {
+    padding-bottom: 0.5rem;
+  }
+}