.kat-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--size-button-paddingBlock) var(--size-button-paddingInline);min-height:var(--size-button-minHeight);border-radius:var(--radius-sm);border:1px solid transparent;font-family:var(--type-body-font-family);font-size:var(--type-body-font-size);font-weight:var(--type-weight-semibold);line-height:var(--type-body-line-height);cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.kat-button:disabled{cursor:not-allowed;opacity:.5}.kat-button:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.kat-button--loading{position:relative}.kat-button__label--loading{opacity:0}.kat-button__spinner{position:absolute;top:50%;left:50%;width:1em;height:1em;margin-top:-.5em;margin-left:-.5em;border-radius:var(--radius-lg);border:2px solid currentColor;border-top-color:transparent;animation:kat-button-spin .6s linear infinite}@keyframes kat-button-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.kat-button__spinner{animation:none}}.kat-button--primary{background-color:var(--color-accent-default);color:var(--color-text-onAccent)}.kat-button--primary:hover:not(:disabled){background-color:var(--color-accent-emphasis)}.kat-button--secondary{background-color:var(--color-surface-default);color:var(--color-text-default);border-color:var(--color-border-default)}.kat-button--secondary:hover:not(:disabled){border-color:var(--color-border-strong);background-color:var(--color-surface-raised)}.kat-button--danger{background-color:var(--color-state-danger);color:var(--color-text-onAccent)}.kat-button--danger:hover:not(:disabled){border-color:var(--color-state-danger);background-color:var(--color-surface-default);color:var(--color-state-danger)}.kat-button--quiet{background-color:transparent;color:var(--color-text-default)}.kat-button--quiet:hover:not(:disabled){border-color:var(--color-border-default);background-color:var(--color-surface-sunken)}.kat-button--large{padding:var(--size-button-large-paddingBlock) var(--size-button-large-paddingInline);min-height:var(--size-button-large-minHeight);font-size:var(--size-button-large-fontSize)}.kat-card{box-sizing:border-box;min-width:0;padding:var(--size-card-paddingBlock) var(--size-card-paddingInline);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background-color:var(--color-surface-raised);color:var(--color-text-default);font-family:var(--type-body-font-family);font-size:var(--type-body-font-size);line-height:var(--type-body-line-height)}li.kat-card{list-style:none}.kat-card--flush{padding:0;overflow:hidden}.kat-card__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-sm);margin-block-end:var(--spacing-xs)}.kat-card__title{margin:0;color:var(--color-text-muted);font-family:var(--type-body-font-family);font-size:var(--type-small-font-size);font-weight:var(--type-weight-semibold);line-height:var(--type-small-line-height);letter-spacing:.04em;text-transform:uppercase}.kat-card__aside{color:var(--color-text-muted);font-size:var(--type-small-font-size);font-variant-numeric:tabular-nums}.kat-card--flush>.kat-card__head{margin:0;padding:var(--spacing-sm);border-block-end:1px solid var(--color-border-default)}.kat-chip{display:inline-flex;align-items:center;gap:var(--spacing-xs);box-sizing:border-box;padding:var(--size-chip-paddingBlock) var(--size-chip-paddingInline);border:1px solid transparent;border-radius:var(--radius-lg);background-color:var(--color-surface-sunken);color:var(--color-text-default);font-family:var(--type-body-font-family);font-size:var(--type-small-font-size);font-weight:var(--type-weight-medium);line-height:var(--type-small-line-height);white-space:nowrap}.kat-chip--accent{background-color:var(--color-accent-tint);color:var(--color-accent-text)}.kat-chip--success{background-color:var(--color-tint-success);color:var(--color-state-success)}.kat-chip--warning{background-color:var(--color-tint-warning);color:var(--color-state-warning)}.kat-chip--danger{background-color:var(--color-tint-danger);color:var(--color-state-danger)}.kat-chip--info{background-color:var(--color-tint-info);color:var(--color-state-info)}.kat-chip--filter{min-height:var(--size-button-minHeight);cursor:pointer;transition:background-color .12s ease,color .12s ease}.kat-chip--filter:hover:not(:disabled):not([aria-pressed=true]):not([aria-checked=true]){background-color:color-mix(in srgb,var(--color-text-default) 8%,var(--color-surface-sunken))}.kat-chip--filter:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.kat-chip--filter:disabled{cursor:not-allowed;opacity:.5}.kat-chip--filter[aria-pressed=true],.kat-chip--filter[aria-checked=true]{background-color:var(--color-text-default);color:var(--color-surface-default)}.kat-chip__count{font-variant-numeric:tabular-nums}@media(forced-colors:active){.kat-chip--filter{border-color:ButtonText}.kat-chip--filter[aria-pressed=true],.kat-chip--filter[aria-checked=true]{border-width:2px}}.kat-disclosure{min-width:0;border:1px solid var(--color-border-default);border-radius:var(--radius-md);background-color:var(--color-surface-raised);color:var(--color-text-default);font-family:var(--type-body-font-family);font-size:var(--type-body-font-size);line-height:var(--type-body-line-height)}.kat-disclosure__heading{margin:0;font:inherit}.kat-disclosure__trigger{display:flex;align-items:center;gap:var(--spacing-sm);box-sizing:border-box;width:100%;margin:0;padding:var(--size-disclosure-paddingBlock) var(--size-disclosure-paddingInline);border:0;border-radius:var(--radius-md);background:none;color:inherit;font:inherit;font-weight:var(--type-weight-medium);text-align:start;cursor:pointer}.kat-disclosure__trigger:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:-2px}.kat-disclosure__chevron{display:inline-flex;flex:none;color:var(--color-text-muted);transition:transform .12s ease}.kat-disclosure--open>.kat-disclosure__trigger .kat-disclosure__chevron,.kat-disclosure--open>.kat-disclosure__heading .kat-disclosure__chevron{transform:rotate(90deg)}.kat-disclosure__summary{min-width:0}.kat-disclosure__detail{min-width:0;color:var(--color-text-muted);font-size:var(--type-small-font-size);font-weight:var(--type-weight-regular)}.kat-disclosure__detail:before{content:"· "}.kat-disclosure__panel{padding:0 var(--size-disclosure-paddingInline) var(--size-disclosure-paddingInline)}.kat-disclosure__panel[hidden]{display:none}@media(prefers-reduced-motion:reduce){.kat-disclosure__chevron{transition:none}}.kat-kbd{display:inline-block;padding:0 var(--spacing-xs);border:1px solid var(--color-border-strong);border-bottom-width:2px;border-radius:var(--radius-sm);background-color:var(--color-surface-sunken);color:var(--color-text-default);font-family:var(--type-mono-font-family, ui-monospace, monospace);font-size:.8em;line-height:1.4;white-space:nowrap}.kat-copy{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs);max-width:100%;min-width:0}.kat-copy__content{flex:1 1 0;min-width:0;overflow-wrap:anywhere}.kat-copy__control{display:contents}.kat-copy__button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);box-sizing:border-box;min-width:1.75rem;min-height:1.75rem;margin:0;padding:0 var(--spacing-xs);border:1px solid transparent;border-radius:var(--radius-sm);background:none;color:var(--color-focus-ring);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.kat-copy__button:hover{background-color:var(--color-surface-sunken)}.kat-copy__button:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}@media(pointer:coarse){.kat-copy__button{min-width:2.75rem;min-height:2.75rem}}.kat-copy[data-state=copied] .kat-copy__button{cursor:default}.kat-copy[data-state=copied] .kat-copy__button:hover{background:none}.kat-copy[data-state=failed] .kat-copy__button{color:var(--color-state-danger)}.kat-copy__icon{flex:none;display:block}.kat-copy__hint,.kat-copy__confirmation{color:var(--color-text-default);font-family:var(--type-body-font-family);font-size:var(--type-small-font-size);font-weight:var(--type-weight-regular);line-height:var(--type-small-line-height);text-align:start}.kat-copy[data-state=copied] .kat-copy__hint{display:none}.kat-copy__confirmation:not(:empty){flex:1 0 100%}.kat-copy__confirmation:empty{position:absolute;width:0;height:0;overflow:hidden}.kat-copy__failure{flex:1 0 100%;color:var(--color-state-danger);font-family:var(--type-body-font-family);font-size:var(--type-small-font-size);line-height:var(--type-small-line-height);overflow-wrap:anywhere}@media(hover:hover){.kat-copy__control{position:relative;display:inline-flex;flex:none;align-items:center}.kat-copy__hint,.kat-copy__confirmation:not(:empty){position:absolute;inset-block-start:calc(100% + var(--spacing-xs));inset-inline-end:0;z-index:20;box-sizing:border-box;width:max-content;max-width:min(20rem,80vw);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);background-color:var(--color-text-default);box-shadow:var(--elevation-overlay);color:var(--color-surface-default)}.kat-copy__hint:before,.kat-copy__confirmation:not(:empty):before{content:"";position:absolute;inset-inline:0;inset-block-start:calc(-1 * var(--spacing-xs));height:var(--spacing-xs)}.kat-copy__hint{visibility:hidden}.kat-copy:not(.kat-copy--dismissed):not([data-state=copied]) .kat-copy__button:hover .kat-copy__hint,.kat-copy:not(.kat-copy--dismissed):not([data-state=copied]) .kat-copy__button:focus-visible .kat-copy__hint{visibility:visible}.kat-copy__button{padding:0}}.kat-menu{position:relative;display:inline-block}.kat-menu__caret{display:inline-flex;margin-inline-start:var(--spacing-xs)}.kat-menu__list{position:absolute;inset-block-start:calc(100% + var(--spacing-xs));inset-inline-start:0;z-index:20;display:flex;flex-direction:column;box-sizing:border-box;min-width:max(100%,10rem);padding:var(--spacing-xs);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background-color:var(--color-surface-default);box-shadow:var(--elevation-overlay)}.kat-menu--end .kat-menu__list{inset-inline-start:auto;inset-inline-end:0}.kat-menu__item{display:block;box-sizing:border-box;width:100%;min-height:var(--size-button-minHeight);margin:0;padding:var(--size-button-paddingBlock) var(--size-button-paddingInline);border:0;border-radius:var(--radius-sm);background:none;color:var(--color-text-default);font-family:var(--type-body-font-family);font-size:var(--type-body-font-size);line-height:var(--type-body-line-height);text-align:start;white-space:nowrap;cursor:pointer}.kat-menu__item:hover:not(:disabled),.kat-menu__item:focus-visible{background-color:var(--color-surface-raised)}.kat-menu__item:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:-2px}.kat-menu__item:disabled{cursor:not-allowed;opacity:.5}.kat-menu__item--danger{color:var(--color-state-danger)}.kat-segmented{display:inline-flex;flex-wrap:wrap;gap:var(--spacing-xs)}.kat-timeline{position:relative;display:grid;gap:var(--spacing-sm);margin:0;padding:0 0 0 var(--spacing-lg);list-style:none;color:var(--color-text-default);font-family:var(--type-body-font-family);font-size:var(--type-body-font-size);line-height:var(--type-body-line-height)}.kat-timeline:before{content:"";position:absolute;inset-block:var(--spacing-xs);inset-inline-start:var(--spacing-xs);border-inline-start:2px solid var(--color-border-default)}.kat-timeline__item{position:relative;display:grid;gap:var(--spacing-xs);min-width:0;padding:var(--size-timeline-itemPaddingBlock) var(--size-timeline-itemPaddingInline);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background-color:var(--color-surface-raised)}.kat-timeline__item:before{content:"";position:absolute;inset-block-start:var(--spacing-md);inset-inline-start:calc(-1 * var(--spacing-lg) - 1px);width:10px;height:10px;box-sizing:border-box;border:2px solid var(--color-surface-default);border-radius:var(--radius-lg);background-color:var(--color-focus-ring)}.kat-timeline__item--quiet{padding-block:0;border-color:transparent;background-color:transparent;color:var(--color-text-muted);font-size:var(--type-small-font-size);line-height:var(--type-small-line-height)}.kat-timeline__item--quiet:before{inset-block-start:var(--spacing-xs);inset-inline-start:calc(-1 * var(--spacing-lg));width:8px;height:8px;background-color:var(--color-border-strong)}.kat-timeline__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--spacing-xs) var(--spacing-sm)}.kat-timeline__title{font-weight:var(--type-weight-semibold)}.kat-timeline__when{color:var(--color-text-muted);font-size:var(--type-small-font-size);font-variant-numeric:tabular-nums}.kat-timeline__aside{margin-inline-start:auto;color:var(--color-text-faint);font-size:var(--type-small-font-size)}.kat-timeline__quote{margin:0;color:var(--color-text-muted);font-style:italic;overflow-wrap:anywhere}.kat-timeline__details{display:grid;gap:2px;margin:0;padding:0 0 0 var(--spacing-md);color:var(--color-text-muted);font-size:var(--type-small-font-size);overflow-wrap:anywhere}.kat-checkbox{display:inline-flex;align-items:center;gap:var(--spacing-sm);font-family:var(--type-body-font-family);font-size:var(--type-body-font-size);line-height:var(--type-body-line-height);color:var(--color-text-default);cursor:pointer}.kat-checkbox--disabled{cursor:not-allowed;opacity:.5}.kat-checkbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.kat-checkbox__box{position:relative;flex:none;box-sizing:border-box;width:var(--spacing-md);height:var(--spacing-md);border:1px solid var(--color-border-field);border-radius:var(--radius-sm);background-color:var(--color-surface-default);transition:background-color .12s ease,border-color .12s ease}.kat-checkbox__box:after{content:"";position:absolute;top:45%;left:50%;width:var(--spacing-xs);height:var(--spacing-sm);border:solid var(--color-text-onAccent);border-width:0 2px 2px 0;transform:translate(-50%,-50%) rotate(45deg);opacity:0}.kat-checkbox__box:before{content:"";position:absolute;top:50%;left:50%;width:var(--spacing-sm);border-top:2px solid var(--color-text-onAccent);transform:translate(-50%,-50%);opacity:0}.kat-checkbox__text{font-family:var(--type-body-font-family);font-size:var(--type-body-font-size)}.kat-checkbox:hover:not(.kat-checkbox--disabled) .kat-checkbox__input:not(:checked):not(:indeterminate)+.kat-checkbox__box{border-color:var(--color-text-muted)}.kat-checkbox__input:checked+.kat-checkbox__box,.kat-checkbox__input:indeterminate+.kat-checkbox__box{background-color:var(--color-focus-ring);border-color:var(--color-focus-ring)}.kat-checkbox__input:checked:not(:indeterminate)+.kat-checkbox__box:after{opacity:1}.kat-checkbox__input:indeterminate+.kat-checkbox__box:before{opacity:1}.kat-checkbox__input:focus-visible+.kat-checkbox__box{outline:2px solid var(--color-focus-ring);outline-offset:1px}.kat-checkbox--invalid .kat-checkbox__box{border-color:var(--color-state-danger)}.kat-checkbox--invalid .kat-checkbox__input:focus-visible+.kat-checkbox__box{outline-color:var(--color-state-danger)}.kat-date-input{--kat-date-input-done-size: calc(var(--spacing-lg) + var(--spacing-xs));position:relative;display:flex;align-items:stretch;width:100%;box-sizing:border-box}.kat-date-input__field{border-radius:var(--radius-sm);border:1px solid var(--color-border-field);background-color:var(--color-surface-default);color:var(--color-text-default);font-family:var(--type-body-font-family);font-size:var(--type-body-font-size);line-height:var(--type-body-line-height)}.kat-date-input__field:hover:not(:disabled){border-color:var(--color-text-muted)}.kat-date-input__field:focus-visible,.kat-date-input__field:focus{outline:2px solid var(--color-focus-ring);outline-offset:1px;border-color:var(--color-focus-ring)}.kat-date-input__field:disabled{cursor:not-allowed;opacity:.5;background-color:var(--color-surface-sunken)}.kat-date-input--invalid .kat-date-input__field{border-color:var(--color-state-danger)}.kat-date-input--invalid .kat-date-input__field:focus-visible,.kat-date-input--invalid .kat-date-input__field:focus{outline-color:var(--color-state-danger)}.kat-date-input .kat-date-input__field{flex:1 1 auto;width:auto;max-width:none;min-width:min(100%,calc(20ch + var(--spacing-xl)));box-sizing:border-box;min-height:var(--size-field-minHeight);padding:var(--size-field-paddingBlock) var(--size-field-paddingInline);border-width:1px}.kat-date-input__field::-webkit-calendar-picker-indicator{cursor:pointer}.kat-date-input--compound .kat-date-input__field{padding-inline-end:calc(var(--kat-date-input-done-size) + var(--size-field-paddingInline))}.kat-date-input .kat-date-input__done{position:absolute;inset-inline-end:var(--spacing-xs);top:50%;transform:translateY(-50%);width:var(--kat-date-input-done-size);height:var(--kat-date-input-done-size);min-width:0;min-height:0;max-width:none;max-height:none;flex:none;margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center;visibility:hidden;border:0;border-radius:var(--radius-sm);background-color:transparent;color:var(--color-text-muted);font-family:var(--type-body-font-family);font-size:var(--type-body-font-size);line-height:1;cursor:pointer;transition:background-color .12s ease}.kat-date-input:focus-within .kat-date-input__done{visibility:visible}.kat-date-input .kat-date-input__done:hover:not(:disabled){background-color:var(--color-surface-sunken);color:var(--color-text-default)}.kat-date-input .kat-date-input__done:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px}.kat-date-input--disabled .kat-date-input__done,.kat-date-input .kat-date-input__done:disabled{cursor:not-allowed;opacity:.5}.kat-date-input.kat-date-input--with-choices{flex-wrap:wrap;gap:var(--spacing-sm)}.kat-date-input .kat-date-input__choices{display:flex;flex:0 1 auto;flex-wrap:wrap;align-items:stretch;gap:var(--spacing-sm)}.kat-date-input .kat-date-input__choices .kat-date-input__choice{flex:0 1 auto;margin:0;white-space:nowrap}@media(max-width:48rem){.kat-date-input .kat-date-input__choices .kat-date-input__choice{min-block-size:2.75rem}}.kat-select{display:block;width:100%;box-sizing:border-box;min-height:var(--size-field-minHeight);padding:var(--size-field-paddingBlock) var(--size-field-paddingInline);border-radius:var(--radius-sm);border:1px solid var(--color-border-field);background-color:var(--color-surface-default);color:var(--color-text-default);font-family:var(--type-body-font-family);font-size:var(--type-body-font-size);line-height:var(--type-body-line-height)}.kat-select:hover:not(:disabled){border-color:var(--color-text-muted)}.kat-select:focus-visible,.kat-select:focus{outline:2px solid var(--color-focus-ring);outline-offset:1px;border-color:var(--color-focus-ring)}.kat-select:disabled{cursor:not-allowed;opacity:.5;background-color:var(--color-surface-sunken)}.kat-select--invalid{border-color:var(--color-state-danger)}.kat-select--invalid:focus-visible,.kat-select--invalid:focus{outline-color:var(--color-state-danger)}.kat-file-input{display:inline-flex;align-items:center;gap:var(--spacing-sm);box-sizing:border-box;max-width:100%;border-radius:var(--radius-sm);border:1px solid var(--color-border-field);background-color:var(--color-surface-default);padding-right:var(--spacing-xs);overflow:hidden}.kat-file-input:hover:not(.kat-file-input--disabled){border-color:var(--color-text-muted)}.kat-file-input:focus-within{outline:2px solid var(--color-focus-ring);outline-offset:1px;border-color:var(--color-focus-ring)}.kat-file-input--block{position:relative;display:flex;justify-content:center;width:100%;padding:var(--spacing-md);border:2px dashed var(--color-border-field);border-radius:var(--radius-md);background-color:var(--color-surface-default)}.kat-file-input--block:hover:not(.kat-file-input--disabled){background-color:var(--color-surface-sunken)}.kat-file-input--invalid{border-color:var(--color-state-danger)}.kat-file-input--invalid:focus-within{outline-color:var(--color-state-danger)}.kat-file-input--disabled{cursor:not-allowed;opacity:.5;background-color:var(--color-surface-sunken)}.kat-file-input__choose{flex:none;display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-surface-raised);color:var(--color-text-default);font-family:var(--type-body-font-family);font-size:var(--type-body-font-size);line-height:var(--type-body-line-height);cursor:pointer;transition:background-color .12s ease}.kat-file-input__choose:hover{background-color:var(--color-surface-sunken)}.kat-file-input__choose[data-disabled]{cursor:not-allowed}.kat-file-input__field{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.kat-file-input__name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:var(--spacing-xs) 0;color:var(--color-text-default);font-family:var(--type-body-font-family);font-size:var(--type-body-font-size);line-height:var(--type-body-line-height)}.kat-file-input__name[data-empty]{color:var(--color-text-muted)}.kat-file-input__clear{flex:none;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--radius-sm);padding:0 var(--spacing-xs);background:transparent;color:var(--color-text-muted);font-family:var(--type-body-font-family);font-size:var(--type-body-font-size);line-height:var(--type-body-line-height);cursor:pointer}.kat-file-input__clear:hover{color:var(--color-text-default);background-color:var(--color-surface-sunken)}.kat-file-input__clear:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:-2px}.kat-file-input--block .kat-file-input__choose{min-block-size:2.75rem;padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm)}.kat-file-input--block .kat-file-input__field{top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;clip-path:none;opacity:0;cursor:pointer}.kat-file-input--block.kat-file-input--disabled .kat-file-input__field{cursor:not-allowed}.kat-file-input--block .kat-file-input__name{flex:0 1 auto;align-self:center}.kat-file-input--block .kat-file-input__clear{position:relative;z-index:1;align-self:center}.kat-input{display:block;width:100%;box-sizing:border-box;min-height:var(--size-field-minHeight);padding:var(--size-field-paddingBlock) var(--size-field-paddingInline);border-radius:var(--radius-sm);border:1px solid var(--color-border-field);background-color:var(--color-surface-default);color:var(--color-text-default);font-family:var(--type-body-font-family);font-size:var(--type-body-font-size);line-height:var(--type-body-line-height)}.kat-input::placeholder{color:var(--color-text-muted)}.kat-input:hover:not(:disabled){border-color:var(--color-text-muted)}.kat-input:focus-visible,.kat-input:focus{outline:2px solid var(--color-focus-ring);outline-offset:1px;border-color:var(--color-focus-ring)}.kat-input:disabled{cursor:not-allowed;opacity:.5;background-color:var(--color-surface-sunken)}.kat-input--invalid{border-color:var(--color-state-danger)}.kat-input--invalid:focus-visible,.kat-input--invalid:focus{outline-color:var(--color-state-danger)}.kat-number-input{display:inline-flex;align-items:stretch;box-sizing:border-box;border-radius:var(--radius-sm);border:1px solid var(--color-border-field);background-color:var(--color-surface-default);overflow:hidden}.kat-number-input:hover:not(.kat-number-input--disabled){border-color:var(--color-text-muted)}.kat-number-input:focus-within{outline:2px solid var(--color-focus-ring);outline-offset:1px;border-color:var(--color-focus-ring)}.kat-number-input--invalid{border-color:var(--color-state-danger)}.kat-number-input--invalid:focus-within{outline-color:var(--color-state-danger)}.kat-number-input--disabled{cursor:not-allowed;opacity:.5;background-color:var(--color-surface-sunken)}.kat-number-input__field{flex:1 1 auto;min-width:0;width:var(--spacing-xl);border:0;background:transparent;padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-text-default);font-family:var(--type-body-font-family);font-size:var(--type-body-font-size);line-height:var(--type-body-line-height);text-align:center;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.kat-number-input__field:focus{outline:none}.kat-number-input__field::-webkit-outer-spin-button,.kat-number-input__field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.kat-number-input__field:disabled{cursor:not-allowed}.kat-number-input__step{flex:none;display:inline-flex;align-items:center;justify-content:center;padding:0 var(--spacing-sm);border:0;background-color:var(--color-surface-raised);color:var(--color-text-default);font-family:var(--type-body-font-family);font-size:var(--type-body-font-size);line-height:var(--type-body-line-height);cursor:pointer;transition:background-color .12s ease}.kat-number-input__step:hover:not(:disabled){background-color:var(--color-surface-sunken)}.kat-number-input__step:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:-2px}.kat-number-input__step:disabled{cursor:not-allowed;opacity:.5}.kat-form-row{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);font-family:var(--type-body-font-family)}.kat-form-row__label{font-size:var(--type-small-font-size);font-weight:var(--type-weight-semibold);color:var(--color-text-default)}.kat-form-row__required-marker{margin-left:var(--spacing-xs);color:var(--color-state-danger)}.kat-form-row__visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.kat-form-row__hint{margin:0;font-size:var(--type-small-font-size);color:var(--color-text-muted)}.kat-form-row__error{margin:0;font-size:var(--type-small-font-size);color:var(--color-state-danger)}.kat-measure-input{position:relative;display:block}.kat-measure-input__field{padding-inline-end:calc(var(--spacing-sm) * 2 + var(--kat-measure-unit-chars, 0) * 1ch);min-block-size:3rem;font-family:var(--type-heading-font-family);font-size:var(--type-heading-font-size);font-weight:var(--type-heading-font-weight);line-height:var(--type-heading-line-height);text-align:start;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.kat-measure-input__field::-webkit-outer-spin-button,.kat-measure-input__field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.kat-measure-input__unit{position:absolute;inset-block:0;inset-inline-end:var(--spacing-sm);display:flex;align-items:center;font-family:var(--type-small-font-family);font-size:var(--type-small-font-size);font-weight:var(--type-weight-semibold);color:var(--color-text-muted);pointer-events:none}.kat-measure-input--disabled .kat-measure-input__unit{opacity:.5}.kat-radio-group{display:flex;flex-direction:column;gap:var(--spacing-sm);margin:0;padding:0;border:0;min-width:0}.kat-radio-group--horizontal{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-md)}.kat-radio{display:inline-flex;align-items:center;gap:var(--spacing-sm);font-family:var(--type-body-font-family);font-size:var(--type-body-font-size);line-height:var(--type-body-line-height);color:var(--color-text-default);cursor:pointer}.kat-radio--disabled{cursor:not-allowed;opacity:.5}.kat-radio__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.kat-radio__dot{display:inline-flex;align-items:center;justify-content:center;flex:none;box-sizing:border-box;width:var(--spacing-md);height:var(--spacing-md);border:1px solid var(--color-border-field);border-radius:var(--radius-lg);background-color:var(--color-surface-default);transition:border-color .12s ease}.kat-radio__dot:after{content:"";width:var(--spacing-sm);height:var(--spacing-sm);border-radius:var(--radius-lg);background-color:var(--color-focus-ring);transform:scale(0);transition:transform .12s ease}.kat-radio:hover:not(.kat-radio--disabled) .kat-radio__input:not(:checked)+.kat-radio__dot{border-color:var(--color-text-muted)}.kat-radio__input:checked+.kat-radio__dot{border-color:var(--color-focus-ring)}.kat-radio__input:checked+.kat-radio__dot:after{transform:scale(1)}.kat-radio__input:focus-visible+.kat-radio__dot{outline:2px solid var(--color-focus-ring);outline-offset:1px}.kat-radio-group--invalid .kat-radio__dot{border-color:var(--color-state-danger)}.kat-radio-group--invalid .kat-radio__input:checked+.kat-radio__dot:after{background-color:var(--color-state-danger)}.kat-radio-group--invalid .kat-radio__input:focus-visible+.kat-radio__dot{outline-color:var(--color-state-danger)}.kat-radio-group--cards{gap:var(--spacing-sm)}.kat-radio-group--cards .kat-radio{display:flex;box-sizing:border-box;inline-size:100%;min-block-size:3rem;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border-field);border-radius:var(--radius-md);background-color:var(--color-surface-raised);font-weight:var(--type-weight-semibold)}.kat-radio-group--cards .kat-radio--disabled{cursor:not-allowed}.kat-radio-group--cards .kat-radio:hover:not(.kat-radio--disabled){border-color:var(--color-text-default)}.kat-radio-group--cards.kat-radio-group--invalid .kat-radio{border-color:var(--color-state-danger)}@supports selector(:has(*)){.kat-radio-group--cards .kat-radio:has(.kat-radio__input:checked){border-color:var(--color-focus-ring);box-shadow:inset 0 0 0 1px var(--color-focus-ring)}.kat-radio-group--cards .kat-radio:has(.kat-radio__input:focus-visible){outline:2px solid var(--color-focus-ring);outline-offset:2px}.kat-radio-group--cards .kat-radio__input:focus-visible+.kat-radio__dot{outline:none}.kat-radio-group--cards.kat-radio-group--invalid .kat-radio:has(.kat-radio__input:focus-visible){outline-color:var(--color-state-danger)}}.kat-markdown-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.kat-markdown-field__toolbar{display:flex;justify-content:flex-end}.kat-markdown-field__toggle{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid transparent;border-radius:var(--radius-sm);background-color:transparent;color:var(--color-accent-text);font-family:var(--type-small-font-family);font-size:var(--type-small-font-size);font-weight:var(--type-weight-medium);line-height:var(--type-small-line-height);cursor:pointer}.kat-markdown-field__toggle:hover{background-color:var(--color-surface-raised);border-color:var(--color-border-default)}.kat-markdown-field__toggle:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px}.kat-markdown-field__textarea{display:block;width:100%;box-sizing:border-box;padding:var(--size-field-paddingBlock) var(--size-field-paddingInline);border-radius:var(--radius-sm);border:1px solid var(--color-border-field);background-color:var(--color-surface-default);color:var(--color-text-default);font-family:var(--type-body-font-family);font-size:var(--type-body-font-size);line-height:var(--type-body-line-height);resize:vertical}.kat-markdown-field__textarea::placeholder{color:var(--color-text-muted)}.kat-markdown-field__textarea:hover:not(:disabled){border-color:var(--color-text-muted)}.kat-markdown-field__textarea:focus-visible,.kat-markdown-field__textarea:focus{outline:2px solid var(--color-focus-ring);outline-offset:1px;border-color:var(--color-focus-ring)}.kat-markdown-field__textarea:disabled{cursor:not-allowed;opacity:.5;background-color:var(--color-surface-sunken)}.kat-markdown-field__textarea--invalid{border-color:var(--color-state-danger)}.kat-markdown-field__textarea--invalid:focus-visible,.kat-markdown-field__textarea--invalid:focus{outline-color:var(--color-state-danger)}.kat-markdown-field__textarea--hidden{display:none}.kat-markdown-field__preview{box-sizing:border-box;min-height:3lh;padding:var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--color-border-default);background-color:var(--color-surface-sunken);color:var(--color-text-default);font-family:var(--type-body-font-family);font-size:var(--type-body-font-size);line-height:var(--type-body-line-height)}.kat-markdown-field__preview>:first-child{margin-top:0}.kat-markdown-field__preview>:last-child{margin-bottom:0}.kat-markdown-field__preview :is(h1,h2,h3,h4,h5,h6){font-family:var(--type-heading-font-family);font-weight:var(--type-heading-font-weight)}.kat-markdown-field__preview ul,.kat-markdown-field__preview ol{padding-left:var(--spacing-lg)}.kat-markdown-field__preview a{color:var(--color-accent-text)}.kat-markdown-field__preview code{background-color:var(--color-surface-raised);border-radius:var(--radius-sm);padding:0 .25em}.kat-markdown-field__preview pre{background-color:var(--color-surface-raised);border-radius:var(--radius-sm);padding:var(--spacing-sm);overflow-x:auto}.kat-markdown-field__preview pre code{background-color:transparent;padding:0}.kat-markdown-field__preview blockquote{margin:0;padding-left:var(--spacing-sm);border-left:3px solid var(--color-border-default);color:var(--color-text-muted)}.kat-qr{--kat-qr-pitch: var(--qr-module-default);width:calc(max(var(--kat-qr-pitch),var(--kat-qr-min-pitch, 0px)) * var(--kat-qr-extent));height:auto}.kat-qr--compact{--kat-qr-pitch: var(--qr-module-compact)}.kat-qr--readable{--kat-qr-pitch: var(--qr-module-readable)}.kat-qr--xlarge{--kat-qr-pitch: var(--qr-module-xlarge)}.kat-qr--rest-compact{--kat-qr-rest: var(--qr-module-compact)}.kat-qr--rest-default{--kat-qr-rest: var(--qr-module-default)}.kat-qr--rest-readable{--kat-qr-rest: var(--qr-module-readable)}.kat-qr-thumb:not(.kat-qr-thumb--expanded):not(:hover):not(:focus-visible)>.kat-qr{width:calc(max(var(--kat-qr-rest),var(--kat-qr-min-pitch, 0px)) * var(--kat-qr-extent))}.kat-qr-thumb:not(.kat-qr-thumb--expanded){cursor:zoom-in}.kat-qr-thumb:not(.kat-qr-thumb--expanded):is(:hover,:focus-visible)>.kat-qr{position:relative;z-index:2;margin-block:calc(-.5 * (max(var(--kat-qr-pitch),var(--kat-qr-min-pitch, 0px)) - max(var(--kat-qr-rest),var(--kat-qr-min-pitch, 0px))) * var(--kat-qr-extent));box-shadow:0 0 0 1px var(--color-surface-raised),var(--elevation-raised)}.kat-switch-field{display:inline-flex;align-items:center;gap:var(--spacing-sm);font-family:var(--type-body-font-family);font-size:var(--type-body-font-size);line-height:var(--type-body-line-height);color:var(--color-text-default)}.kat-switch{display:inline-flex;align-items:center;padding:0;border:0;background:none;cursor:pointer}.kat-switch:disabled{cursor:not-allowed;opacity:.5}.kat-switch__track{display:inline-flex;align-items:center;box-sizing:border-box;width:calc(var(--spacing-xl) + var(--spacing-sm));height:var(--spacing-lg);padding:var(--spacing-xs);border-radius:var(--radius-lg);background-color:var(--color-surface-sunken);transition:background-color .12s ease}.kat-switch__thumb{flex:none;width:var(--spacing-md);height:var(--spacing-md);border-radius:var(--radius-lg);background-color:var(--color-surface-default);box-shadow:var(--elevation-raised);transition:transform .12s ease}.kat-switch[aria-checked=true] .kat-switch__track{background-color:var(--color-focus-ring)}.kat-switch[aria-checked=true] .kat-switch__thumb{transform:translate(var(--spacing-md))}.kat-switch:hover:not(:disabled) .kat-switch__track{background-color:var(--color-border-strong)}.kat-switch:hover:not(:disabled)[aria-checked=true] .kat-switch__track{background-color:color-mix(in srgb,var(--color-focus-ring) 80%,var(--color-text-default))}.kat-switch:focus-visible .kat-switch__track{outline:2px solid var(--color-focus-ring);outline-offset:2px}.kat-switch--invalid .kat-switch__track{box-shadow:inset 0 0 0 1px var(--color-state-danger)}.kat-switch--invalid:focus-visible .kat-switch__track{outline-color:var(--color-state-danger)}.kat-switch__label{cursor:default}@media(prefers-reduced-motion:reduce){.kat-switch__track,.kat-switch__thumb{transition:none}}.kat-table{width:100%;border-collapse:collapse;background-color:var(--color-surface-default);color:var(--color-text-default);font-family:var(--type-body-font-family);font-size:var(--size-table-fontSize)}.kat-table th,.kat-table td{text-align:left;padding:var(--size-table-cellPaddingBlock) var(--size-table-cellPaddingInline);border-bottom:1px solid var(--color-border-default)}.kat-table th{padding-block:var(--size-table-headerPaddingBlock);font-size:var(--size-table-headerFontSize);background-color:var(--color-surface-raised);color:var(--color-text-muted);font-weight:var(--type-weight-semibold)}.kat-table tbody tr:hover{background-color:var(--color-surface-raised)}.kat-table-empty{background-color:var(--color-surface-default);border:1px solid var(--color-border-default);border-radius:var(--radius-md)}.kat-table__sort{display:inline-flex;align-items:baseline;gap:var(--spacing-xs);margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}.kat-table__sort:hover{color:var(--color-text-default);text-decoration:underline}.kat-table__sort:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.kat-table__sort-mark{color:var(--color-accent-text);font-weight:var(--type-weight-semibold)}.kat-textarea{display:block;width:100%;box-sizing:border-box;min-height:calc(var(--spacing-xl) * 2);padding:var(--size-field-paddingBlock) var(--size-field-paddingInline);border-radius:var(--radius-sm);border:1px solid var(--color-border-field);background-color:var(--color-surface-default);color:var(--color-text-default);font-family:var(--type-body-font-family);font-size:var(--type-body-font-size);line-height:var(--type-body-line-height);resize:vertical}.kat-textarea::placeholder{color:var(--color-text-muted)}.kat-textarea:hover:not(:disabled){border-color:var(--color-text-muted)}.kat-textarea:focus-visible,.kat-textarea:focus{outline:2px solid var(--color-focus-ring);outline-offset:1px;border-color:var(--color-focus-ring)}.kat-textarea:disabled{cursor:not-allowed;opacity:.5;background-color:var(--color-surface-sunken)}.kat-textarea--invalid{border-color:var(--color-state-danger)}.kat-textarea--invalid:focus-visible,.kat-textarea--invalid:focus{outline-color:var(--color-state-danger)}.kat-dialog{border:none;border-radius:var(--radius-md);padding:0;background-color:var(--color-surface-default);color:var(--color-text-default);box-shadow:var(--elevation-overlay);max-width:min(90vw,32rem)}.kat-dialog::backdrop{background-color:color-mix(in srgb,var(--color-text-default) 55%,transparent)}.kat-dialog__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--color-border-default)}.kat-dialog__title{margin:0;font-family:var(--type-heading-font-family);font-size:var(--type-heading-font-size);font-weight:var(--type-heading-font-weight);line-height:var(--type-heading-line-height)}.kat-dialog__close{background:none;border:none;color:var(--color-text-muted);font-size:var(--type-heading-font-size);line-height:1;cursor:pointer;padding:var(--spacing-xs)}.kat-dialog__close:hover{color:var(--color-text-default)}.kat-dialog__close:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.kat-dialog__body{padding:var(--spacing-md)}.kat-dialog__footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--color-border-default)}@media(max-width:48rem){.kat-dialog{inline-size:100%;max-inline-size:100%;margin:auto 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding-block-end:env(safe-area-inset-bottom,0px)}.kat-dialog__footer{flex-direction:column-reverse;align-items:stretch}.kat-dialog__footer .kat-button{min-block-size:3rem}}.kat-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-sm);padding:var(--spacing-xl);color:var(--color-text-muted);font-family:var(--type-body-font-family)}.kat-empty-state__icon{color:var(--color-text-muted);font-size:var(--type-heading-font-size)}.kat-empty-state__title{margin:0;color:var(--color-text-default);font-size:var(--type-heading-font-size);font-weight:var(--type-heading-font-weight)}.kat-empty-state__description{margin:0;font-size:var(--type-body-font-size)}.kat-empty-state__action{margin-top:var(--spacing-sm)}.kat-toast{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--size-toast-paddingBlock) var(--size-toast-paddingInline);border-radius:var(--radius-md);background-color:var(--color-surface-raised);color:var(--color-text-default);box-shadow:var(--elevation-raised);border-left:4px solid var(--color-border-strong);font-family:var(--type-body-font-family);font-size:var(--type-body-font-size)}.kat-toast--info{border-left-color:var(--color-state-info)}.kat-toast--success{border-left-color:var(--color-state-success)}.kat-toast--warning{border-left-color:var(--color-state-warning)}.kat-toast--danger{border-left-color:var(--color-state-danger)}.kat-toast__content{flex:1}.kat-toast__title{margin:0;font-weight:var(--type-weight-semibold)}.kat-toast__description{margin:var(--spacing-xs) 0 0;color:var(--color-text-muted)}.kat-toast__dismiss{background:none;border:none;color:var(--color-text-muted);cursor:pointer;line-height:1;padding:0}.kat-toast__dismiss:hover{color:var(--color-text-default)}.kat-toast__dismiss:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.kat-toast__action{align-self:center;margin:0;padding:0;border:0;background:none;color:var(--color-accent-text);font:inherit;font-weight:var(--type-weight-medium);text-decoration:underline;cursor:pointer}.kat-toast__action:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.kat-toast--tinted{align-items:center;box-shadow:none;border:1px solid transparent}.kat-toast--tinted.kat-toast--info{background-color:var(--color-tint-info);border-color:color-mix(in srgb,var(--color-state-info) 35%,transparent)}.kat-toast--tinted.kat-toast--success{background-color:var(--color-tint-success);border-color:color-mix(in srgb,var(--color-state-success) 35%,transparent)}.kat-toast--tinted.kat-toast--warning{background-color:var(--color-tint-warning);border-color:color-mix(in srgb,var(--color-state-warning) 35%,transparent)}.kat-toast--tinted.kat-toast--danger{background-color:var(--color-tint-danger);border-color:color-mix(in srgb,var(--color-state-danger) 35%,transparent)}.kat-toast--tinted .kat-toast__description,.kat-toast--tinted .kat-toast__action{color:var(--color-text-default)}.kat-steps{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--spacing-xs);margin:0;padding:0;list-style:none;font-family:var(--type-body-font-family);color:var(--color-text-default)}.kat-step{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"mark label" "mark state" "mark detail";column-gap:var(--spacing-sm);row-gap:0;align-content:start;min-width:0;padding:var(--spacing-sm);border-top:5px solid var(--color-border-strong);background-color:var(--color-surface-raised)}.kat-step[data-state=done]{border-top-color:var(--color-text-default)}.kat-step[data-state=now]{border-top-color:var(--color-focus-ring)}.kat-step[data-state=next]{color:var(--color-text-muted)}.kat-step__mark{grid-area:mark;display:inline-grid;place-items:center;min-width:1.5rem;font-family:var(--type-heading-font-family);font-size:1.25rem;font-weight:var(--type-heading-font-weight);line-height:1.25}.kat-step[data-state=done] .kat-step__mark{color:var(--color-text-default)}.kat-step[data-state=now] .kat-step__mark{color:var(--color-accent-emphasis)}.kat-step__label{grid-area:label;font-family:var(--type-heading-font-family);font-weight:var(--type-weight-semibold);font-size:1.125rem;line-height:1.25;overflow-wrap:anywhere}.kat-step__state{grid-area:state;position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.kat-step__detail{grid-area:detail;font-size:var(--type-small-font-size);line-height:var(--type-small-line-height);color:var(--color-text-muted)}@media(forced-colors:active){.kat-step[data-state=now]{outline:2px solid CanvasText;outline-offset:-2px}.kat-step[data-state=next]{border-top-style:dashed}}@media(max-width:48rem){.kat-step{grid-template-columns:minmax(0,1fr);grid-template-areas:"label" "state" "detail";padding:var(--spacing-xs) var(--spacing-xs) var(--spacing-sm)}.kat-step__mark{display:none}.kat-step__label{font-size:.9375rem}.kat-step__detail{display:none}}.kat-shell{display:flex;flex-direction:column;min-height:100vh;font-family:var(--type-body-font-family);font-size:var(--type-body-font-size);color:var(--color-text-default);background-color:var(--color-surface-default)}.kat-shell__header{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-header-surface);color:var(--color-header-text);border-bottom:1px solid var(--color-header-border)}.kat-shell__context{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--spacing-sm);margin-inline-end:auto}.kat-shell__product,.kat-shell__tenant,.kat-shell__user{overflow-wrap:anywhere}.kat-shell__header-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--spacing-sm)}.kat-shell__nav-toggle{display:none;box-sizing:border-box;align-items:center;justify-content:center;min-inline-size:3rem;min-block-size:3rem;background:none;border:1px solid var(--color-header-border);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-header-text);font-family:inherit;font-size:var(--type-small-font-size);cursor:pointer}.kat-shell__nav-toggle:hover{border-color:var(--color-border-strong)}.kat-shell__nav-toggle:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.kat-shell__nav-toggle[aria-expanded=true]{border-color:var(--color-accent-default);color:var(--color-accent-default)}.kat-shell__product{font-family:var(--type-heading-font-family);font-size:var(--size-shell-productNameFontSize);font-weight:var(--type-heading-font-weight);color:var(--color-header-muted)}.kat-shell__tenant{font-family:var(--type-heading-font-family);font-size:var(--type-heading-font-size);font-weight:var(--type-heading-font-weight)}.kat-shell__user{font-size:var(--type-small-font-size);color:var(--color-header-muted)}.kat-shell__settings-toggle[aria-expanded=true]{border-color:var(--color-focus-ring);color:var(--color-accent-text)}.kat-shell__identifiers{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin:0;padding:var(--spacing-md)}.kat-shell__identifier dt{font-size:var(--type-small-font-size);color:var(--color-text-muted)}.kat-shell__identifier dd{margin:0;font-family:var(--type-mono-font-family, ui-monospace, monospace);overflow-wrap:anywhere}.kat-shell__settings-panel{border-bottom:1px solid var(--color-border-default);background-color:var(--color-surface-raised)}.kat-shell__settings-nav{padding:var(--spacing-md)}.kat-shell__settings-nav ul{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin:0;padding:0;list-style:none}.kat-shell__settings-nav a{color:var(--color-text-default);text-decoration:none}.kat-shell__settings-nav a:hover{text-decoration:underline}.kat-shell__settings-nav a:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.kat-shell__body{display:flex;flex:1;min-height:0}.kat-shell__regions{display:flex;flex-direction:column;flex:1;min-width:0}.kat-shell__nav{display:flex;flex-direction:column;width:var(--size-shell-navWidth);flex-shrink:0;padding:var(--size-shell-navPaddingBlock) var(--size-shell-navPaddingInline);background-color:var(--color-surface-sunken);border-right:1px solid var(--color-border-default)}.kat-shell__nav-head{display:none}.kat-shell__nav-title{margin:0;font-family:var(--type-body-font-family);font-size:var(--type-body-font-size);font-weight:var(--type-weight-semibold);line-height:var(--type-body-line-height)}.kat-shell__nav ul{display:flex;flex-direction:column;gap:var(--spacing-xs);margin:0;padding:0;list-style:none}.kat-shell__nav a{display:block;padding:var(--size-shell-navItemPaddingBlock) var(--size-shell-navItemPaddingInline);border-radius:var(--radius-sm);color:var(--color-text-default);text-decoration:none}.kat-shell__nav a.kat-shell__nav-link--counted{display:flex;align-items:baseline;gap:var(--spacing-sm)}.kat-shell__nav-label{flex:1 1 auto;min-width:0}.kat-shell__nav-count{flex:none;margin-inline-start:auto;font-size:var(--type-small-font-size);font-variant-numeric:tabular-nums}.kat-shell__nav a:hover{background-color:var(--color-surface-raised)}.kat-shell__nav a:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.kat-shell__nav a[aria-current=page]{background-color:var(--color-accent-default);color:var(--color-text-onAccent)}.kat-shell__nav-foot{margin-block-start:auto;padding-block-start:var(--spacing-sm);border-block-start:1px solid var(--color-border-default)}.kat-shell__nav-foot a{font-size:var(--type-small-font-size);color:var(--color-text-muted)}.kat-shell__page-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md);border-bottom:1px solid var(--color-border-default)}.kat-shell__page-title{margin:0;font-family:var(--type-heading-font-family);font-size:var(--type-heading-font-size);font-weight:var(--type-heading-font-weight);line-height:var(--type-heading-line-height);overflow-wrap:anywhere}.kat-shell__page-action{display:flex;align-items:center;gap:var(--spacing-sm)}.kat-shell__page-status{flex-basis:100%;min-width:0}.kat-shell__content{flex:1;min-width:0;padding:var(--spacing-lg);overflow-x:auto}.kat-shell__scrim{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;border:0;padding:0;background-color:color-mix(in srgb,var(--color-text-default) 45%,transparent);cursor:pointer}@media(max-width:48rem){.kat-shell__nav-toggle{display:inline-flex}.kat-shell__header{position:sticky;inset-block-start:0;z-index:50}.kat-shell__context{order:-1;flex-basis:100%}.kat-shell__header-actions{margin-inline-start:auto}.kat-shell__scrim{display:block}.kat-shell__nav{position:fixed;inset-block-start:var(--kat-shell-header-block-size, 0px);inset-block-end:0;inset-inline-start:0;z-index:40;overflow-y:auto;box-shadow:var(--elevation-overlay)}.kat-shell__nav[data-nav-open=false]{display:none}.kat-shell__nav-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-block-end:var(--spacing-md);padding-block-end:var(--spacing-sm);border-block-end:1px solid var(--color-border-default)}.kat-shell__nav a{min-block-size:3rem;display:flex;align-items:center}.kat-shell__nav a.kat-shell__nav-link--counted{align-items:center}.kat-shell__page-header,.kat-shell__content{padding-inline:var(--spacing-md)}}.kat-dashboard__title{margin:0 0 var(--spacing-md);font-family:var(--type-heading-font-family);font-size:var(--type-heading-font-size);font-weight:var(--type-heading-font-weight);color:var(--color-text-default)}.kat-dashboard__tiles{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin:0;padding:0;list-style:none}.kat-dashboard__tile{flex:1 1 14rem;min-width:0;padding:var(--spacing-md);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background-color:var(--color-surface-raised)}.kat-dashboard__tile-link{color:var(--color-text-default);font-weight:var(--type-heading-font-weight);text-decoration:none}.kat-dashboard__tile-link:hover{text-decoration:underline}.kat-dashboard__tile-link:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.kat-dashboard__tile-description{margin:var(--spacing-xs) 0 0;font-size:var(--type-small-font-size);color:var(--color-text-muted)}.kat-error-boundary{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-md);padding:var(--spacing-xl);color:var(--color-text-default);font-family:var(--type-body-font-family)}.kat-error-boundary--root{min-height:100vh;justify-content:center}.kat-error-boundary__message{margin:0;max-width:32rem;font-size:var(--type-heading-font-size);font-weight:var(--type-heading-font-weight)}.kat-error-boundary__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--spacing-md)}.kat-error-boundary__back{color:var(--color-accent-text)}.kat-list{display:block}.kat-list__filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--spacing-sm, 8px);margin-bottom:var(--spacing-md, 16px)}.kat-list__rows{min-width:0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--color-border-default, #c7d0dd) var(--color-surface-sunken, #e7ecf3)}.kat-list__rows::-webkit-scrollbar{height:10px}.kat-list__rows::-webkit-scrollbar-track{background:var(--color-surface-sunken, #e7ecf3);border-radius:5px}.kat-list__rows::-webkit-scrollbar-thumb{background:var(--color-border-default, #c7d0dd);border-radius:5px}.kat-list__empty{margin:var(--spacing-lg, 24px) 0;color:var(--color-text-muted, #55606f)}.kat-list__bulk{margin-top:var(--spacing-lg, 24px);padding-top:var(--spacing-md, 16px);border-top:1px solid var(--color-border-subtle, #e7ecf3)}.gallery{display:flex;flex-direction:column;gap:var(--spacing-xl, 32px);max-width:64rem;margin:0 auto}.gallery__intro{display:flex;flex-direction:column;gap:var(--spacing-sm, 8px)}.gallery__title{margin:0;font-family:var(--type-heading-font-family, system-ui, sans-serif);font-size:var(--type-heading-font-size, 24px);font-weight:var(--type-heading-font-weight, 600);line-height:var(--type-heading-line-height, 1.25);color:var(--color-text-default, #1b2430)}.gallery__lede{margin:0;max-width:48rem;color:var(--color-text-muted, #55606f);font-size:var(--type-body-font-size, 16px);line-height:var(--type-body-line-height, 1.5)}.gallery-index{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm, 8px) var(--spacing-md, 16px)}.gallery-index__label{margin:0;color:var(--color-text-muted, #55606f);font-size:var(--type-small-font-size, 13px);font-weight:var(--type-weight-semibold, 600)}.gallery-index__list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm, 8px);margin:0;padding:0;list-style:none}.gallery-index__link{display:inline-flex;align-items:center;box-sizing:border-box;min-block-size:3rem;padding:0 var(--spacing-md, 16px);background:var(--color-surface-raised, #ffffff);border:1px solid var(--color-border-default, #c7d0dd);border-radius:var(--radius-md, 8px);color:var(--color-accent-text, #35507a);font-weight:var(--type-weight-medium, 500);text-decoration:none}.gallery-index__link:hover{border-color:var(--color-border-strong, #8d99ab)}.gallery-index__link:focus-visible{outline:2px solid var(--color-focus-ring, #35507a);outline-offset:2px}.gallery-section{display:flex;flex-direction:column;gap:var(--spacing-md, 16px);padding:var(--spacing-lg, 24px);background:var(--color-surface-raised, #ffffff);border:1px solid var(--color-border-default, #c7d0dd);border-radius:var(--radius-lg, 16px);box-shadow:var(--elevation-raised, 0 1px 2px rgba(16, 16, 20, .08))}@media(max-width:48rem){.gallery-section{scroll-margin-block-start:calc(var(--kat-shell-header-block-size, 0px) + var(--spacing-md, 16px))}}.gallery-section__head{display:flex;flex-direction:column;gap:var(--spacing-xs, 4px)}.gallery-section__title{margin:0;font-family:var(--type-heading-font-family, system-ui, sans-serif);font-size:var(--type-heading-font-size, 24px);font-weight:var(--type-heading-font-weight, 600);line-height:var(--type-heading-line-height, 1.25);color:var(--color-text-default, #1b2430)}.gallery-section__desc{margin:0;max-width:52rem;color:var(--color-text-muted, #55606f);font-size:var(--type-small-font-size, 13px);line-height:var(--type-small-line-height, 1.4)}.gallery-section__body{display:flex;flex-direction:column;gap:var(--spacing-lg, 24px)}.gallery-subhead{margin:0 0 var(--spacing-sm, 8px);font-family:var(--type-body-font-family, system-ui, sans-serif);font-size:var(--type-body-font-size, 16px);font-weight:var(--type-weight-semibold, 600);color:var(--color-text-default, #1b2430)}.gallery-grid{columns:15rem;column-gap:var(--spacing-lg, 24px)}.gallery-grid>.gallery-demo{break-inside:avoid;margin-block-end:var(--spacing-lg, 24px)}.gallery-fields{columns:15rem;column-gap:var(--spacing-lg, 24px)}.gallery-fields>*{break-inside:avoid;margin-block-end:var(--spacing-md, 16px)}.gallery-demo{display:flex;flex-direction:column;gap:var(--spacing-sm, 8px);padding:var(--spacing-md, 16px);background:var(--color-surface-default, #f6f8fb);border:1px solid var(--color-border-default, #c7d0dd);border-radius:var(--radius-md, 8px)}.gallery-demo__head{display:flex;flex-direction:column;gap:var(--spacing-xs, 4px)}.gallery-demo__title{margin:0;font-family:var(--type-body-font-family, system-ui, sans-serif);font-size:var(--type-body-font-size, 16px);font-weight:var(--type-weight-semibold, 600);color:var(--color-text-default, #1b2430)}.gallery-demo__kind,.gallery-demo__note,.gallery-note{margin:0;color:var(--color-text-muted, #55606f);font-family:var(--type-small-font-family, system-ui, sans-serif);font-size:var(--type-small-font-size, 13px);line-height:var(--type-small-line-height, 1.4)}.gallery-note{max-width:52rem;margin-block-end:var(--spacing-sm, 8px)}.gallery-demo__row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm, 8px)}.gallery-foundations{display:flex;flex-direction:column;gap:var(--spacing-lg, 24px)}.gallery-foundations__group{display:flex;flex-direction:column;gap:var(--spacing-sm, 8px)}.gallery-foundations__label{margin:0;font-family:var(--type-body-font-family, system-ui, sans-serif);font-size:var(--type-body-font-size, 16px);font-weight:var(--type-weight-semibold, 600);color:var(--color-text-default, #1b2430)}.gallery-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:var(--spacing-md, 16px)}.gallery-swatch{display:flex;align-items:center;gap:var(--spacing-sm, 8px)}.gallery-swatch__chip{flex:none;width:2.5rem;height:2.5rem;border-radius:var(--radius-sm, 4px);border:1px solid var(--color-border-strong, #8d99ab)}.gallery-swatch__name{font-family:var(--type-small-font-family, monospace);font-size:var(--type-small-font-size, 13px);color:var(--color-text-muted, #55606f)}.gallery-type-scale{display:flex;flex-direction:column;gap:var(--spacing-sm, 8px)}.gallery-type{margin:0;color:var(--color-text-default, #1b2430);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.gallery-type--heading{font-family:var(--type-heading-font-family, system-ui, sans-serif);font-size:var(--type-heading-font-size, 24px);font-weight:var(--type-heading-font-weight, 600);line-height:var(--type-heading-line-height, 1.25)}.gallery-type--body{font-family:var(--type-body-font-family, system-ui, sans-serif);font-size:var(--type-body-font-size, 16px);font-weight:var(--type-body-font-weight, 400);line-height:var(--type-body-line-height, 1.5)}.gallery-type--small{font-family:var(--type-small-font-family, system-ui, sans-serif);font-size:var(--type-small-font-size, 13px);font-weight:var(--type-small-font-weight, 400);line-height:var(--type-small-line-height, 1.4)}.gallery-type__token{color:var(--color-text-muted, #55606f);font-family:var(--type-small-font-family, monospace);font-size:var(--type-small-font-size, 13px)}.gallery-weights{display:flex;flex-wrap:wrap;gap:var(--spacing-md, 16px);font-family:var(--type-body-font-family, system-ui, sans-serif);font-size:var(--type-body-font-size, 16px);color:var(--color-text-default, #1b2430)}.gallery-weight--regular{font-weight:var(--type-weight-regular, 400)}.gallery-weight--medium{font-weight:var(--type-weight-medium, 500)}.gallery-weight--semibold{font-weight:var(--type-weight-semibold, 600)}.gallery-scale-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--spacing-lg, 24px)}.gallery-scale-item{display:flex;flex-direction:column;gap:var(--spacing-xs, 4px);align-items:flex-start}.gallery-scale-item__name{font-family:var(--type-small-font-family, monospace);font-size:var(--type-small-font-size, 13px);color:var(--color-text-muted, #55606f)}.gallery-space-scale{display:flex;flex-direction:column}.gallery-space-row{display:flex;align-items:center;gap:var(--spacing-md, 16px)}.gallery-space-row .gallery-scale-item__name{flex:none;width:7rem}.gallery-space-track{display:flex;flex:1;align-items:center;padding-block:var(--spacing-xs, 4px);border-inline-start:2px solid var(--color-border-strong, #8d99ab)}.gallery-space{display:block;flex:none;height:1rem;background:var(--color-accent-default, #35507a);border-start-end-radius:var(--radius-sm, 4px);border-end-end-radius:var(--radius-sm, 4px)}.gallery-space--xs{width:var(--spacing-xs, 4px)}.gallery-space--sm{width:var(--spacing-sm, 8px)}.gallery-space--md{width:var(--spacing-md, 16px)}.gallery-space--lg{width:var(--spacing-lg, 24px)}.gallery-space--xl{width:var(--spacing-xl, 32px)}.gallery-radius{display:block;width:3rem;height:3rem;background:var(--color-surface-sunken, #dde3ec);border:1px solid var(--color-border-strong, #8d99ab)}.gallery-radius--sm{border-radius:var(--radius-sm, 4px)}.gallery-radius--md{border-radius:var(--radius-md, 8px)}.gallery-radius--lg{border-radius:var(--radius-lg, 16px)}.gallery-elevation-stage{display:flex;flex-wrap:wrap;gap:var(--spacing-xl, 32px);padding:var(--spacing-lg, 24px);background:var(--color-surface-sunken, #dde3ec);border-radius:var(--radius-md, 8px)}.gallery-elevation{display:block;width:6rem;height:4rem;box-sizing:border-box;background:var(--color-surface-raised, #ffffff);border:1px solid var(--color-border-default, #c7d0dd);border-radius:var(--radius-md, 8px)}.gallery-scale-item__note{font-size:var(--type-small-font-size, 13px);color:var(--color-text-default, #1b2430)}.gallery-elevation--flat{box-shadow:var(--elevation-flat, none)}.gallery-elevation--raised{box-shadow:var(--elevation-raised, 0 1px 2px rgba(16, 16, 20, .08))}.gallery-elevation--overlay{box-shadow:var(--elevation-overlay, 0 8px 24px rgba(16, 16, 20, .16))}.gallery-stack{display:flex;flex-direction:column;gap:var(--spacing-lg, 24px)}.gallery-demo__row--top{align-items:flex-start}.gallery-form{display:flex;flex-direction:column;gap:var(--spacing-md, 16px);max-width:28rem}.gallery-form__actions{display:flex;align-items:center;gap:var(--spacing-md, 16px);margin-top:var(--spacing-sm, 8px)}.gallery-toasts{display:flex;flex-direction:column;gap:var(--spacing-sm, 8px);max-width:32rem}.gallery-qr-demo{display:flex;flex-direction:column;gap:var(--spacing-xs, 4px);align-items:flex-start;max-width:24rem}.gallery-qr-tiers{align-items:flex-end;gap:var(--spacing-md, 16px);margin:var(--spacing-sm, 8px) 0 var(--spacing-lg, 24px)}.gallery-qr-caption{margin:var(--spacing-xs, 4px) 0 0;max-width:40rem}.gallery-qr-tier__name{font-size:var(--type-small-font-size, 13px);font-weight:var(--type-weight-medium, 500);color:var(--color-text-default, #1b2430)}.gallery-qr-tier__use{inline-size:0;min-inline-size:100%}.gallery-qr{display:inline-flex;padding:var(--spacing-sm, 8px);background:var(--color-surface-raised, #ffffff);border:1px solid var(--color-border-default, #c7d0dd);border-radius:var(--radius-md, 8px)}.gallery-qr__qr{display:block;max-width:100%;height:auto}.gallery-qr--fallback{display:inline-block;padding:var(--spacing-sm, 8px);color:var(--color-accent-text, #35507a);overflow-wrap:anywhere;word-break:break-all}.gallery-parts__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:var(--spacing-md, 16px);align-items:start}.gallery-parts__facts{display:grid;grid-template-columns:max-content 1fr;gap:var(--spacing-xs, 4px) var(--spacing-md, 16px);margin:0}.gallery-parts__facts dt{color:var(--color-text-muted, #55606f)}.gallery-parts__facts dd{margin:0}.gallery-parts__rows{margin:0;padding:0;list-style:none}.gallery-parts__rows li{padding:var(--spacing-sm, 8px)}.gallery-parts__rows li+li{border-top:1px solid var(--color-border-default, #c7d0dd)}.gallery-parts__scroll{overflow-x:auto}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-400-normal-qiz4-Cze.woff2) format("woff2"),url(/assets/barlow-latin-400-normal-fsAxiSwU.woff) format("woff")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-latin-500-normal-BPAOfeC8.woff2) format("woff2"),url(/assets/barlow-latin-500-normal-C1h8hMer.woff) format("woff")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-latin-600-normal-DILqtrty.woff2) format("woff2"),url(/assets/barlow-latin-600-normal-CNwfPWQD.woff) format("woff")}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-semi-condensed-latin-600-normal-BkLiAYu4.woff2) format("woff2"),url(/assets/barlow-semi-condensed-latin-600-normal-DyOfdMBA.woff) format("woff")}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-semi-condensed-latin-700-normal-BpqDG8I9.woff2) format("woff2"),url(/assets/barlow-semi-condensed-latin-700-normal-BMyZXq_9.woff) format("woff")}:root{--color-accent-default: #f26a1b;--color-accent-emphasis: #e35f12;--color-accent-text: #a63d00;--color-accent-tint: #f0f3ff;--color-border-default: #d6d2c8;--color-border-field: #827c72;--color-border-strong: #a9a295;--color-border-subtle: #e4e4ea;--color-focus-ring: #c15110;--color-header-border: #3a3630;--color-header-muted: #b8b2a5;--color-header-surface: #1d1b17;--color-header-text: #fbfaf7;--color-state-danger: #b3261e;--color-state-info: #0969da;--color-state-success: #1a7f37;--color-state-warning: #9a6700;--color-surface-default: #efede7;--color-surface-raised: #fbfaf7;--color-surface-sunken: #e4e1d9;--color-text-default: #1d1b17;--color-text-faint: #676771;--color-text-muted: #5c564c;--color-text-onAccent: #1d1b17;--color-tint-danger: #fdecec;--color-tint-info: #eaf3fd;--color-tint-success: #edf7f0;--color-tint-warning: #fef8e8;--elevation-flat: none;--elevation-overlay: 0 8px 24px rgba(16, 16, 20, .16), 0 2px 6px rgba(16, 16, 20, .08);--elevation-raised: 0 1px 2px rgba(16, 16, 20, .08), 0 1px 1px rgba(16, 16, 20, .04);--qr-module-compact: 3px;--qr-module-default: 4px;--qr-module-readable: 5px;--qr-module-xlarge: 6px;--radius-lg: 8px;--radius-md: 6px;--radius-sm: 4px;--size-button-large-fontSize: 16px;--size-button-large-minHeight: 44px;--size-button-large-paddingBlock: 10px;--size-button-large-paddingInline: 24px;--size-button-minHeight: 0px;--size-button-paddingBlock: 4px;--size-button-paddingInline: 16px;--size-card-paddingBlock: 16px;--size-card-paddingInline: 16px;--size-chip-paddingBlock: 2px;--size-chip-paddingInline: 8px;--size-disclosure-paddingBlock: 8px;--size-disclosure-paddingInline: 16px;--size-field-minHeight: 0px;--size-field-paddingBlock: 4px;--size-field-paddingInline: 8px;--size-shell-navItemPaddingBlock: 4px;--size-shell-navItemPaddingInline: 8px;--size-shell-navPaddingBlock: 16px;--size-shell-navPaddingInline: 16px;--size-shell-navWidth: 14rem;--size-shell-productNameFontSize: 16px;--size-table-cellPaddingBlock: 8px;--size-table-cellPaddingInline: 16px;--size-table-fontSize: 16px;--size-table-headerFontSize: 16px;--size-table-headerPaddingBlock: 8px;--size-timeline-itemPaddingBlock: 12px;--size-timeline-itemPaddingInline: 16px;--size-toast-paddingBlock: 8px;--size-toast-paddingInline: 16px;--spacing-lg: 24px;--spacing-md: 16px;--spacing-sm: 8px;--spacing-xl: 32px;--spacing-xs: 4px;--type-body-font-family: "Barlow", system-ui, sans-serif;--type-body-font-size: 16px;--type-body-font-weight: 400;--type-body-line-height: 1.5;--type-heading-font-family: "Barlow Semi Condensed", "Arial Narrow", system-ui, sans-serif;--type-heading-font-size: 28px;--type-heading-font-weight: 700;--type-heading-line-height: 1.15;--type-small-font-family: "Barlow", system-ui, sans-serif;--type-small-font-size: 13px;--type-small-font-weight: 400;--type-small-line-height: 1.4;--type-weight-medium: 500;--type-weight-regular: 400;--type-weight-semibold: 600}@media(max-width:48rem){:root{--qr-module-compact: 3px;--qr-module-default: 4px;--qr-module-readable: 5px;--qr-module-xlarge: 6px}}:root[data-theme=showcase],[data-theme=showcase]{--color-accent-default: #f26a1b;--color-accent-emphasis: #e35f12;--color-accent-text: #a63d00;--color-accent-tint: #f0f3ff;--color-border-default: #d6d2c8;--color-border-field: #827c72;--color-border-strong: #a9a295;--color-border-subtle: #e4e4ea;--color-focus-ring: #c15110;--color-header-border: #3a3630;--color-header-muted: #b8b2a5;--color-header-surface: #1d1b17;--color-header-text: #fbfaf7;--color-state-danger: #b3261e;--color-state-info: #0969da;--color-state-success: #1a7f37;--color-state-warning: #9a6700;--color-surface-default: #efede7;--color-surface-raised: #fbfaf7;--color-surface-sunken: #e4e1d9;--color-text-default: #1d1b17;--color-text-faint: #676771;--color-text-muted: #5c564c;--color-text-onAccent: #1d1b17;--color-tint-danger: #fdecec;--color-tint-info: #eaf3fd;--color-tint-success: #edf7f0;--color-tint-warning: #fef8e8;--elevation-flat: none;--elevation-overlay: 0 8px 24px rgba(16, 16, 20, .16), 0 2px 6px rgba(16, 16, 20, .08);--elevation-raised: 0 1px 2px rgba(16, 16, 20, .08), 0 1px 1px rgba(16, 16, 20, .04);--qr-module-compact: 3px;--qr-module-default: 4px;--qr-module-readable: 5px;--qr-module-xlarge: 6px;--radius-lg: 8px;--radius-md: 6px;--radius-sm: 4px;--size-button-large-fontSize: 16px;--size-button-large-minHeight: 44px;--size-button-large-paddingBlock: 10px;--size-button-large-paddingInline: 24px;--size-button-minHeight: 0px;--size-button-paddingBlock: 4px;--size-button-paddingInline: 16px;--size-card-paddingBlock: 16px;--size-card-paddingInline: 16px;--size-chip-paddingBlock: 2px;--size-chip-paddingInline: 8px;--size-disclosure-paddingBlock: 8px;--size-disclosure-paddingInline: 16px;--size-field-minHeight: 0px;--size-field-paddingBlock: 4px;--size-field-paddingInline: 8px;--size-shell-navItemPaddingBlock: 4px;--size-shell-navItemPaddingInline: 8px;--size-shell-navPaddingBlock: 16px;--size-shell-navPaddingInline: 16px;--size-shell-navWidth: 14rem;--size-shell-productNameFontSize: 16px;--size-table-cellPaddingBlock: 8px;--size-table-cellPaddingInline: 16px;--size-table-fontSize: 16px;--size-table-headerFontSize: 16px;--size-table-headerPaddingBlock: 8px;--size-timeline-itemPaddingBlock: 12px;--size-timeline-itemPaddingInline: 16px;--size-toast-paddingBlock: 8px;--size-toast-paddingInline: 16px;--spacing-lg: 24px;--spacing-md: 16px;--spacing-sm: 8px;--spacing-xl: 32px;--spacing-xs: 4px;--type-body-font-family: "Barlow", system-ui, sans-serif;--type-body-font-size: 16px;--type-body-font-weight: 400;--type-body-line-height: 1.5;--type-heading-font-family: "Barlow Semi Condensed", "Arial Narrow", system-ui, sans-serif;--type-heading-font-size: 28px;--type-heading-font-weight: 700;--type-heading-line-height: 1.15;--type-small-font-family: "Barlow", system-ui, sans-serif;--type-small-font-size: 13px;--type-small-font-weight: 400;--type-small-line-height: 1.4;--type-weight-medium: 500;--type-weight-regular: 400;--type-weight-semibold: 600}@media(max-width:48rem){:root[data-theme=showcase],[data-theme=showcase]{--qr-module-compact: 3px;--qr-module-default: 4px;--qr-module-readable: 5px;--qr-module-xlarge: 6px}}:root[data-theme=baustelle-dark],[data-theme=baustelle-dark]{--color-accent-default: #ff7a2e;--color-accent-emphasis: #ff9450;--color-accent-text: #ff7a2e;--color-accent-tint: #3a2416;--color-border-default: #3a362d;--color-border-field: #7b7467;--color-border-strong: #5f584a;--color-border-subtle: #2d2a22;--color-focus-ring: #ff7a2e;--color-header-border: #2d2920;--color-header-muted: #aea596;--color-header-surface: #0f0e0a;--color-header-text: #f1ede4;--color-state-danger: #ff7b72;--color-state-info: #7fb3dc;--color-state-success: #6fcf97;--color-state-warning: #f2c14e;--color-surface-default: #17150f;--color-surface-raised: #221f18;--color-surface-sunken: #2d2920;--color-text-default: #f1ede4;--color-text-faint: #9a9181;--color-text-muted: #b3aa9a;--color-text-onAccent: #17150f;--color-tint-danger: #331a17;--color-tint-info: #14243a;--color-tint-success: #15291d;--color-tint-warning: #2e2610;--elevation-flat: none;--elevation-overlay: 0 12px 32px rgba(0, 0, 0, .6);--elevation-raised: 0 1px 2px rgba(0, 0, 0, .5);--qr-module-compact: 3px;--qr-module-default: 4px;--qr-module-readable: 5px;--qr-module-xlarge: 6px;--radius-lg: 8px;--radius-md: 6px;--radius-sm: 4px;--size-button-large-fontSize: 16px;--size-button-large-minHeight: 44px;--size-button-large-paddingBlock: 10px;--size-button-large-paddingInline: 24px;--size-button-minHeight: 0px;--size-button-paddingBlock: 4px;--size-button-paddingInline: 16px;--size-card-paddingBlock: 16px;--size-card-paddingInline: 16px;--size-chip-paddingBlock: 2px;--size-chip-paddingInline: 8px;--size-disclosure-paddingBlock: 8px;--size-disclosure-paddingInline: 16px;--size-field-minHeight: 0px;--size-field-paddingBlock: 4px;--size-field-paddingInline: 8px;--size-shell-navItemPaddingBlock: 4px;--size-shell-navItemPaddingInline: 8px;--size-shell-navPaddingBlock: 16px;--size-shell-navPaddingInline: 16px;--size-shell-navWidth: 14rem;--size-shell-productNameFontSize: 16px;--size-table-cellPaddingBlock: 8px;--size-table-cellPaddingInline: 16px;--size-table-fontSize: 16px;--size-table-headerFontSize: 16px;--size-table-headerPaddingBlock: 8px;--size-timeline-itemPaddingBlock: 12px;--size-timeline-itemPaddingInline: 16px;--size-toast-paddingBlock: 8px;--size-toast-paddingInline: 16px;--spacing-lg: 24px;--spacing-md: 16px;--spacing-sm: 8px;--spacing-xl: 32px;--spacing-xs: 4px;--type-body-font-family: "Barlow", system-ui, sans-serif;--type-body-font-size: 16px;--type-body-font-weight: 400;--type-body-line-height: 1.5;--type-heading-font-family: "Barlow Semi Condensed", "Arial Narrow", system-ui, sans-serif;--type-heading-font-size: 28px;--type-heading-font-weight: 700;--type-heading-line-height: 1.15;--type-small-font-family: "Barlow", system-ui, sans-serif;--type-small-font-size: 13px;--type-small-font-weight: 400;--type-small-line-height: 1.4;--type-weight-medium: 500;--type-weight-regular: 400;--type-weight-semibold: 600}@media(max-width:48rem){:root[data-theme=baustelle-dark],[data-theme=baustelle-dark]{--qr-module-compact: 3px;--qr-module-default: 4px;--qr-module-readable: 5px;--qr-module-xlarge: 6px}}:root[data-theme=citrus],[data-theme=citrus]{--color-accent-default: #b8460a;--color-accent-emphasis: #7a2f06;--color-accent-text: #b8460a;--color-accent-tint: #f0f3ff;--color-border-default: #f0c896;--color-border-field: #a9783d;--color-border-strong: #d99a4e;--color-border-subtle: #e4e4ea;--color-focus-ring: #b8460a;--color-header-border: #f0c896;--color-header-muted: #7a6650;--color-header-surface: #fff1e0;--color-header-text: #3a2a15;--color-state-danger: #cf222e;--color-state-info: #0969da;--color-state-success: #1a7f37;--color-state-warning: #9a6700;--color-surface-default: #fffaf5;--color-surface-raised: #fff1e0;--color-surface-sunken: #ffe4c2;--color-text-default: #3a2a15;--color-text-faint: #676771;--color-text-muted: #7a6650;--color-text-onAccent: #ffffff;--color-tint-danger: #fdecec;--color-tint-info: #eaf3fd;--color-tint-success: #edf7f0;--color-tint-warning: #fef8e8;--elevation-flat: none;--elevation-overlay: 0 8px 24px rgba(16, 16, 20, .16), 0 2px 6px rgba(16, 16, 20, .08);--elevation-raised: 0 1px 2px rgba(16, 16, 20, .08), 0 1px 1px rgba(16, 16, 20, .04);--qr-module-compact: 3px;--qr-module-default: 4px;--qr-module-readable: 5px;--qr-module-xlarge: 6px;--radius-lg: 16px;--radius-md: 8px;--radius-sm: 4px;--size-button-large-fontSize: 16px;--size-button-large-minHeight: 44px;--size-button-large-paddingBlock: 10px;--size-button-large-paddingInline: 24px;--size-button-minHeight: 0px;--size-button-paddingBlock: 4px;--size-button-paddingInline: 16px;--size-card-paddingBlock: 16px;--size-card-paddingInline: 16px;--size-chip-paddingBlock: 2px;--size-chip-paddingInline: 8px;--size-disclosure-paddingBlock: 8px;--size-disclosure-paddingInline: 16px;--size-field-minHeight: 0px;--size-field-paddingBlock: 4px;--size-field-paddingInline: 8px;--size-shell-navItemPaddingBlock: 4px;--size-shell-navItemPaddingInline: 8px;--size-shell-navPaddingBlock: 16px;--size-shell-navPaddingInline: 16px;--size-shell-navWidth: 14rem;--size-shell-productNameFontSize: 16px;--size-table-cellPaddingBlock: 8px;--size-table-cellPaddingInline: 16px;--size-table-fontSize: 16px;--size-table-headerFontSize: 16px;--size-table-headerPaddingBlock: 8px;--size-timeline-itemPaddingBlock: 12px;--size-timeline-itemPaddingInline: 16px;--size-toast-paddingBlock: 8px;--size-toast-paddingInline: 16px;--spacing-lg: 24px;--spacing-md: 16px;--spacing-sm: 8px;--spacing-xl: 32px;--spacing-xs: 4px;--type-body-font-family: "Inter", system-ui, sans-serif;--type-body-font-size: 16px;--type-body-font-weight: 400;--type-body-line-height: 1.5;--type-heading-font-family: "Inter", system-ui, sans-serif;--type-heading-font-size: 24px;--type-heading-font-weight: 600;--type-heading-line-height: 1.25;--type-small-font-family: "Inter", system-ui, sans-serif;--type-small-font-size: 13px;--type-small-font-weight: 400;--type-small-line-height: 1.4;--type-weight-medium: 500;--type-weight-regular: 400;--type-weight-semibold: 600}@media(max-width:48rem){:root[data-theme=citrus],[data-theme=citrus]{--qr-module-compact: 3px;--qr-module-default: 4px;--qr-module-readable: 5px;--qr-module-xlarge: 6px}}:root[data-theme=slate],[data-theme=slate]{--color-accent-default: #35507a;--color-accent-emphasis: #22334d;--color-accent-text: #35507a;--color-accent-tint: #f0f3ff;--color-border-default: #c7d0dd;--color-border-field: #747f90;--color-border-strong: #8d99ab;--color-border-subtle: #e4e4ea;--color-focus-ring: #35507a;--color-header-border: #c7d0dd;--color-header-muted: #55606f;--color-header-surface: #eef1f6;--color-header-text: #1b2430;--color-state-danger: #cf222e;--color-state-info: #0969da;--color-state-success: #1a7f37;--color-state-warning: #9a6700;--color-surface-default: #f6f8fb;--color-surface-raised: #eef1f6;--color-surface-sunken: #dde3ec;--color-text-default: #1b2430;--color-text-faint: #676771;--color-text-muted: #55606f;--color-text-onAccent: #ffffff;--color-tint-danger: #fdecec;--color-tint-info: #eaf3fd;--color-tint-success: #edf7f0;--color-tint-warning: #fef8e8;--elevation-flat: none;--elevation-overlay: 0 8px 24px rgba(16, 16, 20, .16), 0 2px 6px rgba(16, 16, 20, .08);--elevation-raised: 0 1px 2px rgba(16, 16, 20, .08), 0 1px 1px rgba(16, 16, 20, .04);--qr-module-compact: 3px;--qr-module-default: 4px;--qr-module-readable: 5px;--qr-module-xlarge: 6px;--radius-lg: 16px;--radius-md: 8px;--radius-sm: 4px;--size-button-large-fontSize: 16px;--size-button-large-minHeight: 44px;--size-button-large-paddingBlock: 10px;--size-button-large-paddingInline: 24px;--size-button-minHeight: 0px;--size-button-paddingBlock: 4px;--size-button-paddingInline: 16px;--size-card-paddingBlock: 16px;--size-card-paddingInline: 16px;--size-chip-paddingBlock: 2px;--size-chip-paddingInline: 8px;--size-disclosure-paddingBlock: 8px;--size-disclosure-paddingInline: 16px;--size-field-minHeight: 0px;--size-field-paddingBlock: 4px;--size-field-paddingInline: 8px;--size-shell-navItemPaddingBlock: 4px;--size-shell-navItemPaddingInline: 8px;--size-shell-navPaddingBlock: 16px;--size-shell-navPaddingInline: 16px;--size-shell-navWidth: 14rem;--size-shell-productNameFontSize: 16px;--size-table-cellPaddingBlock: 8px;--size-table-cellPaddingInline: 16px;--size-table-fontSize: 16px;--size-table-headerFontSize: 16px;--size-table-headerPaddingBlock: 8px;--size-timeline-itemPaddingBlock: 12px;--size-timeline-itemPaddingInline: 16px;--size-toast-paddingBlock: 8px;--size-toast-paddingInline: 16px;--spacing-lg: 24px;--spacing-md: 16px;--spacing-sm: 8px;--spacing-xl: 32px;--spacing-xs: 4px;--type-body-font-family: "Inter", system-ui, sans-serif;--type-body-font-size: 16px;--type-body-font-weight: 400;--type-body-line-height: 1.5;--type-heading-font-family: "Inter", system-ui, sans-serif;--type-heading-font-size: 24px;--type-heading-font-weight: 600;--type-heading-line-height: 1.25;--type-small-font-family: "Inter", system-ui, sans-serif;--type-small-font-size: 13px;--type-small-font-weight: 400;--type-small-line-height: 1.4;--type-weight-medium: 500;--type-weight-regular: 400;--type-weight-semibold: 600}@media(max-width:48rem){:root[data-theme=slate],[data-theme=slate]{--qr-module-compact: 3px;--qr-module-default: 4px;--qr-module-readable: 5px;--qr-module-xlarge: 6px}}:root{color-scheme:light}:root[data-theme=baustelle-dark]{color-scheme:dark}body{margin:0;font-family:var(--type-body-font-family, system-ui, sans-serif);font-size:var(--type-body-font-size, 16px);line-height:var(--type-body-line-height, 1.5);color:var(--color-text-default, #1b2430);background:var(--color-surface-default, #f6f8fb)}.showcase-login{max-width:28rem;margin:4rem auto;padding:var(--spacing-xl, 32px);background:var(--color-surface-raised, #ffffff);border:1px solid var(--color-border-default, #c7d0dd);border-radius:var(--radius-lg, 16px);box-shadow:var(--elevation-raised, 0 1px 2px rgba(16, 16, 20, .08))}.showcase-login h1{font-family:var(--type-heading-font-family, system-ui, sans-serif);font-size:var(--type-heading-font-size, 24px);margin:0 0 var(--spacing-sm, 8px)}.showcase-login>p{color:var(--color-text-muted, #55606f);margin:0 0 var(--spacing-lg, 24px)}.showcase-login__error{color:var(--color-state-danger, #a3231d);margin:0 0 var(--spacing-md, 16px)}.showcase-not-found{color:var(--color-text-muted, #55606f)}.showcase-welcome{display:flex;flex-direction:column;gap:var(--spacing-md, 16px);max-width:40rem}.showcase-welcome p,.showcase-welcome h2{margin:0}.showcase-welcome__lead{font-family:var(--type-heading-font-family, system-ui, sans-serif);font-size:var(--type-heading-font-size, 24px);font-weight:var(--type-heading-font-weight, 600);line-height:var(--type-heading-line-height, 1.25);text-wrap:balance}.showcase-welcome__owner{color:var(--color-text-muted, #55606f)}.showcase-welcome__story{display:flex;flex-direction:column;gap:var(--spacing-sm, 8px);padding:var(--spacing-lg, 24px);background:var(--color-surface-raised, #ffffff);border:1px solid var(--color-border-default, #c7d0dd);border-radius:var(--radius-lg, 16px);box-shadow:var(--elevation-raised, 0 1px 2px rgba(16, 16, 20, .08))}.showcase-welcome h2{font-size:var(--type-body-font-size, 16px);font-weight:var(--type-weight-semibold, 600)}.showcase-welcome section{display:flex;flex-direction:column;gap:var(--spacing-xs, 4px)}.showcase-page-action{text-decoration:none}@media(max-width:48rem){.showcase-page-action{min-block-size:3rem}}.showcase-theme-switcher{display:flex;flex-direction:column;gap:var(--spacing-xs, 4px);margin-block-end:var(--spacing-sm, 8px)}.showcase-theme-switcher__label{color:var(--color-text-muted, #55606f);font-size:var(--type-small-font-size, 13px)}@media(max-width:48rem){.showcase-theme-switcher__select{min-block-size:3rem}}.jobs-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-sm, 8px)}.jobs-group{margin:var(--spacing-lg, 24px) 0 var(--spacing-sm, 8px);padding-bottom:var(--spacing-xs, 4px);border-bottom:1px solid var(--color-border-default, #d6d2c8);font-family:var(--type-heading-font-family, system-ui, sans-serif);font-size:1rem;font-weight:var(--type-weight-semibold, 600);color:var(--color-text-muted, #5c564c)}.jobs-row__select{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--spacing-sm, 8px) var(--spacing-md, 16px);box-sizing:border-box;inline-size:100%;padding:var(--spacing-sm, 8px) var(--spacing-sm, 8px) var(--spacing-sm, 8px) var(--spacing-md, 16px);border:1px solid var(--color-border-default, #d6d2c8);border-inline-start:5px solid var(--color-border-strong, #a9a295);border-radius:var(--radius-md, 6px);background:var(--color-surface-raised, #fbfaf7);color:inherit;font:inherit;text-align:start;text-decoration:none;cursor:pointer}.jobs-row--open .jobs-row__select{border-inline-start-color:var(--color-focus-ring, #c15110)}.jobs-row--done .jobs-row__select{border-inline-start-color:var(--color-text-default, #1d1b17)}.jobs-row__select:hover{border-color:var(--color-border-strong, #a9a295)}.jobs-row--open .jobs-row__select:hover{border-inline-start-color:var(--color-focus-ring, #c15110)}.jobs-row--done .jobs-row__select:hover{border-inline-start-color:var(--color-text-default, #1d1b17)}.jobs-row__select:focus-visible{outline:2px solid var(--color-focus-ring, #3b5bfd);outline-offset:2px}.jobs-row__mark{position:relative;display:inline-grid;place-items:center;inline-size:3.25rem;block-size:2.5rem;border-radius:var(--radius-sm, 4px);background:var(--color-surface-sunken, #e4e1d9);color:var(--color-text-muted, #5c564c)}.jobs-row__mark--photo{background:var(--color-text-default, #1d1b17);color:var(--color-surface-raised, #fbfaf7)}.jobs-row__count{position:absolute;inset-inline-end:-.35rem;inset-block-end:-.35rem;min-inline-size:1.25rem;padding:0 .3rem;border-radius:var(--radius-sm, 4px);background:var(--color-accent-default, #f26a1b);color:var(--color-text-onAccent, #1d1b17);font-size:var(--type-small-font-size, 13px);font-weight:var(--type-weight-semibold, 600);line-height:1.25rem;text-align:center}.jobs-row__body{display:flex;flex-direction:column;gap:2px;min-inline-size:0}.jobs-row__site{font-family:var(--type-heading-font-family, system-ui, sans-serif);font-size:1.25rem;font-weight:var(--type-weight-semibold, 600);line-height:1.2;overflow-wrap:anywhere}.jobs-row__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm, 8px);color:var(--color-text-muted, #5c564c);font-size:var(--type-small-font-size, 13px)}.jobs-mini{display:inline-flex;gap:3px}.jobs-mini__seg{display:inline-block;inline-size:14px;block-size:4px;background:var(--color-border-strong, #a9a295)}.jobs-mini__seg--done{background:var(--color-text-default, #1d1b17)}.jobs-mini__seg--now{background:var(--color-focus-ring, #c15110)}.jobs-row__facts{grid-column:2;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:var(--spacing-xs, 4px)}.jobs-chip{display:inline-flex;align-items:center;gap:var(--spacing-xs, 4px);padding:2px var(--spacing-sm, 8px);border-radius:var(--radius-sm, 4px);background:var(--color-surface-sunken, #e4e1d9);font-size:var(--type-small-font-size, 13px);font-weight:var(--type-weight-semibold, 600);line-height:1.5;white-space:nowrap}.jobs-chip--now{background:var(--color-accent-default, #f26a1b);color:var(--color-text-onAccent, #1d1b17)}.jobs-chip--done{background:var(--color-text-default, #1d1b17);color:var(--color-surface-raised, #fbfaf7)}@media(min-width:48.0625rem){.jobs-row__select{grid-template-columns:auto minmax(0,1fr) auto}.jobs-row__facts{grid-column:auto;justify-content:flex-end}}.jobs-create__wait{margin:0;font-size:var(--type-small-font-size, 13px);color:var(--color-text-muted, #5c564c)}.job-record{container:job-record / inline-size;display:flex;flex-direction:column;gap:var(--spacing-lg, 24px)}.job-record__columns{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--spacing-lg, 24px);align-items:start}@container job-record (min-width: 40rem){.job-record__columns{grid-template-columns:minmax(0,8fr) minmax(16rem,3fr)}}.job-record__main{display:flex;flex-direction:column;gap:var(--spacing-lg, 24px);min-width:0}.job-record h2{margin:0;font-family:var(--type-heading-font-family, system-ui, sans-serif);font-size:1.125rem;font-weight:var(--type-weight-semibold, 600);line-height:1.2}.job-record__hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.job-record__notice{margin:0;padding:var(--spacing-sm, 8px) var(--spacing-md, 16px);border-left:5px solid var(--color-focus-ring, #f26a1b);background:var(--color-surface-raised, #fbfaf7);font-weight:var(--type-weight-semibold, 600)}.job-record__photos-title{margin-bottom:var(--spacing-sm, 8px)}.job-photos{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--spacing-sm, 8px)}.job-photo{flex:0 0 auto;width:9rem;max-width:100%}.job-photo__image,.job-photo__placeholder{display:block;box-sizing:border-box;inline-size:100%;aspect-ratio:4 / 3;margin:0;border:1px solid var(--color-border-default, #d6d2c8);border-radius:var(--radius-sm, 4px);background:var(--color-surface-sunken, #e4e1d9)}.job-photo__image{object-fit:cover}.job-photo__placeholder{display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm, 8px);color:var(--color-text-muted, #5c564c);font-size:var(--type-small-font-size, 13px);text-align:center}.job-record__work{padding:var(--spacing-lg, 24px);background:var(--color-surface-raised, #fbfaf7);border:1px solid var(--color-border-default, #d6d2c8);border-top:5px solid var(--color-focus-ring, #f26a1b);border-radius:var(--radius-md, 6px)}.jobs-step__title{margin:0;font-family:var(--type-heading-font-family, system-ui, sans-serif);font-size:1.5rem;font-weight:var(--type-heading-font-weight, 700);line-height:1.15}.jobs-step__lead{margin:var(--spacing-xs, 4px) 0 0;max-width:60ch;color:var(--color-text-muted, #5c564c)}.jobs-step__fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,14rem));gap:0 var(--spacing-md, 16px);margin-top:var(--spacing-lg, 24px)}.jobs-step__fields:has(input[type=date]){grid-template-columns:minmax(0,36rem)}.jobs-step__actions{display:flex;gap:var(--spacing-sm, 8px);margin-top:var(--spacing-sm, 8px)}@media(max-width:48rem){.job-record__work{margin-inline:calc(-1 * var(--spacing-md, 16px));padding:var(--spacing-md, 16px);border-inline:0;border-radius:0}.jobs-step__actions .kat-button{width:100%;min-block-size:3rem}}.job-record__done{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--spacing-md, 16px);padding:var(--spacing-lg, 24px);background:var(--color-surface-raised, #fbfaf7);border:1px solid var(--color-border-default, #d6d2c8);border-top:5px solid var(--color-text-default, #1d1b17);border-radius:var(--radius-md, 6px)}.job-record__check{display:inline-grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:var(--radius-sm, 4px);background:var(--color-accent-default, #f26a1b);color:var(--color-text-onAccent, #1d1b17)}.job-record__done-body{display:flex;flex-direction:column;gap:var(--spacing-sm, 8px);min-width:0}.job-record__done-body h2{font-size:1.5rem;font-weight:var(--type-heading-font-weight, 700)}.job-record__done-body p{margin:0}.job-record__mail{margin-top:var(--spacing-xs, 4px);padding:var(--spacing-sm, 8px) var(--spacing-md, 16px);border:1px solid var(--color-border-default, #d6d2c8);border-radius:var(--radius-sm, 4px);background:var(--color-surface-default, #efede7);font-size:var(--type-small-font-size, 13px)}.job-record__mail-head{display:flex;justify-content:space-between;gap:var(--spacing-sm, 8px);flex-wrap:wrap;color:var(--color-text-muted, #5c564c)}.job-record__mail-subject{font-size:var(--type-body-font-size, 16px);font-weight:var(--type-weight-semibold, 600);overflow-wrap:anywhere}.job-record__mail-body{display:flex;flex-direction:column;gap:var(--spacing-xs, 4px);margin-top:var(--spacing-xs, 4px);padding-top:var(--spacing-sm, 8px);border-top:1px solid var(--color-border-default, #d6d2c8);color:var(--color-text-muted, #5c564c);line-height:1.5;overflow-wrap:anywhere}.job-record__mail-note{font-weight:var(--type-weight-semibold, 600)}.job-record__facts{padding:var(--spacing-md, 16px) var(--spacing-lg, 24px);background:var(--color-surface-raised, #fbfaf7);border:1px solid var(--color-border-default, #d6d2c8);border-radius:var(--radius-md, 6px)}.job-record__facts h2{padding-bottom:var(--spacing-sm, 8px)}.job-record__facts dl{display:flex;flex-direction:column;margin:0}.job-record__facts dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:var(--spacing-md, 16px);padding:var(--spacing-sm, 8px) 0;border-top:1px solid var(--color-border-default, #d6d2c8)}.job-record__facts dt{color:var(--color-text-muted, #5c564c);font-size:var(--type-small-font-size, 13px)}.job-record__facts dd{margin:0;text-align:end;font-weight:var(--type-weight-semibold, 600);overflow-wrap:anywhere}.job-record__facts dd.job-record__off{color:var(--color-text-muted, #5c564c);font-weight:var(--type-weight-regular, 400)}.job-record__subject{display:block;margin-top:var(--spacing-xs, 4px);color:var(--color-text-muted, #5c564c);font-size:var(--type-small-font-size, 13px);font-weight:var(--type-weight-regular, 400);overflow-wrap:anywhere}.jobs-ways{--jobs-way-min: calc(var(--qr-module-readable, 5px) * 61);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--jobs-way-min)),1fr));gap:var(--spacing-lg, 24px) var(--spacing-md, 16px);margin-top:var(--spacing-lg, 24px)}.jobs-way{display:flex;flex-direction:column;gap:var(--spacing-sm, 8px);min-width:0;padding-top:var(--spacing-sm, 8px);border-top:3px solid var(--color-border-strong, #a9a295)}.jobs-way--live{border-top-color:var(--color-focus-ring, #f26a1b)}.jobs-way__title{display:flex;align-items:center;gap:var(--spacing-sm, 8px);margin:0;font-family:var(--type-heading-font-family, system-ui, sans-serif);font-size:1.125rem;font-weight:var(--type-weight-semibold, 600)}.jobs-way__note{margin:0;max-width:38ch}.jobs-way__button{align-self:flex-start}.jobs-way__code{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--spacing-md, 16px)}.jobs-way__how{flex:1 1 12rem;min-width:0;margin:0;padding-inline-start:1.25rem;display:flex;flex-direction:column;gap:var(--spacing-xs, 4px)}.jobs-way__live{display:flex;align-items:center;gap:var(--spacing-sm, 8px);margin:0;font-weight:var(--type-weight-semibold, 600)}.jobs-way__dot{flex:none;width:.5rem;height:.5rem;border-radius:50%;background:var(--color-focus-ring, #f26a1b);animation:jobs-way-pulse 1.4s ease-in-out infinite}@keyframes jobs-way-pulse{0%,to{opacity:1}50%{opacity:.25}}@media(prefers-reduced-motion:reduce){.jobs-way__dot{animation:none}}.jobs-photo-link{display:inline-block;flex:none;line-height:0;box-shadow:0 0 0 1px var(--color-border-strong, #a9a295)}.jobs-photo-link--fallback{line-height:inherit;word-break:break-all;box-shadow:none}.jobs-photo-link__qr{display:block}@media(max-width:48rem){.jobs-way__button{align-self:stretch;min-block-size:3rem}}.showcase-plan{display:flex;flex-direction:column;gap:var(--spacing-md, 16px);max-width:40rem}.showcase-plan p,.showcase-plan h2{margin:0}.showcase-plan h2{font-size:var(--type-body-font-size, 16px);font-weight:var(--type-weight-semibold, 600)}.showcase-plan__card{display:flex;flex-direction:column;gap:var(--spacing-md, 16px);padding:var(--spacing-lg, 24px);background:var(--color-surface-raised, #ffffff);border:1px solid var(--color-border-default, #c7d0dd);border-radius:var(--radius-lg, 16px);box-shadow:var(--elevation-raised, 0 1px 2px rgba(16, 16, 20, .08))}.showcase-plan__steps{display:flex;flex-wrap:wrap;gap:var(--spacing-md, 16px);margin:0;padding:0;list-style:none}.showcase-plan__step{color:var(--color-text-muted, #55606f);padding-block-end:var(--spacing-xs, 4px);border-block-end:2px solid transparent}.showcase-plan__step[aria-current=step]{color:var(--color-text-default, #1b2430);font-weight:var(--type-weight-semibold, 600);border-block-end-color:var(--color-border-focus, currentColor)}.showcase-plan__step-of{color:var(--color-text-muted, #55606f);font-size:var(--type-small-font-size, 13px)}.showcase-plan__plan-line{font-family:var(--type-heading-font-family, system-ui, sans-serif);font-size:var(--type-heading-font-size, 24px);font-weight:var(--type-heading-font-weight, 600);line-height:var(--type-heading-line-height, 1.25)}.showcase-plan form{display:flex;flex-direction:column;gap:var(--spacing-md, 16px)}.showcase-plan__features{margin:0;padding-inline-start:var(--spacing-lg, 24px)}.showcase-plan__demonstration{padding:var(--spacing-sm, 8px) var(--spacing-md, 16px);border-inline-start:4px solid var(--color-state-warning, #b26b00);background:var(--color-surface-default, #f6f8fb)}.showcase-plan__actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm, 8px)}.showcase-plan__error{color:var(--color-state-danger, #a3231d)}@media(max-width:48rem){.showcase-plan__card{padding:var(--spacing-md, 16px)}.showcase-plan__actions{flex-direction:column}.showcase-plan__actions .kat-button{inline-size:100%;min-block-size:3rem}}