.primitives{gap:var(--arche-spacing-5);display:grid}@media (width>=40rem){.primitives{grid-template-columns:repeat(2,minmax(0,1fr))}}.primitive{gap:var(--arche-spacing-4);grid-template-columns:5rem minmax(0,1fr);align-items:center;display:grid}.primitive__chip{aspect-ratio:1;border-radius:var(--arche-radius-lg)}.primitive--void .primitive__chip{box-shadow:inset 0 0 0 1px var(--arche-color-border)}.primitive--light .primitive__chip{box-shadow:var(--arche-glow-primary)}.primitive__caption{gap:var(--arche-spacing-1);min-width:0;display:grid}.primitive__text,.layer__text,.rule-item__text,.role__text,.composite__text,.radius__text,.glow__text,.duration__text,.note{font-size:var(--arche-font-size-xs);color:var(--arche-color-text-muted)}.note{max-width:var(--docs-measure)}.surfaces{gap:var(--arche-spacing-8);display:grid}@media (width>=72rem){.surfaces{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}}.layers{padding:var(--arche-spacing-3);background:var(--arche-color-bg);border:1px solid var(--arche-color-border-subtle);border-radius:var(--arche-radius-lg);flex-direction:column;display:flex}.layer{gap:var(--arche-spacing-3);padding:var(--arche-spacing-3);border-radius:var(--arche-radius-lg);flex-direction:column;display:flex}.layers>.layer,.layer>.layer{flex:1}.layer--surface{background:var(--arche-color-surface);border:1px solid var(--arche-color-border-subtle)}.layer--raised{background:var(--arche-color-surface-raised);border:1px solid var(--arche-color-border-subtle)}.layer--overlay{background:var(--arche-color-surface-overlay);min-height:5rem;box-shadow:var(--arche-elevation-overlay)}.layer__label{gap:0 var(--arche-spacing-3);flex-wrap:wrap;align-items:baseline;min-width:0;display:flex}.layer__text{flex-basis:100%}.layer-menu{gap:.125rem;margin-top:auto;padding:0;list-style:none;display:grid}.layer-menu__item{justify-content:space-between;gap:0 var(--arche-spacing-3);padding:var(--arche-spacing-2) var(--arche-spacing-3);color:var(--arche-color-text);border-radius:var(--arche-radius-md);flex-wrap:wrap;align-items:baseline;display:flex}@media (width>=40rem){.layers,.layer{padding:var(--arche-spacing-4)}.layer{gap:var(--arche-spacing-4)}}.rules{gap:var(--arche-spacing-6);display:grid}.rules__group{gap:var(--arche-spacing-2);display:grid}.rule-list{padding:0;list-style:none;display:grid}.rule-item{gap:0 var(--arche-spacing-4);padding-block:var(--arche-spacing-3);border-bottom:1px solid var(--arche-color-border-subtle);grid-template-columns:3rem minmax(0,1fr);align-items:center;display:grid}.rule-item:last-child{border-bottom:0}.rule-item>:not(:first-child){grid-column:2}.border-sample,.veil-sample{background:var(--arche-color-surface);border-radius:var(--arche-radius-md);grid-row:span 3;align-self:start;height:2.5rem}.border-sample{border:1px solid}.border-sample--control{background:0 0;border-width:0 0 1px;border-radius:0}.veil-sample{display:flex;overflow:hidden}.veil-sample__fill{flex:1}.veil-sample--scrim{background:repeating-linear-gradient(to bottom, transparent 0 .375rem, var(--arche-color-text-muted) .375rem .5rem, transparent .5rem .75rem) .375rem .25rem / calc(100% - .75rem) calc(100% - .5rem) no-repeat, var(--arche-color-surface-raised);justify-content:flex-end}.veil-sample--scrim .veil-sample__fill{flex:0 0 50%}.levels{border-top:1px solid var(--arche-color-border-subtle);padding:0;list-style:none;display:grid}.level{gap:var(--arche-spacing-1) var(--arche-spacing-4);padding-block:var(--arche-spacing-4);border-bottom:1px solid var(--arche-color-border-subtle);flex-wrap:wrap;align-items:baseline;display:flex}.level__hex{margin-left:auto}.level__sample{font-size:var(--arche-font-size-lg);line-height:var(--arche-font-line-height-heading);flex-basis:100%}.level__ratios{gap:0 var(--arche-spacing-4);flex-wrap:wrap;flex-basis:100%;display:flex}.level__ratios strong{font-weight:var(--arche-font-weight-medium);color:var(--arche-color-text-strong)}.statuses{gap:var(--arche-spacing-6) var(--arche-spacing-4);display:grid}@media (width>=40rem){.statuses{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=80rem){.statuses{grid-template-columns:repeat(4,minmax(0,1fr))}}.status{grid-row:span 3;grid-template-rows:subgrid;row-gap:var(--arche-spacing-2);min-width:0;display:grid}.status__solid{justify-content:space-between;align-items:flex-end;gap:var(--arche-spacing-2);height:5rem;padding:var(--arche-spacing-3);background:var(--status-color);color:var(--arche-color-on-status);border-radius:var(--arche-radius-lg);display:flex}.status__big{font-size:var(--arche-font-size-xl);font-weight:var(--arche-font-weight-bold);line-height:var(--arche-font-line-height-display)}.status__name{align-items:center;gap:var(--arche-spacing-1);font-weight:var(--arche-font-weight-semibold);display:inline-flex}.status__soft{align-self:stretch;align-items:flex-start;gap:var(--arche-spacing-2);padding:var(--arche-spacing-2) var(--arche-spacing-3);font-weight:var(--arche-font-weight-medium);color:var(--status-color);background:var(--status-soft);border:1px solid var(--status-border);border-radius:var(--arche-radius-md);display:flex}.status__soft .icon{margin-top:.125rem}.status__meta{margin-top:var(--arche-spacing-1);font-family:var(--arche-font-family-mono);font-size:var(--arche-font-size-2xs);font-variant-numeric:tabular-nums;display:grid}.status__meta div{justify-content:space-between;gap:0 var(--arche-spacing-3);padding-block:var(--arche-spacing-1);border-bottom:1px solid var(--arche-color-border-subtle);flex-wrap:wrap;display:flex}.status__meta .status__row{gap:0 var(--arche-spacing-3);grid-template-columns:auto minmax(0,1fr);align-items:baseline;display:grid}.status__meta .status__row dd{text-align:end}.status__row-note{color:var(--arche-color-text-subtle);display:block}.status__meta div:first-child{padding-top:0}.status__meta dt{color:var(--arche-color-text-subtle)}.status__meta dd{color:var(--arche-color-text);overflow-wrap:anywhere}.product-stage{gap:var(--arche-spacing-8);padding:var(--arche-spacing-4);background:var(--arche-color-surface);border:1px solid var(--arche-color-border-subtle);border-radius:var(--arche-radius-lg);display:grid}@media (width>=40rem){.product-stage{padding:var(--arche-spacing-6)}}.product-picker{gap:var(--arche-spacing-3);border:0;min-width:0;padding:0;display:grid}.product-picker legend{margin-bottom:var(--arche-spacing-3);padding:0}.product-picker__hint{max-width:var(--docs-measure);font-size:var(--arche-font-size-xs);color:var(--arche-color-text-muted)}.segmented{background:var(--arche-color-bg);border:1px solid var(--arche-color-border);border-radius:var(--arche-radius-lg);grid-auto-columns:auto;grid-auto-flow:column;gap:.125rem;width:fit-content;max-width:100%;padding:.125rem;display:grid}.segmented__option{min-height:2rem;padding:0 var(--arche-spacing-4);font-size:var(--arche-font-size-xs);font-weight:var(--arche-font-weight-medium);white-space:nowrap;color:var(--arche-color-text-muted);border-radius:var(--arche-radius-md);cursor:pointer;transition:color var(--arche-duration-fast) var(--arche-easing-standard), background-color var(--arche-duration-fast) var(--arche-easing-standard), box-shadow var(--arche-duration-base) var(--arche-easing-standard);place-items:center;display:grid;position:relative}.segmented__option input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segmented__option:hover{color:var(--arche-color-text-strong)}.segmented__option:has(input:checked){color:var(--arche-color-text-strong);background:var(--arche-color-surface-overlay);box-shadow:inset 0 0 0 1px var(--arche-color-selected), var(--arche-glow-selected)}.segmented__option:has(input:focus-visible){outline:1.5px solid var(--arche-color-focus);outline-offset:2px}.segmented__option:has(input:checked:focus-visible){box-shadow:inset 0 0 0 1px var(--arche-color-selected), var(--arche-glow-focus-halo)}.segmented__option:has(input:not(:checked):focus-visible){box-shadow:var(--arche-glow-focus-halo)}.accent-layout{gap:var(--arche-spacing-10);display:grid}@media (width>=76rem){.accent-layout{gap:var(--arche-spacing-12);grid-template-columns:minmax(0,2fr) minmax(0,3fr)}}.seed{gap:var(--arche-spacing-5);align-content:start;min-width:0;display:grid}.seed__flow{align-items:flex-end;gap:var(--arche-spacing-4);flex-wrap:wrap;display:flex}.seed__step{gap:var(--arche-spacing-2);justify-items:start;display:grid}.seed__chip{border-radius:var(--arche-radius-lg);width:3.5rem;height:3.5rem;box-shadow:inset 0 0 0 1px var(--arche-color-border)}.seed__chip--result{background:var(--arche-color-accent);box-shadow:var(--arche-glow-selected)}.seed__hex{font-family:var(--arche-font-family-mono);font-size:var(--arche-font-size-xs);color:var(--arche-color-text-strong)}.seed__arrow{height:3.5rem;margin-bottom:calc(var(--arche-font-size-xs) * var(--arche-font-line-height-body));color:var(--arche-color-text-subtle);transform:translateY(calc(-1 * var(--arche-spacing-2)));align-items:center;display:flex}.seed__data{border-top:1px solid var(--arche-color-border-subtle);display:grid}.seed__data div{gap:var(--arche-spacing-3);padding-block:var(--arche-spacing-2);border-bottom:1px solid var(--arche-color-border-subtle);grid-template-columns:6rem minmax(0,1fr);align-items:baseline;display:grid}.seed__data dt{font-family:var(--arche-font-family-mono);font-size:var(--arche-font-size-2xs);letter-spacing:var(--arche-font-letter-spacing-label);text-transform:uppercase;color:var(--arche-color-text-subtle)}.seed__data dd{font-size:var(--arche-font-size-xs);color:var(--arche-color-text)}.seed__data .seed__oklch{gap:0 var(--arche-spacing-3);font-family:var(--arche-font-family-mono);font-variant-numeric:tabular-nums;flex-wrap:wrap;display:flex}.seed__oklch span{white-space:nowrap}.seed__rules{font-size:var(--arche-font-size-xs);color:var(--arche-color-text-muted)}.notice{align-items:flex-start;gap:var(--arche-spacing-3);max-width:var(--docs-measure);padding:var(--arche-spacing-3) var(--arche-spacing-4);font-size:var(--arche-font-size-xs);color:var(--arche-color-text);background:var(--arche-color-surface-raised);border:1px solid var(--arche-color-border);border-radius:var(--arche-radius-lg);display:flex}.notice .icon{color:var(--arche-color-text-muted);margin-top:.0625rem}.notice strong{font-weight:var(--arche-font-weight-semibold);color:var(--arche-color-text-strong)}.notice--ok .icon{color:var(--arche-color-success)}.notice--warning{background:var(--arche-color-warning-soft);border-color:var(--arche-color-warning-border)}.notice--warning .icon{color:var(--arche-color-warning)}.notice--info{background:var(--arche-color-info-soft);border-color:var(--arche-color-info-border)}.notice--info .icon{color:var(--arche-color-info)}.family{gap:var(--arche-spacing-3);display:grid}.family__list{gap:var(--arche-spacing-3) var(--arche-spacing-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));padding:0;list-style:none;display:grid}.family__item{gap:0 var(--arche-spacing-3);grid-template-columns:1.75rem minmax(0,1fr);align-items:center;display:grid}.family__chip{border-radius:var(--arche-radius-md);width:1.75rem;height:1.75rem;box-shadow:inset 0 0 0 1px var(--arche-color-border);grid-row:span 2}.roles{gap:var(--arche-spacing-4);align-content:start;min-width:0;display:grid}.role-list{border-top:1px solid var(--arche-color-border-subtle);padding:0;list-style:none;display:grid}.role{gap:var(--arche-spacing-3) var(--arche-spacing-6);padding-block:var(--arche-spacing-4);border-bottom:1px solid var(--arche-color-border-subtle);display:grid}.role:last-child{border-bottom:0}@media (width>=40rem){.role{grid-template-columns:13rem minmax(0,1fr);align-items:center}}.role__preview{align-items:center;min-width:0;min-height:2.5rem;display:flex}.role__info{gap:var(--arche-spacing-1);min-width:0;display:grid}.role__name{align-items:baseline;gap:0 var(--arche-spacing-2);flex-wrap:wrap;display:flex}.role__figures{gap:0 var(--arche-spacing-3);flex-wrap:wrap;display:flex}.non-text{gap:var(--arche-spacing-2);min-width:0;padding-top:var(--arche-spacing-6);border-top:1px solid var(--arche-color-border-subtle);display:grid}.non-text .role__text{max-width:var(--docs-measure)}.non-text .table-wrap{margin-top:var(--arche-spacing-1)}.role__target{font-family:var(--arche-font-family-mono);font-size:var(--arche-font-size-2xs);color:var(--arche-color-text-subtle)}.brand-mark{align-items:center;gap:var(--arche-spacing-2);padding:var(--arche-spacing-2) var(--arche-spacing-3);font-size:var(--arche-font-size-sm);color:var(--arche-color-text);background:var(--arche-color-surface-raised);border:1px solid var(--arche-color-border-subtle);border-radius:var(--arche-radius-lg) var(--arche-radius-lg) 0 0;border-bottom:0;display:inline-flex}.brand-mark__icon{--brand-mark-ink:var(--arche-color-brand);--brand-mark-tile:var(--arche-color-void);background:radial-gradient(circle closest-side, var(--brand-mark-ink) 0 1.5px, transparent 2px 4.25px, var(--brand-mark-ink) 4.5px 5.75px, transparent 6.25px) var(--brand-mark-tile);border-radius:var(--arche-radius-md);flex:none;width:1rem;height:1rem}.selected-sample{align-items:center;gap:var(--arche-spacing-5);display:flex}.selected-sample__check{width:1.125rem;height:1.125rem;color:var(--arche-color-on-selected);background:var(--arche-color-selected);border-radius:var(--arche-radius-md);box-shadow:var(--arche-glow-selected);place-items:center;display:grid}.selected-sample__check .icon{stroke-width:2.5px;width:.75rem;height:.75rem}.selected-sample__tab{padding-block:var(--arche-spacing-1);font-weight:var(--arche-font-weight-medium);color:var(--arche-color-text-strong);position:relative}.selected-sample__tab:after{content:"";background:var(--arche-color-selected);height:2px;box-shadow:var(--arche-glow-selected);position:absolute;inset:auto 0 0}.selected-sample__page{min-width:1.75rem;height:1.75rem;font-family:var(--arche-font-family-mono);font-size:var(--arche-font-size-xs);color:var(--arche-color-on-selected);background:var(--arche-color-selected);border-radius:var(--arche-radius-md);box-shadow:var(--arche-glow-selected);place-items:center;display:grid}.control-sample{width:100%;max-width:12rem;height:2.25rem;font-size:var(--arche-font-size-sm);white-space:nowrap;color:var(--arche-color-text-subtle);border:0;border-bottom:1px solid var(--arche-color-border-control);background:0 0;align-items:center;display:flex;overflow:hidden}.control-sample--focus{color:var(--arche-color-text);border-bottom-color:var(--arche-color-focus);box-shadow:var(--arche-glow-focus-field)}.control-sample--danger-focus{color:var(--arche-color-text);border-bottom-color:var(--arche-color-focus);box-shadow:var(--arche-glow-danger-field)}.focus-sample{align-items:center;gap:var(--arche-spacing-5);min-width:0;display:flex}.focus-sample .control-sample{max-width:8rem}.quote-sample{font-family:var(--arche-font-family-serif);color:var(--arche-color-text-strong);border-inline-start:2px solid var(--arche-color-quote);padding-inline-start:var(--arche-spacing-4);font-style:italic}.check-sample{background:var(--arche-color-surface);border:1px solid var(--arche-color-border-control);border-radius:var(--arche-radius-md);flex:none;width:1.125rem;height:1.125rem}.check-sample--focus{outline:1.5px solid var(--arche-color-focus);outline-offset:2px;box-shadow:var(--arche-glow-focus-halo)}.check-row{align-items:center;gap:var(--arche-spacing-3);font-size:var(--arche-font-size-sm);color:var(--arche-color-text);display:inline-flex}.button-sample{justify-content:center;align-items:center;gap:var(--arche-spacing-2);min-height:2.25rem;padding:var(--arche-spacing-1) .875rem;font:var(--arche-font-weight-medium) var(--arche-font-size-sm) / 1.2 var(--arche-font-family-sans);text-align:center;border-radius:var(--arche-radius-md);transition:background-color var(--arche-duration-fast) var(--arche-easing-standard), border-color var(--arche-duration-fast) var(--arche-easing-standard), box-shadow var(--arche-duration-base) var(--arche-easing-standard);border:1px solid #0000;display:inline-flex}button.button-sample{cursor:pointer}.button-sample--primary{color:var(--arche-color-on-primary);background:var(--arche-color-primary)}.button-sample--primary.is-hover{background:var(--arche-color-primary-hover);box-shadow:var(--arche-glow-primary)}.button-sample--secondary{color:var(--arche-color-text-strong);background:var(--arche-color-surface-raised);border-color:var(--arche-color-border)}.button-sample--secondary.is-hover,button.button-sample--secondary:hover{border-color:var(--arche-color-border-strong);box-shadow:var(--arche-glow-hover)}.button-sample.is-focus-ring{box-shadow:var(--arche-glow-focus)}.families,.scale,.composites{border-top:1px solid var(--arche-color-border-subtle);padding:0;list-style:none;display:grid}.font-family{gap:var(--arche-spacing-3) var(--arche-spacing-8);padding-block:var(--arche-spacing-6);border-bottom:1px solid var(--arche-color-border-subtle);display:grid}@media (width>=48rem){.font-family{grid-template-columns:8rem minmax(0,1fr)}}.font-family__glyph{font-size:calc(var(--arche-font-size-2xl) * 1.5);line-height:var(--arche-font-line-height-display);color:var(--arche-color-text-strong);text-shadow:var(--arche-glow-text)}.font-family__body{gap:var(--arche-spacing-3);min-width:0;display:grid}.font-family__name{font-size:var(--arche-font-size-xl);font-weight:var(--arche-font-weight-semibold);line-height:var(--arche-font-line-height-heading);color:var(--arche-color-text-strong)}.font-family--mono .font-family__name{font-weight:var(--arche-font-weight-medium)}.font-family__role{font-family:var(--arche-font-family-sans);color:var(--arche-color-text-muted)}.font-family__sample{max-width:var(--docs-measure);font-size:var(--arche-font-size-lg);line-height:var(--arche-font-line-height-heading);color:var(--arche-color-text);overflow-wrap:anywhere}.font-family__sample--italic{font-size:var(--arche-font-size-md);font-style:italic;line-height:var(--arche-font-line-height-reading)}.font-family__axis{gap:var(--arche-spacing-3) var(--arche-spacing-6);font-size:var(--arche-font-size-lg);line-height:var(--arche-font-line-height-heading);color:var(--arche-color-text-strong);flex-wrap:wrap;padding:0;list-style:none;display:flex}.font-family__axis li{display:grid}.font-family__axis .meta{font-weight:var(--arche-font-weight-regular)}.font-family__width{text-transform:uppercase;font-weight:var(--arche-font-weight-bold)}.font-family__width .meta{text-transform:none}.font-family__stack{padding-top:var(--arche-spacing-1);display:grid}.scale__row{gap:var(--arche-spacing-1) var(--arche-spacing-6);padding-block:var(--arche-spacing-3);border-bottom:1px solid var(--arche-color-border-subtle);align-items:baseline;display:grid}@media (width>=48rem){.scale__row{grid-template-columns:16rem minmax(0,1fr)}}.scale__meta{gap:0 var(--arche-spacing-3);flex-wrap:wrap;align-items:baseline;display:flex}.scale__sample{line-height:var(--arche-font-line-height-heading);color:var(--arche-color-text-strong);overflow-wrap:anywhere}.scale__sample--label{font-family:var(--arche-font-family-mono);letter-spacing:var(--arche-font-letter-spacing-label);text-transform:uppercase;color:var(--arche-color-text-muted)}.composite{gap:var(--arche-spacing-3) var(--arche-spacing-8);padding-block:var(--arche-spacing-5);border-bottom:1px solid var(--arche-color-border-subtle);display:grid}@media (width>=60rem){.composite{grid-template-columns:20rem minmax(0,1fr);align-items:center}}.composite__meta{gap:var(--arche-spacing-1);min-width:0;display:grid}.composite__sample{min-width:0;color:var(--arche-color-text);overflow-wrap:anywhere}.composite__sample--display,.composite__sample--menu,.composite__sample--heading{color:var(--arche-color-text-strong)}.composite__sample--display,.composite__sample--menu{text-shadow:var(--arche-glow-text);text-wrap:balance}.composite__sample--reading{max-width:var(--arche-layout-measure-reading)}.composite__sample--lead{max-width:var(--arche-layout-measure-narrow);color:var(--arche-color-text-muted)}.composite__sample--label{color:var(--arche-color-text-muted)}.scale__fluid{gap:var(--arche-spacing-3);min-width:0;display:grid}.scale__ends{gap:var(--arche-spacing-2) var(--arche-spacing-8);flex-wrap:wrap;align-items:flex-start;display:flex}.scale__end{gap:var(--arche-spacing-1);min-width:0;display:grid}.scale__sample--display{text-wrap:balance;font-weight:var(--arche-font-weight-extrabold);font-stretch:var(--arche-typography-display-font-width);line-height:var(--arche-font-line-height-display);letter-spacing:var(--arche-typography-display-letter-spacing);text-transform:var(--arche-typography-display-text-transform);text-shadow:var(--arche-glow-text)}.scale__formula{gap:var(--arche-spacing-1);justify-items:start;display:grid}.spacing{border-top:1px solid var(--arche-color-border-subtle);padding:0;list-style:none;display:grid}.spacing__row{gap:var(--arche-spacing-4);padding-block:var(--arche-spacing-2);border-bottom:1px solid var(--arche-color-border-subtle);grid-template-columns:1.5rem 6rem minmax(0,1fr);align-items:center;display:grid}.spacing__step{font-family:var(--arche-font-family-mono);font-size:var(--arche-font-size-xs);font-variant-numeric:tabular-nums;text-align:right;color:var(--arche-color-text-strong)}.spacing__bar{height:var(--arche-spacing-3);background:var(--arche-color-text-muted);box-shadow:var(--arche-glow-hover)}.spacing__meta{gap:0 var(--arche-spacing-3);flex-wrap:wrap;align-items:baseline;min-width:0;display:flex}.layout{border-top:1px solid var(--arche-color-border-subtle);padding:0;list-style:none;display:grid}.layout__row{gap:var(--arche-spacing-3) var(--arche-spacing-8);padding-block:var(--arche-spacing-5);border-bottom:1px solid var(--arche-color-border-subtle);display:grid}@media (width>=60rem){.layout__row:has(.layout__stage){grid-template-columns:20rem minmax(0,1fr);align-items:center}}.layout__row:not(:has(.layout__stage)) .layout__meta{max-width:var(--docs-measure)}.layout__meta,.layout__stage{gap:var(--arche-spacing-1);grid-template-columns:minmax(0,1fr);align-content:start;min-width:0;display:grid}.layout__text{font-size:var(--arche-font-size-xs);color:var(--arche-color-text-muted)}.layout__range{gap:var(--arche-spacing-3);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.layout__end{gap:var(--arche-spacing-1);min-width:0;display:grid}.layout__figure{font:var(--arche-typography-label);letter-spacing:var(--arche-typography-label-letter-spacing);text-transform:var(--arche-typography-label-text-transform);color:var(--arche-color-text-subtle);white-space:nowrap}.layout__utility,.layout__meta .token{white-space:nowrap;overflow-wrap:normal}.layout__formula{justify-self:start}.layout__bar{max-width:100%;height:var(--arche-spacing-3);background:var(--arche-color-text-muted);box-shadow:var(--arche-glow-hover);display:block}.layout__bar--min,.layout__bar--max{background:var(--arche-color-border-strong);box-shadow:none}.layout__bar--now{background:var(--arche-color-text-strong)}.measure-samples{gap:var(--arche-spacing-10);padding-top:var(--arche-spacing-6);display:grid}.measure-sample{gap:var(--arche-spacing-2);margin:0;display:grid}.measure-sample__text{padding-top:var(--arche-spacing-4);border-top:1px solid var(--arche-color-border-strong)}.measure-sample__text--narrow{max-width:var(--arche-layout-measure-narrow);font:var(--arche-typography-lead);color:var(--arche-color-text-muted)}.measure-sample__text--reading{max-width:var(--arche-layout-measure-reading);font:var(--arche-typography-reading);color:var(--arche-color-text)}.radii{gap:var(--arche-spacing-6) var(--arche-spacing-5);grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));padding:0;list-style:none;display:grid}.radius{gap:var(--arche-spacing-1);align-content:start;min-width:0;display:grid}.radius__stage{height:8rem;margin-bottom:var(--arche-spacing-3);border-bottom:1px solid var(--arche-color-border-subtle);place-items:center;display:grid}.radius__name{gap:0 var(--arche-spacing-3);flex-wrap:wrap;align-items:baseline;display:flex}.radius-sample{color:var(--arche-color-text-strong);background:var(--arche-color-surface-raised);border:1px solid var(--arche-color-border-strong)}.radius-sample--none{border-radius:var(--arche-radius-none);width:70%;display:grid}.radius-sample--none span{border-bottom:1px solid var(--arche-color-border);height:1.5rem}.radius-sample--none span:last-child{border-bottom:0}.radius-sample--md{height:2.25rem;padding:0 var(--arche-spacing-4);font-weight:var(--arche-font-weight-medium);border-radius:var(--arche-radius-md);place-items:center;display:grid}.radius-sample--lg{gap:var(--arche-spacing-2);width:70%;padding:var(--arche-spacing-4);border-radius:var(--arche-radius-lg);display:grid}.radius-sample__line{height:var(--arche-spacing-2);background:var(--arche-color-border-strong);border-radius:var(--arche-radius-md)}.radius-sample__line--short{width:60%}.radius-sample--full{align-items:center;gap:var(--arche-spacing-2);height:1.75rem;padding:0 var(--arche-spacing-3);font-size:var(--arche-font-size-xs);font-weight:var(--arche-font-weight-medium);border-radius:var(--arche-radius-full);display:inline-flex}.radius-sample__dot{background:var(--arche-color-text-strong);border-radius:var(--arche-radius-full);width:.5rem;height:.5rem;box-shadow:var(--arche-glow-hover)}.glow-control{gap:var(--arche-spacing-2) var(--arche-spacing-5);grid-template-columns:minmax(0,20rem) minmax(0,auto);align-items:center;max-width:36rem;display:grid}.glow-control label{grid-column:1/-1}.range{width:100%;accent-color:var(--arche-color-selected);cursor:pointer;margin:0}.glow-control__value{font-family:var(--arche-font-family-sans);color:var(--arche-color-text-strong)}.glow-control__number{margin-right:var(--arche-spacing-1);font-family:var(--arche-font-family-mono);color:var(--arche-color-text-muted)}.glow-stage{gap:var(--arche-spacing-10);padding-block:var(--arche-spacing-8);border-block:1px solid var(--arche-color-border-subtle);display:grid}.glows{gap:var(--arche-spacing-8) var(--arche-spacing-5);grid-template-columns:minmax(0,1fr);padding:0;list-style:none;display:grid}@media (width>=30rem){.glows{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=72rem){.glows{grid-template-columns:repeat(4,minmax(0,1fr))}}.glow{gap:var(--arche-spacing-1);align-content:start;min-width:0;display:grid}.glow__stage{min-width:0;min-height:3.5rem;margin-bottom:var(--arche-spacing-3);align-items:center;display:flex}.glow__stage .control-sample{white-space:normal;height:auto;min-height:2.25rem;overflow:visible}.switch-sample{background:var(--arche-color-selected);border-radius:var(--arche-radius-full);width:2.25rem;height:1.25rem;box-shadow:var(--arche-glow-selected);position:relative}.switch-sample span{background:var(--arche-color-on-selected);border-radius:var(--arche-radius-full);width:.875rem;height:.875rem;position:absolute;top:.1875rem;right:.1875rem}.wordmark--large{font-size:var(--arche-font-size-xl)}.elevation{gap:var(--arche-spacing-6);align-items:center;display:grid}@media (width>=48rem){.elevation{gap:var(--arche-spacing-10);grid-template-columns:minmax(0,26rem) minmax(0,1fr)}}.elevation__card{gap:var(--arche-spacing-2);padding:var(--arche-spacing-5);background:var(--arche-color-surface-overlay);border-radius:var(--arche-radius-lg);box-shadow:var(--arche-elevation-overlay);display:grid}.elevation__title{font-weight:var(--arche-font-weight-semibold);color:var(--arche-color-text-strong)}.elevation__body{color:var(--arche-color-text-muted)}.elevation__info{gap:var(--arche-spacing-1);max-width:var(--docs-measure);display:grid}.motion{gap:var(--arche-spacing-10);display:grid}@media (width>=72rem){.motion{gap:var(--arche-spacing-12);grid-template-columns:minmax(0,3fr) minmax(0,2fr)}}.motion__head{justify-content:space-between;align-items:center;gap:var(--arche-spacing-4);flex-wrap:wrap;min-height:2.25rem;display:flex}.durations{border-top:1px solid var(--arche-color-border-subtle);padding:0;list-style:none;display:grid}.duration{gap:var(--arche-spacing-2);padding-block:var(--arche-spacing-4);border-bottom:1px solid var(--arche-color-border-subtle);display:grid}.duration__name{gap:0 var(--arche-spacing-3);flex-wrap:wrap;align-items:baseline;display:flex}.duration__track{height:.75rem;margin-block:var(--arche-spacing-1);position:relative}.duration__track:before{content:"";background:var(--arche-color-border);height:1px;position:absolute;inset:50% 0 auto}.duration__dot{background:var(--arche-color-light);border-radius:var(--arche-radius-full);width:.75rem;height:.75rem;box-shadow:var(--arche-glow-primary);transition-property:left;transition-timing-function:var(--arche-easing-standard);position:absolute;top:0;left:0}.is-moved .duration__dot{left:calc(100% - .75rem)}.duration__track--breathe{align-items:center;height:1.5rem;display:flex}.duration__track--breathe:before{display:none}.breathe-orb{width:1rem;height:1rem;margin-left:var(--arche-spacing-1);background:var(--arche-color-light);border-radius:var(--arche-radius-full);box-shadow:var(--arche-glow-primary);animation:docs-breathe var(--arche-duration-breathe) var(--arche-easing-breathe) infinite alternate}@media (prefers-reduced-motion:reduce){.breathe-orb{animation:none}}.easings{border-top:1px solid var(--arche-color-border-subtle);padding:0;list-style:none;display:grid}.easing{gap:var(--arche-spacing-5);padding-block:var(--arche-spacing-5);border-bottom:1px solid var(--arche-color-border-subtle);grid-template-columns:5.5rem minmax(0,1fr);align-items:center;display:grid}.easing__plot{width:5.5rem;height:5.5rem;overflow:visible}.easing__axis,.easing__guide,.easing__curve{fill:none;vector-effect:non-scaling-stroke}.easing__axis{stroke:var(--arche-color-border-strong);stroke-width:1px}.easing__guide{stroke:var(--arche-color-border);stroke-width:1px;stroke-dasharray:2 3}.easing__curve{stroke:var(--arche-color-text-strong);stroke-width:1.5px;stroke-linecap:round;filter:drop-shadow(var(--arche-glow-text))}.easing__info{gap:var(--arche-spacing-1);min-width:0;display:grid}.table-wrap{border:1px solid var(--arche-color-border-subtle);border-radius:var(--arche-radius-lg);overflow-x:auto}.table{border-collapse:collapse;width:100%;min-width:40rem}.table--compact{min-width:30rem;font-size:var(--arche-font-size-xs)}.table--compact th,.table--compact td{padding:var(--arche-spacing-2) var(--arche-spacing-3)}.table .token{white-space:nowrap;overflow-wrap:normal}.table th,.table td{padding:var(--arche-spacing-3) var(--arche-spacing-4);text-align:left;vertical-align:baseline;border-bottom:1px solid var(--arche-color-border-subtle)}.table thead th{font-size:var(--arche-font-size-xs);font-weight:var(--arche-font-weight-medium);vertical-align:bottom;white-space:nowrap;color:var(--arche-color-text-muted);background:var(--arche-color-surface)}.table tbody th{font-weight:var(--arche-font-weight-medium);white-space:nowrap;color:var(--arche-color-text-strong)}.table td{color:var(--arche-color-text)}.table tbody tr{transition:background-color var(--arche-duration-fast) var(--arche-easing-standard)}.table tbody tr:hover{background:var(--arche-color-hover)}.table tbody tr:last-child>*{border-bottom:0}.table .num{text-align:right}.table td.num{font-family:var(--arche-font-family-mono);font-variant-numeric:tabular-nums}@media (forced-colors:active){.segmented{border-color:canvastext}.segmented__option:has(input:checked){forced-color-adjust:none;color:selecteditemtext;background:selecteditem}.segmented__option:has(input:focus-visible){outline:2px solid highlight}.duration__dot,.breathe-orb,.spacing__bar,.layout__bar,.radius-sample__dot,.radius-sample__line,.duration__track:before,.selected-sample__tab:after{forced-color-adjust:none;background:canvastext}.brand-mark__icon{forced-color-adjust:none;--brand-mark-ink:CanvasText;--brand-mark-tile:Canvas;outline:1px solid canvastext}.layout__bar--min,.layout__bar--max{background:graytext}.selected-sample__check,.selected-sample__page,.switch-sample{forced-color-adjust:none;color:selecteditemtext;background:selecteditem}.switch-sample span{forced-color-adjust:none;background:selecteditemtext}.check-sample,.veil-sample,.primitive__chip,.seed__chip,.family__chip{border:1px solid canvastext}}