.sgs-root{border-right:1px solid var(--wh-border-light,#00000014);background:linear-gradient(180deg,var(--wh-surface)0%,rgba(var(--wh-surface-rgb,255,255,255),.95)100%);font-family:var(--wh-font);flex-direction:column;flex-shrink:0;width:250px;min-height:0;transition:border-color .2s;display:flex;position:relative}@keyframes sgs-bulk-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.sgs-header{box-sizing:border-box;flex-shrink:0;justify-content:space-between;align-items:center;min-height:48px;padding:16px 16px 10px;display:flex}.sgs-header--bulk{background:linear-gradient(135deg,color-mix(in srgb,var(--wh-indigo)8%,var(--wh-surface))0%,color-mix(in srgb,var(--wh-indigo)4%,var(--wh-surface))100%);border-bottom:1px solid color-mix(in srgb,var(--wh-indigo)14%,transparent);gap:8px;padding:10px 14px;animation:.2s cubic-bezier(.16,1,.3,1) both sgs-bulk-slide-in;box-shadow:0 4px 12px #6366f10a}.sgs-bulk-cancel{border:1px solid var(--wh-border-subtle,#0000001a);background:var(--wh-surface);color:var(--wh-text-secondary);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:all .15s cubic-bezier(.16,1,.3,1);display:inline-flex}.sgs-bulk-cancel:hover{background:var(--wh-surface-hover);color:var(--wh-text);transform:scale(1.05)}.sgs-bulk-count{color:var(--wh-indigo);letter-spacing:-.15px;font-size:13px;font-weight:600;font-family:var(--wh-font);flex:1;min-width:0}.sgs-bulk-delete{border:1px solid color-mix(in srgb,var(--wh-error,#dc2626)24%,transparent);background:color-mix(in srgb,var(--wh-error,#dc2626)8%,var(--wh-surface));color:var(--wh-error,#dc2626);font-family:var(--wh-font);cursor:pointer;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 4px #dc26260a}.sgs-bulk-delete:hover:not(:disabled){background:color-mix(in srgb,var(--wh-error,#dc2626)14%,var(--wh-surface));border-color:var(--wh-error,#dc2626);transform:translateY(-1px);box-shadow:0 4px 8px #dc262614}.sgs-bulk-delete:disabled{opacity:.45;cursor:not-allowed}.sgs-header-title{letter-spacing:.1em;text-transform:uppercase;color:var(--wh-text-muted,#8e8e93);font-size:11px;font-weight:700}.sgs-header-add{border:1px solid var(--wh-border-subtle,#00000014);background:var(--wh-surface);color:var(--wh-text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.sgs-header-add:hover{background:var(--wh-indigo-muted);border-color:var(--wh-indigo);color:var(--wh-indigo);transform:rotate(90deg)scale(1.05)}.sgs-search{background:var(--wh-bg,var(--wh-surface-hover));border:1px solid #0000;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;height:32px;margin:0 12px 10px;padding:0 10px;transition:border-color .2s,background .2s,box-shadow .2s;display:flex}.sgs-search:focus-within{border-color:var(--wh-indigo);background:var(--wh-surface);box-shadow:0 0 0 3px #6366f11f}.sgs-search-input{font-family:var(--wh-font);color:var(--wh-text);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:12.5px}.sgs-search-input::placeholder{color:var(--wh-text-muted)}.sgs-search-clear{cursor:pointer;color:var(--wh-text-muted);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:background .15s,color .15s;display:inline-flex}.sgs-search-clear:hover{background:var(--wh-surface-hover);color:var(--wh-text)}.sgs-list{scrollbar-width:thin;flex-direction:column;flex:auto;gap:2px;min-height:0;padding:0 10px 16px;display:flex;overflow-y:auto}.sgs-list::-webkit-scrollbar{width:6px}.sgs-list::-webkit-scrollbar-thumb{background:var(--wh-border-subtle,#00000014);border-radius:4px}.sgs-list::-webkit-scrollbar-thumb:hover{background:var(--wh-border)}.sgs-divider{background:var(--wh-border-light,#0000000d);flex-shrink:0;height:1px;margin:8px 6px}.sgs-item{cursor:pointer;user-select:none;box-sizing:border-box;border-radius:10px;align-items:center;gap:8px;min-height:36px;padding:6px 12px;transition:background .18s cubic-bezier(.16,1,.3,1),color .18s cubic-bezier(.16,1,.3,1),box-shadow .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.sgs-item:hover{background:var(--wh-surface-hover,#00000005);transform:translate(2px)}.sgs-item:focus-visible{box-shadow:0 0 0 2px var(--wh-indigo)inset;outline:none}.sgs-item--active{background:var(--wh-indigo-muted,#6366f114);color:var(--wh-indigo);font-weight:500}.sgs-item--active:before{content:"";background:var(--wh-indigo);border-radius:0 4px 4px 0;width:3px;position:absolute;top:8px;bottom:8px;left:0}.sgs-item--active:hover{background:color-mix(in srgb,var(--wh-indigo)12%,var(--wh-surface))}.sgs-item-icon{color:inherit;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.sgs-item-color{border-radius:50%;flex-shrink:0;width:10px;height:10px;transition:transform .15s;display:inline-block;box-shadow:inset 0 0 0 1px #00000014}.sgs-item:hover .sgs-item-color{transform:scale(1.2)}.sgs-item-name{text-overflow:ellipsis;white-space:nowrap;color:var(--wh-text);letter-spacing:-.15px;flex:1;min-width:0;font-size:13.5px;font-weight:500;overflow:hidden}.sgs-item--active .sgs-item-name{color:var(--wh-indigo-hover,var(--wh-indigo));font-weight:600}.sgs-item-count{background:var(--wh-bg,#0000000a);color:var(--wh-text-secondary);border:1px solid #0000;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:24px;height:20px;padding:0 8px;font-size:11px;font-weight:600;line-height:1;transition:all .18s;display:inline-flex}.sgs-item:hover .sgs-item-count{background:var(--wh-surface);border-color:var(--wh-border-subtle,#00000014)}.sgs-item--active .sgs-item-count{background:color-mix(in srgb,var(--wh-indigo)14%,transparent);color:var(--wh-indigo)}.sgs-item-drag,.sgs-item-check,.sgs-item-menu{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .16s cubic-bezier(.16,1,.3,1),background .16s cubic-bezier(.16,1,.3,1),border-color .16s cubic-bezier(.16,1,.3,1),color .16s cubic-bezier(.16,1,.3,1),transform .16s cubic-bezier(.16,1,.3,1);display:inline-flex}.sgs-item-drag{color:var(--wh-text-muted);cursor:grab;opacity:0;border-radius:4px;width:18px;height:24px;margin-left:-6px;margin-right:-4px}.sgs-item-drag:active{cursor:grabbing}.sgs-item-check{border:1.5px solid var(--wh-border,#00000026);background:var(--wh-surface);color:#fff;opacity:0;box-sizing:border-box;border-radius:6px;width:18px;height:18px;padding:0}.sgs-item-check--on{background:var(--wh-indigo);border-color:var(--wh-indigo);opacity:1}.sgs-item-check:hover{border-color:var(--wh-indigo);background:color-mix(in srgb,var(--wh-indigo)6%,var(--wh-surface))}.sgs-item-check:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--wh-indigo)20%,transparent);outline:none}.sgs-item-menu{color:var(--wh-text-muted);opacity:0;border-radius:8px;width:24px;height:24px}.sgs-item-menu:hover{background:var(--wh-surface-hover);color:var(--wh-text);transform:scale(1.05)}.sgs-item:hover .sgs-item-drag,.sgs-item:hover .sgs-item-check,.sgs-item:hover .sgs-item-menu,.sgs-item:focus-within .sgs-item-drag,.sgs-item:focus-within .sgs-item-check,.sgs-item:focus-within .sgs-item-menu,.sgs-item--reveal .sgs-item-check,.sgs-item--dragging .sgs-item-drag{opacity:1}.sgs-item--pinned .sgs-item-drag,.sgs-item--pinned .sgs-item-check,.sgs-item--pinned .sgs-item-menu{display:none}.sgs-item--selected{background:color-mix(in srgb,var(--wh-indigo)6%,transparent)}.sgs-item--selected:hover{background:color-mix(in srgb,var(--wh-indigo)10%,transparent)}.sgs-item--active.sgs-item--selected{background:var(--wh-indigo-muted,#6366f11f)}.sgs-item--drag-overlay{background:var(--wh-surface);border:1px solid var(--wh-border);cursor:grabbing;border-radius:10px;width:230px;transform:rotate(1.5deg)scale(1.02);box-shadow:0 12px 30px #00000026,0 4px 10px #6366f10d}.sgs-item--drag-overlay .sgs-item-drag{opacity:1}.sgs-item--editing{background:var(--wh-surface);box-shadow:0 0 0 2px var(--wh-indigo-muted)inset}.sgs-item-name-input{font-family:var(--wh-font);color:var(--wh-text);letter-spacing:-.15px;background:0 0;border:none;outline:none;flex:1;min-width:0;margin:0;padding:0;font-size:13.5px;font-weight:500}.sgs-item-count--zero{opacity:.45;background:0 0;font-size:10.5px;font-weight:500}.sgs-empty{color:var(--wh-text-muted);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:20px 14px;font-size:12.5px;display:flex}.sgs-empty-cta{border:1.5px dashed var(--wh-border-subtle,#0000001a);color:var(--wh-indigo);cursor:pointer;background:0 0;border-radius:8px;padding:6px 12px;font-size:11.5px;font-weight:600;transition:all .18s}.sgs-empty-cta:hover{border-color:var(--wh-indigo);background:var(--wh-indigo-muted);transform:translateY(-1px)}