.wg-overlay{z-index:1000;-webkit-backdrop-filter:saturate(140%)blur(8px);backdrop-filter:saturate(140%)blur(8px);background:#00000052;place-items:center;padding:24px;animation:.12s ease-out wg-fade;display:grid;position:fixed;inset:0}@keyframes wg-fade{0%{opacity:0}}.wg-modal{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);width:min(960px,100%);max-height:min(86vh,700px);box-shadow:var(--ui-shadow-lg,0 12px 32px -12px #0000004d);animation:wg-pop .15s var(--ui-ease,cubic-bezier(.16, 1, .3, 1));flex-direction:column;display:flex;overflow:hidden}@keyframes wg-pop{0%{opacity:0;transform:translateY(8px)scale(.985)}}@media (prefers-reduced-motion:reduce){.wg-overlay,.wg-modal{animation:none}}.wg-body{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:15.75rem minmax(0,1fr);min-height:0;display:grid}.wg-content{padding:18px 20px 22px}.wg-body>.cat-main{border-left:1px solid var(--ui-border)}.wg-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.wg-card{border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface);cursor:pointer;text-align:left;flex-direction:column;width:100%;padding:0;transition:border-color .12s,box-shadow .12s,transform .12s;display:flex;position:relative;overflow:hidden}.wg-card:hover:not(:disabled){border-color:var(--ui-border-strong);box-shadow:var(--ui-shadow-sm);transform:translateY(-1px)}.wg-card:focus-visible{border-color:var(--ui-brand);box-shadow:var(--ui-focus);outline:none}.wg-card:disabled{cursor:default;opacity:.62}.wg-card-thumb{background:var(--ui-surface-subtle);border-bottom:1px solid var(--ui-border);height:96px;padding:14px 16px;display:block}.wg-thumb-svg{width:100%;height:100%;display:block}.wg-card-meta{flex-direction:column;gap:2px;padding:11px 14px 13px;display:flex}.wg-card-title{letter-spacing:-.01em;color:var(--ui-text);font-size:13.5px;font-weight:600}.wg-card-sub{color:var(--ui-text-soft);font-size:12px}.wg-card-added{border-radius:var(--ui-radius-pill);border:1px solid var(--ui-border);background:var(--ui-surface);color:var(--ui-text-soft);padding:2px 7px;font-size:10.5px;font-weight:600;position:absolute;top:10px;right:10px}.wg-saved{position:relative}.wg-saved:hover>.wg-card:not(:disabled){border-color:var(--ui-border-strong);box-shadow:var(--ui-shadow-sm);transform:translateY(-1px)}.wg-saved>.wg-card-remove{background:var(--ui-surface);opacity:0;width:1.625rem;height:1.625rem;transition:opacity var(--ui-motion-fast) var(--ui-ease), color var(--ui-motion-fast) var(--ui-ease), background var(--ui-motion-fast) var(--ui-ease), scale .16s var(--ui-ease);padding:0;position:absolute;top:6px;right:6px}.wg-saved:hover>.wg-card-remove,.wg-saved>.wg-card-remove:focus-visible{opacity:.7}.wg-saved>.wg-card-remove:hover{opacity:1;color:var(--ui-danger);background:color-mix(in srgb, currentColor 14%, var(--ui-surface))}.wg-saved>.wg-card-remove:active{scale:.9}.wg-saved:hover .wg-card-added{right:calc(10px + 1.625rem)}.wg-saved:has(>.wg-card-remove:focus-visible) .wg-card-added{right:calc(10px + 1.625rem)}@media (prefers-reduced-motion:reduce){.wg-saved:hover>.wg-card:not(:disabled){transform:none}.wg-saved>.wg-card-remove:active{scale:none}}.wg-empty{color:var(--ui-text-soft);margin:0;padding:28px 4px;font-size:13.5px}@media (max-width:560px){.wg-body{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.wg-body>.cat-rail-host{border-bottom:1px solid var(--ui-border);max-height:40%}.wg-body>.cat-main{border-left:none}}