.kn-nav button:disabled,.kn-wg button:disabled{opacity:.4;cursor:not-allowed}.kn-nav{box-sizing:border-box}.kn-nav__grip,.kn-wg__grip{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;padding:0;color:var(--kn-border-strong);cursor:-webkit-grab;cursor:grab;touch-action:none}.kn-nav__grip{font-size:var(--kn-fs-caption);letter-spacing:-1px;width:14px}.kn-nav__grip--sm{font-size:var(--kn-fs-caption);letter-spacing:0;width:12px}.kn-nav__grip:active,.kn-wg__grip:active{cursor:-webkit-grabbing;cursor:grabbing}.kn-nav--left{display:flex;flex-direction:column;background:var(--kn-surface);border-right:1px solid var(--kn-border);z-index:var(--kn-z-nav);transition:width var(--kn-dur) var(--kn-spring),min-width var(--kn-dur) var(--kn-spring)}.kn-nav__head{display:flex;align-items:center;gap:6px;padding:16px 14px 12px;justify-content:flex-end}.kn-nav__head[data-collapsed=true]{justify-content:center;padding:16px 0 12px}.kn-nav__ctl{width:24px;height:24px;min-width:24px;border:none;background:transparent;color:var(--kn-text-3);border-radius:var(--kn-r-xs);cursor:pointer;font-size:var(--kn-fs-small);display:inline-flex;align-items:center;justify-content:center;transition:background var(--kn-dur-fast) var(--kn-ease),color var(--kn-dur-fast) var(--kn-ease)}.kn-nav__ctl:hover{background:var(--kn-surface-2);color:var(--kn-text)}.kn-nav__list{display:flex;flex-direction:column;gap:2px;padding:6px 8px;flex:1 1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.kn-nav__empty{padding:12px 10px;color:var(--kn-text-3);font-size:var(--kn-fs-small);text-align:center}.kn-nav__brand{margin-right:auto;display:inline-flex;align-items:center;min-width:0;color:var(--kn-text)}.kn-nav__group{display:flex;flex-direction:column;gap:2px}.kn-nav__ghead{display:flex;align-items:center;gap:6px;height:26px;padding:0 8px;margin-top:6px;border:none;background:transparent;cursor:pointer;border-radius:var(--kn-r-ctl);text-align:left;color:var(--kn-text-3);font-family:var(--kn-font-ui);font-size:var(--kn-fs-caption);font-weight:600;letter-spacing:.06em;text-transform:uppercase;transition:color var(--kn-dur-fast) var(--kn-ease),background var(--kn-dur-fast) var(--kn-ease)}.kn-nav__group:first-child>.kn-nav__ghead{margin-top:0}.kn-nav__ghead:hover{color:var(--kn-text-2);background:var(--kn-surface-2)}.kn-nav__ghead[data-active=true]{color:var(--kn-accent-strong)}.kn-nav__gchev{font-size:var(--kn-fs-caption);width:10px;min-width:10px;text-align:center;transition:transform var(--kn-dur-fast) var(--kn-ease)}.kn-nav__gchev[data-open=true]{transform:rotate(90deg)}@media (prefers-reduced-motion:reduce){.kn-nav__gchev{transition:none}}.kn-nav__glabel{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kn-nav__gcount{font-family:var(--kn-font-mono);font-feature-settings:var(--kn-num);font-size:var(--kn-fs-caption)}.kn-nav__item{display:flex;align-items:center;gap:10px;height:var(--kn-nav-item-h);padding:0 8px;border-radius:var(--kn-r-ctl);background:transparent;color:var(--kn-text-2);-webkit-user-select:none;-moz-user-select:none;user-select:none;outline-offset:-1.5px;transition:background var(--kn-dur-fast) var(--kn-ease),opacity var(--kn-dur-fast) var(--kn-ease)}.kn-nav__item:hover{background:var(--kn-surface-2)}.kn-nav__item[data-active=true],.kn-nav__item[data-active=true]:hover{background:var(--kn-accent-soft);color:var(--kn-accent-strong)}.kn-nav__navbtn{flex:1 1;min-width:0;height:100%;display:flex;align-items:center;gap:10px;border:none;background:transparent;color:inherit;padding:0;cursor:pointer;text-align:left;font-family:var(--kn-font-ui)}.kn-nav__icon{font-size:var(--kn-fs-body);width:18px;min-width:18px;text-align:center}.kn-nav__icon--sm{font-size:var(--kn-fs-small);width:16px;min-width:16px}.kn-nav__label{flex:1 1;min-width:0;font-size:var(--kn-fs-small);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kn-nav__item[data-active=true] .kn-nav__label{font-weight:600}.kn-nav__badge{min-width:20px;padding:0 5px;border-radius:var(--kn-r-full);background:var(--kn-accent);color:var(--kn-on-accent);font-family:var(--kn-font-mono);font-feature-settings:var(--kn-num);font-weight:700}.kn-nav__badge,.kn-nav__hide{display:inline-flex;align-items:center;justify-content:center;height:18px;font-size:var(--kn-fs-caption)}.kn-nav__hide{width:18px;min-width:18px;padding:0;border:none;background:transparent;color:var(--kn-text-3);opacity:.35;cursor:pointer;border-radius:var(--kn-r-xs);transition:opacity var(--kn-dur-fast) var(--kn-ease),color var(--kn-dur-fast) var(--kn-ease)}.kn-nav__hide:hover{opacity:1;color:var(--kn-danger)}.kn-nav__hidden{display:flex;flex-wrap:wrap;gap:6px;padding:8px 10px;border-top:1px solid var(--kn-border)}.kn-nav__chip{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border:1px dashed var(--kn-border-strong);border-radius:var(--kn-r-full);background:transparent;color:var(--kn-text-3);font-size:var(--kn-fs-caption);cursor:pointer;transition:color var(--kn-dur-fast) var(--kn-ease),border-color var(--kn-dur-fast) var(--kn-ease)}.kn-nav__chip:hover{color:var(--kn-text);border-color:var(--kn-text-3)}.kn-nav__resize{position:absolute;right:-3px;top:0;bottom:0;width:7px;cursor:col-resize;z-index:2}.kn-nav--top{display:inline-flex}.kn-nav__toprail{display:flex;gap:2px;padding:3px;background:var(--kn-inset);border-radius:var(--kn-r-ctl);max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain}.kn-nav__tab{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;border:none;border-radius:calc(var(--kn-r-ctl) - 3px);background:transparent;color:var(--kn-text-3);-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background var(--kn-dur-fast) var(--kn-ease),opacity var(--kn-dur-fast) var(--kn-ease)}.kn-nav__tab:hover{background:var(--kn-surface-2)}.kn-nav__tab[data-active=true],.kn-nav__tab[data-active=true]:hover{background:var(--kn-surface);color:var(--kn-text)}.kn-nav__tabbtn{border:none;background:transparent;color:inherit;padding:0;cursor:pointer;font-family:var(--kn-font-ui);font-size:var(--kn-fs-small);font-weight:600;white-space:nowrap}.kn-wg{display:flex;flex-direction:column;gap:14px}.kn-wg__bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.kn-wg__reset{height:var(--kn-control-h-sm);padding:0 12px;border:none;border-radius:var(--kn-r-ctl);background:transparent;color:var(--kn-text-3);font-size:var(--kn-fs-small);cursor:pointer;transition:background var(--kn-dur-fast) var(--kn-ease),color var(--kn-dur-fast) var(--kn-ease)}.kn-wg__reset:hover{background:var(--kn-surface-2);color:var(--kn-text)}.kn-wg__zones{display:flex;gap:var(--kn-gap);align-items:flex-start}.kn-wg__main{flex:1 1;min-width:0;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--kn-gap);gap:var(--kn-gap);align-content:start}.kn-wg__side{width:300px;min-width:300px;align-self:stretch;display:flex;flex-direction:column;gap:var(--kn-gap);border:1.5px dashed var(--kn-border);border-radius:var(--kn-r-card);padding:10px;min-height:240px;transition:border-color var(--kn-dur-fast) var(--kn-ease),background var(--kn-dur-fast) var(--kn-ease)}.kn-wg__side[data-over=true]{border-color:var(--kn-accent);background:var(--kn-accent-soft)}.kn-wg__zonelabel{font-family:var(--kn-font-mono);font-size:var(--kn-fs-caption);letter-spacing:var(--kn-track-caps);text-transform:uppercase;color:var(--kn-text-3);padding:2px 4px}.kn-wg__empty{display:flex;align-items:center;justify-content:center;flex:1 1;grid-column:1/-1;min-height:120px;color:var(--kn-text-3);font-size:var(--kn-fs-small);text-align:center;padding:20px}.kn-wg__card{background:var(--kn-surface);border:1px solid var(--kn-border);border-radius:var(--kn-r-card);padding:var(--kn-card-pad);display:flex;flex-direction:column;gap:10px;transition:box-shadow var(--kn-dur-fast) var(--kn-ease),transform var(--kn-dur) var(--kn-spring),opacity var(--kn-dur-fast) var(--kn-ease)}.kn-wg__card:hover{box-shadow:var(--kn-shadow-2)}.kn-wg__main .kn-wg__card{min-height:150px}.kn-wg__overlay{box-shadow:var(--kn-shadow-3);transform:rotate(1deg) scale(1.02);cursor:-webkit-grabbing;cursor:grabbing;pointer-events:none}.kn-wg__chead{display:flex;align-items:center;gap:8px}.kn-wg__grip{font-size:var(--kn-fs-caption);width:14px}.kn-wg__title{flex:1 1;min-width:0;font-size:var(--kn-fs-small);font-weight:600;color:var(--kn-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kn-wg__act{width:22px;height:22px;min-width:22px;padding:0;border:none;background:transparent;color:var(--kn-text-3);border-radius:var(--kn-r-xs);cursor:pointer;font-size:var(--kn-fs-caption);display:inline-flex;align-items:center;justify-content:center;transition:background var(--kn-dur-fast) var(--kn-ease),color var(--kn-dur-fast) var(--kn-ease)}.kn-wg__act:hover{background:var(--kn-surface-2)}.kn-wg__act--danger{font-size:var(--kn-fs-caption)}.kn-wg__act--danger:hover{background:var(--kn-surface-2);color:var(--kn-danger)}.kn-wg__body{min-width:0}.kn-wg__hidden{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.kn-wg__hlabel{font-family:var(--kn-font-mono);letter-spacing:var(--kn-track-caps);text-transform:uppercase}.kn-wg__chip,.kn-wg__hlabel{font-size:var(--kn-fs-caption);color:var(--kn-text-3)}.kn-wg__chip{height:26px;padding:0 11px;border:1px dashed var(--kn-border-strong);border-radius:var(--kn-r-full);background:transparent;cursor:pointer;transition:color var(--kn-dur-fast) var(--kn-ease),border-color var(--kn-dur-fast) var(--kn-ease)}.kn-wg__chip:hover{color:var(--kn-text);border-color:var(--kn-text-3)}@media (max-width:639px){.kn-wg__zones{flex-direction:column}.kn-wg__main{grid-template-columns:1fr}.kn-wg__side{width:auto;min-width:0}.kn-wg__main .kn-wg__card{grid-column:1/-1!important}}