:root{--rel-ease:cubic-bezier(.2,.8,.2,1)}.rel-panel{font-family:var(--wh-font);flex:auto;min-height:0;margin:0;padding:0;display:flex;overflow:hidden}.rel-layout{flex-direction:row;flex:auto;align-items:stretch;width:100%;min-height:0;display:flex}.rel-rail{border-right:1px solid var(--wh-border);background:var(--wh-surface,#fff);flex-direction:column;flex-shrink:0;width:280px;min-width:240px;min-height:0;display:flex}.rel-rail-header{justify-content:space-between;align-items:center;gap:8px;padding:14px 12px 8px;display:flex}.rel-rail-title{text-transform:uppercase;letter-spacing:.08em;color:var(--wh-text-muted);font-size:11px;font-weight:700}.rel-rail-search{padding:0 10px 8px}.rel-rail-list{flex:auto;min-height:0;padding:2px 6px 6px;overflow-y:auto}.rel-rail-empty{color:var(--wh-text-muted);text-align:center;padding:16px 12px;font-size:12.5px}.rel-rail-item{cursor:pointer;text-align:left;transition:background .16s var(--rel-ease);border-radius:9px;align-items:center;gap:10px;margin:2px 0;padding:7px 8px;display:flex;position:relative}.rel-rail-item:hover{background:var(--wh-surface-hover,#0000000a)}.rel-rail-item:focus-visible{outline:2px solid var(--wh-indigo,#2563eb);outline-offset:-1px}.rel-rail-item--active{background:var(--wh-indigo-muted,#2563eb1a)}.rel-rail-item--active:before{content:"";background:var(--wh-indigo,#2563eb);border-radius:0 4px 4px 0;width:3px;height:58%;position:absolute;top:50%;left:-6px;transform:translateY(-50%)}.rel-rail-item__icon{background:var(--wh-surface-hover,#0000000d);color:var(--wh-text-muted);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.rel-rail-item--active .rel-rail-item__icon{background:color-mix(in srgb,var(--wh-indigo,#2563eb)14%,transparent);color:var(--wh-indigo,#2563eb)}.rel-rail-item__text{flex:1;min-width:0}.rel-rail-item__name{color:var(--wh-text);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600;overflow:hidden}.rel-rail-item--active .rel-rail-item__name{color:var(--wh-indigo,#2563eb)}.rel-rail-item__sub{color:var(--wh-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.rel-rail-item__count{color:var(--wh-text-muted);background:var(--wh-bg,#f3f4f6);border-radius:999px;flex-shrink:0;padding:1px 7px;font-size:11px;font-weight:600}.rel-rail-item__count--zero{opacity:.5}.rel-rail-item--active .rel-rail-item__count{background:color-mix(in srgb,var(--wh-indigo,#2563eb)14%,transparent);color:var(--wh-indigo,#2563eb)}.rel-detail{flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex;overflow-y:auto}.rel-detail-header{border-bottom:1px solid var(--wh-border-light,#0000000f);align-items:center;gap:12px;padding:16px 16px 12px;display:flex}.rel-detail-icon{background:color-mix(in srgb,var(--wh-indigo,#2563eb)12%,transparent);color:var(--wh-indigo,#2563eb);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.rel-detail-title{color:var(--wh-text);letter-spacing:-.2px;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:700;overflow:hidden}.rel-detail-meta{color:var(--wh-text-muted);font-size:12.5px}.rel-detail-body{flex:1;min-height:0;padding:16px}.rel-detail-placeholder{flex:1;justify-content:center;align-items:center;display:flex}@media (width<=768px){.rel-layout{flex-direction:column}.rel-rail{border-right:none;border-bottom:1px solid var(--wh-border);width:auto;max-height:260px}.rel-detail{overflow:visible}}@media (prefers-reduced-motion:reduce){.rel-rail-item{transition:none}}