.klyp-AppShell{width:100%;color:var(--color-fg-primary);display:flex;position:relative}.klyp-AppShell--legacy{min-height:100svh;max-width:var(--container-2xl);gap:var(--space-24);padding:var(--space-24);flex-direction:column;margin-inline:auto}.klyp-AppShell--full{height:calc(100svh - var(--header-h,56px));flex-direction:column}.klyp-AppShell__header{flex-shrink:0}.klyp-AppShell__breadcrumbs{border-bottom:var(--bw-default) solid var(--color-border-subtle);background:var(--color-bg-glass-deep);flex-shrink:0}.klyp-AppShell__body{flex:1;min-height:0;display:flex}.klyp-AppShell__rail{padding:var(--space-16);flex-shrink:0}@media (width<=767.98px){.klyp-AppShell__rail{display:none}}.klyp-AppShell__sidebar{width:var(--space-128);border-right:var(--bw-default) solid var(--color-border-subtle);background:var(--color-bg-glass-deep);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0;display:none;overflow-y:auto}@media (width>=768px){.klyp-AppShell__sidebar{display:block}}.klyp-AppShell__main{overflow-clip-margin:48px;scrollbar-gutter:stable;flex-direction:column;flex:1;min-width:0;display:flex;position:relative;overflow:clip auto}.klyp-AppShell__inspector{width:var(--space-80);padding:var(--space-16);flex-shrink:0;display:none;overflow-y:auto}@media (width>=1024px){.klyp-AppShell__inspector{display:block}}.klyp-AppShell__bottom{border-top:var(--bw-default) solid var(--color-border-subtle);background:var(--color-bg-glass-deep);flex-shrink:0}:is(.klyp-Sheet__overlay:has(>.klyp-Sheet__content>.klyp-MobileNavDrawer),.klyp-Sheet__overlay:has(.klyp-MobileNavDrawer)){background:color-mix(in srgb, var(--color-bg-root) 50%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.klyp-Sheet__content.klyp-MobileNavDrawer[data-side=left]{width:216px;max-width:75vw}.klyp-MobileNavDrawer{width:100%;height:100%;padding:var(--space-8);background:var(--color-bg-surface);color:var(--color-fg-primary);flex-direction:column;display:flex}.klyp-MobileNavDrawer__header{justify-content:space-between;align-items:center;gap:var(--space-12);padding:0;flex:none;margin-block-end:var(--space-16);padding-block-start:max(0px, env(safe-area-inset-top));display:flex}.klyp-MobileNavDrawer__brand{color:var(--color-fg-primary);border-radius:var(--r-chip);padding:var(--space-4);transition:opacity var(--duration-fast) var(--easing-standard);align-items:center;text-decoration:none;display:inline-flex}.klyp-MobileNavDrawer__brand:hover{opacity:.85}.klyp-MobileNavDrawer__brand:focus-visible{outline:var(--bw-emphasis) solid var(--color-border-strong);outline-offset:2px}.klyp-MobileNavDrawer__closeBtn{width:40px;height:40px;color:var(--color-fg-primary);border-radius:var(--r-chip);cursor:pointer;transition:background-color .15s var(--easing-standard);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.klyp-MobileNavDrawer__closeBtn:hover,.klyp-MobileNavDrawer__closeBtn:focus-visible{background:var(--color-bg-surface-hover)}.klyp-MobileNavDrawer__closeBtn:focus-visible{outline:var(--bw-emphasis) solid var(--color-border-strong);outline-offset:2px}.klyp-MobileNavDrawer__nav{flex:auto;padding:0;overflow-y:auto}.klyp-MobileNavDrawer__list{gap:var(--space-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.klyp-MobileNavDrawer__cell{list-style:none}.klyp-MobileNavDrawer__list .klyp-MobileNavDrawer__cell[data-section-break=true]{margin-block-start:calc(var(--space-16) - var(--space-4))}.klyp-MobileNavDrawer__item{align-items:center;gap:var(--space-4);border-radius:var(--r-chip);width:100%;height:40px;min-height:40px;max-height:40px;color:var(--color-fg-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;font-family:inherit;line-height:1;font-size:var(--font-size-14);font-weight:var(--font-weight-medium);transition:color var(--duration-fast) var(--easing-standard), gap var(--duration-normal) var(--easing-standard);background:0 0;border:0;flex-shrink:0;padding:0;text-decoration:none;display:flex;position:relative}.klyp-MobileNavDrawer__item:before{content:"";border-radius:inherit;background-color:var(--color-bg-surface-solid);opacity:0;pointer-events:none;z-index:0;transition:opacity var(--duration-fast) var(--easing-standard), background-color var(--duration-fast) var(--easing-standard);position:absolute;inset:0}.klyp-MobileNavDrawer__item>*{z-index:1;position:relative}.klyp-MobileNavDrawer__item[data-active=true]:before{opacity:1;background-color:var(--color-bg-surface-solid)}.klyp-MobileNavDrawer__item[data-active=true]{color:var(--color-fg-on-active-nav)}.klyp-MobileNavDrawer__item[data-active=true] .klyp-MobileNavDrawer__icon{color:var(--color-fg-on-active-nav);opacity:1}.klyp-MobileNavDrawer__item:not([data-disabled=true]):hover:before,.klyp-MobileNavDrawer__item:not([data-disabled=true]):focus-visible:before{opacity:1;background-color:color-mix(in srgb, var(--color-accent) 12%, transparent)}.klyp-MobileNavDrawer__item:not([data-disabled=true]):hover,.klyp-MobileNavDrawer__item:not([data-disabled=true]):focus-visible{color:var(--color-fg-accent);gap:var(--space-8)}.klyp-MobileNavDrawer__item:not([data-disabled=true]):hover .klyp-MobileNavDrawer__icon,.klyp-MobileNavDrawer__item:not([data-disabled=true]):focus-visible .klyp-MobileNavDrawer__icon{color:var(--color-accent);opacity:1}.klyp-MobileNavDrawer__item:focus-visible{outline:var(--bw-emphasis) solid var(--color-border-strong);outline-offset:2px}.klyp-MobileNavDrawer__item:not([data-disabled=true]):hover .klyp-MobileNavDrawer__icon svg,.klyp-MobileNavDrawer__item:not([data-disabled=true]):focus-visible .klyp-MobileNavDrawer__icon svg,.klyp-MobileNavDrawer__item:not([data-disabled=true]):hover .klyp-MobileNavDrawer__icon .klyp-SidebarLottie,.klyp-MobileNavDrawer__item:not([data-disabled=true]):focus-visible .klyp-MobileNavDrawer__icon .klyp-SidebarLottie{transform:scale(1.15)}.klyp-MobileNavDrawer__icon .klyp-SidebarLottie{transition:transform var(--duration-normal) var(--easing-standard);transform-origin:50%}.klyp-MobileNavDrawer__item[data-disabled=true]{color:var(--color-fg-subtle);cursor:not-allowed}.klyp-MobileNavDrawer__item[data-disabled=true] .klyp-MobileNavDrawer__icon{color:var(--color-fg-on-active-nav);opacity:.3}.klyp-MobileNavDrawer__icon{width:40px;height:40px;color:var(--color-fg-on-active-nav);opacity:.5;transition:color var(--duration-fast) var(--easing-standard), opacity var(--duration-fast) var(--easing-standard);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.klyp-MobileNavDrawer__icon>svg,.klyp-MobileNavDrawer__icon>.klyp-SidebarLottie{width:22px;height:22px;color:inherit}.klyp-MobileNavDrawer__label{font-family:var(--font-sans);font-size:var(--font-size-14);font-weight:var(--font-weight-medium);flex:auto;line-height:1}.klyp-MobileNavDrawer__badge{height:20px;padding-inline:var(--space-8);border-radius:var(--r-chip);background:var(--color-bg-surface-solid);color:var(--color-fg-subtle);font-family:var(--font-sans);font-size:var(--font-size-11);font-weight:var(--font-weight-medium);white-space:nowrap;justify-content:center;align-items:center;margin-inline-start:var(--space-4);display:inline-flex}.klyp-MobileNavDrawer__footer{flex:none;margin-block-start:var(--space-4);padding:0}.klyp-MobileNavDrawer__footer:before{content:"";height:var(--bw-default);margin:0 var(--space-16) var(--space-8);background:var(--color-border-subtle);display:block}
