@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap";.ui-alert{border:1px solid var(--border);background:var(--surface);color:var(--surface-foreground);border-radius:10px;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;display:flex}.ui-alert__marker{background:var(--brand);border-radius:999px;flex:none;align-self:stretch;width:.45rem;min-height:1.2rem}.ui-alert__body{flex:auto;min-width:0}.ui-alert__title{margin:0;font-size:.9rem;font-weight:600}.ui-alert__text{color:var(--muted-foreground);margin:.25rem 0 0;font-size:.875rem;line-height:1.45}.ui-alert__title+.ui-alert__text{margin-top:.35rem}.ui-alert__actions{flex-wrap:wrap;gap:.5rem;margin-top:.7rem;display:flex}.ui-alert__close{appearance:none;color:var(--muted-foreground);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;margin:0;padding:.15rem .4rem;font-size:1rem;line-height:1}.ui-alert__close:hover{background:var(--muted);color:var(--surface-foreground)}.ui-alert__close:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.ui-alert--info{background:color-mix(in srgb, var(--brand) 8%, var(--surface));border-color:color-mix(in srgb, var(--brand) 28%, var(--border))}.ui-alert--info .ui-alert__marker{background:var(--brand)}.ui-alert--success{background:var(--success-soft);border-color:color-mix(in srgb, var(--success) 28%, var(--border))}.ui-alert--success .ui-alert__marker,.ui-alert--success .ui-alert__title{color:var(--success)}.ui-alert--success .ui-alert__marker{background:var(--success)}.ui-alert--warning{background:var(--warning-soft);border-color:color-mix(in srgb, var(--warning) 28%, var(--border))}.ui-alert--warning .ui-alert__marker,.ui-alert--warning .ui-alert__title{color:var(--warning)}.ui-alert--warning .ui-alert__marker{background:var(--warning)}.ui-alert--danger{background:var(--danger-soft);border-color:color-mix(in srgb, var(--danger) 28%, var(--border))}.ui-alert--danger .ui-alert__marker,.ui-alert--danger .ui-alert__title{color:var(--danger)}.ui-alert--danger .ui-alert__marker{background:var(--danger)}.ui-badge{white-space:nowrap;vertical-align:middle;border:1px solid #0000;border-radius:999px;align-items:center;gap:.3rem;max-width:100%;padding:.15rem .55rem;font-size:.75rem;font-weight:500;line-height:1.4;display:inline-flex}.ui-badge--md{padding:.2rem .65rem;font-size:.8125rem}.ui-badge--dot:before{content:"";background:currentColor;border-radius:999px;width:.4rem;height:.4rem}.ui-badge--tone-neutral.ui-badge--soft{background:var(--muted);color:var(--surface-foreground)}.ui-badge--tone-neutral.ui-badge--solid{background:var(--surface-foreground);color:var(--brand-foreground)}.ui-badge--tone-neutral.ui-badge--outline{border-color:var(--border);color:var(--surface-foreground);background:0 0}.ui-badge--tone-brand.ui-badge--soft{background:color-mix(in srgb, var(--brand) 14%, transparent);color:var(--brand)}.ui-badge--tone-brand.ui-badge--solid{background:var(--brand);color:var(--brand-foreground)}.ui-badge--tone-brand.ui-badge--outline{border-color:color-mix(in srgb, var(--brand) 40%, var(--border));color:var(--brand);background:0 0}.ui-badge--tone-success.ui-badge--soft{background:var(--success-soft);color:var(--success)}.ui-badge--tone-success.ui-badge--solid{background:var(--success);color:var(--brand-foreground)}.ui-badge--tone-success.ui-badge--outline{border-color:color-mix(in srgb, var(--success) 40%, var(--border));color:var(--success);background:0 0}.ui-badge--tone-warning.ui-badge--soft{background:var(--warning-soft);color:var(--warning)}.ui-badge--tone-warning.ui-badge--solid{background:var(--warning);color:var(--brand-foreground)}.ui-badge--tone-warning.ui-badge--outline{border-color:color-mix(in srgb, var(--warning) 40%, var(--border));color:var(--warning);background:0 0}.ui-badge--tone-danger.ui-badge--soft{background:var(--danger-soft);color:var(--danger)}.ui-badge--tone-danger.ui-badge--solid{background:var(--danger);color:var(--brand-foreground)}.ui-badge--tone-danger.ui-badge--outline{border-color:color-mix(in srgb, var(--danger) 40%, var(--border));color:var(--danger);background:0 0}.ui-spinner{border:2px solid color-mix(in srgb, var(--brand) 25%, var(--border));border-top-color:var(--brand);vertical-align:middle;border-radius:999px;width:1.25rem;height:1.25rem;animation:.7s linear infinite ui-spin;display:inline-block}.ui-spinner--sm{width:1rem;height:1rem}.ui-spinner--lg{border-width:3px;width:1.75rem;height:1.75rem}.ui-spinner-block{color:var(--muted-foreground);align-items:center;gap:.65rem;font-size:.875rem;display:inline-flex}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-progress{flex-direction:column;gap:.4rem;min-width:0;display:flex}.ui-progress__meta{color:var(--muted-foreground);justify-content:space-between;gap:.75rem;font-size:.8125rem;display:flex}.ui-progress__label{color:var(--surface-foreground);font-weight:500}.ui-progress__track{background:var(--muted);border-radius:999px;width:100%;height:.5rem;overflow:hidden}.ui-progress__bar{border-radius:inherit;background:var(--brand);height:100%;transition:width .16s}.ui-progress--success .ui-progress__bar{background:var(--success)}.ui-progress--warning .ui-progress__bar{background:var(--warning)}.ui-progress--danger .ui-progress__bar{background:var(--danger)}.ui-empty{border:1px dashed var(--border);background:var(--surface);border-radius:12px;flex-direction:column;align-items:flex-start;gap:.45rem;padding:1.4rem 1.25rem;display:flex}.ui-empty--center{text-align:center;align-items:center}.ui-empty__title{color:var(--surface-foreground);margin:0;font-size:1rem;font-weight:600}.ui-empty__text{max-width:28rem;color:var(--muted-foreground);margin:0;font-size:.875rem;line-height:1.45}.ui-empty__actions{flex-wrap:wrap;gap:.5rem;margin-top:.55rem;display:flex}.ui-skeleton{background:linear-gradient(90deg, var(--muted) 0%, color-mix(in srgb, var(--muted) 55%, white) 50%, var(--muted) 100%);background-size:200% 100%;border-radius:8px;animation:1.2s ease-in-out infinite ui-skeleton;display:block}.ui-skeleton--text{width:100%;height:.85rem}.ui-skeleton--title{width:45%;height:1.15rem}.ui-skeleton--avatar{border-radius:999px;width:2.5rem;height:2.5rem}.ui-skeleton--card{width:100%;height:6.5rem}@keyframes ui-skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.ui-spinner,.ui-progress__bar,.ui-skeleton{transition:none;animation:none}}.ui-btn{white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;margin:0;font-family:inherit;font-weight:500;line-height:1.2;text-decoration:none;transition:background-color .12s,border-color .12s,color .12s,opacity .12s;display:inline-flex}.ui-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.ui-btn:disabled{opacity:.55;cursor:not-allowed}.ui-btn--full{width:100%}.ui-btn--sm{min-height:2rem;padding:.35rem .7rem;font-size:.8125rem}.ui-btn--md{min-height:2.5rem;padding:.5rem .95rem;font-size:.875rem}.ui-btn--lg{min-height:3rem;padding:.7rem 1.2rem;font-size:1rem}.ui-btn__label,.ui-btn__slot{align-items:center;display:inline-flex}.ui-btn__spinner{border:2px solid;border-right-color:#0000;border-radius:999px;width:.9em;height:.9em;animation:.7s linear infinite ui-btn-spin}@keyframes ui-btn-spin{to{transform:rotate(360deg)}}.ui-btn--tone-brand.ui-btn--solid{background:var(--brand);color:var(--brand-foreground)}.ui-btn--tone-brand.ui-btn--solid:hover:not(:disabled){filter:brightness(.94)}.ui-btn--tone-brand.ui-btn--soft{background:color-mix(in srgb, var(--brand) 14%, transparent);color:var(--brand)}.ui-btn--tone-brand.ui-btn--soft:hover:not(:disabled){background:color-mix(in srgb, var(--brand) 22%, transparent)}.ui-btn--tone-brand.ui-btn--outline{border-color:color-mix(in srgb, var(--brand) 45%, var(--border));color:var(--brand);background:0 0}.ui-btn--tone-brand.ui-btn--outline:hover:not(:disabled){background:color-mix(in srgb, var(--brand) 8%, transparent)}.ui-btn--tone-brand.ui-btn--ghost{color:var(--brand);background:0 0}.ui-btn--tone-brand.ui-btn--ghost:hover:not(:disabled){background:color-mix(in srgb, var(--brand) 10%, transparent)}.ui-btn--tone-brand.ui-btn--link{color:var(--brand);background:0 0;border-color:#0000;border-radius:4px;min-height:auto;padding-inline:.15rem}.ui-btn--tone-brand.ui-btn--link:hover:not(:disabled){text-underline-offset:.18em;text-decoration:underline}.ui-btn--tone-brand.ui-btn--accent{background:var(--brand-accent);color:var(--surface-foreground)}.ui-btn--tone-brand.ui-btn--accent:hover:not(:disabled){filter:brightness(.95)}.ui-btn--tone-neutral.ui-btn--solid{background:var(--surface-foreground);color:var(--brand-foreground)}.ui-btn--tone-neutral.ui-btn--solid:hover:not(:disabled){filter:brightness(1.12)}.ui-btn--tone-neutral.ui-btn--soft{background:var(--muted);color:var(--surface-foreground)}.ui-btn--tone-neutral.ui-btn--soft:hover:not(:disabled){filter:brightness(.97)}.ui-btn--tone-neutral.ui-btn--outline{border-color:var(--border);color:var(--surface-foreground);background:0 0}.ui-btn--tone-neutral.ui-btn--outline:hover:not(:disabled){background:var(--muted)}.ui-btn--tone-neutral.ui-btn--ghost{color:var(--surface-foreground);background:0 0}.ui-btn--tone-neutral.ui-btn--ghost:hover:not(:disabled){background:var(--muted)}.ui-btn--tone-neutral.ui-btn--link{color:var(--muted-foreground);background:0 0;border-color:#0000;border-radius:4px;min-height:auto;padding-inline:.15rem}.ui-btn--tone-neutral.ui-btn--link:hover:not(:disabled){color:var(--surface-foreground);text-underline-offset:.18em;text-decoration:underline}.ui-btn--tone-neutral.ui-btn--accent{background:var(--muted);color:var(--surface-foreground);border-color:var(--border)}.ui-btn--tone-neutral.ui-btn--accent:hover:not(:disabled){filter:brightness(.97)}.ui-btn--tone-danger.ui-btn--solid{background:var(--danger);color:var(--brand-foreground)}.ui-btn--tone-danger.ui-btn--solid:hover:not(:disabled){filter:brightness(.94)}.ui-btn--tone-danger.ui-btn--soft{background:var(--danger-soft);color:var(--danger)}.ui-btn--tone-danger.ui-btn--soft:hover:not(:disabled){filter:brightness(.98)}.ui-btn--tone-danger.ui-btn--outline{border-color:color-mix(in srgb, var(--danger) 40%, var(--border));color:var(--danger);background:0 0}.ui-btn--tone-danger.ui-btn--outline:hover:not(:disabled){background:var(--danger-soft)}.ui-btn--tone-danger.ui-btn--ghost{color:var(--danger);background:0 0}.ui-btn--tone-danger.ui-btn--ghost:hover:not(:disabled){background:var(--danger-soft)}.ui-btn--tone-danger.ui-btn--link{color:var(--danger);background:0 0;border-color:#0000;border-radius:4px;min-height:auto;padding-inline:.15rem}.ui-btn--tone-danger.ui-btn--link:hover:not(:disabled){text-underline-offset:.18em;text-decoration:underline}.ui-btn--tone-danger.ui-btn--accent{background:var(--danger);color:var(--brand-foreground)}.ui-btn--tone-danger.ui-btn--accent:hover:not(:disabled){filter:brightness(.94)}@media (prefers-reduced-motion:reduce){.ui-btn,.ui-btn__spinner{transition:none;animation:none}}.ui-field{flex-direction:column;gap:.4rem;min-width:0;display:flex}.ui-field--full{width:100%}.ui-field__label-row{flex-wrap:wrap;align-items:baseline;gap:.35rem .5rem;display:flex}.ui-field__label{color:var(--surface-foreground);margin:0;font-size:.875rem;font-weight:500}.ui-field__required{color:var(--danger);font-weight:600}.ui-field__optional{color:var(--muted-foreground);font-size:.75rem;font-weight:400}.ui-field__hint,.ui-field__error{margin:0;font-size:.8125rem;line-height:1.4}.ui-field__hint{color:var(--muted-foreground)}.ui-field__error{color:var(--danger)}.ui-control{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--surface-foreground);font:inherit;border-radius:8px;margin:0;line-height:1.4;transition:border-color .12s,box-shadow .12s,background-color .12s}.ui-control::placeholder{color:var(--muted-foreground)}.ui-control:hover:not(:disabled):not(:read-only){border-color:color-mix(in srgb, var(--brand) 35%, var(--border))}.ui-control:focus{outline:none}.ui-control:focus-visible{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 22%, transparent)}.ui-control:disabled{opacity:.55;cursor:not-allowed;background:var(--muted)}.ui-control:read-only:not(:disabled){background:var(--muted)}.ui-control--sm{min-height:2rem;padding:.35rem .65rem;font-size:.8125rem}.ui-control--md{min-height:2.5rem;padding:.5rem .75rem;font-size:.875rem}.ui-control--lg{min-height:3rem;padding:.65rem .9rem;font-size:1rem}.ui-control--error{border-color:var(--danger)}.ui-control--error:focus-visible{border-color:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb, var(--danger) 18%, transparent)}.ui-textarea{resize:vertical;min-height:6.5rem;line-height:1.5}.ui-textarea.ui-control--sm,.ui-textarea.ui-control--md,.ui-textarea.ui-control--lg{min-height:6.5rem}.ui-select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted-foreground) 50%), linear-gradient(135deg, var(--muted-foreground) 50%, transparent 50%);background-position:calc(100% - 16px) calc(50% - 3px),calc(100% - 11px) calc(50% - 3px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:2rem}.ui-check,.ui-radio,.ui-switch{color:var(--surface-foreground);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:.65rem;margin:0;display:inline-flex}.ui-check--disabled,.ui-radio--disabled,.ui-switch--disabled{opacity:.55;cursor:not-allowed}.ui-check__control,.ui-radio__control{width:1.1rem;height:1.1rem;accent-color:var(--brand);cursor:inherit;flex:none;margin-top:.15rem}.ui-check__label,.ui-radio__label,.ui-switch__label{font-size:.875rem;line-height:1.45}.ui-check__description,.ui-radio__description,.ui-switch__description{color:var(--muted-foreground);margin-top:.15rem;font-size:.8125rem;display:block}.ui-radio-group{flex-direction:column;gap:.65rem;display:flex}.ui-radio-group--horizontal{flex-flow:wrap;gap:.75rem 1.25rem}.ui-switch{align-items:center}.ui-switch__track{background:var(--border);border-radius:999px;flex:none;width:2.5rem;height:1.4rem;transition:background-color .12s;position:relative}.ui-switch__input{opacity:0;width:0;height:0;position:absolute}.ui-switch__thumb{background:var(--brand-foreground);border-radius:999px;width:1.1rem;height:1.1rem;transition:transform .12s;position:absolute;top:.15rem;left:.15rem;box-shadow:0 1px 2px #0000002e}.ui-switch__input:checked+.ui-switch__track{background:var(--brand)}.ui-switch__input:checked+.ui-switch__track .ui-switch__thumb{transform:translate(1.1rem)}.ui-switch__input:focus-visible+.ui-switch__track{outline:2px solid var(--brand);outline-offset:2px}.ui-fieldset{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 88%, transparent);border-radius:12px;min-width:0;margin:0;padding:1.1rem 1.15rem 1.2rem}.ui-fieldset__legend{color:var(--surface-foreground);padding:0 .25rem;font-size:.95rem;font-weight:600}.ui-fieldset__description{color:var(--muted-foreground);margin:0 0 1rem;font-size:.875rem}.ui-fieldset__body{flex-direction:column;gap:1rem;display:flex}.ui-form-grid{gap:1rem;min-width:0;display:grid}.ui-form-grid--1{grid-template-columns:1fr}.ui-form-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-form-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.ui-form-grid__span-2{grid-column:span 2}.ui-form-grid__span-3{grid-column:span 3}.ui-form-actions{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.ui-form-actions--end{justify-content:flex-end}.ui-filedrop-wrap{flex-direction:column;gap:.65rem;min-width:0;display:flex}.ui-filedrop{border:1px dashed var(--border);background:color-mix(in srgb, var(--muted) 45%, var(--surface));width:100%;color:var(--surface-foreground);text-align:center;cursor:pointer;border-radius:10px;place-items:center;gap:.25rem;padding:1.25rem 1rem;transition:border-color .12s,background-color .12s,box-shadow .12s;display:grid;position:relative}.ui-filedrop--sm{padding:.9rem .75rem}.ui-filedrop--lg{padding:1.6rem 1.15rem}.ui-filedrop:hover:not(.ui-filedrop--disabled){border-color:color-mix(in srgb, var(--brand) 40%, var(--border))}.ui-filedrop:focus{outline:none}.ui-filedrop:focus-visible{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 22%, transparent)}.ui-filedrop--dragging{border-color:var(--brand);background:color-mix(in srgb, var(--brand) 8%, var(--surface))}.ui-filedrop--error{border-color:var(--danger)}.ui-filedrop--error:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--danger) 18%, transparent)}.ui-filedrop--disabled{opacity:.55;cursor:not-allowed}.ui-filedrop__title{margin:0;font-size:.9375rem;font-weight:500}.ui-filedrop--sm .ui-filedrop__title{font-size:.875rem}.ui-filedrop__description{color:var(--muted-foreground);margin:0;font-size:.8125rem}.ui-filedrop__input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ui-filedrop__list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.ui-filedrop__item{border:1px solid var(--border);background:var(--surface);border-radius:8px;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .7rem;display:flex}.ui-filedrop__meta{flex-direction:column;gap:.1rem;min-width:0;display:flex}.ui-filedrop__name{text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;overflow:hidden}.ui-filedrop__size{color:var(--muted-foreground);font-size:.75rem}.ui-filedrop__remove{appearance:none;border:1px solid var(--border);color:var(--surface-foreground);font:inherit;cursor:pointer;background:0 0;border-radius:6px;flex:none;padding:.3rem .55rem;font-size:.75rem}.ui-filedrop__remove:hover:not(:disabled){background:var(--muted)}.ui-filedrop__remove:disabled{opacity:.55;cursor:not-allowed}@media (width<=720px){.ui-form-grid--2,.ui-form-grid--3{grid-template-columns:1fr}.ui-form-grid__span-2,.ui-form-grid__span-3{grid-column:span 1}}@media (prefers-reduced-motion:reduce){.ui-control,.ui-switch__track,.ui-switch__thumb,.ui-filedrop{transition:none}}.ui-tabs{flex-direction:column;gap:0;min-width:0;display:flex}.ui-tabs__list{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:0;margin:0;padding:0;list-style:none;display:flex}.ui-tabs__list--pills{border-bottom:none;gap:.4rem}.ui-tabs__list--underline{gap:.25rem}.ui-tabs__tab{appearance:none;color:var(--muted-foreground);font:inherit;cursor:pointer;background:0 0;border:0;margin:0;font-weight:500;transition:color .12s,background-color .12s,border-color .12s}.ui-tabs__tab:disabled{opacity:.5;cursor:not-allowed}.ui-tabs__tab:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.ui-tabs__list--underline .ui-tabs__tab{border-bottom:2px solid #0000;margin-bottom:-1px;padding:.7rem .85rem}.ui-tabs__list--underline .ui-tabs__tab:hover:not(:disabled){color:var(--surface-foreground)}.ui-tabs__list--underline .ui-tabs__tab[aria-selected=true]{color:var(--brand);border-bottom-color:var(--brand)}.ui-tabs__list--pills .ui-tabs__tab{border-radius:999px;padding:.45rem .85rem}.ui-tabs__list--pills .ui-tabs__tab:hover:not(:disabled){background:var(--muted);color:var(--surface-foreground)}.ui-tabs__list--pills .ui-tabs__tab[aria-selected=true]{background:var(--brand);color:var(--brand-foreground)}.ui-tabs__panel{color:var(--surface-foreground);padding-top:1rem}.ui-breadcrumb{margin:0;padding:0}.ui-breadcrumb__list{flex-wrap:wrap;align-items:center;gap:.35rem .5rem;margin:0;padding:0;font-size:.875rem;list-style:none;display:flex}.ui-breadcrumb__item{color:var(--muted-foreground);align-items:center;gap:.5rem;display:inline-flex}.ui-breadcrumb__link{color:var(--brand);text-decoration:none}.ui-breadcrumb__link:hover{text-underline-offset:.15em;text-decoration:underline}.ui-breadcrumb__link:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}.ui-breadcrumb__current{color:var(--surface-foreground);font-weight:500}.ui-breadcrumb__sep{color:var(--border);-webkit-user-select:none;user-select:none}.ui-steps{counter-reset:ui-step;flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.ui-steps--horizontal{flex-flow:wrap;gap:.75rem}.ui-steps__item{counter-increment:ui-step;align-items:flex-start;gap:.75rem;min-width:0;display:flex;position:relative}.ui-steps--vertical .ui-steps__item:not(:last-child){padding-bottom:1.15rem}.ui-steps--vertical .ui-steps__item:not(:last-child):before{content:"";background:var(--border);width:1px;position:absolute;top:1.55rem;bottom:0;left:.7rem}.ui-steps--horizontal .ui-steps__item{flex:140px}.ui-steps__marker{z-index:1;border:1px solid var(--border);background:var(--surface);width:1.45rem;height:1.45rem;color:var(--muted-foreground);border-radius:999px;flex:none;place-items:center;font-size:.75rem;font-weight:600;display:grid;position:relative}.ui-steps__marker:before{content:counter(ui-step)}.ui-steps__item--done .ui-steps__marker{border-color:var(--brand);background:var(--brand);color:var(--brand-foreground)}.ui-steps__item--done .ui-steps__marker:before{content:"✓";font-size:.7rem}.ui-steps__item--current .ui-steps__marker{border-color:var(--brand);color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 18%, transparent)}.ui-steps__body{min-width:0;padding-top:.1rem}.ui-steps__title{color:var(--surface-foreground);margin:0;font-size:.9rem;font-weight:600}.ui-steps__item--upcoming .ui-steps__title{color:var(--muted-foreground);font-weight:500}.ui-steps__description{color:var(--muted-foreground);margin:.2rem 0 0;font-size:.8125rem;line-height:1.4}.ui-nav-list{flex-direction:column;gap:.15rem;margin:0;padding:0;list-style:none;display:flex}.ui-nav-list--horizontal{flex-flow:wrap;gap:.25rem}.ui-nav-item{display:block}.ui-nav-item__link{width:100%;color:var(--surface-foreground);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .7rem;font-size:.9rem;text-decoration:none;transition:background-color .12s,color .12s;display:flex}.ui-nav-item__link:hover{background:var(--muted)}.ui-nav-item__link:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.ui-nav-item__link[aria-current=page],.ui-nav-item__link[aria-current=true]{background:color-mix(in srgb, var(--brand) 12%, transparent);color:var(--brand);font-weight:500}.ui-nav-item__meta{color:var(--muted-foreground);font-size:.75rem}.ui-pagination{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.ui-pagination__btn{appearance:none;border:1px solid var(--border);background:var(--surface);min-width:2.25rem;min-height:2.25rem;color:var(--surface-foreground);font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:.35rem .65rem;font-size:.875rem;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex}.ui-pagination__btn:hover:not(:disabled){background:var(--muted)}.ui-pagination__btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.ui-pagination__btn:disabled{opacity:.5;cursor:not-allowed}.ui-pagination__btn[aria-current=page]{border-color:var(--brand);background:var(--brand);color:var(--brand-foreground)}.ui-pagination__ellipsis{min-width:2rem;color:var(--muted-foreground);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:.875rem;display:inline-flex}@media (prefers-reduced-motion:reduce){.ui-tabs__tab,.ui-nav-item__link,.ui-pagination__btn{transition:none}}.ui-container{width:100%;margin-inline:auto;padding-inline:1rem}.ui-container--sm{max-width:40rem}.ui-container--md{max-width:56rem}.ui-container--lg{max-width:72rem}.ui-container--xl{max-width:90rem}.ui-container--full{max-width:none}.ui-stack{flex-direction:column;min-width:0;display:flex}.ui-stack--gap-xs{gap:.35rem}.ui-stack--gap-sm{gap:.65rem}.ui-stack--gap-md{gap:1rem}.ui-stack--gap-lg{gap:1.5rem}.ui-stack--gap-xl{gap:2rem}.ui-inline{flex-wrap:wrap;align-items:center;min-width:0;display:flex}.ui-inline--nowrap{flex-wrap:nowrap}.ui-inline--gap-xs{gap:.35rem}.ui-inline--gap-sm{gap:.65rem}.ui-inline--gap-md{gap:1rem}.ui-inline--gap-lg{gap:1.5rem}.ui-inline--gap-xl{gap:2rem}.ui-inline--start{justify-content:flex-start}.ui-inline--center{justify-content:center}.ui-inline--end{justify-content:flex-end}.ui-inline--between{justify-content:space-between}.ui-inline--top{align-items:flex-start}.ui-inline--middle{align-items:center}.ui-inline--bottom{align-items:flex-end}.ui-grid{min-width:0;display:grid}.ui-grid--gap-xs{gap:.35rem}.ui-grid--gap-sm{gap:.65rem}.ui-grid--gap-md{gap:1rem}.ui-grid--gap-lg{gap:1.5rem}.ui-grid--gap-xl{gap:2rem}.ui-grid--cols-1{grid-template-columns:1fr}.ui-grid--cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-grid--cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ui-grid--cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.ui-grid--fit{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--ui-grid-min,14rem)), 1fr))}.ui-grid__span-2{grid-column:span 2}.ui-grid__span-3{grid-column:span 3}.ui-grid__span-4{grid-column:span 4}.ui-divider{background:var(--border);border:0;margin:0}.ui-divider--horizontal{width:100%;height:1px;display:block}.ui-divider--vertical{align-self:stretch;width:1px;min-height:1rem;display:inline-block}.ui-divider--label{width:100%;color:var(--muted-foreground);background:0 0;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;font-size:.8125rem;display:grid}.ui-divider--label:before,.ui-divider--label:after{content:"";background:var(--border);height:1px}.ui-section{flex-direction:column;gap:1rem;min-width:0;display:flex}.ui-section__header{flex-direction:column;gap:.35rem;min-width:0;display:flex}.ui-section__title{color:var(--surface-foreground);letter-spacing:-.02em;margin:0;font-size:1.05rem;font-weight:600}.ui-section__description{color:var(--muted-foreground);max-width:42rem;margin:0;font-size:.875rem;line-height:1.45}.ui-section__body{min-width:0}.ui-surface{background:var(--surface);min-width:0;color:var(--surface-foreground);border:1px solid #0000;border-radius:12px}.ui-surface--outlined{border-color:var(--border)}.ui-surface--muted{background:var(--muted)}.ui-surface--padding-sm{padding:.85rem}.ui-surface--padding-md{padding:1.15rem}.ui-surface--padding-lg{padding:1.5rem}.ui-spacer{flex:auto;min-width:.5rem;min-height:.5rem}.ui-split{gap:1.25rem;min-width:0;display:grid}.ui-split--sidebar-start{grid-template-columns:minmax(12rem,16rem) minmax(0,1fr)}.ui-split--sidebar-end{grid-template-columns:minmax(0,1fr) minmax(12rem,16rem)}.ui-split__main,.ui-split__side{min-width:0}@media (width<=560px){.ui-grid--stack-sm.ui-grid--cols-2,.ui-grid--stack-sm.ui-grid--cols-3,.ui-grid--stack-sm.ui-grid--cols-4{grid-template-columns:1fr}.ui-grid--stack-sm .ui-grid__span-2,.ui-grid--stack-sm .ui-grid__span-3,.ui-grid--stack-sm .ui-grid__span-4{grid-column:span 1}}@media (width<=800px){.ui-grid--stack-md.ui-grid--cols-2,.ui-grid--stack-md.ui-grid--cols-3,.ui-grid--stack-md.ui-grid--cols-4{grid-template-columns:1fr}.ui-grid--stack-md .ui-grid__span-2,.ui-grid--stack-md .ui-grid__span-3,.ui-grid--stack-md .ui-grid__span-4{grid-column:span 1}.ui-split--sidebar-start,.ui-split--sidebar-end{grid-template-columns:1fr}}@media (width<=1100px){.ui-grid--stack-lg.ui-grid--cols-2,.ui-grid--stack-lg.ui-grid--cols-3,.ui-grid--stack-lg.ui-grid--cols-4{grid-template-columns:1fr}.ui-grid--stack-lg .ui-grid__span-2,.ui-grid--stack-lg .ui-grid__span-3,.ui-grid--stack-lg .ui-grid__span-4{grid-column:span 1}}.ui-list{color:var(--surface-foreground);margin:0;padding:0;list-style:none}.ui-list--sm{--ui-list-pad-y:.4rem;--ui-list-pad-x:.65rem;--ui-list-gap:.55rem;--ui-list-font:.8125rem;--ui-list-desc:.75rem}.ui-list--md{--ui-list-pad-y:.65rem;--ui-list-pad-x:.85rem;--ui-list-gap:.7rem;--ui-list-font:.875rem;--ui-list-desc:.8125rem}.ui-list--lg{--ui-list-pad-y:.85rem;--ui-list-pad-x:1rem;--ui-list-gap:.85rem;--ui-list-font:.9375rem;--ui-list-desc:.875rem}.ui-list-item{position:relative}.ui-list-item__content,.ui-list-item__control{align-items:flex-start;gap:var(--ui-list-gap);width:100%;padding:var(--ui-list-pad-y) 0;color:inherit;font:inherit;font-size:var(--ui-list-font);text-align:left;box-sizing:border-box;background:0 0;border:0;margin:0;line-height:1.4;text-decoration:none;display:flex}.ui-list-item__control{appearance:none;cursor:pointer;border-radius:8px;transition:background .12s,color .12s,box-shadow .12s}.ui-list-item__control:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.ui-list-item__leading,.ui-list-item__trailing{min-height:1.25em;color:var(--muted-foreground);flex:none;justify-content:center;align-items:center;display:inline-flex}.ui-list-item__body{flex-direction:column;flex:auto;gap:.15rem;min-width:0;display:flex}.ui-list-item__label{color:var(--surface-foreground);font-weight:500}.ui-list-item__description{color:var(--muted-foreground);font-size:var(--ui-list-desc);font-weight:400;line-height:1.4}.ui-list-item--disabled{opacity:.55}.ui-list-item--disabled .ui-list-item__control{cursor:not-allowed;pointer-events:none}.ui-list--plain>.ui-list-item+.ui-list-item .ui-list-item__content,.ui-list--plain>.ui-list-item+.ui-list-item .ui-list-item__control{padding-top:calc(var(--ui-list-pad-y) * .75)}.ui-list--bullet>.ui-list-item{padding-left:1.15rem}.ui-list--bullet>.ui-list-item:before{content:"";top:calc(var(--ui-list-pad-y) + .45em);background:var(--brand);border-radius:999px;width:.35rem;height:.35rem;position:absolute;left:.15rem}.ui-list--numbered{counter-reset:ui-list}.ui-list--numbered>.ui-list-item{counter-increment:ui-list;padding-left:1.85rem}.ui-list--numbered>.ui-list-item:before{content:counter(ui-list);top:calc(var(--ui-list-pad-y) + .05em);background:color-mix(in srgb, var(--brand) 12%, var(--surface));width:1.35rem;height:1.35rem;color:var(--brand);border-radius:999px;place-items:center;font-size:.72rem;font-weight:600;line-height:1;display:grid;position:absolute;left:0}.ui-list--check>.ui-list-item{padding-left:1.55rem}.ui-list--check>.ui-list-item:before{content:"";top:calc(var(--ui-list-pad-y) + .35em);border-left:2px solid var(--brand);border-bottom:2px solid var(--brand);width:.7rem;height:.38rem;position:absolute;left:.1rem;transform:rotate(-45deg)}.ui-list--divided{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.ui-list--divided>.ui-list-item+.ui-list-item{border-top:1px solid var(--border)}.ui-list--divided .ui-list-item__content,.ui-list--divided .ui-list-item__control{padding-inline:.15rem}.ui-list--divided .ui-list-item--interactive .ui-list-item__control:hover{background:color-mix(in srgb, var(--brand) 6%, transparent)}.ui-list--divided .ui-list-item--selected .ui-list-item__control{background:color-mix(in srgb, var(--brand) 10%, transparent)}.ui-list--boxed{flex-direction:column;gap:.5rem;display:flex}.ui-list--boxed>.ui-list-item{border:1px solid var(--border);background:var(--surface);border-radius:10px;overflow:hidden}.ui-list--boxed .ui-list-item__content,.ui-list--boxed .ui-list-item__control{padding:var(--ui-list-pad-y) var(--ui-list-pad-x)}.ui-list--boxed .ui-list-item--interactive .ui-list-item__control:hover{background:color-mix(in srgb, var(--brand) 6%, var(--surface))}.ui-list--boxed .ui-list-item--selected{border-color:color-mix(in srgb, var(--brand) 45%, var(--border));box-shadow:0 0 0 1px color-mix(in srgb, var(--brand) 35%, transparent)}.ui-list--boxed .ui-list-item--selected .ui-list-item__control{background:color-mix(in srgb, var(--brand) 8%, var(--surface))}.ui-list--soft{flex-direction:column;gap:.35rem;display:flex}.ui-list--soft>.ui-list-item{background:color-mix(in srgb, var(--muted) 70%, var(--surface));border-radius:10px;overflow:hidden}.ui-list--soft .ui-list-item__content,.ui-list--soft .ui-list-item__control{padding:var(--ui-list-pad-y) var(--ui-list-pad-x)}.ui-list--soft .ui-list-item--interactive .ui-list-item__control:hover{background:color-mix(in srgb, var(--brand) 8%, var(--muted))}.ui-list--soft .ui-list-item--selected .ui-list-item__control{background:color-mix(in srgb, var(--brand) 14%, var(--muted))}.ui-list--table{border:1px solid var(--border);background:var(--surface);border-radius:10px;overflow:auto hidden}.ui-list--table>.ui-list-item+.ui-list-item{border-top:1px solid var(--border)}.ui-list--table .ui-list-item__content,.ui-list--table .ui-list-item__control{padding:var(--ui-list-pad-y) var(--ui-list-pad-x);align-items:center;gap:var(--ui-list-gap);border-radius:0}.ui-list--table .ui-list-item__cells{grid-template-columns:repeat(var(--ui-list-cols,var(--ui-list-item-cols,1)), minmax(0, 1fr));width:100%;min-width:max(100%, calc(var(--ui-list-cols,var(--ui-list-item-cols,1)) * 6.5rem));flex:auto;align-items:center;gap:.5rem 1rem;display:grid}.ui-list--table .ui-list-item__cell{overflow-wrap:anywhere;min-width:0;font-size:var(--ui-list-font);color:var(--surface-foreground);line-height:1.4}.ui-list--table .ui-list-item__cell:first-child{font-weight:500}.ui-list--table .ui-list-item:not(.ui-list-item--cells) .ui-list-item__body{flex-flow:wrap;align-items:center;gap:.35rem 1.25rem}.ui-list--table:not(:has(.ui-list-item--cells)) .ui-list-item__body{flex-flow:wrap;align-items:center;gap:.35rem 1.25rem}.ui-list--table .ui-list-item:not(.ui-list-item--cells) .ui-list-item__label{flex:10rem;min-width:0;font-weight:500}.ui-list--table .ui-list-item:not(.ui-list-item--cells) .ui-list-item__description{min-width:0;font-size:var(--ui-list-font);flex:8rem;line-height:1.4}.ui-list--table .ui-list-item:not(.ui-list-item--cells) .ui-list-item__trailing{color:var(--muted-foreground);font-variant-numeric:tabular-nums;margin-left:auto}.ui-list--table>.ui-list-item--header{background:color-mix(in srgb, var(--muted) 70%, var(--surface))}.ui-list--table>.ui-list-item--header .ui-list-item__label,.ui-list--table>.ui-list-item--header .ui-list-item__description,.ui-list--table>.ui-list-item--header .ui-list-item__trailing,.ui-list--table>.ui-list-item--header .ui-list-item__leading,.ui-list--table>.ui-list-item--header .ui-list-item__cell{letter-spacing:.02em;text-transform:uppercase;color:var(--muted-foreground);font-size:.75rem;font-weight:600}.ui-list--table>.ui-list-item:not(.ui-list-item--header):nth-child(2n){background:color-mix(in srgb, var(--muted) 35%, var(--surface))}.ui-list--table .ui-list-item--interactive .ui-list-item__control:hover{background:color-mix(in srgb, var(--brand) 7%, transparent)}.ui-list--table .ui-list-item--selected .ui-list-item__control{background:color-mix(in srgb, var(--brand) 10%, transparent)}.ui-list--table>.ui-list-item--header .ui-list-item__control:hover{background:0 0}@media (width<=560px){.ui-list--table .ui-list-item:not(.ui-list-item--cells) .ui-list-item__body{flex-direction:column;align-items:flex-start;gap:.2rem}.ui-list--table .ui-list-item:not(.ui-list-item--cells) .ui-list-item__trailing{margin-left:0}}.ui-list--plain .ui-list-item--interactive .ui-list-item__control,.ui-list--bullet .ui-list-item--interactive .ui-list-item__control,.ui-list--numbered .ui-list-item--interactive .ui-list-item__control,.ui-list--check .ui-list-item--interactive .ui-list-item__control{border-radius:8px;margin-inline:-.35rem;padding-inline:.35rem}.ui-list--plain .ui-list-item--interactive .ui-list-item__control:hover,.ui-list--bullet .ui-list-item--interactive .ui-list-item__control:hover,.ui-list--numbered .ui-list-item--interactive .ui-list-item__control:hover,.ui-list--check .ui-list-item--interactive .ui-list-item__control:hover{background:color-mix(in srgb, var(--brand) 7%, transparent)}.ui-list--plain .ui-list-item--selected .ui-list-item__control,.ui-list--bullet .ui-list-item--selected .ui-list-item__control,.ui-list--numbered .ui-list-item--selected .ui-list-item__control,.ui-list--check .ui-list-item--selected .ui-list-item__control{background:color-mix(in srgb, var(--brand) 10%, transparent)}.ui-table-scroll{border:1px solid var(--border);background:var(--surface);border-radius:10px;width:100%;overflow-x:auto}.ui-table-scroll>.ui-table{border:0;border-radius:0}.ui-table{border-collapse:separate;border-spacing:0;border:1px solid var(--border);background:var(--surface);width:100%;color:var(--surface-foreground);border-radius:10px;font-size:.875rem;line-height:1.4;overflow:hidden}.ui-table__caption{caption-side:top;text-align:left;color:var(--muted-foreground);padding:.85rem 1rem .55rem;font-size:.8rem;font-weight:600}.ui-table__th,.ui-table__td{text-align:left;vertical-align:middle;border-bottom:1px solid var(--border);padding:.7rem .9rem}.ui-table__th{letter-spacing:.02em;text-transform:uppercase;color:var(--muted-foreground);background:color-mix(in srgb, var(--muted) 70%, var(--surface));white-space:nowrap;font-size:.75rem;font-weight:600}.ui-table__td{color:var(--surface-foreground)}.ui-table__td--numeric{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.ui-table__cell--center{text-align:center}.ui-table__cell--end{text-align:right}.ui-table__body .ui-table__row:last-child .ui-table__td{border-bottom:0}.ui-table__foot .ui-table__th,.ui-table__foot .ui-table__td{border-bottom:0;border-top:1px solid var(--border);background:color-mix(in srgb, var(--muted) 45%, var(--surface));font-weight:600}.ui-table--sm .ui-table__th,.ui-table--sm .ui-table__td{padding:.45rem .65rem;font-size:.8125rem}.ui-table--lg .ui-table__th,.ui-table--lg .ui-table__td{padding:.95rem 1.1rem;font-size:.9375rem}.ui-table--striped .ui-table__body .ui-table__row:nth-child(2n) .ui-table__td{background:color-mix(in srgb, var(--muted) 55%, var(--surface))}.ui-table--bordered .ui-table__th+.ui-table__th,.ui-table--bordered .ui-table__td+.ui-table__td{border-left:1px solid var(--border)}.ui-table--sticky .ui-table__head .ui-table__th{z-index:1;position:sticky;top:0}.ui-table__row--selected .ui-table__td{background:color-mix(in srgb, var(--brand) 10%, var(--surface))}.ui-table__row--interactive{cursor:pointer}.ui-table__row--interactive:hover .ui-table__td{background:color-mix(in srgb, var(--brand) 7%, var(--surface))}.ui-table__row--interactive:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.ui-title{color:var(--surface-foreground);text-align:start;flex-direction:column;gap:.4rem;display:flex}.ui-title--align-center{text-align:center;align-items:center}.ui-title__eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--muted-foreground);margin:0;font-size:.75rem;font-weight:500}.ui-title__row{align-items:center;gap:.75rem;width:100%;min-width:0;display:flex}.ui-title--align-center .ui-title__row{justify-content:center}.ui-title__text{letter-spacing:-.02em;color:inherit;margin:0;font-weight:600;line-height:1.25}.ui-title__subtitle{max-width:40rem;color:var(--muted-foreground);margin:0;font-size:.9375rem;font-weight:400;line-height:1.5}.ui-title--align-center .ui-title__subtitle{margin-inline:auto}.ui-title--level-1 .ui-title__text{font-size:clamp(1.875rem,2.4vw,2.375rem)}.ui-title--level-2 .ui-title__text{font-size:clamp(1.5rem,2vw,1.875rem)}.ui-title--level-3 .ui-title__text{font-size:1.25rem}.ui-title--level-4 .ui-title__text{font-size:1.0625rem}.ui-title--level-5 .ui-title__text{font-size:.9375rem;font-weight:600}.ui-title--level-6 .ui-title__text{letter-spacing:.03em;text-transform:uppercase;color:var(--muted-foreground);font-size:.8125rem;font-weight:600}.ui-title--underline .ui-title__text{border-bottom:1px solid var(--border);padding-bottom:.45rem}.ui-title--accent .ui-title__text{background-image:linear-gradient(var(--brand-accent), var(--brand-accent));background-position:0 100%;background-repeat:no-repeat;background-size:2.5rem 3px;padding-bottom:.55rem}.ui-title--align-center.ui-title--accent .ui-title__text{background-position:bottom}.ui-title--rule{border-bottom:1px solid var(--border);padding-bottom:.75rem}.ui-title--bar{border-left:3px solid var(--brand);padding-left:.85rem}.ui-title--align-center.ui-title--bar{border-left:none;border-top:3px solid var(--brand);padding-top:.75rem;padding-left:0}.ui-title--overline{border-top:1px solid var(--border);padding-top:.65rem}.ui-title--split .ui-title__text{flex:0 auto}.ui-title__split{background:var(--border);flex:auto;min-width:2rem;height:1px}.ui-title--align-center.ui-title--split .ui-title__row{width:100%}.ui-title--align-center.ui-title--split .ui-title__row:before{content:"";background:var(--border);flex:auto;min-width:2rem;height:1px}.ui-title__mark{background:var(--brand);border-radius:999px;flex:none;align-self:stretch;width:4px;min-height:1.1em}.ui-title__dot{background:var(--brand-accent);border-radius:999px;flex:none;width:.45rem;height:.45rem}.builder{background:var(--site-bg);min-height:100svh;color:var(--site-text);grid-template-rows:auto 1fr auto;display:grid}.builder__top{border-bottom:1px solid var(--site-border);background:color-mix(in srgb, var(--site-surface) 92%, var(--site-bg));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;justify-content:space-between;align-items:center;gap:16px;padding:10px 16px;display:flex;position:sticky;top:0}.builder__brand{align-items:center;gap:14px;min-width:0;display:flex}.builder__brand-text{flex-direction:column;gap:1px;min-width:0;display:flex}.builder__brand-name{letter-spacing:-.02em;font-size:.95rem;font-weight:600}.builder__brand-meta{color:var(--site-muted);font-size:.75rem}.builder__back{color:var(--site-muted);border:1px solid #0000;border-radius:8px;padding:6px 10px;font-size:.8125rem;text-decoration:none;transition:color .12s,background .12s,border-color .12s}.builder__back:hover{color:var(--site-text);background:var(--site-hover);border-color:var(--site-border)}.builder__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.builder__history{border:1px solid var(--site-border);background:var(--site-surface);border-radius:10px;gap:2px;padding:2px;display:inline-flex}.builder__inspect-toggle{display:none}.builder__body{grid-template-columns:260px minmax(0,1fr) 320px;min-height:0;display:grid}.builder__panel{background:var(--site-sidebar);border-right:1px solid var(--site-border);flex-direction:column;min-height:0;display:flex}.builder__panel--right{border-right:none;border-left:1px solid var(--site-border);background:var(--site-surface)}.builder__panel-head{border-bottom:1px solid var(--site-border);background:color-mix(in srgb, var(--site-surface) 70%, var(--site-sidebar));padding:14px 14px 10px}.builder__panel-head-row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.builder__panel-title{letter-spacing:.06em;text-transform:uppercase;color:var(--site-muted);margin:0;font-size:.72rem;font-weight:600}.builder__panel-subtitle{color:var(--site-muted);margin:4px 0 0;font-size:.78rem;line-height:1.35}.builder__panel-close{appearance:none;border:1px solid var(--site-border);background:var(--site-surface);width:28px;height:28px;color:var(--site-muted);cursor:pointer;border-radius:8px;font-size:1.1rem;line-height:1}.builder__panel-close:hover{color:var(--site-text);background:var(--site-hover)}.builder__shortcuts{border-top:1px solid var(--site-border);background:var(--site-surface);color:var(--site-muted);letter-spacing:.01em;margin:0;padding:8px 16px;font-size:.72rem}.builder-palette__search{margin-top:10px;display:block}.builder-palette__fold-actions{gap:6px;margin-top:8px;display:flex}.builder-palette__fold-btn{appearance:none;border:1px solid var(--site-border);background:var(--site-surface);width:100%;color:var(--site-muted);font:inherit;cursor:pointer;border-radius:7px;padding:5px 8px;font-size:.72rem}.builder-palette__fold-btn:hover:not(:disabled){color:var(--site-text);background:var(--site-hover)}.builder-palette__fold-btn:disabled{opacity:.45;cursor:default}.builder-palette__search-label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.builder-palette__search-input{border:1px solid var(--site-border);background:var(--site-surface);width:100%;color:var(--site-text);font:inherit;border-radius:8px;padding:8px 10px;font-size:.875rem}.builder-palette__search-input:focus{outline:2px solid color-mix(in srgb, var(--brand) 55%, transparent);outline-offset:1px;border-color:var(--brand)}.builder-palette__scroll{flex:1;padding:8px 0 16px;overflow:auto}.builder-palette__empty{color:var(--site-muted);margin:0;padding:16px 14px;font-size:.875rem}.builder-palette__group+.builder-palette__group{margin-top:2px}.builder-palette__group-toggle{width:100%;color:var(--site-muted);font:inherit;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;margin:0;padding:9px 14px;font-size:.75rem;font-weight:600;display:flex}.builder-palette__group-toggle:hover:not(:disabled){color:var(--site-text);background:color-mix(in srgb, var(--site-hover) 70%, transparent)}.builder-palette__group-toggle:disabled{cursor:default}.builder-palette__group--open>.builder-palette__group-toggle{color:var(--site-text);background:color-mix(in srgb, var(--brand) 6%, transparent)}.builder-palette__group-label{align-items:center;gap:8px;min-width:0;display:inline-flex}.builder-palette__chevron{width:1rem;color:var(--brand);place-items:center;font-size:.7rem;display:inline-grid}.builder-palette__group-count{background:var(--site-hover);min-width:1.4rem;color:var(--site-muted);text-align:center;border-radius:999px;padding:1px 6px;font-size:.68rem}.builder-palette__items{padding:0 0 8px}.builder-palette__item{border:1px solid var(--site-border);background:var(--site-surface);width:calc(100% - 16px);color:var(--site-text);font:inherit;text-align:left;cursor:grab;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;margin:3px 8px;padding:9px 11px;font-size:.875rem;transition:border-color .12s,box-shadow .12s,transform .12s,background .12s;display:flex}.builder-palette__item:hover{border-color:color-mix(in srgb, var(--brand) 35%, var(--site-border));background:color-mix(in srgb, var(--brand) 4%, var(--site-surface));box-shadow:0 1px #0f172a0a}.builder-palette__item:active{cursor:grabbing;transform:scale(.99)}.builder-palette__item-label{min-width:0}.builder-palette__item-tag{letter-spacing:.04em;text-transform:uppercase;color:var(--brand);background:color-mix(in srgb, var(--brand) 12%, transparent);border-radius:999px;flex:none;padding:2px 6px;font-size:.65rem;font-weight:600}.builder-canvas-wrap{background:radial-gradient(circle at top, color-mix(in srgb, var(--brand) 8%, transparent), transparent 42%), linear-gradient(180deg, var(--site-bg), color-mix(in srgb, var(--site-bg) 88%, var(--muted)));min-height:0;padding:20px 24px 28px;overflow:auto}.builder-canvas-wrap--dragging .builder-drop{opacity:1;height:14px}.builder-canvas__chrome{align-items:center;gap:6px;max-width:920px;margin:0 auto 10px;padding:0 4px;display:flex}.builder-canvas__chrome-dot{background:color-mix(in srgb, var(--site-border) 80%, var(--site-muted));border-radius:999px;width:8px;height:8px}.builder-canvas__chrome-label{letter-spacing:.04em;text-transform:uppercase;color:var(--site-muted);margin-left:8px;font-size:.72rem;font-weight:600}.builder-canvas{border:1px solid var(--site-border);background:var(--surface);max-width:920px;min-height:calc(100svh - 180px);color:var(--surface-foreground);border-radius:16px;margin:0 auto;padding:28px;box-shadow:inset 0 1px #fff9,0 18px 40px #0f172a12}.builder-canvas__empty{border:1px dashed color-mix(in srgb, var(--brand) 28%, var(--border));background:color-mix(in srgb, var(--brand) 4%, var(--surface));min-height:320px;color:var(--muted-foreground);text-align:center;border-radius:14px;place-items:center;gap:8px;padding:28px 24px;display:grid}.builder-canvas__empty-icon{background:color-mix(in srgb, var(--brand) 12%, var(--surface));width:44px;height:44px;color:var(--brand);border-radius:12px;place-items:center;margin-bottom:4px;font-size:1.5rem;font-weight:500;display:grid}.builder-canvas__empty-title{color:var(--surface-foreground);margin:0;font-size:1.05rem;font-weight:600}.builder-canvas__empty-text{max-width:34rem;margin:0;font-size:.9rem;line-height:1.5}.builder-canvas__empty-tips{flex-wrap:wrap;justify-content:center;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.builder-canvas__empty-tips li{background:var(--site-surface);border:1px solid var(--site-border);color:var(--site-muted);border-radius:999px;padding:5px 10px;font-size:.75rem}.builder-canvas__list{flex-direction:column;gap:4px;display:flex}.builder-drop{opacity:0;border-radius:999px;height:8px;transition:background .12s,height .12s,opacity .12s;position:relative}.builder-drop__hint{display:none}.builder-drop--empty{opacity:1;border:1px dashed var(--border);background:color-mix(in srgb, var(--muted) 40%, transparent);border-radius:10px;place-items:center;height:auto;min-height:72px;display:grid}.builder-drop__label{color:var(--muted-foreground);font-size:.8125rem}.builder-drop--active{opacity:1;background:color-mix(in srgb, var(--brand) 28%, transparent);height:22px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--brand) 45%, transparent)}.builder-drop--active .builder-drop__hint{background:var(--brand);color:var(--brand-foreground);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:.65rem;font-weight:600;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.builder-drop--empty.builder-drop--active{background:color-mix(in srgb, var(--brand) 10%, var(--surface));border-color:var(--brand);height:auto;min-height:72px}.builder-drop--empty.builder-drop--active .builder-drop__hint{display:none}.builder-canvas-wrap--dragging .builder-drop--end{opacity:1;border:1px dashed color-mix(in srgb, var(--brand) 40%, var(--border));background:color-mix(in srgb, var(--brand) 6%, transparent);border-radius:10px;height:36px;margin-top:4px}.builder-drop--end.builder-drop--active{height:44px}.builder-block{border:1px solid #0000;border-radius:12px;padding:6px;transition:border-color .14s,box-shadow .14s,background .14s;position:relative}.builder-block:hover{border-color:color-mix(in srgb, var(--brand) 22%, var(--border));background:color-mix(in srgb, var(--brand) 3%, transparent)}.builder-block:hover .builder-block__toolbar,.builder-block--selected .builder-block__toolbar{opacity:1;pointer-events:auto;transform:translateY(0)}.builder-block--selected{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand), 0 8px 20px color-mix(in srgb, var(--brand) 12%, transparent);background:color-mix(in srgb, var(--brand) 4%, transparent)}.builder-block--container{background:color-mix(in srgb, var(--muted) 18%, transparent)}.builder-block__toolbar{opacity:0;pointer-events:none;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;transition:opacity .14s,transform .14s;display:flex;transform:translateY(-2px)}.builder-block__handle{appearance:none;border:1px solid var(--site-border);background:var(--site-surface);color:var(--site-muted);letter-spacing:-.08em;cursor:grab;border-radius:6px;padding:3px 7px;font-size:.7rem}.builder-block__handle:active{cursor:grabbing}.builder-block__chip{appearance:none;border:1px solid var(--site-border);background:var(--site-surface);color:var(--site-muted);letter-spacing:.04em;text-transform:uppercase;border-radius:6px;align-items:center;gap:6px;padding:3px 7px;font-size:.68rem;font-weight:600;display:inline-flex}.builder-block__chip-meta{background:color-mix(in srgb, var(--brand) 12%, transparent);min-width:1rem;color:var(--brand);text-align:center;border-radius:999px;padding:0 4px}.builder-block__actions{flex-wrap:wrap;gap:4px;margin-left:auto;display:inline-flex}.builder-block__action{appearance:none;border:1px solid var(--site-border);background:var(--site-surface);color:var(--site-text);cursor:pointer;border-radius:6px;padding:3px 8px;font-size:.72rem}.builder-block__action:hover{background:var(--site-hover)}.builder-block__action--danger:hover{background:var(--danger-soft);border-color:color-mix(in srgb, var(--danger) 30%, var(--site-border));color:var(--danger)}.builder-block__content{min-width:0}.builder-block__children{border:1px dashed var(--border);background:color-mix(in srgb, var(--surface) 80%, var(--muted));border-radius:10px;flex-direction:column;gap:4px;margin-top:10px;padding:10px;display:flex}.builder-block__children--passthrough{background:0 0;border:0;min-width:0;margin-top:10px;padding:0;display:block}.builder-grid-slot{border:1px dashed color-mix(in srgb, var(--border) 80%, transparent);background:color-mix(in srgb, var(--surface) 85%, var(--muted));box-sizing:border-box;border-radius:10px;flex-direction:column;gap:4px;min-width:0;min-height:100%;padding:8px;display:flex}.builder-grid-slot--empty,.builder-grid-slot--add{justify-content:center;min-height:88px}.builder-grid-slot--add{background:color-mix(in srgb, var(--brand) 4%, var(--surface));border-style:dashed}.builder-grid-slot .builder-block{margin:0}.builder-drop--slot{height:10px}.builder-canvas-wrap--dragging .builder-drop--slot,.builder-canvas-wrap--dragging .builder-block__children>.builder-drop,.builder-canvas-wrap--dragging .builder-block__children .builder-drop--end{opacity:.9;background:color-mix(in srgb, var(--brand) 12%, transparent);height:28px}.builder-inspector{flex:1;padding:12px 14px 24px;overflow:auto}.builder-inspector__actions{gap:8px;margin-top:12px;display:flex}.builder-inspector__empty-card{border:1px dashed var(--site-border);background:var(--site-sidebar);border-radius:12px;padding:14px}.builder-inspector__empty-title{margin:0 0 6px;font-size:.9rem;font-weight:600}.builder-inspector__empty{color:var(--site-muted);margin:0;font-size:.875rem;line-height:1.45}.builder-inspector__field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.builder-inspector__field--switch{margin-bottom:16px}.builder-inspector__label{font-size:.8125rem;font-weight:500}.builder-inspector__control,.builder-inspector__textarea,.builder-inspector__select{border:1px solid var(--site-border);background:var(--site-surface);width:100%;color:var(--site-text);font:inherit;border-radius:8px;padding:8px 10px;font-size:.875rem;transition:border-color .12s,box-shadow .12s}.builder-inspector__control:focus,.builder-inspector__textarea:focus,.builder-inspector__select:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 18%, transparent);outline:none}.builder-inspector__textarea{resize:vertical;min-height:96px;line-height:1.45}.builder-inspector__hint{background:color-mix(in srgb, var(--brand) 8%, var(--site-sidebar));color:var(--site-muted);border-radius:10px;margin-top:8px;padding:10px 12px;font-size:.8125rem;line-height:1.45}.builder-export{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f12167a;place-items:center;padding:20px;animation:.14s builder-fade-in;display:grid;position:fixed;inset:0}.builder-export__dialog{border:1px solid var(--site-border);background:var(--site-surface);border-radius:16px;outline:none;width:min(940px,100%);max-height:min(85svh,900px);animation:.18s builder-rise-in;overflow:auto;box-shadow:0 24px 60px #00000038}.builder-export__header{border-bottom:1px solid var(--site-border);background:var(--site-surface);z-index:1;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px;display:flex;position:sticky;top:0}.builder-export__header-actions{gap:8px;display:flex}.builder-export__title{margin:0;font-size:1.05rem;font-weight:600}.builder-export__subtitle{color:var(--site-muted);margin:4px 0 0;font-size:.8125rem}.builder-export__tabs{gap:6px;padding:12px 16px 0;display:flex}.builder-export__tab{appearance:none;border:1px solid var(--site-border);color:var(--site-muted);cursor:pointer;background:0 0;border-radius:999px;padding:7px 14px;font-size:.8125rem;transition:background .12s,color .12s}.builder-export__tab:hover{background:var(--site-hover);color:var(--site-text)}.builder-export__tab--active{background:color-mix(in srgb, var(--brand) 12%, var(--site-surface));border-color:color-mix(in srgb, var(--brand) 35%, var(--site-border));color:var(--brand);font-weight:600}.builder-export__body{padding:12px 16px 20px}.builder-export__hint{color:var(--site-muted);margin:0 0 12px;font-size:.875rem;line-height:1.45}.builder-export__package-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.builder-export__hint code{font-family:var(--font-mono);background:var(--site-code);border-radius:4px;padding:1px 5px;font-size:.8em}.builder-export__package{margin-bottom:18px}.builder-export__package-title{letter-spacing:.05em;text-transform:uppercase;color:var(--site-muted);margin:0 0 8px;font-size:.75rem;font-weight:600}@keyframes builder-fade-in{0%{opacity:0}to{opacity:1}}@keyframes builder-rise-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1180px){.builder__body{grid-template-columns:220px minmax(0,1fr) 280px}}@media (width<=1100px){.builder__inspect-toggle{display:inline-flex}.builder__body{grid-template-columns:200px minmax(0,1fr)}.builder__panel--right{display:none}.builder--inspect .builder__panel--right{z-index:30;border-left:1px solid var(--site-border);width:min(340px,92vw);display:flex;position:fixed;top:57px;bottom:32px;right:0;box-shadow:-12px 0 30px #0f172a1a}}@media (width<=800px){.builder__top{flex-direction:column;align-items:flex-start}.builder__body{grid-template-columns:1fr}.builder__panel--left{border-right:none;border-bottom:1px solid var(--site-border);max-height:220px}.builder-canvas-wrap{padding:12px}.builder-canvas{min-height:calc(100svh - 320px);padding:16px}.builder-block__toolbar{opacity:1;pointer-events:auto;transform:none}.builder__shortcuts{display:none}.builder--inspect .builder__panel--right{width:min(100vw,380px);top:0;bottom:0}}@media (prefers-reduced-motion:reduce){.builder-export,.builder-export__dialog,.builder-block,.builder-block__toolbar,.builder-palette__item,.builder-drop{transition:none;animation:none}}.shell{grid-template-columns:260px 1fr;min-height:100svh;display:grid}.shell__backdrop{display:none}.sidebar{background:var(--site-sidebar);border-right:1px solid var(--site-border);height:100svh;padding:28px 20px 32px;position:sticky;top:0;overflow:auto}.sidebar__brand{flex-direction:column;gap:4px;margin-bottom:32px;padding:0 8px;display:flex}.sidebar__brand-name{letter-spacing:-.02em;font-size:1.125rem;font-weight:600}.sidebar__brand-tag{color:var(--site-muted);font-size:.8125rem}.sidebar__section+.sidebar__section{margin-top:28px}.sidebar__section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--site-muted);margin:0 0 8px 8px;font-size:.6875rem;font-weight:600}.sidebar__nav{flex-direction:column;gap:2px;display:flex}.sidebar__link{color:var(--site-text);border-radius:8px;padding:8px 10px;font-size:.9375rem;transition:background .12s;display:block}.sidebar__link:hover{background:var(--site-hover)}.sidebar__link--active{background:var(--site-surface);box-shadow:inset 0 0 0 1px var(--site-border);font-weight:500}.main{flex-direction:column;min-width:0;display:flex}.header{z-index:10;background:color-mix(in srgb, var(--site-bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--site-border);justify-content:space-between;align-items:center;gap:12px;padding:16px 32px;display:flex;position:sticky;top:0}.header__start{align-items:center;gap:12px;min-width:0;display:flex}.header__menu{border:1px solid var(--site-border);background:var(--site-surface);color:var(--site-text);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:7px 10px;display:none}.header__menu-bars{background:currentColor;border-radius:999px;width:16px;height:2px;display:block;position:relative;box-shadow:0 -5px,0 5px}.header__menu-label{font-size:.8125rem;font-weight:500}.header__title{color:var(--site-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;overflow:hidden}.content{flex:1;width:100%;max-width:960px;padding:36px 32px 64px}.page-header{margin-bottom:32px}.page-header__eyebrow{color:var(--site-muted);margin-bottom:8px;font-size:.8125rem;font-weight:500}.page-header__title{letter-spacing:-.03em;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:600;line-height:1.2}.page-header__lead{max-width:42rem;color:var(--site-muted);margin-top:12px;font-size:1.0625rem}.doc-section{margin-top:36px}.doc-section__title{letter-spacing:-.02em;margin-bottom:8px;font-size:1.125rem;font-weight:600}.doc-section__text{color:var(--site-muted);max-width:42rem}.doc-section__text+.doc-section__text{margin-top:10px}.stack{flex-direction:column;gap:16px;display:flex}.demo-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.demo-row--align-end{align-items:flex-end}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:12px;margin-top:20px;display:grid}.category-card{background:var(--site-surface);border:1px solid var(--site-border);border-radius:12px;flex-direction:column;gap:8px;padding:18px;transition:border-color .12s,background .12s;display:flex}.category-card:hover{border-color:color-mix(in srgb, var(--brand) 35%, var(--site-border));background:color-mix(in srgb, var(--site-surface) 92%, var(--brand))}.category-card__title{font-size:1rem;font-weight:600}.category-card__summary{color:var(--site-muted);flex:1;font-size:.875rem}.category-card__status{color:var(--site-muted);font-size:.75rem;font-weight:500}.steps{gap:12px;margin-top:20px;display:grid}.step{background:var(--site-surface);border:1px solid var(--site-border);border-radius:12px;grid-template-columns:36px 1fr;gap:14px;padding:16px 18px;display:grid}.step__index{background:var(--muted);width:36px;height:36px;color:var(--surface-foreground);border-radius:999px;place-items:center;font-size:.875rem;font-weight:600;display:grid}.step__title{font-size:.975rem;font-weight:600}.step__text{color:var(--site-muted);margin-top:4px;font-size:.875rem}.theme-selector{align-items:center;gap:10px;min-width:0;display:flex}.theme-selector__label{color:var(--site-muted);white-space:nowrap;font-size:.8125rem}.theme-selector__control{border:1px solid var(--site-border);background:var(--site-surface);width:160px;min-width:0;max-width:100%;color:var(--site-text);border-radius:8px;padding:8px 12px}.theme-swatches{grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:12px;margin-top:20px;display:grid}.theme-card{text-align:left;background:var(--site-surface);border:1px solid var(--site-border);cursor:pointer;border-radius:12px;flex-direction:column;gap:14px;padding:16px;transition:border-color .12s,box-shadow .12s;display:flex}.theme-card:hover{border-color:color-mix(in srgb, var(--brand) 40%, var(--site-border))}.theme-card--active{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.theme-card__head{flex-direction:column;gap:4px;display:flex}.theme-card__name{font-size:.975rem;font-weight:600}.theme-card__desc{color:var(--site-muted);font-size:.8125rem}.theme-card__palette{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.swatch{flex-direction:column;gap:6px;display:flex}.swatch__chip{border:1px solid #00000014;border-radius:8px;height:40px}.swatch__label{color:var(--site-muted);font-size:.6875rem}.preview-frame{border:1px solid var(--site-border);background:var(--site-surface);border-radius:12px;margin-top:16px;overflow:hidden}.preview-frame__toolbar{border-bottom:1px solid var(--site-border);background:var(--site-sidebar);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.preview-frame__label{color:var(--site-muted);min-width:0;font-size:.8125rem;font-weight:500}.preview-frame__body{background:var(--surface);color:var(--surface-foreground);min-height:140px;padding:28px;overflow-x:auto}.preview-frame__placeholder{border:1px dashed var(--border);min-height:120px;color:var(--muted-foreground);text-align:center;border-radius:10px;place-items:center;padding:20px;font-size:.875rem;display:grid}.code-panel{border:1px solid var(--site-border);background:var(--site-code);border-radius:12px;margin-top:16px;overflow:hidden}.code-panel__toolbar{border-bottom:1px solid var(--site-border);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.code-panel__label{color:var(--site-muted);font-size:.8125rem;font-weight:500}.code-panel__copy{border:1px solid var(--site-border);background:var(--site-surface);color:var(--site-text);cursor:pointer;border-radius:6px;flex:none;padding:5px 10px;font-size:.75rem;font-weight:500}.code-panel__copy:hover{background:var(--site-hover)}.code-panel__pre{color:var(--site-text);-webkit-overflow-scrolling:touch;margin:0;padding:16px 18px;font-size:.8125rem;line-height:1.55;overflow:auto}.props-table-wrap{border:1px solid var(--site-border);background:var(--site-surface);-webkit-overflow-scrolling:touch;border-radius:12px;width:100%;margin-top:16px;overflow-x:auto}.props-table{border-collapse:collapse;width:100%;min-width:560px;font-size:.875rem}.props-table th,.props-table td{text-align:left;border-bottom:1px solid var(--site-border);vertical-align:top;padding:12px 14px}.props-table tr:last-child td{border-bottom:none}.props-table th{background:var(--site-sidebar);font-weight:600}.props-table td{color:var(--site-muted)}.props-table code{background:var(--site-code);color:var(--site-text);word-break:break-word;border-radius:4px;padding:1px 5px;font-size:.8125rem}.empty-state{border:1px dashed var(--site-border);background:var(--site-surface);color:var(--site-muted);border-radius:12px;margin-top:20px;padding:28px}.empty-state__title{color:var(--site-text);margin-bottom:6px;font-size:1rem;font-weight:600}.token-list{gap:8px;margin-top:16px;display:grid}.token-row{background:var(--site-surface);border:1px solid var(--site-border);border-radius:10px;grid-template-columns:180px 1fr auto;align-items:center;gap:12px;padding:10px 14px;display:grid}.token-row__name{font-family:var(--font-mono);font-size:.8125rem}.token-row__value{font-family:var(--font-mono);color:var(--site-muted);overflow-wrap:anywhere;font-size:.8125rem}.token-row__chip{border:1px solid #0000001a;border-radius:6px;width:28px;height:28px}@media (width<=900px){.shell{grid-template-columns:1fr}.shell__backdrop{z-index:30;opacity:0;pointer-events:none;background:#0f121666;border:0;padding:0;transition:opacity .18s;display:block;position:fixed;inset:0}.shell--nav-open .shell__backdrop{opacity:1;pointer-events:auto}.sidebar{z-index:40;border-right:1px solid var(--site-border);width:min(300px,88vw);height:100svh;transition:transform .18s;position:fixed;top:0;left:0;transform:translate(-105%)}.shell--nav-open .sidebar{transform:translate(0)}.header__menu{display:inline-flex}.header,.content{padding-left:20px;padding-right:20px}.content{padding-top:28px;padding-bottom:48px}.token-row{grid-template-columns:1fr auto}.token-row__value{grid-column:1/-1}}@media (width<=640px){.header{flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.header__title{display:none}.header .theme-selector{justify-content:space-between;width:100%}.header .theme-selector__control{flex:1;width:100%}.page-header__lead{font-size:1rem}.doc-section{margin-top:28px}.preview-frame__toolbar{flex-direction:column;align-items:stretch}.preview-frame__label{line-height:1.4}.preview-frame__body{padding:18px}.preview-frame .theme-selector{justify-content:space-between;width:100%}.preview-frame .theme-selector__control{flex:1;width:auto}.step{padding:14px}.empty-state{padding:20px}.code-panel__pre{padding:14px;font-size:.75rem}}:root{--site-bg:#f3f4f6;--site-surface:#fff;--site-text:#1c1f24;--site-muted:#5c6570;--site-border:#d9dee5;--site-hover:#eef1f5;--site-sidebar:#f8f9fb;--site-code:#f0f2f5;--site-focus:#24628d;--font-sans:"IBM Plex Sans", "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--brand:#24628d;--brand-foreground:#fff;--brand-accent:#b1cc53;--surface:#f4f7fa;--surface-foreground:#1a2a35;--muted:#e4ebf1;--muted-foreground:#5a6d7a;--border:#c9d5df;--ring:#24628d;--danger:#b42318;--danger-soft:#fef3f2;--success:#067647;--success-soft:#ecfdf3;--warning:#b54708;--warning-soft:#fffaeb;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-sans);color:var(--site-text);background:var(--site-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}h1,h2,h3,h4,p{margin:0}code,pre{font-family:var(--font-mono)}:focus-visible{outline:2px solid var(--site-focus);outline-offset:2px}
