/* Global Store gallery · the kit rules for this component, quoted from phase-2/kit (kit v3) by phase-4/src/build_pack.py.
   Tokens come from ../../styles.css. Build it as: Card, ToggleGroup. */
/* families/cards-gallery/family.css */
.cg-count{font:var(--w-medium) var(--text-small)/1 var(--font-ui);font-variant-numeric:tabular-nums;color:hsl(var(--muted-foreground));background:hsl(var(--muted));border-radius:var(--r-chip);padding:var(--s-1) var(--s-2);letter-spacing:0}
/* families/cards-gallery/family.css */
.cg-toolbar{display:flex;align-items:center;gap:var(--s-3);padding:0 var(--s-6) var(--s-4);border-bottom:1px solid hsl(var(--border))}
/* families/cards-gallery/family.css */
.cg-toolbar .r{margin-left:auto;display:flex;align-items:center;gap:var(--s-2)}
/* families/cards-gallery/family.css */
.cg-fchips{display:flex;gap:var(--s-1)}
/* families/cards-gallery/family.css */
.cg-fchip{height:var(--control-h-sm);padding:0 var(--s-3);border-radius:var(--r-control);border:1px solid hsl(var(--border));background:hsl(var(--background));display:inline-flex;align-items:center;gap:var(--s-2);white-space:nowrap;color:hsl(var(--foreground));font:var(--w-medium) var(--text-btn-sm)/1 var(--font-voice);font-stretch:var(--font-stretch-title);transition:background-color var(--motion-hover),border-color var(--motion-hover)}
/* families/cards-gallery/family.css */
.cg-fchip:hover{background:hsl(var(--muted))}
/* families/cards-gallery/family.css */
.cg-fchip .n{font:var(--w-regular) var(--text-micro)/1 var(--font-ui);font-variant-numeric:tabular-nums;color:hsl(var(--muted-foreground))}
/* families/cards-gallery/family.css */
.cg-fchip[aria-pressed=true]{background:hsl(var(--accent));border-color:hsl(var(--ring)/.35);color:hsl(var(--accent-foreground))}
/* families/cards-gallery/family.css */
.cg-fchip[aria-pressed=true] .n{color:hsl(var(--accent-foreground))}
/* families/cards-gallery/family.css */
.cg-fchip .dot{width:6px;height:6px}
/* families/cards-gallery/family.css */
.cg-search{width:260px;height:var(--control-h-sm)}
/* families/cards-gallery/family.css */
.cg-search svg{color:hsl(var(--muted-foreground))}
/* families/cards-gallery/family.css */
.cg-search input{border:0;outline:0;background:transparent;flex:1;min-width:0;font-size:var(--text-body)}
/* families/cards-gallery/family.css */
.cg-search input::placeholder{color:hsl(var(--muted-foreground))}
/* families/cards-gallery/family.css */
.cg-sortw{position:relative}
/* families/cards-gallery/family.css */
.cg-sortw .field{height:var(--control-h-sm);width:auto;gap:var(--s-2);font-size:var(--text-body)}
/* families/cards-gallery/family.css */
.cg-sortw .field .q{white-space:nowrap}
/* families/cards-gallery/family.css */
.cg-grid{display:grid;gap:var(--s-5) var(--s-4)}
/* families/cards-gallery/family.css */
.cg-grid.c5{grid-template-columns:repeat(5,minmax(0,1fr))}
/* families/cards-gallery/family.css */
.cg-grid.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
/* families/cards-gallery/family.css */
.cg-grid.c6{grid-template-columns:repeat(6,minmax(0,1fr))}
/* families/cards-gallery/family.css */
.cg-grid.c2{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-4) var(--s-3)}
/* families/cards-gallery/family.css */
.cg-pager{display:flex;align-items:center;gap:var(--s-2);font-size:var(--text-small);color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums}
/* families/cards-gallery/family.css */
.cg-sk{background:hsl(var(--muted));border-radius:var(--r-chip);animation:kit-skel var(--motion-skeleton)}
/* families/cards-gallery/family.css */
.cg-sk.media{aspect-ratio:3/4;border-radius:var(--r-card-inner) var(--r-card-inner) 0 0}
/* families/cards-gallery/family.css */
.cg-sk.sq{aspect-ratio:1/1;border-radius:var(--r-card-inner) var(--r-card-inner) 0 0}
/* families/cards-gallery/family.css */
.cg-sk.l{height:10px;margin-top:var(--s-2)}
/* families/cards-gallery/family.css */
.cg-sk.l.w9{width:90%}
/* families/cards-gallery/family.css */
.cg-sk.l.w7{width:70%}
/* families/cards-gallery/family.css */
.cg-sk.l.w5{width:50%}
/* families/cards-gallery/family.css */
.cg-sk.l.w4{width:40%}
/* families/cards-gallery/family.css */
.cg-sk.btn{height:var(--control-h-sm);border-radius:var(--r-control);margin-top:var(--s-3)}
/* families/cards-gallery/family.css */
.cg-loadline{display:flex;align-items:center;gap:var(--s-2);font-size:var(--text-small);color:hsl(var(--muted-foreground));margin-bottom:var(--s-4)}
/* families/cards-gallery/family.css */
.cg-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--s-3);padding:var(--s-10) var(--s-6)}
/* families/cards-gallery/family.css */
.cg-empty .cg-art{width:84px;height:84px;border-radius:var(--r-frame);display:grid;place-items:center;background:hsl(var(--muted));color:hsl(var(--muted-foreground))}
/* families/cards-gallery/family.css */
.cg-empty.err .cg-art{background:hsl(var(--destructive)/.07);color:hsl(var(--destructive))}
/* families/cards-gallery/family.css */
.cg-empty h3{font:var(--w-semibold) var(--text-section)/var(--lh-section) var(--font-voice);font-stretch:var(--font-stretch-title);letter-spacing:var(--tr-section)}
/* families/cards-gallery/family.css */
.cg-empty p{font-size:var(--text-body);color:hsl(var(--muted-foreground));max-width:34ch}
/* families/cards-gallery/family.css */
.cg-empty .cg-row{display:flex;gap:var(--s-2);margin-top:var(--s-2);flex-wrap:wrap;justify-content:center}
/* families/cards-gallery/family.css */
.cg-ghostgrid{display:grid;grid-template-columns:repeat(3,28px);gap:6px;opacity:.9}
/* families/cards-gallery/family.css */
.cg-ghostgrid i{display:block;height:36px;border-radius:var(--r-chip);border:1.5px dashed hsl(var(--secondary-border))}
/* families/cards-gallery/family.css */
.cg-list{display:flex;flex-direction:column}
/* families/cards-gallery/family.css */
.cg-li{display:flex;align-items:center;gap:var(--s-3);min-height:64px;padding:var(--s-2) var(--s-4);border-bottom:1px solid hsl(var(--border))}
/* families/cards-gallery/family.css */
.cg-li:last-child{border-bottom:0}
/* families/cards-gallery/family.css */
.cg-li .cg-tthumb{width:36px;height:48px}
/* families/cards-gallery/family.css */
.cg-li .t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
/* families/cards-gallery/family.css */
.cg-li .t b{font:var(--w-semibold) var(--text-btn-sm)/1.25 var(--font-voice);font-stretch:var(--font-stretch-title);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* families/cards-gallery/family.css */
.cg-li .t span{font-size:var(--text-micro);color:hsl(var(--muted-foreground))}
/* families/cards-gallery/family.css */
.cg-li .p{display:flex;flex-direction:column;align-items:flex-end;gap:var(--s-1)}
/* families/cards-gallery/family.css */
.cg-li .p b{font:var(--w-semibold) var(--text-btn-sm)/1 var(--font-ui);font-variant-numeric:tabular-nums}
/* families/cards-gallery/family.css */
.cg-ghostgrid{grid-template-columns:repeat(3,18px);gap:5px}
/* families/cards-gallery/family.css */
.cg-ghostgrid i{height:24px}