.listbox{top:calc(100% + var(--space-gap-s));z-index:200;padding:var(--space-gap-s) 0;background-color:var(--color-surface-default);border:1px solid var(--color-border-default);border-radius:var(--radius-control-m);box-shadow:var(--elevation-l);opacity:0;visibility:hidden;transform:translateY(calc(var(--space-gap-s) * -1));flex-direction:column;margin:0;list-style:none;transition:opacity .12s,visibility .12s,transform .12s;display:flex;position:absolute;left:0;right:0;overflow-y:auto}.listbox.is-above{top:auto;bottom:calc(100% + var(--space-gap-s));transform:translateY(var(--space-gap-s))}.is-expanded>.listbox,.is-expanded .listbox{opacity:1;visibility:visible;transform:translateY(0)}.list-box-item[hidden]{display:none}.list-box-item{align-items:center;gap:var(--space-gap-m);box-sizing:border-box;min-height:var(--size-control-m);padding:var(--space-inset-s) var(--space-inset-m);font:var(--text-style-body-m);font-weight:var(--weight-regular);color:var(--color-text-default);cursor:pointer;transition:background-color 80ms;display:flex;position:relative}.list-box-item__text{overflow-wrap:anywhere;flex-direction:column;min-width:0;display:flex}.list-box-item__subtext{font:var(--text-style-body-s);color:var(--color-text-muted)}.list-box-item__icon{width:var(--size-icon-m);height:var(--size-icon-m);color:var(--color-text-muted);flex-shrink:0}.list-box-item__match{color:inherit;font-weight:var(--weight-bold);background:0 0}.list-box-item:hover,.list-box-item.is-hover{background-color:var(--color-fill-neutral-subtle)}.list-box-item.is-highlighted{box-shadow:inset 0 0 0 2px var(--color-border-focus)}.list-box-item[aria-selected=true]{background-color:var(--color-fill-accent2-subtle);color:var(--color-text-accent2);font-weight:var(--weight-bold)}.list-box-item[aria-selected=true]:before{content:"";width:var(--size-indicator);background-color:var(--color-border-accent2);position:absolute;top:0;bottom:0;left:0}.list-box-item--none{color:var(--color-text-muted)}.list-box-item--none[aria-selected=true]{color:var(--color-text-muted);font-weight:var(--weight-regular)}.list-box-item__checkbox{box-sizing:border-box;width:var(--size-check);height:var(--size-check);border:1px solid var(--color-border-input);border-radius:var(--radius-control-s);background-color:var(--color-surface-default);color:var(--color-text-inverse);flex-shrink:0;justify-content:center;align-items:center;display:none}.listbox[aria-multiselectable=true] .list-box-item__checkbox{display:inline-flex}.listbox[aria-multiselectable=true] .list-box-item[aria-selected=true]{color:var(--color-text-default);font-weight:var(--weight-regular);background-color:#0000}.listbox[aria-multiselectable=true] .list-box-item[aria-selected=true]:before{content:none}.listbox[aria-multiselectable=true] .list-box-item[aria-selected=true] .list-box-item__checkbox{background-color:var(--color-action-primary-none);border-color:var(--color-action-primary-none)}.list-box-item__checkbox svg{width:var(--size-icon-s);height:var(--size-icon-s);visibility:hidden}.list-box-item[aria-selected=true] .list-box-item__checkbox svg{visibility:visible}.list-box-item[aria-disabled=true]{opacity:var(--opacity-disabled);cursor:not-allowed}.list-box-item[aria-disabled=true]:hover{background-color:#0000}.list-box-item--empty,.list-box-item--busy,.list-box-item--load-error{color:var(--color-text-muted);cursor:default}.list-box-item--empty:hover,.list-box-item--busy:hover,.list-box-item--load-error:hover{background-color:#0000}.list-box-item--load-error{color:var(--color-danger-text)}.list-box-item__spinner{box-sizing:border-box;width:var(--size-icon-s);height:var(--size-icon-s);border:2px solid var(--color-border-default);border-top-color:var(--color-border-accent2);border-radius:var(--radius-full);flex-shrink:0;animation:.8s linear infinite list-box-item-spin}@keyframes list-box-item-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.list-box-item__spinner{animation-duration:2.4s}}.listbox__status{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.listbox--static{opacity:1;visibility:visible;position:static;transform:none}
.select{gap:var(--space-gap-s);width:100%;min-width:min(var(--size-field-min), 100%);max-width:var(--size-field-max);flex-direction:column;display:inline-flex;position:relative}.select__label{font:var(--text-style-label);font-weight:var(--weight-regular);color:var(--color-text-muted)}.select__control{position:relative}.select__field{box-sizing:border-box;width:100%;height:var(--size-control-m);padding:0 calc(var(--space-inset-m) + var(--size-icon-s) + var(--space-gap-s)) 0 var(--space-inset-m);background-color:var(--color-surface-default);border:1px solid var(--color-border-input);border-radius:var(--radius-control-m);font:var(--text-style-body-m);font-weight:var(--weight-regular);color:var(--color-text-default);text-align:left;cursor:pointer;outline:none;align-items:center;transition:border-color .12s;display:flex}.select__value{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.select__field.is-placeholder-shown{color:var(--color-text-muted)}.select__field:hover,.select__field.is-hover{background-image:linear-gradient(var(--color-fill-neutral-subtle), var(--color-fill-neutral-subtle))}.select__field:focus-visible,.select__field.is-focus-visible{border-color:var(--color-border-focus);outline:2px solid var(--color-border-focus);outline-offset:2px}.select__chevron{right:var(--space-inset-s);width:var(--size-icon-s);height:var(--size-icon-s);color:var(--color-text-muted);pointer-events:none;transition:transform .15s;position:absolute;top:50%;transform:translateY(-50%)}.select.is-expanded .select__chevron{transform:translateY(-50%)rotate(180deg)}.select .listbox{max-height:calc(7 * var(--size-control-m) + 2 * var(--space-gap-s))}.select__helper,.select__validation-message{font:var(--text-style-label);font-weight:var(--weight-regular);color:var(--color-text-muted)}.select--invalid .select__helper{display:none}.select--invalid .select__field{border-color:var(--color-danger-border)}.select__validation-message{color:var(--color-danger-text)}.select--disabled .select__field{opacity:var(--opacity-disabled);cursor:not-allowed}.select--disabled .select__field:hover{background-image:none}.select--disabled .select__label{opacity:var(--opacity-disabled)}
.combobox{gap:var(--space-gap-s);width:100%;min-width:min(var(--size-field-min), 100%);max-width:var(--size-field-max);flex-direction:column;display:inline-flex;position:relative}.combobox__label{font:var(--text-style-label);font-weight:var(--weight-regular);color:var(--color-text-muted)}.combobox__control{position:relative}.combobox__input{box-sizing:border-box;width:100%;height:var(--size-control-m);padding:0 calc(var(--space-inset-s) + 2 * var(--size-icon-m) + var(--space-gap-s)) 0 calc(var(--space-inset-s) + var(--size-icon-s) + var(--space-gap-m));background-color:var(--color-surface-default);border:1px solid var(--color-border-input);border-radius:var(--radius-control-m);font:var(--text-style-body-m);font-weight:var(--weight-regular);color:var(--color-text-default);outline:none;transition:border-color .12s}.combobox__input::placeholder{color:var(--color-text-muted)}.combobox__input:hover,.combobox__input.is-hover{background-image:linear-gradient(var(--color-fill-neutral-subtle), var(--color-fill-neutral-subtle))}.combobox__input:focus,.combobox__input.is-focus,.combobox__input.is-focus-visible{border-color:var(--color-border-focus)}.combobox.is-keyboard .combobox__input:focus-visible,.combobox__input.is-focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.combobox__search,.combobox__chevron{width:var(--size-icon-s);height:var(--size-icon-s);color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.combobox__search{left:var(--space-inset-s)}.combobox__chevron{right:var(--space-inset-s);transition:transform .15s}.combobox.is-expanded .combobox__chevron{transform:translateY(-50%)rotate(180deg)}.combobox__clear{top:50%;right:calc(var(--space-inset-s) + var(--size-icon-s) + var(--space-gap-s));width:var(--size-icon-m);height:var(--size-icon-m);border-radius:var(--radius-control-s);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:none;position:absolute;transform:translateY(-50%)}.combobox.has-value .combobox__clear{display:inline-flex}.combobox__clear:hover{background-color:var(--color-fill-neutral-subtle);color:var(--color-text-default)}.combobox__clear:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:1px}.combobox__clear svg{width:var(--size-icon-s);height:var(--size-icon-s)}.combobox .listbox{max-height:var(--size-listbox-max)}.combobox__helper,.combobox__validation-message{font:var(--text-style-label);font-weight:var(--weight-regular);color:var(--color-text-muted)}.combobox--invalid .combobox__helper{display:none}.combobox--invalid .combobox__input{border-color:var(--color-danger-border)}.combobox__validation-message{color:var(--color-danger-text)}.combobox--disabled .combobox__input{opacity:var(--opacity-disabled);cursor:not-allowed}.combobox--disabled .combobox__input:hover{background-image:none}.combobox--disabled .combobox__label{opacity:var(--opacity-disabled)}.combobox--disabled .combobox__clear{display:none}
.site-header{z-index:100;background-color:var(--color-surface-default);border-bottom:1px solid var(--color-border-default);position:sticky;top:0}.site-header__inner{padding:0 var(--space-layout-gutter);max-width:var(--width-content);align-items:stretch;margin:0 auto;display:flex}.site-header__brand{padding:var(--space-inset-m) 0;align-items:center;max-height:80px;margin-right:auto;transition:max-height .2s,opacity .2s,padding .2s;display:flex;overflow:hidden}.site-header__logo{align-items:center;gap:var(--space-gap-s);color:var(--color-text-default);font:var(--text-style-title-m);font-weight:var(--weight-bold);white-space:nowrap;text-decoration:none;display:inline-flex}.site-header__logo:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:var(--radius-control-s)}.site-header__nav{align-items:stretch;gap:0;margin:0;padding:0;list-style:none;display:flex}.site-header__nav-item{padding:var(--space-inset-s) var(--space-inset-m);color:var(--color-text-muted);font:var(--text-style-label);font-weight:var(--weight-regular);white-space:nowrap;align-items:center;text-decoration:none;transition:color .12s,background-color .12s;display:inline-flex;position:relative}.site-header__nav-item:hover{color:var(--color-text-default);background-color:var(--color-fill-neutral-subtle)}.site-header__nav-item:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-2px;color:var(--color-text-default)}.site-header__nav-item[aria-current=page],.site-header__nav-item--current{color:var(--color-text-default);font-weight:var(--weight-bold)}.site-header__nav-item[aria-current=page]:after,.site-header__nav-item--current:after{content:"";height:var(--size-indicator);background-color:var(--color-action-primary-none);border-radius:var(--size-indicator) var(--size-indicator) 0 0;position:absolute;bottom:-1px;left:0;right:0}@media (max-width:768px){.site-header__inner{flex-direction:column;padding:0}.site-header__brand{padding:var(--space-inset-m) var(--space-layout-gutter);margin-right:0}.site-header__nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;border-top:1px solid var(--color-border-default);padding:0 var(--space-layout-gutter);overflow-x:auto}.site-header__nav::-webkit-scrollbar{display:none}.site-header__nav-item{padding:var(--space-inset-s) var(--space-inset-m);flex-shrink:0}.site-header.is-scrolled .site-header__brand{opacity:0;pointer-events:none;max-height:0;padding-top:0;padding-bottom:0}}
.list{flex-direction:column;display:flex}.list--divided .list-item+.list-item{border-top:1px solid var(--color-border-default)}.list-item{align-items:center;gap:var(--space-gap-m);padding:var(--space-inset-s) var(--space-inset-m);min-height:var(--size-control-m);transition:background-color .1s;display:flex}.list-item--interactive{cursor:pointer}.list-item--interactive:hover{background-color:var(--color-fill-neutral-subtle)}.list-item--interactive:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-2px}.list-item--selected{background-color:var(--color-fill-accent2-subtle);box-shadow:inset 2px 0 0 0 var(--color-border-accent2)}.list-item--selected .list-item__title{color:var(--color-text-accent2);font-weight:var(--weight-bold)}.list--selectable .list-item{cursor:pointer}.list-item__checkbox{flex-shrink:0;display:none}.list--selectable .list-item__checkbox{display:flex}.list--selectable .list-item--checked{background-color:var(--color-fill-accent1-subtle)}.list--selectable .list-item--checked .list-item__title{color:var(--color-text-accent1);font-weight:var(--weight-bold)}.list-item--disabled{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.list-item__icon{width:var(--size-icon-m);height:var(--size-icon-m);color:var(--color-text-muted);flex-shrink:0}.list-item__avatar{width:var(--size-control-s);height:var(--size-control-s);border-radius:var(--radius-full);background-color:var(--color-fill-neutral-subtle);border:1px solid var(--color-border-default);font:var(--text-style-label);font-weight:var(--weight-bold);color:var(--color-text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.list-item__avatar img{object-fit:cover;width:100%;height:100%}.list-item__content{gap:var(--space-gap-s);flex-direction:column;flex:1;min-width:0;display:flex}.list-item__title{font:var(--text-style-body-m);font-weight:var(--weight-regular);color:var(--color-text-default);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.list-item__sub{font:var(--text-style-body-s);font-weight:var(--weight-regular);color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.list-item__meta{font:var(--text-style-label);font-weight:var(--weight-regular);color:var(--color-text-muted);white-space:nowrap;flex-shrink:0}.list-item__action{align-items:center;gap:var(--space-gap-s);color:var(--color-text-muted);flex-shrink:0;display:flex}.list-item__chevron{width:var(--size-icon-s);height:var(--size-icon-s);color:var(--color-text-muted)}
.section-divider{--divider-height:calc(100vw * var(--divider-ratio,.15) * var(--divider-scale,1));height:var(--divider-height);background-color:var(--section-bg,var(--color-bg-default));-webkit-mask-image:var(--divider-shape);mask-image:var(--divider-shape);-webkit-mask-position:bottom;mask-position:bottom;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--divider-scale,1) * 100%) 100%;mask-size:calc(var(--divider-scale,1) * 100%) 100%;pointer-events:none;position:absolute;bottom:calc(100% - 1px);left:0;right:0}.section-divider--flip{transform:scaleX(-1)}
.app-body{min-height:100vh;display:flex}.app-content{flex:1;min-width:0;overflow-y:auto}.sidebar{width:var(--width-sidebar);background-color:var(--color-surface-default);border-right:1px solid var(--color-border-default);z-index:50;flex-shrink:0;height:100vh;position:sticky;top:0;overflow:visible}.sidebar__nav{padding:var(--space-inset-s) 0}.sidebar__list{margin:0;padding:0;list-style:none}.sidebar__section{padding:var(--space-gap-s) 0;border-bottom:1px solid var(--color-border-default)}.sidebar__section:last-child{border-bottom:none}.sidebar__section-label{padding:var(--space-gap-s) var(--space-inset-m);padding-left:calc(var(--space-inset-m) + var(--size-indicator) + var(--space-gap-s));font:var(--text-style-label);font-weight:var(--weight-regular);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;display:block}.sidebar__link{justify-content:center;align-items:center;gap:var(--space-inset-xs);width:var(--width-sidebar);min-height:var(--size-sidebar-tab);padding:var(--space-inset-m) 0;color:var(--color-text-muted);font:var(--text-style-label);font-weight:var(--weight-regular);text-align:center;cursor:pointer;box-sizing:border-box;background:0 0;border:none;flex-direction:column;text-decoration:none;transition:background-color .12s,color .12s;display:flex;position:relative}.sidebar__link:before{content:"";width:var(--size-indicator);border-radius:0 var(--size-indicator) var(--size-indicator) 0;background-color:#0000;transition:background-color .12s;position:absolute;top:6px;bottom:6px;left:0}.sidebar__link:hover{color:var(--color-text-default);background-color:var(--color-fill-neutral-subtle)}.sidebar__link:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;z-index:1;color:var(--color-text-default)}.sidebar__link--current,.sidebar__link--current:hover,.sidebar__link--has-current,.sidebar__link--has-current:hover{background-color:var(--color-fill-accent2-subtle);color:var(--color-text-accent2)}.sidebar__link--current .sidebar__label,.sidebar__link--has-current .sidebar__label{border-radius:var(--radius-full);background-color:var(--color-fill-accent2-solid);color:var(--color-text-inverse);font-weight:var(--weight-bold)}.sidebar__icon{width:var(--size-icon-m);height:var(--size-icon-m);flex-shrink:0}.sidebar__label{padding:var(--space-inset-xs) var(--space-inset-s);border-radius:var(--radius-full);word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.sidebar__chevron{display:none}.sidebar__item.is-expanded>.sidebar__link .sidebar__chevron{opacity:1;transform:rotate(90deg)}.sidebar__drawer{height:100%;width:var(--width-sidebar-drawer);background-color:var(--color-surface-default);border-right:1px solid var(--color-border-default);z-index:49;padding:var(--space-inset-s) 0;opacity:0;visibility:hidden;transform:translateX(calc(var(--space-gap-m) * -1));pointer-events:none;transition:opacity .15s,visibility .15s,transform .15s;position:absolute;top:0;left:100%;overflow-y:auto;box-shadow:4px 0 16px #00000014}.sidebar__item.is-expanded>.sidebar__drawer{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)}.sidebar__drawer-heading{padding:var(--space-inset-m);font:var(--text-style-label);font-weight:var(--weight-bold);color:var(--color-text-default);border-bottom:1px solid var(--color-border-default);margin-bottom:var(--space-gap-s);white-space:nowrap}.sidebar__drawer-list{margin:0;padding:0;list-style:none}.sidebar__drawer-link{padding:var(--space-inset-s) var(--space-inset-m);color:var(--color-text-muted);font:var(--text-style-label);font-weight:var(--weight-regular);white-space:nowrap;align-items:center;text-decoration:none;transition:background-color .12s,color .12s;display:flex}.sidebar__drawer-link:hover{background-color:var(--color-fill-neutral-subtle);color:var(--color-text-default)}.sidebar__drawer-link:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-2px;color:var(--color-text-default)}.sidebar__drawer-link--current,.sidebar__drawer-link--current:hover{background-color:var(--color-fill-accent2-subtle);box-shadow:inset var(--size-indicator) 0 0 0 var(--color-border-accent2);color:var(--color-text-accent2)}.sidebar__drawer-toggle{width:100%;padding:var(--space-inset-s) var(--space-inset-m);color:var(--color-text-muted);font:var(--text-style-label);font-weight:var(--weight-regular);cursor:pointer;text-align:left;box-sizing:border-box;background:0 0;border:none;justify-content:space-between;align-items:center;transition:background-color .12s,color .12s;display:flex}.sidebar__drawer-toggle:hover{background-color:var(--color-fill-neutral-subtle);color:var(--color-text-default)}.sidebar__drawer-toggle:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-2px}.sidebar__drawer-toggle-chevron{width:var(--size-icon-s);height:var(--size-icon-s);opacity:.5;flex-shrink:0;transition:transform .15s}.sidebar__drawer-toggle[aria-expanded=true] .sidebar__drawer-toggle-chevron{opacity:1;transform:rotate(180deg)}.sidebar__drawer-sub{max-height:0;transition:max-height .22s;overflow:hidden}.sidebar__drawer-sub.is-expanded{max-height:400px}.sidebar__drawer-sub-list{margin:0;padding:0;list-style:none}.sidebar__drawer-sub-link{padding:var(--space-gap-s) var(--space-inset-m);padding-left:calc(var(--space-inset-m) + var(--space-gap-l));color:var(--color-text-muted);font:var(--text-style-label);font-weight:var(--weight-regular);text-decoration:none;transition:background-color .12s,color .12s;display:block}.sidebar__drawer-sub-link:hover{background-color:var(--color-fill-neutral-subtle);color:var(--color-text-default)}.sidebar__drawer-sub-link:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-2px;color:var(--color-text-default)}.sidebar__drawer-sub-link--current,.sidebar__drawer-sub-link--current:hover{background-color:var(--color-fill-accent2-subtle);box-shadow:inset var(--size-indicator) 0 0 0 var(--color-border-accent2);color:var(--color-text-accent2)}.sidebar-topbar{z-index:60;background-color:var(--color-surface-default);border-bottom:1px solid var(--color-border-default);padding:var(--space-inset-s) var(--space-layout-gutter);align-items:center;gap:var(--space-gap-m);min-height:var(--size-control-m);display:none;position:sticky;top:0}.sidebar-burger{width:var(--size-control-m);height:var(--size-control-m);color:var(--color-text-default);cursor:pointer;border-radius:var(--radius-control-m);padding:var(--space-inset-s);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .12s;display:inline-flex}.sidebar-burger:hover{background-color:var(--color-fill-neutral-subtle)}.sidebar-burger:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.sidebar-topbar__title{font:var(--text-style-title-m);font-weight:var(--weight-bold);color:var(--color-text-default);flex:1}.sidebar-overlay{z-index:200;display:none;position:fixed;inset:0}.sidebar-overlay.is-open{display:flex}.sidebar-overlay__panel{width:var(--width-sidebar-drawer);background-color:var(--color-surface-default);border-right:1px solid var(--color-border-default);max-width:85vw;height:100%;padding:var(--space-inset-s) 0;order:-1;animation:.22s forwards sidebarPanelIn;overflow-y:auto}.sidebar-overlay__backdrop{background-color:#0006;flex:1;animation:.22s forwards sidebarBackdropIn}@keyframes sidebarPanelIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes sidebarBackdropIn{0%{opacity:0}to{opacity:1}}.sidebar-overlay__list{margin:0;padding:0;list-style:none}.sidebar-overlay__link{align-items:center;gap:var(--space-gap-s);padding:var(--space-inset-s) var(--space-inset-m);padding-left:calc(var(--space-inset-m) + var(--size-indicator) + var(--space-gap-s));color:var(--color-text-muted);font:var(--text-style-label);font-weight:var(--weight-regular);text-align:left;cursor:pointer;box-sizing:border-box;background:0 0;border:none;width:100%;text-decoration:none;transition:background-color .12s,color .12s;display:flex;position:relative}.sidebar-overlay__link:before{content:"";left:0;top:var(--space-gap-s);bottom:var(--space-gap-s);width:var(--size-indicator);border-radius:0 var(--size-indicator) var(--size-indicator) 0;background-color:#0000;position:absolute}.sidebar-overlay__link--current,.sidebar-overlay__link--current:hover{background-color:var(--color-fill-accent2-subtle);color:var(--color-text-accent2);font-weight:var(--weight-bold)}.sidebar-overlay__link--current:before{background-color:var(--color-border-accent2)}.sidebar-overlay__link--parent-active{background-color:var(--color-fill-neutral-subtle);color:var(--color-text-default)}.sidebar-overlay__toggle{width:100%;padding:var(--space-inset-s) var(--space-inset-m);padding-left:calc(var(--space-inset-m) + var(--size-indicator) + var(--space-gap-s));color:var(--color-text-muted);font:var(--text-style-label);font-weight:var(--weight-regular);cursor:pointer;text-align:left;box-sizing:border-box;background:0 0;border:none;justify-content:space-between;align-items:center;transition:background-color .12s,color .12s;display:flex;position:relative}.sidebar-overlay__toggle:before{content:"";left:0;top:var(--space-gap-s);bottom:var(--space-gap-s);width:var(--size-indicator);border-radius:0 var(--size-indicator) var(--size-indicator) 0;background-color:#0000;position:absolute}.sidebar-overlay__toggle--has-current{background-color:var(--color-fill-neutral-subtle);color:var(--color-text-default)}.sidebar-overlay__toggle-inner{align-items:center;gap:var(--space-gap-s);display:flex}.sidebar-overlay__chevron{width:var(--size-icon-s);height:var(--size-icon-s);opacity:.5;flex-shrink:0;transition:transform .15s}.sidebar-overlay__toggle[aria-expanded=true] .sidebar-overlay__chevron{opacity:1;transform:rotate(180deg)}.sidebar-overlay__sub{max-height:0;margin:0;padding:0;list-style:none;transition:max-height .22s;overflow:hidden}.sidebar-overlay__sub.is-expanded{max-height:600px}.sidebar-overlay__sub-link{padding:var(--space-gap-s) var(--space-inset-m);padding-left:calc(var(--space-inset-m) + var(--size-indicator) + var(--space-gap-s) + var(--space-inset-m));color:var(--color-text-muted);font:var(--text-style-label);font-weight:var(--weight-regular);text-decoration:none;transition:background-color .12s,color .12s;display:block}.sidebar-overlay__sub-link:hover{background-color:var(--color-fill-neutral-subtle);color:var(--color-text-default)}.sidebar-overlay__sub-link--current,.sidebar-overlay__sub-link--current:hover{background-color:var(--color-fill-accent2-subtle);color:var(--color-text-accent2);font-weight:var(--weight-bold)}@media (max-width:768px){.sidebar{display:none}.sidebar-topbar{display:flex}}@media (min-width:769px){.sidebar-topbar{display:none}.sidebar-overlay{display:none!important}}
.segmented{border:1px solid var(--color-border-default);border-radius:var(--radius-control-m);background-color:var(--color-surface-default);display:inline-flex;overflow:hidden}.segmented--full{width:100%;display:flex}.segmented__item{flex:none;display:flex;position:relative}.segmented--full .segmented__item{flex:1}.segmented__input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.segmented__label{justify-content:center;align-items:center;gap:var(--space-gap-s);padding:0 var(--space-inset-m);height:var(--size-control-m);font:var(--text-style-body-s);font-weight:var(--weight-medium);color:var(--color-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-right:1px solid var(--color-border-default);transition:background-color .1s,color .1s;display:flex}.segmented--full .segmented__label{flex:1;justify-content:center}.segmented__item:last-child .segmented__label{border-right:none}.segmented__label:hover{background-color:var(--color-fill-neutral-subtle);color:var(--color-text-default)}.segmented__input:checked+.segmented__label{background-color:var(--color-fill-accent2-subtle);color:var(--color-text-accent2);font-weight:var(--weight-bold);box-shadow:inset 0 -2px 0 0 var(--color-border-accent2)}.segmented__input:checked+.segmented__label:hover{background-color:var(--color-fill-accent2-subtle)}.segmented__input:focus-visible+.segmented__label{box-shadow:inset 0 0 0 2px var(--color-border-focus)}.segmented__input:disabled+.segmented__label{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}
.toggle{align-items:center;gap:var(--space-gap-s);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex}.toggle--disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.toggle__input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.toggle__track{width:var(--size-toggle-width);height:var(--size-toggle-height);border-radius:var(--radius-full);background-color:var(--color-border-default);flex-shrink:0;transition:background-color .15s;position:relative}.toggle__input:checked+.toggle__track{background-color:var(--color-action-primary-none)}.toggle:hover .toggle__track{background-color:var(--color-border-strong)}.toggle:hover .toggle__input:checked+.toggle__track{background-color:var(--color-action-primary-hover)}.toggle__input:focus-visible+.toggle__track{outline:2px solid var(--color-border-focus);outline-offset:2px}.toggle__thumb{width:calc(var(--size-toggle-height) - 4px);height:calc(var(--size-toggle-height) - 4px);border-radius:var(--radius-full);background-color:var(--color-text-inverse);box-shadow:var(--elevation-s);transition:transform .15s;position:absolute;top:2px;left:2px}.toggle__input:checked+.toggle__track .toggle__thumb{transform:translateX(calc(var(--size-toggle-width) - var(--size-toggle-height)))}.toggle__label{font:var(--text-style-body-m);font-weight:var(--weight-regular);color:var(--color-text-default)}.toggle-group{gap:var(--space-gap-l);flex-direction:column;display:flex}.toggle-group__label{font:var(--text-style-label);font-weight:var(--weight-regular);color:var(--color-text-muted);margin:0}
.playground{grid-template-columns:minmax(var(--size-field-min), max-content) minmax(0, 1fr);gap:var(--space-layout-s);display:grid}.playground__controls{gap:var(--space-layout-s);padding-right:var(--space-layout-s);border-right:1px solid var(--color-border-default);flex-direction:column;display:flex}.playground__props{gap:var(--space-gap-l);flex-direction:column;display:flex}.playground__control{align-items:flex-start;gap:var(--space-gap-s);flex-direction:column;display:flex}.playground__label,.playground__hint{font:var(--text-style-label);font-weight:var(--weight-regular);color:var(--color-text-muted);margin:0}.playground__stage{min-width:0;padding:var(--space-inset-l);justify-content:center;align-items:center;display:flex}.playground__stage--start{align-items:flex-start;padding-top:0}.playground__stage[inert] .is-expanded .listbox{margin-top:var(--space-gap-s);position:relative;top:auto}.playground__listbox{width:100%}@media (max-width:768px){.playground{grid-template-columns:minmax(0,1fr)}.playground__stage{order:-1;padding:0}.playground__controls{padding-right:0;padding-top:var(--space-layout-s);border-right:0;border-top:1px solid var(--color-border-default)}}
.ds-shell .sidebar{top:var(--ds-header-offset,0px);height:calc(100vh - var(--ds-header-offset,0px))}.ds-shell .sidebar-topbar{top:var(--ds-header-offset,0px)}.ds-shell .app-body{min-height:calc(100vh - var(--ds-header-offset,0px))}.ds-shell .app-content .container{max-width:var(--width-reading)}.ds-shell .app-content{overflow:visible}.ds-heading{margin-top:var(--space-gap-m)}.ds-intro{margin-bottom:var(--space-layout-s)}.ds-back{margin-top:calc((var(--space-layout-l) - var(--space-layout-s)) * -1);margin-bottom:var(--space-gap-l);font:var(--text-style-caption-meta);color:var(--color-text-muted);text-decoration:none;display:inline-block}.ds-back:hover{text-decoration:underline}.ds-card__meta{font:var(--text-style-label);font-weight:var(--weight-medium);letter-spacing:var(--letter-spacing-caps);text-transform:uppercase;color:var(--color-text-muted)}.ds-note{padding:var(--space-inset-m);border:1px dashed var(--color-border-contrast);border-radius:var(--radius-surface-m);font:var(--text-style-body-m);color:var(--color-text-muted)}.ds-doc,.ds-token-group{margin-top:var(--space-layout-s)}.ds-token-group__heading{margin:0 0 var(--space-gap-m);font:var(--text-style-title-s);font-weight:var(--weight-bold)}.ds-token-list{gap:var(--space-gap-m);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin:0;padding:0;list-style:none;display:grid}.ds-token{flex-direction:row}.ds-token__preview{flex:0 0 var(--space-layout-m);min-height:var(--space-layout-m);justify-content:center;align-items:center;display:flex;overflow:hidden}.ds-token__swatch,.ds-token__box{width:var(--space-layout-m);height:var(--space-layout-m);border:1px solid var(--color-border-default);border-radius:var(--radius-control-m);display:block}.ds-token__box{background-color:var(--color-surface-default)}.ds-token__box--filled{background-color:var(--color-fill-accent2-solid)}.ds-token__bar{max-width:100%;height:var(--space-gap-m);border-radius:var(--radius-control-s);background-color:var(--color-fill-accent2-subtle);border:1px solid var(--color-border-accent2);display:block}.ds-token__specimen{color:var(--color-text-default);white-space:nowrap}.ds-token__specimen--caps{font:var(--text-style-caption-meta);text-transform:uppercase}.ds-token__meta{gap:var(--space-gap-s);flex-direction:column;min-width:0;display:flex}.ds-token__name{font:var(--text-style-label);font-weight:var(--weight-bold);overflow-wrap:anywhere}.ds-token__var,.ds-token__value{font:var(--text-style-caption-meta);color:var(--color-text-muted);overflow-wrap:anywhere}.ds-token__ref{color:var(--color-text-accent2)}.ds-token__desc{font:var(--text-style-body-s);color:var(--color-text-default);margin:0}.ds-token:has(.ds-token__specimen){flex-direction:column}.ds-token:has(.ds-token__specimen) .ds-token__preview{flex-basis:auto;justify-content:flex-start}.ds-demo{margin-top:var(--space-gap-l);padding:var(--space-inset-l);border:1px solid var(--color-border-default);border-radius:var(--radius-surface-m);background-color:var(--color-bg-default);font:var(--text-style-body-m);color:var(--color-text-default);overflow-x:clip}.ds-demo .section-label{font:var(--text-style-caption-meta);font-weight:var(--weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-caps);margin:0 0 var(--space-gap-m) 0}.ds-demo .demo-heading{margin:0 0 var(--space-gap-m);font:var(--text-style-title-s);font-weight:var(--weight-bold);color:var(--color-text-default)}.ds-demo .row{align-items:center;gap:var(--space-gap-l);flex-wrap:wrap;display:flex}.ds-demo hr{border:none;border-top:1px solid var(--color-border-default);margin:var(--space-layout-s) 0}.ds-demo .demo-banner .banner{position:static}.ds-demo .demo-divider{margin-top:calc(var(--space-layout-l) + var(--space-layout-m));padding:var(--space-inset-l);background:var(--section-bg);border-radius:0 0 var(--radius-surface-m) var(--radius-surface-m);position:relative}.ds-markdown h2{margin:var(--space-layout-s) 0 0;font:var(--text-style-title-m);font-weight:var(--weight-bold);color:var(--color-text-default)}.ds-markdown h3{margin:var(--space-gap-l) 0 0;font:var(--text-style-title-s);font-weight:var(--weight-bold)}.ds-markdown :is(h2,h3,h4){scroll-margin-top:calc(var(--ds-header-offset,0px) + var(--space-gap-l))}.ds-markdown code{padding:0 var(--space-gap-s);border-radius:var(--radius-control-s);background-color:var(--color-fill-neutral-subtle);font-size:.9em}.ds-markdown table{border-collapse:collapse;width:100%;font:var(--text-style-body-s);margin:0}@media (max-width:768px){.ds-markdown table{display:block;overflow-x:auto}}.ds-markdown th,.ds-markdown td{padding:var(--space-gap-s) var(--space-gap-m);border-bottom:1px solid var(--color-border-default);text-align:left;vertical-align:top}.ds-markdown th{font-weight:var(--weight-bold);color:var(--color-text-default)}.ds-markdown a{color:var(--color-text-accent2)}.ds-markdown ol,.ds-markdown ul{gap:var(--space-gap-s);flex-direction:column;margin:0;padding-left:0;list-style-position:inside;display:flex}.ds-markdown li::marker{color:var(--color-text-muted)}.ds-markdown li:has(>input[type=checkbox]){list-style:none}.ds-markdown li>input[type=checkbox]{margin-right:var(--space-gap-s)}.ds-doc__header{align-items:center;gap:var(--space-gap-m);margin-bottom:var(--space-gap-l);flex-wrap:wrap;display:flex}.ds-doc__heading{font:var(--text-style-headline-m);font-weight:var(--weight-bold);margin:0}.ds-doc__meta{margin-top:var(--space-gap-l);font:var(--text-style-caption-meta);font-weight:var(--weight-medium);color:var(--color-text-muted)}.ds-examples{gap:var(--space-gap-l);display:grid}.ds-example{margin:0}.ds-example__image{border-radius:var(--radius-surface-m);width:100%;height:auto;display:block}.ds-example__links{gap:var(--space-gap-m);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.ds-example__links a{color:var(--color-text-accent2)}.ds-chip-links{margin:0;padding:0;list-style:none}.ds-chip-links .chip{text-decoration:none}.ds-overview-grid{margin-top:var(--space-layout-s)}