@layer components{.memory.svelte-106fug0{padding:var(--space-2);display:flex;position:relative;overflow-x:auto}.cell.svelte-106fug0{justify-content:center;align-items:flex-start;gap:var(--space-2);min-height:140px;padding:var(--space-4);border:1px solid var(--border-strong);background:var(--surface-sunken);text-align:left;flex-direction:column;flex:1 0 132px;display:flex}.cell.svelte-106fug0+.cell:where(.svelte-106fug0){border-left-width:0}.cell.svelte-106fug0:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.cell.svelte-106fug0:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.linked.svelte-106fug0{gap:var(--space-5)}.linked.svelte-106fug0 .cell:where(.svelte-106fug0){border:1px solid var(--border-strong);border-radius:var(--radius-md);flex-basis:172px}.cell.svelte-106fug0:hover{background:var(--surface-hover)}.cell[aria-pressed=true].svelte-106fug0{background:var(--accent-soft);outline:2px solid var(--viz-primary);outline-offset:-2px}.cell.svelte-106fug0:focus-visible{outline-offset:3px}.address.svelte-106fug0,.pointer.svelte-106fug0{color:var(--ink-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.slot.svelte-106fug0{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--ink-muted);flex-wrap:wrap;display:flex}.slot.svelte-106fug0 b:where(.svelte-106fug0){color:var(--viz-primary);font-weight:500}.cell.svelte-106fug0 strong:where(.svelte-106fug0){color:var(--ink);font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:500}.pointer.svelte-106fug0{padding-top:var(--space-2);border-top:1px solid var(--border);width:100%}.inspector.svelte-106fug0{justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-5);padding:var(--space-4);border-radius:var(--radius-md);background:var(--surface-sunken);font-size:var(--text-base);flex-wrap:wrap;display:flex}.inspector.svelte-106fug0 p:where(.svelte-106fug0){color:var(--ink-muted);flex:24rem}.inspector.svelte-106fug0 strong:where(.svelte-106fug0),.inspector.svelte-106fug0 code:where(.svelte-106fug0){color:var(--ink)}.inspector.svelte-106fug0 button:where(.svelte-106fug0){min-height:40px;padding:var(--space-2) var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface-raised);color:var(--ink);font-size:var(--text-sm)}.inspector.svelte-106fug0 button:where(.svelte-106fug0):disabled{opacity:.45}.empty.svelte-106fug0{color:var(--ink-muted)}.bars.svelte-c5rjs2{gap:var(--space-5);display:grid}.row.svelte-c5rjs2{gap:var(--space-3);padding:var(--space-3);margin:calc(var(--space-3) * -1);border-radius:var(--radius-md);text-align:left;color:var(--ink);background:0 0;border:1px solid #0000;grid-template-columns:minmax(0,1fr) auto;display:grid}.row.svelte-c5rjs2:hover{background:var(--surface-hover)}.row[aria-pressed=true].svelte-c5rjs2{border-color:var(--viz-primary);background:var(--accent-soft)}.label.svelte-c5rjs2{font-size:var(--text-base);font-weight:500}strong.svelte-c5rjs2{font-family:var(--font-mono);font-size:var(--text-base);white-space:nowrap;font-weight:500}strong.svelte-c5rjs2 span:where(.svelte-c5rjs2){color:var(--ink-muted);font-size:var(--text-xs)}.track.svelte-c5rjs2{background:var(--surface-sunken);border-left:1px solid var(--viz-edge);background-image:linear-gradient(to right, var(--viz-grid) 1px, transparent 1px);background-size:25% 100%;grid-column:1/-1;height:26px;overflow:hidden}.bar.svelte-c5rjs2{background:var(--viz-primary);border-radius:0 var(--radius-xs) var(--radius-xs) 0;height:100%;transition:width var(--dur-normal) ease-out;display:block}.bar[data-tone=secondary].svelte-c5rjs2{background:var(--viz-secondary)}.bar[data-tone=tertiary].svelte-c5rjs2{background:var(--viz-tertiary)}.axis.svelte-c5rjs2{font-family:var(--font-mono);color:var(--ink-muted);justify-content:space-between;font-size:10px;display:flex}.unit.svelte-c5rjs2{margin-top:calc(var(--space-3) * -1);text-align:right;font-size:var(--text-xs);color:var(--ink-muted)}.empty.svelte-c5rjs2{padding:var(--space-4);color:var(--ink-muted)}.finder.svelte-1wo66e3{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}label.svelte-1wo66e3{color:var(--ink);font-size:var(--text-base);font-weight:500}input.svelte-1wo66e3{width:100%;min-width:0;min-height:44px;padding:var(--space-2) var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font-size:var(--text-base);flex:0 21rem}input.svelte-1wo66e3::placeholder{color:var(--ink-muted)}.finder.svelte-1wo66e3>span:where(.svelte-1wo66e3){font-size:var(--text-xs);color:var(--ink-muted)}.results.svelte-1wo66e3{gap:var(--space-2);margin-block:var(--space-4) var(--space-6);flex-wrap:wrap;display:flex}.results.svelte-1wo66e3 button:where(.svelte-1wo66e3){min-height:36px;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-sunken);color:var(--ink-muted);font-size:var(--text-xs)}.results.svelte-1wo66e3 button:where(.svelte-1wo66e3):hover{color:var(--ink);border-color:var(--border-strong)}.results.svelte-1wo66e3 button[aria-pressed=true]:where(.svelte-1wo66e3){border-color:var(--viz-primary);color:var(--ink);background:var(--accent-soft)}.results.svelte-1wo66e3 p:where(.svelte-1wo66e3){color:var(--ink-muted);font-size:var(--text-base)}article.svelte-iqbdh5{grid-template-columns:[full-start content-start] min(var(--measure), 100%) [content-end] minmax(0, 1fr) [full-end];row-gap:var(--space-12);display:grid}article.svelte-iqbdh5>*{grid-column:content;min-width:0}article.svelte-iqbdh5>[data-wide]{grid-column:full}.comparison.svelte-1ih6fjq{gap:var(--space-8);display:grid}.comparison.svelte-1ih6fjq>div:where(.svelte-1ih6fjq){min-width:0}@media (width>=64rem){.comparison.svelte-1ih6fjq:not(.stacked){grid-template-columns:repeat(2,minmax(0,1fr))}}.panel.svelte-k5ip1z{border:var(--hairline) solid var(--border);border-radius:var(--radius-xl);background:var(--panel-bg);padding:clamp(1.25rem,3vw,2rem)}.panel.plain.svelte-k5ip1z{background:var(--surface-sunken)}h3.svelte-k5ip1z{font-size:var(--text-xl);margin-bottom:var(--space-3)}.body.svelte-k5ip1z{color:var(--ink-muted);max-width:var(--measure)}.body.svelte-k5ip1z>*+*{margin-top:var(--space-3)}.actions.svelte-k5ip1z{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.picker.svelte-w0wa77{gap:var(--space-2);flex-wrap:wrap;display:flex}button.svelte-w0wa77{align-items:center;gap:var(--space-2);border:var(--hairline) solid var(--border-strong);border-radius:var(--radius-pill);min-height:2.5rem;color:var(--ink-muted);font-size:var(--text-base);transition:background var(--dur-fast), color var(--dur-fast);background:0 0;padding:.45rem .85rem;display:inline-flex}button.svelte-w0wa77:hover{color:var(--ink);background:var(--surface-hover)}button[aria-pressed=true].svelte-w0wa77{background:var(--action-bg);color:var(--action-ink);border-color:var(--action-bg)}i.svelte-w0wa77{border-radius:var(--radius-pill);width:.4rem;height:.4rem}}.guide.svelte-13bvitk{color:var(--ink-muted);font-family:var(--font-mono);font-size:var(--text-xs);margin-bottom:var(--space-5)}.toolbar.svelte-i6le5h{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.buttons.svelte-i6le5h{gap:var(--space-2);flex-wrap:wrap;display:flex}.toolbar.svelte-i6le5h p:where(.svelte-i6le5h){color:var(--ink-muted);font-size:var(--text-xs)}.toolbar.svelte-i6le5h p:where(.svelte-i6le5h) span:where(.svelte-i6le5h){font-family:var(--font-mono);margin-left:var(--space-2)}.sequence.svelte-i6le5h{align-items:center;gap:var(--space-4);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.sequence.svelte-i6le5h>span:where(.svelte-i6le5h){font-size:var(--text-xs);color:var(--ink-muted)}ol.svelte-i6le5h{gap:var(--space-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}li.svelte-i6le5h{width:32px;height:32px;font-family:var(--font-mono);font-size:var(--text-xs);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--ink-muted);place-items:center;display:grid}li.visited.svelte-i6le5h{color:var(--ink);background:var(--accent-soft);border-color:var(--viz-primary)}li.current.svelte-i6le5h{outline:2px solid var(--viz-primary);outline-offset:2px}.meta.svelte-aladm0{gap:var(--space-2) var(--space-4);margin-bottom:var(--space-8);color:var(--ink-muted);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.meta.svelte-aladm0 span:where(.svelte-aladm0):first-child{color:var(--badge-choice);background:var(--badge-choice-bg);border-radius:var(--radius-xs);padding-inline:var(--space-2)}.selection.svelte-aladm0{margin-top:var(--space-6);padding:var(--space-4);border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--ink-muted);font-size:var(--text-base)}.selection.svelte-aladm0 strong:where(.svelte-aladm0){color:var(--ink);font-weight:500}details.svelte-aladm0{margin-top:var(--space-4);font-size:var(--text-xs);color:var(--ink-muted)}summary.svelte-aladm0{padding-block:var(--space-2)}details.svelte-aladm0 p:where(.svelte-aladm0){margin-top:var(--space-3);line-height:var(--leading-prose)}.series-controls.svelte-10sc7hg{gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}button.svelte-10sc7hg{min-height:36px;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--text-xs);background:var(--surface-sunken);color:var(--ink-muted)}button[aria-pressed=true].svelte-10sc7hg{border-color:var(--border-strong);background:var(--action-bg);color:var(--action-ink)}.visualizations.svelte-tpbcxn{gap:var(--space-8);min-width:0;display:grid}.intro.svelte-tpbcxn{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.intro.svelte-tpbcxn>p:where(.svelte-tpbcxn){max-width:36rem;color:var(--ink-muted);font-size:var(--text-base)}.key.svelte-tpbcxn{gap:var(--space-3) var(--space-5);flex-wrap:wrap;display:flex}.key.svelte-tpbcxn span:where(.svelte-tpbcxn){align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--ink-muted);display:inline-flex}.key.svelte-tpbcxn i:where(.svelte-tpbcxn){border-radius:var(--radius-pill);background:var(--viz-primary);width:6px;height:6px}.key.svelte-tpbcxn i.secondary:where(.svelte-tpbcxn){background:var(--viz-secondary)}.key.svelte-tpbcxn i.tertiary:where(.svelte-tpbcxn){background:var(--viz-tertiary)}.charts.svelte-tpbcxn{gap:var(--space-8);min-width:0;display:grid}@media (width>=80rem){.charts.svelte-tpbcxn{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}.brand-variant{width:4.5rem;height:4.5rem;color:var(--color-primary);display:block}.reference-nav.svelte-vluua5{gap:var(--space-2) var(--space-6);padding-block:var(--space-4);flex-wrap:wrap;display:flex}.reference-nav.svelte-vluua5 a:where(.svelte-vluua5){color:var(--ink-muted);font-size:var(--text-base);padding-block:var(--space-2);text-decoration:none}.reference-nav.svelte-vluua5 a:where(.svelte-vluua5):hover{color:var(--accent-ink)}.intro.svelte-vluua5{justify-content:space-between;align-items:flex-end;gap:var(--space-10);padding-block:clamp(3rem, 6vw, 5.5rem) var(--space-16);flex-wrap:wrap;display:flex}.eyebrow.svelte-vluua5{margin-bottom:var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;color:var(--accent-ink);font-weight:500}.eyebrow.svelte-vluua5 span:where(.svelte-vluua5){margin-inline:var(--space-2);color:var(--ink-faint)}h1.svelte-vluua5{letter-spacing:var(--tracking-hero);font-size:clamp(2rem,4.3vw,3.75rem);font-weight:400;line-height:1.14}.gradient.svelte-vluua5{background:var(--hero-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.lead.svelte-vluua5{margin-top:var(--space-6);color:var(--ink-muted);font-size:var(--text-lg);line-height:var(--leading-prose)}.preferences.svelte-vluua5{max-width:19rem;padding-bottom:var(--space-1)}.control-label.svelte-vluua5{margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--ink);font-weight:500}.preference-note.svelte-vluua5{font-size:var(--text-sm);color:var(--ink-muted);line-height:var(--leading-body);margin-top:var(--space-3);max-width:17rem}.section.svelte-vluua5{border-top:var(--hairline) solid var(--border);padding-block:var(--space-12)}.section-heading.svelte-vluua5{justify-content:space-between;align-items:flex-end;gap:var(--space-5);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.section-heading.svelte-vluua5>div:where(.svelte-vluua5){min-width:0}.section-heading.svelte-vluua5 h2:where(.svelte-vluua5){overflow-wrap:anywhere}.section-heading.svelte-vluua5 .eyebrow:where(.svelte-vluua5){margin-bottom:var(--space-3)}h2.svelte-vluua5{letter-spacing:var(--tracking-tight);font-size:clamp(1.25rem,2vw,1.5rem);font-weight:400;line-height:1.4}.section-heading.svelte-vluua5>p:where(.svelte-vluua5){color:var(--ink-muted);font-size:var(--text-base)}.brand-showcase.svelte-vluua5{gap:var(--space-6);grid-template-columns:minmax(0,1.25fr) minmax(min(18rem,100%),1fr);display:grid}.brand-specimen.svelte-vluua5{min-width:0;min-height:12rem;padding:var(--space-6);border:var(--hairline) solid var(--border-strong);border-radius:var(--radius-lg);background:var(--panel-bg);align-content:start;display:grid}.brand-specimen-dark.svelte-vluua5{background:var(--header-bg);color:var(--header-ink)}.brand-specimen-dark.svelte-vluua5 .control-label:where(.svelte-vluua5){color:var(--header-muted)}.brand-lockup.svelte-vluua5{align-items:center;gap:var(--space-4);max-width:100%;margin-block:var(--space-6) var(--space-5);flex-wrap:wrap;display:inline-flex}.foundation-mark{width:3rem;height:3rem;color:var(--color-primary);display:block}.foundation-wordmark.svelte-vluua5{overflow-wrap:anywhere;min-width:0;font-family:var(--font-display);letter-spacing:var(--tracking-tight);flex-wrap:wrap;align-items:baseline;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;display:inline-flex}.foundation-wordmark.svelte-vluua5 span:where(.svelte-vluua5){color:var(--color-primary)}.foundation-wordmark.svelte-vluua5 i:where(.svelte-vluua5){color:var(--header-muted);font-style:normal;font-weight:300}.brand-specimen.svelte-vluua5>code:where(.svelte-vluua5){color:var(--ink-muted);font-size:var(--text-xs)}.brand-specimen-dark.svelte-vluua5>code:where(.svelte-vluua5){color:var(--header-muted)}.favicon-row.svelte-vluua5{align-items:end;gap:var(--space-8);min-height:4rem;margin-block:var(--space-6) var(--space-5);flex-wrap:wrap;display:flex}.favicon-sample.svelte-vluua5{justify-items:center;gap:var(--space-2);color:var(--ink-muted);font:var(--text-2xs) var(--font-mono);display:grid}.favicon-preview.svelte-vluua5{flex:none;place-items:center;display:grid}.favicon-preview.svelte-vluua5 img:where(.svelte-vluua5){width:100%;height:100%;display:block}.brand-note.svelte-vluua5{max-width:27rem;color:var(--ink-muted);font-size:var(--text-sm);line-height:var(--leading-body)}.brand-variant-heading.svelte-vluua5{justify-content:space-between;align-items:flex-end;gap:var(--space-6);margin-top:var(--space-8);padding-top:var(--space-6);border-top:var(--hairline) solid var(--border);display:flex}.brand-variant-heading.svelte-vluua5 .control-label:where(.svelte-vluua5){margin-bottom:var(--space-2)}.brand-variant-heading.svelte-vluua5 h3:where(.svelte-vluua5){font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:var(--tracking-tight);font-weight:400}.brand-variant-heading.svelte-vluua5>p:where(.svelte-vluua5){max-width:22rem;color:var(--ink-muted);font-size:var(--text-sm);line-height:var(--leading-body)}.brand-variants.svelte-vluua5{gap:var(--space-4);margin-top:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.brand-variant-card.svelte-vluua5{border:var(--hairline) solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-raised);min-width:0;overflow:hidden}.brand-variant-card-active.svelte-vluua5{border-color:var(--color-primary)}.variant-stage.svelte-vluua5{border-bottom:var(--hairline) solid var(--border);background:radial-gradient(circle at 50% 32%, var(--accent-soft), transparent 52%), var(--panel-bg);place-items:center;min-height:12rem;display:grid}.variant-stage-dark.svelte-vluua5{background:var(--header-bg)}.brand-variant-copy.svelte-vluua5{padding:var(--space-5)}.brand-variant-meta.svelte-vluua5{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.brand-variant-copy.svelte-vluua5 .control-label:where(.svelte-vluua5){margin-bottom:var(--space-2)}.brand-variant-meta.svelte-vluua5 .control-label:where(.svelte-vluua5){margin-bottom:0}.variant-status.svelte-vluua5{border:var(--hairline) solid var(--color-primary);border-radius:var(--radius-pill);color:var(--accent-ink);font:var(--text-2xs) var(--font-mono);white-space:nowrap;padding:.2rem .45rem}.brand-variant-copy.svelte-vluua5 h3:where(.svelte-vluua5){font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:var(--tracking-tight);font-weight:500}.brand-variant-copy.svelte-vluua5 p:where(.svelte-vluua5):not(.control-label){min-height:3.1rem;margin-top:var(--space-2);color:var(--ink-muted);font-size:var(--text-sm);line-height:var(--leading-body)}.brand-variant-copy.svelte-vluua5 code:where(.svelte-vluua5){margin-top:var(--space-4);color:var(--accent-ink);font-size:var(--text-xs);display:block}.swatches.svelte-vluua5{gap:var(--space-4);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.swatch.svelte-vluua5{min-width:0}.paint.svelte-vluua5{border:var(--hairline) solid var(--border-strong);border-radius:var(--radius-lg);height:5rem;margin-bottom:var(--space-3)}.swatch.svelte-vluua5 h3:where(.svelte-vluua5){font-family:var(--font-body);font-size:var(--text-base);font-weight:500}.swatch.svelte-vluua5 code:where(.svelte-vluua5){color:var(--ink-muted);overflow-wrap:anywhere;font-size:.6875rem}.swatch.svelte-vluua5 p:where(.svelte-vluua5){color:var(--ink-muted);font-size:var(--text-xs);margin-top:var(--space-2);line-height:var(--leading-body);max-width:12rem}.foundation-grid.svelte-vluua5{gap:var(--space-12);margin-top:var(--space-12);grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);display:grid}.type-samples.svelte-vluua5,.rhythm.svelte-vluua5{min-width:0}.type-row.svelte-vluua5{align-items:baseline;gap:var(--space-2) var(--space-4);padding-block:var(--space-3);border-top:var(--hairline) solid var(--border);flex-wrap:wrap;display:flex}.sample-heading.svelte-vluua5{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:var(--tracking-tight);color:var(--ink)}.sample-body.svelte-vluua5{font-size:var(--text-md)}.annotation.svelte-vluua5{color:var(--ink-muted);font-size:var(--text-xs);margin-left:auto}.type-row.svelte-vluua5 code:where(.svelte-vluua5){font-size:var(--text-base)}.space-samples.svelte-vluua5{gap:var(--space-5);flex-wrap:wrap;align-items:flex-end;min-height:3.5rem;display:flex}.space-samples.svelte-vluua5>div:where(.svelte-vluua5){justify-items:center;gap:var(--space-2);display:grid}.space-samples.svelte-vluua5 i:where(.svelte-vluua5){border-radius:var(--radius-xs);background:var(--accent-ink);width:1.5rem;display:block}.space-samples.svelte-vluua5 span:where(.svelte-vluua5){color:var(--ink-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.radius-samples.svelte-vluua5{gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.radius-samples.svelte-vluua5 div:where(.svelte-vluua5){border:var(--hairline) solid var(--border-strong);width:3.75rem;height:2.5rem;font-family:var(--font-mono);color:var(--ink-muted);font-size:var(--text-xs);place-items:center;display:grid}.component-grid.svelte-vluua5{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.language-control.svelte-vluua5{margin-top:var(--space-5)}.selection.svelte-vluua5{font-size:var(--text-xs);margin-top:var(--space-4)}.selection.svelte-vluua5 strong:where(.svelte-vluua5){color:var(--ink-body);font-weight:500}.secondary-components.svelte-vluua5{margin-block:var(--space-8);align-items:center}.row.svelte-vluua5{gap:var(--space-3);flex-wrap:wrap;display:flex}.row.svelte-vluua5+.row:where(.svelte-vluua5){margin-top:var(--space-5);gap:var(--space-4)}.reading-copy.svelte-vluua5{padding-block:var(--space-2)}.reading-copy.svelte-vluua5 h3{font-size:var(--text-2xl);letter-spacing:var(--tracking-tight);margin-top:var(--space-5);font-weight:400}.reading-caption.svelte-vluua5{color:var(--ink-muted);font-size:var(--text-xs);margin-top:var(--space-6)}.code-example.svelte-vluua5{gap:var(--space-5);display:grid}.workflow-sink.svelte-vluua5{gap:var(--space-4);grid-template-columns:minmax(11rem,13rem) minmax(0,1fr) minmax(11rem,13rem);display:grid}.workflow-rail.svelte-vluua5{min-width:0;padding:var(--space-4);border:var(--hairline) solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-raised);align-self:start}.workflow-rail-note.svelte-vluua5,.workflow-caption.svelte-vluua5{color:var(--ink-muted);font-size:var(--text-sm);line-height:var(--leading-body)}.workflow-palette-list.svelte-vluua5{gap:var(--space-2);margin-top:var(--space-5);display:grid}.workflow-palette-item.svelte-vluua5{gap:var(--space-2);padding-block:var(--space-2);border-bottom:var(--hairline) solid var(--border);grid-template-columns:1.5rem minmax(0,1fr) auto;align-items:center;display:grid}.workflow-palette-item.svelte-vluua5>span:where(.svelte-vluua5),.workflow-selected-title.svelte-vluua5>span:where(.svelte-vluua5){border-radius:var(--radius-xs);background:var(--surface-sunken);width:1.5rem;height:1.5rem;color:var(--accent-ink);font-family:var(--font-mono);place-items:center;display:grid}.workflow-palette-item.svelte-vluua5 strong:where(.svelte-vluua5),.workflow-palette-item.svelte-vluua5 small:where(.svelte-vluua5){display:block}.workflow-palette-item.svelte-vluua5 strong:where(.svelte-vluua5){font-size:var(--text-sm);font-weight:500}.workflow-palette-item.svelte-vluua5 small:where(.svelte-vluua5){color:var(--ink-muted);font-size:var(--text-xs);margin-top:.15rem}.workflow-palette-item.svelte-vluua5 i:where(.svelte-vluua5){color:var(--accent-ink);font-family:var(--font-mono);font-style:normal}.workflow-canvas.svelte-vluua5{border:var(--hairline) solid var(--border-strong);border-radius:var(--radius-lg);background-color:var(--panel-bg);background-image:linear-gradient(color-mix(in srgb, var(--border) 42%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--border) 42%, transparent) 1px, transparent 1px);background-size:2rem 2rem;min-height:25rem;position:relative;overflow:hidden}.workflow-canvas-topline.svelte-vluua5{top:var(--space-4);right:var(--space-4);left:var(--space-4);color:var(--ink-faint);font:var(--text-2xs) var(--font-mono);letter-spacing:.07em;text-transform:uppercase;justify-content:space-between;display:flex;position:absolute}.workflow-edge-preview.svelte-vluua5{width:100%;height:100%;position:absolute;inset:0}.workflow-edge-preview.svelte-vluua5 path:where(.svelte-vluua5){fill:none;stroke:var(--accent-ink);stroke-dasharray:5 5;stroke-width:1.5px;opacity:.55}.workflow-node-preview.svelte-vluua5{column-gap:var(--space-2);width:7.5rem;padding:var(--space-2);border:var(--hairline) solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-raised);grid-template-columns:1.5rem minmax(0,1fr);align-items:center;display:grid;position:absolute}.workflow-node-preview.svelte-vluua5>span:where(.svelte-vluua5){border-radius:var(--radius-xs);background:var(--surface-sunken);width:1.5rem;height:1.5rem;color:var(--accent-ink);font-family:var(--font-mono);grid-row:span 2;place-items:center;display:grid}.workflow-node-preview.svelte-vluua5 strong:where(.svelte-vluua5){font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.workflow-node-preview.svelte-vluua5 small:where(.svelte-vluua5){color:var(--ink-muted);font:var(--text-2xs) var(--font-mono)}.workflow-entry.svelte-vluua5{top:38%;left:12%}.workflow-service.svelte-vluua5{top:38%;left:39%}.workflow-queue.svelte-vluua5{top:38%;left:66%}.workflow-database.svelte-vluua5{top:68%;left:76%}.workflow-canvas-hint.svelte-vluua5{right:var(--space-4);bottom:var(--space-4);color:var(--ink-faint);font:var(--text-2xs) var(--font-mono);letter-spacing:.04em;text-transform:uppercase;position:absolute}.workflow-canvas-hint.svelte-vluua5 span:where(.svelte-vluua5){border:1px dashed var(--border-strong);width:1rem;height:1rem;color:var(--accent-ink);place-items:center;margin-right:.25rem;display:inline-grid}.workflow-selected-title.svelte-vluua5{align-items:center;gap:var(--space-2);margin-block:var(--space-5);display:flex}.workflow-selected-title.svelte-vluua5 strong:where(.svelte-vluua5){font-size:var(--text-sm);font-weight:500}.workflow-field.svelte-vluua5{padding-block:var(--space-3);border-top:var(--hairline) solid var(--border);gap:.25rem;display:grid}.workflow-field.svelte-vluua5 span:where(.svelte-vluua5){color:var(--ink-faint);font:var(--text-2xs) var(--font-mono);text-transform:uppercase}.workflow-field.svelte-vluua5 strong:where(.svelte-vluua5),.workflow-field.svelte-vluua5 code:where(.svelte-vluua5){font-size:var(--text-sm);font-weight:500}.workflow-caption.svelte-vluua5{max-width:48rem;margin-top:var(--space-4)}@media (width<=63.99rem){.brand-showcase.svelte-vluua5,.brand-variants.svelte-vluua5{grid-template-columns:repeat(2,minmax(0,1fr))}.swatches.svelte-vluua5{gap:var(--space-6) var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr))}.foundation-grid.svelte-vluua5{gap:var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr))}.component-grid.svelte-vluua5{grid-template-columns:minmax(0,1fr)}.workflow-sink.svelte-vluua5{grid-template-columns:minmax(10rem,12rem) minmax(0,1fr) minmax(10rem,12rem)}}@media (width<=39.99rem){.intro.svelte-vluua5{padding-bottom:var(--space-10);gap:var(--space-8)}.lead.svelte-vluua5{font-size:var(--text-md)}.desktop-break.svelte-vluua5{display:none}.foundation-grid.svelte-vluua5,.brand-showcase.svelte-vluua5{grid-template-columns:minmax(0,1fr)}.brand-variant-heading.svelte-vluua5{align-items:flex-start;gap:var(--space-3);flex-direction:column}.brand-variants.svelte-vluua5,.workflow-sink.svelte-vluua5{grid-template-columns:minmax(0,1fr)}.workflow-palette.svelte-vluua5,.workflow-inspector.svelte-vluua5,.workflow-canvas.svelte-vluua5{order:initial}.workflow-canvas.svelte-vluua5{min-height:22rem}.workflow-edge-preview.svelte-vluua5{display:none}.workflow-entry.svelte-vluua5,.workflow-queue.svelte-vluua5{left:6%}.workflow-service.svelte-vluua5,.workflow-database.svelte-vluua5{left:52%}.workflow-entry.svelte-vluua5,.workflow-service.svelte-vluua5{top:22%}.workflow-queue.svelte-vluua5,.workflow-database.svelte-vluua5{top:52%}.workflow-node-preview.svelte-vluua5{width:42%}.section.svelte-vluua5{padding-block:var(--space-8)}.swatches.svelte-vluua5{grid-template-columns:repeat(2,minmax(0,1fr))}.annotation.svelte-vluua5{margin-left:0}.type-row.svelte-vluua5{flex-direction:column}}