/* Picker mode · 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, Command. */
/* families/cards-gallery/family.css */
.cg-picker{display:flex;flex-direction:column}
/* families/cards-gallery/family.css */
.cg-pk-top{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4) var(--s-5);border-bottom:1px solid hsl(var(--border))}
/* families/cards-gallery/family.css */
.cg-pk-top .r{margin-left:auto;display:flex;gap:var(--s-2);align-items:center}
/* families/cards-gallery/family.css */
.cg-pk-grid{padding:var(--s-5)}
/* families/cards-gallery/family.css */
.cg-pick{text-align:left;cursor:pointer;width:100%}
/* families/cards-gallery/family.css */
.cg-pick .cg-swatch{border-radius:var(--r-card-inner) var(--r-card-inner) 0 0}
/* families/cards-gallery/family.css */
.cg-tick{position:absolute;top:var(--s-2);right:var(--s-2);z-index:3;width:22px;height:22px;display:grid;place-items:center;background:hsl(var(--background));border:1.5px solid hsl(var(--input));color:transparent;box-shadow:var(--e-1);transition:background-color var(--motion-hover),border-color var(--motion-hover),color var(--motion-hover)}
/* families/cards-gallery/family.css */
.cg-tick.box{border-radius:var(--r-chip)}
/* families/cards-gallery/family.css */
.cg-tick.radio{border-radius:var(--r-pill)}
/* families/cards-gallery/family.css */
.cg-pick[aria-selected=true]{border-color:hsl(var(--primary));box-shadow:0 0 0 1px hsl(var(--primary)),var(--e-1)}
/* families/cards-gallery/family.css */
.cg-pick[aria-selected=true]:hover, .cg-pick[aria-selected=true].is-hover{box-shadow:0 0 0 1px hsl(var(--primary)),var(--e-pop)}
/* families/cards-gallery/family.css */
.cg-pick[aria-selected=true] .cg-tick{background:hsl(var(--primary));border-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}
/* families/cards-gallery/family.css */
.cg-pick.is-anchor .cg-tick{background:hsl(var(--primary));border-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}
/* families/cards-gallery/family.css */
.cg-pick.is-anchor{border-color:hsl(var(--primary))}
/* families/cards-gallery/family.css */
.cg-pick[aria-disabled=true]{cursor:not-allowed;transform:none;box-shadow:none;background:hsl(var(--muted)/.6)}
/* families/cards-gallery/family.css */
.cg-pick[aria-disabled=true] .cg-fab{opacity:.45}
/* families/cards-gallery/family.css */
.cg-pick[aria-disabled=true] .cg-tick{background:hsl(var(--muted));border-color:hsl(var(--border))}
/* families/cards-gallery/family.css */
.cg-pick.is-anchor[aria-disabled=true] .cg-fab{opacity:1}
/* families/cards-gallery/family.css */
.cg-pick.is-anchor[aria-disabled=true]{background:hsl(var(--card));cursor:default}
/* families/cards-gallery/family.css */
.cg-tag{display:inline-flex;align-items:center;height:20px;padding:0 6px;border-radius:var(--r-chip);font:var(--w-semibold) var(--text-micro)/1 var(--font-voice);font-stretch:var(--font-stretch-title);white-space:nowrap}
/* families/cards-gallery/family.css */
.cg-tag.anchor{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}
/* families/cards-gallery/family.css */
.cg-tag.sibling{background:hsl(var(--accent));color:hsl(var(--accent-foreground));box-shadow:inset 0 0 0 1px hsl(var(--ring)/.3)}
/* families/cards-gallery/family.css */
.cg-tagslot{display:flex;gap:var(--s-1);min-height:20px;margin-top:var(--s-2)}
/* families/cards-gallery/family.css */
.cg-selbar{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-5);border-top:1px solid hsl(var(--border));background:hsl(var(--background))}
/* families/cards-gallery/family.css */
.cg-selbar .r{margin-left:auto;display:flex;gap:var(--s-2)}
/* families/cards-gallery/family.css */
.cg-selbar .cg-mini{width:28px;height:28px;border-radius:var(--r-chip);box-shadow:inset 0 0 0 1px hsl(var(--foreground)/.12);flex:none;position:relative;overflow:hidden}
/* families/cards-gallery/family.css */
.cg-selbar .cg-mini>.cg-fab{position:absolute;inset:0}
/* families/cards-gallery/family.css */
.cg-selsum{display:flex;flex-direction:column;gap:2px;min-width:0}
/* families/cards-gallery/family.css */
.cg-selsum b{font:var(--w-semibold) var(--text-card)/1.2 var(--font-voice);font-stretch:var(--font-stretch-title)}
/* families/cards-gallery/family.css */
.cg-selsum span{font-size:var(--text-small);color:hsl(var(--muted-foreground))}
/* families/cards-gallery/family.css */
.cg-anchorfield{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3);border:1px dashed hsl(var(--secondary-border));border-radius:var(--r-card)}
/* families/cards-gallery/family.css */
.cg-anchorfield span{flex:1;font-size:var(--text-small);color:hsl(var(--muted-foreground))}
/* families/cards-gallery/family.css */
.cg-pick.is-anchor[aria-disabled=true] .cg-tick{background:hsl(var(--primary));border-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}
/* families/cards-gallery/family.css */
.cg-pick[aria-selected=true] .cg-tick, .cg-pick.is-anchor .cg-tick{box-shadow:0 0 0 2px hsl(var(--background))}