:root{--vb-font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--vb-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--vb-text-size: 13px;--vb-text-size-sm: 12px;--vb-line: 1.5;--vb-surface: #ffffff;--vb-surface-sunken: #fafafa;--vb-surface-hover: #f4f4f5;--vb-border: #e4e4e7;--vb-text: #18181b;--vb-text-muted: #71717a;--vb-accent: #2563eb;--vb-accent-soft: #eff6ff;--vb-radius: 4px}:where(*:not([data-vb-node])),:where(*:not([data-vb-node])):before,:where(*:not([data-vb-node])):after{box-sizing:border-box}body{margin:0;font-family:var(--vb-font-sans);font-size:var(--vb-text-size);line-height:var(--vb-line);color:var(--vb-text);background:var(--vb-surface-sunken);-webkit-font-smoothing:antialiased}:where(button:not([data-vb-node])){font:inherit;color:var(--vb-text);background:var(--vb-surface);border:1px solid var(--vb-border);border-radius:var(--vb-radius);padding:4px 10px;cursor:pointer}:where(select:not([data-vb-node])){font:inherit;color:var(--vb-text);background:var(--vb-surface);border:1px solid var(--vb-border);border-radius:var(--vb-radius);padding:3px 6px;cursor:pointer}:where(input:not([data-vb-node])){font:inherit;color:var(--vb-text)}:where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([data-vb-node])){background:var(--vb-surface);border:1px solid var(--vb-border);border-radius:var(--vb-radius);padding:3px 6px}:where(textarea:not([data-vb-node])){font:inherit;color:var(--vb-text);background:var(--vb-surface);border:1px solid var(--vb-border);border-radius:var(--vb-radius);padding:4px 6px}:where(label:not([data-vb-node])){font:inherit;color:var(--vb-text)}a:not([data-vb-node]):focus-visible,button:not([data-vb-node]):focus-visible,input:not([data-vb-node]):focus-visible,select:not([data-vb-node]):focus-visible,textarea:not([data-vb-node]):focus-visible,[tabindex]:not([data-vb-node]):focus-visible{outline:2px solid var(--vb-accent);outline-offset:1px}.vb-btn{font:inherit;color:var(--vb-text);background:var(--vb-surface);border:1px solid var(--vb-border);border-radius:var(--vb-radius);padding:4px 10px;cursor:pointer;white-space:nowrap}.vb-btn:hover:not(:disabled){background:var(--vb-surface-hover)}.vb-btn--primary{color:#fff;background:var(--vb-accent);border-color:var(--vb-accent)}.vb-btn--primary:hover:not(:disabled){background:var(--vb-accent);filter:brightness(.94)}.vb-btn--subtle{color:var(--vb-text-muted);background:transparent;border-color:transparent}.vb-btn--subtle:hover:not(:disabled){color:var(--vb-text);background:var(--vb-surface-hover);border-color:var(--vb-border)}.vb-btn--pressed{color:var(--vb-accent);background:var(--vb-accent-soft);border-color:var(--vb-accent);font-weight:600}.vb-btn--pressed:hover:not(:disabled){color:var(--vb-accent);background:var(--vb-accent-soft);border-color:var(--vb-accent)}.vb-btn:disabled{opacity:.5;cursor:default}.vb-toolbar{background:var(--vb-surface);border-bottom:1px solid var(--vb-border)}.vb-save-status{color:var(--vb-text-muted);font-size:var(--vb-text-size-sm)}.vb-panel{min-width:0;min-height:0;color:var(--vb-text)}.vb-panel--raised{background:var(--vb-surface);border:1px solid var(--vb-border);border-radius:var(--vb-radius)}.vb-panel--sunken{background:var(--vb-surface-sunken)}.vb-panel--column-left,.vb-panel--column-right{padding:8px;background:var(--vb-surface)}.vb-panel--column-left{border-inline-end:1px solid var(--vb-border)}.vb-panel--column-right{border-inline-start:1px solid var(--vb-border)}.vb-panel--ruled{border-bottom:1px solid var(--vb-border)}.vb-workspace{min-width:0}.vb-tabs{display:flex;gap:2px;align-items:center}.vb-tabs--small{gap:1px}.vb-tab{border-radius:var(--vb-radius);padding:4px 10px}.vb-tabs--small .vb-tab{font-size:var(--vb-text-size-sm);padding:2px 8px}.vb-tab:not(.vb-btn--pressed){border-color:transparent;background:transparent;color:var(--vb-text-muted)}.vb-tab:not(.vb-btn--pressed):hover{background:var(--vb-surface-hover)}.vb-field{display:flex;flex-wrap:wrap;align-items:center;gap:8px;row-gap:2px;min-height:24px;padding-block:2px}.vb-field>*{flex:1 1 auto;min-width:0}.vb-field__label{flex:0 1 120px;min-width:4.5em;color:var(--vb-text-muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.vb-prov-row{border-radius:var(--vb-radius);padding-inline:4px}.vb-prov-row:hover{background:var(--vb-surface-hover)}.vb-prov-row__badge{flex:0 0 auto;font-size:var(--vb-text-size-sm);color:var(--vb-text-muted);border:1px solid var(--vb-border);border-radius:var(--vb-radius);padding-inline:4px;white-space:nowrap}.vb-prov-row__value{flex:0 1 auto;color:var(--vb-text-muted);overflow-wrap:anywhere}.vb-prov-row__value--set{color:var(--vb-text);font-weight:600}.vb-prov-row__source,.vb-prov-row__revert{flex:0 0 auto;font-size:var(--vb-text-size-sm);padding:0 4px}.vb-prov-row__source{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;text-align:left}.vb-props{display:flex;flex-direction:column;min-height:0;overflow-y:auto;padding:8px;color:var(--vb-text)}.vb-props__title{font-weight:600;padding-block:2px 6px}.vb-props__section{padding-block:6px}.vb-props__section+.vb-props__section{border-top:1px solid var(--vb-border)}.vb-props__summary{cursor:pointer;font-size:var(--vb-text-size-sm);text-transform:uppercase;letter-spacing:.04em;color:var(--vb-text-muted);padding-block:2px;-webkit-user-select:none;user-select:none}.vb-props__section[data-group=variants] .vb-field__label{color:var(--vb-text);font-weight:500}.vb-props__tokens-toggle{flex:0 1 auto;font-size:var(--vb-text-size-sm)}.vb-props__tokens{flex:1 1 100%;min-width:0;padding-block:4px;padding-inline-start:8px;border-inline-start:1px solid var(--vb-border)}.vb-matrix{display:flex;flex-direction:column;gap:12px}.vb-matrix__header{display:flex;align-items:center;gap:12px}.vb-matrix__title{margin:0;font-size:var(--vb-text-size);font-weight:600}.vb-matrix__grids{display:flex;gap:16px;align-items:flex-start;min-width:0}.vb-matrix__pane{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1 1 auto}.vb-matrix__pane--compare{flex:1 1 0}.vb-matrix__mode{font-size:var(--vb-text-size-sm);color:var(--vb-text-muted);text-transform:uppercase;letter-spacing:.06em}.vb-matrix__scroll{overflow:auto;max-width:100%;background:var(--vb-matrix-backdrop);color:var(--vb-matrix-ink);border:1px solid var(--vb-matrix-line);border-radius:var(--vb-radius)}.vb-matrix__scroll--capped{max-height:520px}.vb-matrix__scroll[data-grid-mode=light]{--vb-matrix-backdrop: #ffffff;--vb-matrix-ink: #0f172a;--vb-matrix-line: #e5e7eb}.vb-matrix__scroll[data-grid-mode=dark]{--vb-matrix-backdrop: #0f172a;--vb-matrix-ink: #f8fafc;--vb-matrix-line: #334155}.vb-matrix__grid{display:grid;grid-template-columns:minmax(96px,max-content) repeat(var(--vb-matrix-states, 1),minmax(112px,1fr));min-width:max-content}.vb-matrix__row{display:contents}.vb-matrix__corner,.vb-matrix__colhead,.vb-matrix__rowhead{position:sticky;font-size:var(--vb-text-size-sm);padding:8px 12px;background-color:var(--vb-matrix-backdrop)}.vb-matrix__colhead{top:0;z-index:2;color:color-mix(in srgb,var(--vb-matrix-ink) 62%,var(--vb-matrix-backdrop));background-image:linear-gradient(#80808012,#80808012);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--vb-matrix-line)}.vb-matrix__rowhead{left:0;z-index:1;display:flex;align-items:center;font-weight:500;color:color-mix(in srgb,var(--vb-matrix-ink) 85%,var(--vb-matrix-backdrop));border-right:1px solid var(--vb-matrix-line);border-bottom:1px solid var(--vb-matrix-line)}.vb-matrix__corner{top:0;left:0;z-index:3;color:color-mix(in srgb,var(--vb-matrix-ink) 45%,var(--vb-matrix-backdrop));border-right:1px solid var(--vb-matrix-line);border-bottom:1px solid var(--vb-matrix-line)}.vb-matrix__cell{display:flex;align-items:center;justify-content:center;min-height:72px;padding:14px 16px;cursor:pointer;border-bottom:1px solid var(--vb-matrix-line)}.vb-matrix__cell:hover{background-color:#80808014}.vb-matrix__cell[aria-selected=true]{outline:2px solid var(--vb-accent);outline-offset:-2px}.vb-palette{display:flex;flex-direction:column;gap:24px}.vb-palette__section{display:flex;flex-direction:column;gap:12px;padding:12px}.vb-palette__lede{margin:0;font-size:var(--vb-text-size-sm);color:var(--vb-text-muted)}.vb-palette__heading{margin:0;font-size:var(--vb-text-size);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--vb-text-muted)}.vb-palette__group-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.vb-palette__family{display:grid;grid-template-columns:minmax(80px,120px) 1fr;gap:12px;align-items:start;padding:4px;border-radius:var(--vb-radius)}.vb-palette__family--confirming{background:#fef2f2;border-left:2px solid #b91c1c;padding-left:2px}.vb-palette__family-head{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap}.vb-palette__family-name{font-size:var(--vb-text-size-sm);color:var(--vb-text-muted)}.vb-palette__remove{font-size:var(--vb-text-size-sm);padding:1px 6px}.vb-palette__remove--armed{color:#fff;background:#b91c1c;border-color:#b91c1c}.vb-palette__remove--armed:hover:not(:disabled){background:#991b1b}.vb-palette__warning{grid-column:1 / -1;display:flex;flex-direction:column;gap:4px;font-size:var(--vb-text-size-sm);color:var(--vb-text)}.vb-palette__warning-none{color:var(--vb-text-muted)}.vb-palette__warning-list{margin:0;padding-left:18px}.vb-palette__warning-path{overflow-wrap:anywhere}.vb-palette__add{display:flex;flex-direction:column;gap:4px}.vb-palette__add-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.vb-palette__add-input{font-size:var(--vb-text-size-sm);padding:4px 6px;min-width:0;width:140px}.vb-palette__add-error{color:#b91c1c}.vb-palette__steps{display:flex;flex-wrap:wrap;gap:10px}.vb-palette__step{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px}.vb-palette__step-foot{display:flex;align-items:center;gap:4px}.vb-palette__step-name{font-size:var(--vb-text-size-sm);color:var(--vb-text-muted)}.vb-palette__lock{font-size:var(--vb-text-size-sm);padding:0 4px;line-height:1.4}.vb-palette__generate{font-size:var(--vb-text-size-sm);padding:1px 6px}.vb-palette__swatch{width:28px;height:28px;padding:0;border-radius:var(--vb-radius);border:1px solid rgba(0,0,0,.2);cursor:pointer}.vb-palette__popover{position:absolute;top:48px;left:0;z-index:2;padding:8px;border-radius:var(--vb-radius);border:1px solid}.vb-palette__empty{color:var(--vb-text-muted)}.vb-palette__table{display:grid;grid-template-columns:minmax(160px,1.2fr) 1fr 1fr;column-gap:12px;row-gap:10px;align-items:start}.vb-palette__colhead{font-size:var(--vb-text-size-sm);color:var(--vb-text-muted);text-transform:uppercase;letter-spacing:.06em;padding-bottom:2px}.vb-palette__path{font-size:var(--vb-text-size-sm);padding-top:8px;word-break:break-word}.vb-palette__rowhead{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.vb-palette__rowhead--confirming{border-left:2px solid #b91c1c;padding-left:4px}.vb-palette__rowform{grid-column:1 / -1}.vb-palette__rename{font-size:var(--vb-text-size-sm);padding:1px 6px}.vb-palette__cell{display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:var(--vb-radius);border:1px solid}.vb-palette__cell--light{background:#fff;color:#0f172a;border-color:#e5e7eb}.vb-palette__cell--dark{background:#0f172a;color:#f8fafc;border-color:#334155}.vb-palette__cell--light .vb-palette__swatch,.vb-palette__cell--light .vb-palette__editor{border-color:#e5e7eb}.vb-palette__cell--light .vb-palette__mix{border-top-color:#e5e7eb}.vb-palette__cell--dark .vb-palette__swatch,.vb-palette__cell--dark .vb-palette__editor{border-color:#334155}.vb-palette__cell--dark .vb-palette__mix{border-top-color:#334155}.vb-palette__ref{align-self:flex-start;font:inherit;font-size:var(--vb-text-size-sm);color:inherit;background:transparent;border:1px solid transparent;border-radius:var(--vb-radius);padding:1px 4px;text-align:left;word-break:break-word;cursor:pointer}.vb-palette__ref:hover{color:var(--vb-text);background:var(--vb-surface-hover);border-color:var(--vb-border)}.vb-palette__editor{display:flex;flex-direction:column;gap:8px;margin-top:4px;padding:8px;border-radius:var(--vb-radius);border:1px solid}.vb-palette__authoring{display:flex;gap:12px}.vb-palette__option{display:flex;align-items:center;gap:4px}.vb-palette__derived{display:flex;flex-direction:column;gap:8px}.vb-palette__derived-row{display:flex;align-items:center;gap:8px}.vb-palette__field{display:flex;align-items:center;gap:4px}.vb-palette__field-label{font-size:var(--vb-text-size-sm);color:var(--vb-text-muted)}.vb-palette__amount{width:64px;padding:2px 4px}.vb-palette__mix{display:flex;flex-direction:column;gap:6px;border-top:1px solid;padding-top:6px}.vb-typeramp{display:flex;flex-direction:column;gap:24px;padding:16px}.vb-typeramp__scale{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.vb-typeramp__sheet{display:flex;flex-direction:column}.vb-typeramp__block{display:flex;flex-direction:column;gap:8px;padding:16px 0;border-bottom:1px solid var(--vb-border)}.vb-typeramp__meta{display:flex;align-items:baseline;gap:8px;font-size:var(--vb-text-size-sm);color:var(--vb-text-muted)}.vb-typeramp__id{font-weight:600}.vb-typeramp__sample{color:var(--vb-text)}.vb-typeramp__controls{display:flex;flex-wrap:wrap;gap:12px}.vb-typeramp__field{display:flex;align-items:center;gap:6px}.vb-typeramp__field-label{color:var(--vb-text-muted)}.vb-typeramp__unit{font-size:var(--vb-text-size-sm);color:var(--vb-text-muted)}.vb-typeramp__input{width:88px}.vb-typeramp__fonts{display:flex;flex-direction:column;gap:12px}.vb-typeramp__font{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--vb-border)}.vb-typeramp__font-path{flex:0 1 140px;min-width:90px;font-size:var(--vb-text-size-sm);color:var(--vb-text-muted);overflow-wrap:anywhere}.vb-typeramp__stack{flex:1 1 220px;min-width:140px}.vb-typeramp__font-select{flex:0 1 auto;min-width:0}.vb-typeramp__font-sample{flex:1 1 100%;min-width:0;font-size:20px;color:var(--vb-text);overflow-wrap:anywhere}.vb-typeramp__font-ref{max-width:160px}.vb-typeramp__fonts-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.vb-typeramp__fonts-heading{margin:0;font-size:var(--vb-text-size);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--vb-text-muted)}.vb-typeramp__font-actions{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.vb-typeramp__font-form,.vb-typeramp__font-warning{flex:1 1 100%;min-width:0}.vb-scale{display:flex;flex-direction:column;gap:12px}.vb-scale__empty{color:var(--vb-text-muted)}.vb-scale__row{display:flex;align-items:center;gap:12px}.vb-scale__path{flex:0 0 140px;color:var(--vb-text-muted)}.vb-scale__value{flex:0 0 200px}.vb-scale__track{width:200px;height:12px;background:var(--vb-surface-hover);border-radius:2px}.vb-scale__bar{height:12px;background:var(--vb-accent);border-radius:2px}.vb-scale__corner{width:64px;height:64px;border:1px solid var(--vb-text-muted);background:var(--vb-surface-hover)}.vb-scale__shadow{padding:12px;background:var(--vb-surface-hover)}.vb-scale__card{width:96px;height:56px;background:var(--vb-surface)}.vb-scale__rule{width:96px;height:0;border-top-style:solid;border-top-color:var(--vb-text-muted)}.vb-scale__lane{width:96px;height:16px}.vb-scale__dot{width:16px;height:16px;border-radius:9999px;background:var(--vb-accent);transform:translate(0);transition-property:transform;transition-timing-function:ease}.vb-scale__dot--moved{transform:translate(64px)}.vb-scale__head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.vb-scale__actions{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-left:auto}.vb-scale__row--editing{flex-wrap:wrap}.vb-scale__rowform{flex:1 0 100%;min-width:0}.vb-scale__specimen{display:block;padding:0;border:1px solid transparent;border-radius:var(--vb-radius);background:none;cursor:pointer}.vb-scale__specimen:hover,.vb-scale__specimen[aria-expanded=true]{border-color:var(--vb-accent)}.vb-scale__builder{display:block;padding-top:12px;border-top:1px solid var(--vb-border)}.vb-scale__builder-head{display:block;color:var(--vb-text-muted);font-size:var(--vb-text-size-sm)}.vb-cloud{display:flex;flex-direction:column;gap:4px;padding:6px;font-size:var(--vb-text-size-sm)}.vb-cloud__bar{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:var(--vb-text-size-sm)}.vb-cloud__row{display:flex;align-items:center;gap:4px;padding:2px 4px;border-radius:var(--vb-radius)}.vb-cloud__row--confirming{background:#fef2f2;border-left:2px solid #b91c1c;padding-left:2px}.vb-cloud__name{font-weight:400}.vb-cloud__row[aria-current=true] .vb-cloud__name{font-weight:600}.vb-cloud__timestamp{font-size:10px;color:var(--vb-text-muted)}.vb-cloud__muted{color:var(--vb-text-muted)}.vb-cloud__error{color:#b91c1c}.vb-cloud__input{font-size:var(--vb-text-size-sm);padding:2px 4px;min-width:0;width:140px}.vb-cloud__input--wide{width:100%}.vb-cloud__select{font-size:var(--vb-text-size-sm);padding:2px 4px;min-width:0;max-width:160px}.vb-cloud__button--danger{color:#fff;background:#b91c1c;border-color:#b91c1c}.vb-cloud__button--danger:hover:not(:disabled){background:#991b1b}.vb-cloud__anchor{position:relative}.vb-cloud__popover{position:absolute;top:100%;left:0;z-index:10;min-width:320px;padding:8px;box-shadow:0 4px 12px #00000014}.vb-guide__heading{font-weight:600;margin-top:4px}.vb-guide__diff{display:flex;flex-direction:column;gap:2px}.vb-diff__list{margin:0;padding-left:16px;list-style:none}.vb-diff__item{padding-left:2px}.vb-diff__item[data-vb-diff-change=added]{color:#15803d}.vb-diff__item[data-vb-diff-change=added]:before{content:"+ "}.vb-diff__item[data-vb-diff-change=removed]{color:#b91c1c}.vb-diff__item[data-vb-diff-change=removed]:before{content:"− "}.vb-diff__item[data-vb-diff-change=changed]{color:var(--vb-text)}.vb-diff__item[data-vb-diff-change=changed]:before{content:"~ "}.vb-diff__item[data-vb-diff-change=hidden]{color:var(--vb-text-muted);text-decoration:line-through}.vb-diff__item[data-vb-diff-change=hidden]:before{content:"⊘ "}.vb-diff__item[data-vb-diff-change=unhidden]{color:var(--vb-text-muted);text-decoration:underline dashed}.vb-diff__item[data-vb-diff-change=unhidden]:before{content:"⊙ "}.vb-colorpicker{display:flex;flex-direction:column;gap:6px;min-width:200px}.vb-colorpicker__area{position:relative;height:120px;border:1px solid var(--vb-border);border-radius:var(--vb-radius);cursor:crosshair;touch-action:none}.vb-colorpicker__thumb{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border:2px solid #ffffff;border-radius:50%;box-shadow:0 0 0 1px #00000073;pointer-events:none}.vb-colorpicker__hue,.vb-colorpicker__alpha{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:12px;margin:0;padding:0;border:1px solid var(--vb-border);border-radius:6px;touch-action:none}.vb-colorpicker__hue{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.vb-colorpicker__alpha{background:linear-gradient(to right,rgba(24,24,27,0),var(--vb-text))}.vb-colorpicker__hue::-webkit-slider-thumb,.vb-colorpicker__alpha::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border:2px solid #ffffff;border-radius:50%;box-shadow:0 0 0 1px #00000073;background:transparent;cursor:ew-resize}.vb-colorpicker__hue::-moz-range-thumb,.vb-colorpicker__alpha::-moz-range-thumb{width:12px;height:12px;border:2px solid #ffffff;border-radius:50%;box-shadow:0 0 0 1px #00000073;background:transparent;cursor:ew-resize}.vb-colorpicker__hex{font-family:var(--vb-font-mono);font-size:var(--vb-text-size-sm);padding:2px 4px;min-width:0}.vb-scrub{display:inline-flex;align-items:center;flex:0 0 auto;min-width:0;cursor:ew-resize;touch-action:none;user-select:none;-webkit-user-select:none;border-bottom:1px dashed var(--vb-border)}.vb-scrub:hover{border-bottom-color:var(--vb-accent)}.vb-shadow{flex:1 0 100%;display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:8px 0 0}.vb-shadow__stage{flex:0 0 auto;padding:14px;background:var(--vb-surface-hover);border-radius:var(--vb-radius)}.vb-shadow__preview{width:72px;height:44px;background:var(--vb-surface);border-radius:var(--vb-radius)}.vb-shadow__layer{flex:1 1 auto;min-width:0;display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px}.vb-shadow__name{flex:0 0 auto;color:var(--vb-text-muted);font-size:var(--vb-text-size-sm)}.vb-shadow__part{display:flex;flex-direction:column;gap:2px;min-width:0}.vb-shadow__cap{color:var(--vb-text-muted);font-size:var(--vb-text-size-sm)}.vb-shadow__field{width:62px;min-width:0;font-family:var(--vb-font-mono);font-size:var(--vb-text-size-sm);padding:2px 4px}.vb-shadow__field--colour{width:168px}.vb-shadow__swatch{flex:0 0 auto;width:20px;height:20px;border:1px solid var(--vb-border);border-radius:var(--vb-radius)}.vb-shadow__inset{margin:0 0 3px;align-self:flex-start}.vb-shadow__aside{flex:1 1 240px;min-width:0;display:flex;flex-direction:column;gap:4px}.vb-shadow__note{color:var(--vb-text-muted);font-size:var(--vb-text-size-sm)}.vb-shadow__raw{font-family:var(--vb-font-mono);font-size:var(--vb-text-size-sm);overflow-wrap:anywhere}.vb-fontupload{display:flex;flex-direction:column;gap:8px;padding:16px 16px 0}.vb-fontupload__lede{margin:0;max-width:62ch;color:var(--vb-text-muted);font-size:var(--vb-text-size-sm)}.vb-fontupload__row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.vb-fontupload__field{display:flex;align-items:center;gap:6px}.vb-fontupload__field-label{color:var(--vb-text-muted);font-size:var(--vb-text-size-sm)}.vb-fontupload__file{flex:1 1 200px;min-width:0}.vb-fontupload__input{width:132px;min-width:0}.vb-fontupload__select{flex:0 1 auto;min-width:0}.vb-fontupload__status{flex:0 1 auto;min-width:0;color:var(--vb-text-muted);font-size:var(--vb-text-size-sm);overflow-wrap:anywhere}.vb-fontupload__error{color:var(--vb-text);font-size:var(--vb-text-size-sm);overflow-wrap:anywhere}.vb-fontupload__empty{margin:0;color:var(--vb-text-muted);font-size:var(--vb-text-size-sm)}.vb-fontupload__list{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none}.vb-fontupload__item{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:4px 0;border-top:1px solid var(--vb-border)}.vb-fontupload__name{flex:0 1 auto;min-width:0;font-weight:600;overflow-wrap:anywhere}.vb-fontupload__meta{flex:1 1 auto;min-width:0;color:var(--vb-text-muted);font-size:var(--vb-text-size-sm)}.vb-fontimport{display:flex;flex-direction:column;gap:8px;padding:16px 16px 0}.vb-fontimport__lede{margin:0;max-width:62ch;color:var(--vb-text-muted);font-size:var(--vb-text-size-sm)}.vb-fontimport__row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.vb-fontimport__field{display:flex;align-items:center;gap:6px}.vb-fontimport__field-label{color:var(--vb-text-muted);font-size:var(--vb-text-size-sm)}.vb-fontimport__input{flex:1 1 200px;min-width:0}.vb-fontimport__count{flex:0 0 auto;color:var(--vb-text-muted);font-size:var(--vb-text-size-sm);font-variant-numeric:tabular-nums}.vb-fontimport__status{flex:0 1 auto;min-width:0;color:var(--vb-text-muted);font-size:var(--vb-text-size-sm);overflow-wrap:anywhere}.vb-fontimport__error{color:var(--vb-text);font-size:var(--vb-text-size-sm);overflow-wrap:anywhere}.vb-fontimport__empty{margin:0;color:var(--vb-text-muted);font-size:var(--vb-text-size-sm)}.vb-fontimport__list{display:flex;flex-direction:column;gap:4px;max-height:260px;overflow-y:auto;margin:0;padding:0;list-style:none}.vb-fontimport__item{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:4px 0;border-top:1px solid var(--vb-border)}.vb-fontimport__name{flex:0 1 auto;min-width:0;font-weight:600;overflow-wrap:anywhere}.vb-fontimport__meta{flex:1 1 auto;min-width:0;color:var(--vb-text-muted);font-size:var(--vb-text-size-sm)}.vb-fontimport__select{flex:0 1 auto;min-width:0}.vb-fontimport__more{margin:0;color:var(--vb-text-muted);font-size:var(--vb-text-size-sm)}