.color-swatch-library-module__GxgZ1a__wrap{gap:var(--primitive-space-3);border:1px solid var(--primitive-line);background:linear-gradient(180deg, var(--primitive-glass-soft), transparent), var(--primitive-panel-strong);border-radius:14px;padding:14px;display:grid}.color-swatch-library-module__GxgZ1a__head{justify-content:space-between;align-items:baseline;gap:var(--primitive-space-2);display:flex}.color-swatch-library-module__GxgZ1a__title{font-family:var(--primitive-font-display);font-size:14px;font-weight:var(--primitive-weight-regular);letter-spacing:.06em;text-transform:uppercase;color:var(--primitive-text-strong)}.color-swatch-library-module__GxgZ1a__kicker{font-family:var(--primitive-font-mono);font-size:var(--primitive-text-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--primitive-muted);align-items:center;gap:var(--primitive-space-2);display:inline-flex}.color-swatch-library-module__GxgZ1a__extracted{gap:var(--primitive-space-2);padding:var(--primitive-space-2-5);border:1px solid var(--primitive-line);background:var(--primitive-recessed);border-radius:10px;display:grid}.color-swatch-library-module__GxgZ1a__extractLabel{font-family:var(--primitive-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--primitive-muted);justify-content:space-between;gap:var(--primitive-space-1-5);font-size:9px;display:flex}.color-swatch-library-module__GxgZ1a__extractBar{border:1px solid var(--primitive-line-strong);border-radius:6px;height:28px;display:flex;position:relative;overflow:hidden}.color-swatch-library-module__GxgZ1a__extractCell{flex:var(--cell-flex,1);background:var(--cell-color);position:relative}.color-swatch-library-module__GxgZ1a__extractCell:after{content:var(--cell-hex,"");font-family:var(--primitive-font-mono);letter-spacing:.06em;color:color-mix(in oklab, var(--primitive-text-strong) 62%, transparent);white-space:nowrap;font-size:9px;position:absolute;bottom:-22px;left:0}.color-swatch-library-module__GxgZ1a__grid{gap:var(--primitive-space-2);grid-template-columns:repeat(auto-fill,minmax(64px,1fr));display:grid}.color-swatch-library-module__GxgZ1a__cell{gap:var(--primitive-space-1);padding:var(--primitive-space-1-5);border:1px solid var(--primitive-line);border-radius:var(--primitive-radius-md);background:var(--primitive-recessed);cursor:pointer;transition:border-color var(--primitive-duration-fast) var(--primitive-ease-standard), transform var(--primitive-duration-fast) var(--primitive-ease-standard);display:grid}.color-swatch-library-module__GxgZ1a__cell:hover,.color-swatch-library-module__GxgZ1a__cell:focus-visible{border-color:var(--primitive-line-strong);outline:none;transform:translateY(-2px)}.color-swatch-library-module__GxgZ1a__cellActive{border-color:var(--primitive-teal);box-shadow:0 0 0 1px var(--primitive-teal)}.color-swatch-library-module__GxgZ1a__swatch{background:var(--swatch-color);border:1px solid var(--primitive-line-strong);height:36px;box-shadow:inset 0 -8px 16px var(--primitive-recessed);border-radius:6px;display:block}.color-swatch-library-module__GxgZ1a__cellName{font-family:var(--primitive-font-mono);letter-spacing:var(--primitive-tracking-wide);text-transform:uppercase;color:var(--primitive-text-strong);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.color-swatch-library-module__GxgZ1a__cellHex{font-family:var(--primitive-font-mono);color:var(--primitive-muted);text-align:center;font-size:8.5px}.color-swatch-library-module__GxgZ1a__foot{gap:var(--primitive-space-1-5);padding-top:var(--primitive-space-1);border-top:1px dashed var(--primitive-line);justify-content:flex-end;display:flex}.color-swatch-library-module__GxgZ1a__footBtn{padding:var(--primitive-space-1) var(--primitive-space-2-5);border-radius:var(--primitive-btn-radius);border:1px solid var(--primitive-btn-secondary-border);background:var(--primitive-btn-secondary-bg);color:var(--primitive-btn-secondary-fg);font-family:var(--primitive-font-mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:color var(--primitive-duration-fast) var(--primitive-ease-standard), border-color var(--primitive-duration-fast) var(--primitive-ease-standard);font-size:9px}.color-swatch-library-module__GxgZ1a__footBtn:hover,.color-swatch-library-module__GxgZ1a__footBtn:focus-visible{color:var(--primitive-text-strong);border-color:var(--primitive-line-strong);outline:none}@media (prefers-reduced-motion:reduce){.color-swatch-library-module__GxgZ1a__footBtn,.color-swatch-library-module__GxgZ1a__cell{transition:none}}