@layer layout{.kso-sidebar-item{gap:var(--space-2-5);width:100%;height:var(--sidebar-item-h);padding-inline:var(--sidebar-item-pad-x);font-size:var(--type-control-size);font-weight:var(--weight-medium);color:var(--color-content-secondary);text-align:start;cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-color);align-items:center;display:flex;position:relative}.kso-sidebar-item:hover:not(.is-disabled):not(.is-active){color:var(--color-content-primary);background-color:var(--color-surface-hover)}.kso-sidebar-item.is-active{color:var(--color-accent-content);background-color:var(--color-surface-selected)}.kso-sidebar-item.is-active:before{inset-block:var(--space-1);width:var(--border-width-marker);content:"";background-color:var(--color-accent-solid);border-radius:var(--radius-full);position:absolute;inset-inline-start:calc(var(--sidebar-pad)*-1)}.kso-sidebar-item.is-disabled{color:var(--color-content-disabled);pointer-events:none}.kso-sidebar-item__icon-slot{width:var(--icon-size-nav);height:var(--icon-size-nav);flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.kso-sidebar-item__dot{width:var(--space-1-5);height:var(--space-1-5);background-color:var(--color-accent-solid);border:var(--border-width-hairline) solid var(--color-surface-panel);border-radius:var(--radius-full);position:absolute;inset-block-start:var(--space-0);inset-inline-end:var(--space-0)}.kso-sidebar.is-compact:focus-within .kso-sidebar-item__dot,.kso-sidebar.is-compact:hover .kso-sidebar-item__dot,.kso-sidebar:not(.is-compact) .kso-sidebar-item__dot{opacity:0;transition:var(--transition-fade)}.kso-sidebar-item__label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.kso-sidebar-item__count{min-width:var(--space-5);padding-inline:var(--space-1-5);font-size:var(--text-2xs);font-variant-numeric:var(--numeric-tabular);line-height:var(--space-4);color:var(--color-content-tertiary);text-align:center;background-color:var(--color-surface-active);border-radius:var(--radius-full);flex:none}.kso-sidebar-item.is-active .kso-sidebar-item__count{color:var(--color-accent-content);background-color:var(--color-accent-muted)}.kso-sidebar-group{gap:var(--space-0-5);flex-direction:column;display:flex}.kso-sidebar-group__head{height:var(--space-6);padding-inline:var(--sidebar-item-pad-x);align-items:center;display:flex;position:relative}.kso-sidebar-group__label{font-size:var(--text-2xs);font-weight:var(--weight-semibold);color:var(--color-content-tertiary);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;letter-spacing:var(--tracking-caps);transition:var(--transition-fade);overflow:hidden}.kso-sidebar-group__rule{inset-inline:var(--space-1);height:var(--border-width-hairline);background-color:var(--color-border-subtle);opacity:0;transition:var(--transition-fade);position:absolute}.kso-sidebar-group__items{gap:var(--space-0-5);flex-direction:column;display:flex}.kso-sidebar.is-compact:not(:hover):not(:focus-within) .kso-sidebar-group__label{opacity:0}.kso-sidebar.is-compact:not(:hover):not(:focus-within) .kso-sidebar-group__rule{opacity:1}.kso-sidebar{z-index:var(--layer-sidebar);width:var(--sidebar-w-expanded);height:100%;transition:width var(--duration-3) var(--ease-emphasized);flex:none;position:relative}.kso-sidebar.is-compact{width:var(--sidebar-w-compact)}.kso-sidebar__panel{background-color:var(--color-surface-panel);border-inline-end:var(--border-width-hairline) solid var(--color-border-subtle);width:100%;height:100%;transition:width var(--duration-3) var(--ease-emphasized),box-shadow var(--duration-3) var(--ease-standard),border-radius var(--duration-3) var(--ease-standard);display:flex;position:absolute;inset-block:0;inset-inline-start:0;overflow:hidden}@media (hover:hover){.kso-sidebar.is-compact:hover .kso-sidebar__panel{width:var(--sidebar-w-expanded);box-shadow:var(--elevation-menu);transition-delay:var(--delay-hover-intent);border-start-end-radius:var(--radius-lg);border-end-end-radius:var(--radius-lg)}}.kso-sidebar.is-compact:focus-within .kso-sidebar__panel{width:var(--sidebar-w-expanded);box-shadow:var(--elevation-menu);border-start-end-radius:var(--radius-lg);border-end-end-radius:var(--radius-lg)}.kso-sidebar__inner{width:100%;height:100%;padding:var(--sidebar-pad);flex-direction:column;flex:none;display:flex}.kso-sidebar.is-drawer{z-index:var(--layer-sidebar);width:0;position:fixed;inset-block:0;inset-inline-start:0}.kso-sidebar.is-drawer .kso-sidebar__panel{width:var(--sidebar-w-expanded);box-shadow:var(--elevation-menu);transition:transform var(--duration-3) var(--ease-emphasized),box-shadow var(--duration-3) var(--ease-standard);transform:translate(-100%)}.kso-sidebar.is-drawer.is-open .kso-sidebar__panel{transform:translate(0)}.kso-sidebar__scrim{background-color:var(--color-surface-scrim);opacity:0;transition:var(--transition-fade);pointer-events:none;border:none;padding:0;position:fixed;inset:0}.kso-sidebar.is-open .kso-sidebar__scrim{opacity:1;pointer-events:auto}.kso-sidebar__header{padding-block-end:var(--space-3);padding-inline:var(--space-1);flex:none}.kso-sidebar__body{gap:var(--space-2);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.kso-sidebar.is-compact:focus-within .kso-sidebar__body,.kso-sidebar.is-compact:hover .kso-sidebar__body,.kso-sidebar:not(.is-compact) .kso-sidebar__body{overscroll-behavior:contain;overflow:hidden auto}.kso-sidebar__footer{border-block-start:var(--border-width-hairline) solid var(--color-border-subtle);flex:none;margin-block-start:var(--space-2);padding-block-start:var(--space-2)}.kso-topbar{z-index:var(--layer-topbar);gap:var(--gap-inline);height:var(--topbar-h);padding-inline:var(--space-3);background-color:var(--color-surface-panel);border-block-end:var(--border-width-hairline) solid var(--color-border-subtle)}.kso-topbar,.kso-topbar__lead{flex:none;align-items:center;display:flex}.kso-topbar__lead{gap:var(--gap-inline-tight)}.kso-topbar__title{gap:var(--gap-inline);flex:0 auto;align-items:center;min-width:0;display:flex}.kso-topbar__actions{flex:auto;justify-content:flex-end}.kso-topbar__actions,.kso-topbar__slot{gap:var(--gap-inline-tight);align-items:center;min-width:0;display:flex}.kso-topbar__slot{white-space:nowrap}.kso-window{min-width:var(--window-min-w);min-height:var(--window-min-h);color:var(--color-content-primary);background-color:var(--color-surface-raised);border-radius:var(--radius-window);box-shadow:var(--elevation-window);transition:var(--transition-elevation);flex-direction:column;display:flex;position:relative;overflow:hidden}.kso-window.is-focused{box-shadow:var(--elevation-window-focused)}.kso-window.is-adjusting{box-shadow:var(--elevation-window-dragging);-webkit-user-select:none;user-select:none;transition:none}.kso-window.is-maximized{border-radius:var(--radius-none)}.kso-window__titlebar{gap:var(--gap-inline);height:var(--window-titlebar-h);padding-inline:var(--pad-control-x);background-color:var(--color-surface-panel);border-block-end:var(--border-width-hairline) solid var(--color-border-subtle);cursor:grab;flex:none;align-items:center;display:flex}.kso-window.is-adjusting .kso-window__titlebar{cursor:grabbing}.kso-window__icon{color:var(--color-content-tertiary)}.kso-window__title{flex:1;min-width:0}.kso-window__actions{gap:var(--gap-inline-tight);flex:none;align-items:center;display:flex}.kso-window__body{min-height:0;padding:var(--pad-window);overscroll-behavior:contain;flex:1;overflow:auto}.kso-window__grip{z-index:var(--layer-window-resize-handle);position:absolute}.kso-window__grip--n,.kso-window__grip--s{inset-inline:var(--window-resize-grip);height:var(--window-resize-grip);cursor:ns-resize}.kso-window__grip--e,.kso-window__grip--w{inset-block:var(--window-resize-grip);width:var(--window-resize-grip);cursor:ew-resize}.kso-window__grip--n{inset-block-start:var(--space-0)}.kso-window__grip--s{inset-block-end:var(--space-0)}.kso-window__grip--w{inset-inline-start:var(--space-0)}.kso-window__grip--e{inset-inline-end:var(--space-0)}.kso-window__grip--ne,.kso-window__grip--nw,.kso-window__grip--se,.kso-window__grip--sw{width:var(--window-resize-grip);height:var(--window-resize-grip)}.kso-window__grip--nw{cursor:nwse-resize;inset-block-start:var(--space-0);inset-inline-start:var(--space-0)}.kso-window__grip--se{cursor:nwse-resize;inset-block-end:var(--space-0);inset-inline-end:var(--space-0)}.kso-window__grip--ne{cursor:nesw-resize;inset-block-start:var(--space-0);inset-inline-end:var(--space-0)}.kso-window__grip--sw{cursor:nesw-resize;inset-block-end:var(--space-0);inset-inline-start:var(--space-0)}.kso-dock{z-index:var(--layer-dock);max-width:calc(100% - var(--space-4));height:var(--dock-h);padding:var(--space-1);background-color:var(--color-surface-overlay);border-radius:var(--radius-menu);box-shadow:var(--elevation-menu);position:absolute;inset-block-end:var(--space-2);inset-inline-start:var(--space-2);overflow-x:auto}.kso-dock,.kso-dock__item{gap:var(--gap-inline-tight);align-items:center;display:flex}.kso-dock__item{max-width:var(--dock-item-max-w);height:var(--control-h-sm);padding-inline:var(--space-2);color:var(--color-content-secondary);background-color:var(--color-surface-hover);border-radius:var(--radius-control);cursor:pointer;transition:var(--transition-color);flex:none}.kso-dock__item:hover{color:var(--color-content-primary);background-color:var(--color-surface-active)}.kso-dock__icon{color:var(--color-content-tertiary)}.kso-dock__title{min-width:0}.kso-window-layer{inset:var(--space-0);pointer-events:none;position:absolute}.kso-window-layer>*{pointer-events:auto}.kso-window-layer__snap{z-index:var(--layer-window-snap);background-color:var(--color-surface-selected);border:var(--border-width-thick) solid var(--color-accent-solid);border-radius:var(--radius-window);pointer-events:none;transition:var(--transition-layout)}.kso-window-layer>.kso-window,.kso-window-layer__snap{position:absolute;inset-block-start:var(--space-0);inset-inline-start:var(--space-0)}.kso-shell{background-color:var(--color-surface-app);width:100%;height:100%;display:flex;overflow:hidden}.kso-shell__main{z-index:var(--layer-base);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative}.kso-shell__workspace{flex:1;min-height:0;position:relative}.kso-shell__content{overscroll-behavior:contain;width:100%;height:100%;overflow:auto}.kso-toasts{z-index:var(--layer-toast);gap:var(--gap-stack-tight);pointer-events:none;flex-direction:column-reverse;align-items:flex-end;display:flex;position:fixed;inset-block-end:var(--toast-inset);inset-inline-end:var(--toast-inset)}.kso-toasts>*{pointer-events:auto}.kso-toast-enter-active,.kso-toast-leave-active{transition:opacity var(--duration-3) var(--ease-standard),translate var(--duration-4) var(--ease-spring)}.kso-toast-enter-from{opacity:0;translate:var(--space-8) 0}.kso-toast-leave-to{opacity:0;scale:var(--press-scale)}.kso-toast-move{transition:translate var(--duration-3) var(--ease-standard)}}@layer components{.kso-color-picker{--color-dot-size:var(--space-6);gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.kso-color-picker__item{cursor:pointer;display:inline-flex;position:relative}.kso-color-picker__input{opacity:0;pointer-events:none;position:absolute;inset-block-start:var(--space-0);inset-inline-start:var(--space-0)}.kso-color-picker__dot,.kso-color-picker__input{width:var(--color-dot-size);height:var(--color-dot-size)}.kso-color-picker__dot{color:var(--color-tint-on-solid);background-color:var(--color-tint-solid);border-radius:var(--radius-full);box-shadow:var(--elevation-1);transition:var(--transition-elevation),scale var(--duration-1) var(--ease-standard);justify-content:center;align-items:center;display:inline-flex}.kso-color-picker__item.is-light .kso-color-picker__dot{color:var(--color-tint-on-solid-dark)}.kso-color-picker__item:hover .kso-color-picker__dot{box-shadow:var(--elevation-2)}.kso-color-picker__item:active .kso-color-picker__dot{scale:var(--press-scale)}.kso-color-picker__item:has(.kso-color-picker__input:focus-visible) .kso-color-picker__dot{outline:var(--focus-ring-width) var(--focus-ring-style) var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.kso-color-picker--sm{--color-dot-size:var(--space-5)}.kso-color-picker--md{--color-dot-size:var(--space-6)}.kso-color-picker--lg{--color-dot-size:var(--space-8)}.kso-appearance{width:var(--popover-max-w);padding:var(--space-3)}.kso-sidebar.is-compact:not(:hover):not(:focus-within) [data-sidebar-collapse=hide]{display:none}.kso-sidebar.is-compact:not(:hover):not(:focus-within) [data-sidebar-collapse=center],.kso-sidebar.is-compact:not(:hover):not(:focus-within) .kso-logo{justify-content:center}.kso-sidebar.is-compact:not(:hover):not(:focus-within) .kso-logo__wordmark{display:none}.kso-timeline{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.kso-timeline__item{--timeline-mark:var(--color-content-tertiary);--timeline-surface:var(--color-surface-active);gap:var(--gap-inline-default);padding-block-end:var(--space-3);display:flex;position:relative}.kso-timeline__item:before{top:var(--space-5);bottom:0;left:calc(var(--space-2-5) - var(--border-width-hairline)/2);width:var(--border-width-hairline);content:"";background-color:var(--color-border-default);position:absolute}.kso-timeline__item.is-last{padding-block-end:0}.kso-timeline__item.is-last:before{display:none}.kso-timeline__mark{width:var(--space-5);height:var(--space-5);color:var(--timeline-mark);background-color:var(--timeline-surface);border-radius:var(--radius-full);flex:none;justify-content:center;align-items:center;display:inline-flex}.kso-timeline__body{gap:var(--space-0-5);min-width:0;flex-direction:column;flex:1;padding-block-start:var(--space-0-5);display:flex}.kso-timeline__head{gap:var(--gap-inline-default);justify-content:space-between;align-items:baseline;display:flex}.kso-timeline__title{overflow-wrap:anywhere;min-width:0}.kso-timeline__item--accent{--timeline-mark:var(--color-accent-solid);--timeline-surface:var(--color-accent-subtle)}.kso-timeline__item--info{--timeline-mark:var(--color-info-solid);--timeline-surface:var(--color-info-subtle)}.kso-timeline__item--success{--timeline-mark:var(--color-success-solid);--timeline-surface:var(--color-success-subtle)}.kso-timeline__item--warning{--timeline-mark:var(--color-warning-solid);--timeline-surface:var(--color-warning-subtle)}.kso-timeline__item--danger{--timeline-mark:var(--color-danger-solid);--timeline-surface:var(--color-danger-subtle)}.kso-code{font-family:var(--font-mono);font-size:var(--type-code-size);font-weight:var(--type-code-weight);line-height:var(--type-code-leading);tab-size:2;background-color:var(--color-surface-inset);border:var(--border-width-hairline) solid var(--color-border-subtle);border-radius:var(--radius-md);display:block;overflow-x:auto}.kso-code__line{gap:var(--gap-inline-default);padding-inline:var(--space-2);width:max-content;min-width:100%;color:var(--color-content-secondary);white-space:pre;display:flex}.kso-code__number{min-width:var(--space-8);color:var(--color-content-tertiary);text-align:right;-webkit-user-select:none;user-select:none;flex:none}.kso-code__text{flex:1}.kso-code__line.is-highlight{color:var(--color-content-primary);background-color:var(--color-danger-subtle)}.kso-code.is-plain .kso-code__line{padding-inline:var(--space-2)}.kso-bars{gap:var(--space-0-5);width:100%;height:var(--space-16);padding:var(--space-1);background-color:var(--color-surface-inset);border-radius:var(--radius-md)}.kso-bars,.kso-bars__slot{align-items:flex-end;display:flex}.kso-bars__slot{min-width:var(--space-0-5);flex:1;height:100%}.kso-bars__bar{background-color:var(--color-accent-solid);border-radius:var(--radius-xs);width:100%}.kso-bars__slot--danger .kso-bars__bar{background-color:var(--color-danger-solid)}.kso-bars__slot--warning .kso-bars__bar{background-color:var(--color-warning-solid)}.kso-tabs{flex-direction:column;flex:1;min-height:0;display:flex}.kso-tabs__strip{gap:var(--gap-inline-tight);border-bottom:var(--border-width-hairline) solid var(--color-border-default);scrollbar-width:none;flex:none;display:flex;overflow-x:auto}.kso-tabs__strip::-webkit-scrollbar{display:none}.kso-tabs__tab{gap:var(--gap-inline-tight);height:var(--control-h-md);padding-inline:var(--space-3);font-size:var(--type-label-size);font-weight:var(--weight-medium);color:var(--color-content-secondary);white-space:nowrap;cursor:pointer;transition:var(--transition-color);background-color:#0000;border:none;flex:none;align-items:center;display:inline-flex;position:relative}.kso-tabs__tab:hover{color:var(--color-content-primary)}.kso-tabs__tab:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.kso-tabs__tab.is-active{color:var(--color-accent-content)}.kso-tabs__tab.is-active:after{inset-inline:var(--space-2);height:var(--border-width-thick);content:"";background-color:var(--color-accent-solid);border-radius:var(--radius-pill);position:absolute;bottom:0}.kso-tabs__count{padding-inline:var(--space-1);font-size:var(--type-caption-size);color:var(--color-content-tertiary);background-color:var(--color-surface-active);border-radius:var(--radius-pill)}.kso-tabs__panel{min-height:0;flex-direction:column;flex:1;padding-block-start:var(--space-3);display:flex}@container (width<=30rem){.kso-tabs__tab{padding-inline:var(--space-2)}}.kso-toast{--toast-accent:var(--color-info-solid);gap:var(--gap-inline);width:var(--toast-w);max-width:100%;padding:var(--pad-card);color:var(--color-content-primary);background-color:var(--color-surface-overlay);border-radius:var(--radius-card);box-shadow:var(--elevation-toast);align-items:flex-start;display:flex;position:relative;overflow:hidden}.kso-toast__icon{color:var(--toast-accent);margin-block-start:var(--space-0-5)}.kso-toast__body{gap:var(--gap-stack-tight);flex-direction:column;flex:1;min-width:0;display:flex}.kso-toast__text{text-wrap:var(--text-wrap-prose)}.kso-toast__actions{gap:var(--gap-inline-tight);align-items:center;margin-block-start:var(--space-1);display:flex}.kso-toast__close{flex:none}.kso-toast__timer{inset-block-end:var(--space-0);inset-inline:var(--space-0);height:var(--border-width-thick);background-color:var(--toast-accent);transform-origin:0;position:absolute}.kso-toast--info{--toast-accent:var(--color-info-solid)}.kso-toast--success{--toast-accent:var(--color-success-solid)}.kso-toast--warning{--toast-accent:var(--color-warning-solid)}.kso-toast--danger{--toast-accent:var(--color-danger-solid)}.kso-toast--neutral{--toast-accent:var(--color-border-strong)}.kso-toast--neutral .kso-toast__icon{color:var(--color-content-tertiary)}}