.css-color-names-module__8-PxNq__finder{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-surface);flex-direction:column;display:flex}.css-color-names-module__8-PxNq__controlRow{gap:var(--space-3);flex-wrap:wrap;display:flex}.css-color-names-module__8-PxNq__filterField{gap:var(--space-1);flex-direction:column;flex:16rem;min-inline-size:0;display:flex}.css-color-names-module__8-PxNq__familyField{gap:var(--space-1);flex-direction:column;flex:0 12rem;min-inline-size:0;display:flex}.css-color-names-module__8-PxNq__fieldLabel{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);font-weight:var(--weight-medium);color:var(--color-text-secondary)}.css-color-names-module__8-PxNq__filterInput{inline-size:100%;min-block-size:var(--control-height);padding:var(--space-2) var(--space-3);font-family:var(--font-ui);font-size:16px;line-height:var(--text-body-line);color:var(--color-text-primary);background:var(--color-bg-pane);border:1px solid var(--color-border-control);border-radius:var(--radius-sm)}.css-color-names-module__8-PxNq__filterInput::placeholder{color:var(--color-text-muted)}.css-color-names-module__8-PxNq__filterInput:focus-visible{outline:var(--focus-ring-width) solid var(--color-accent-fg);outline-offset:var(--focus-ring-offset)}.css-color-names-module__8-PxNq__familySelect{inline-size:100%;min-block-size:var(--control-height);padding:var(--space-2) var(--space-3);font-family:var(--font-ui);font-size:16px;line-height:var(--text-body-line);color:var(--color-text-primary);background:var(--color-bg-pane);border:1px solid var(--color-border-control);border-radius:var(--radius-sm);cursor:pointer}.css-color-names-module__8-PxNq__familySelect:focus-visible{outline:var(--focus-ring-width) solid var(--color-accent-fg);outline-offset:var(--focus-ring-offset)}.css-color-names-module__8-PxNq__finderRow{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.css-color-names-module__8-PxNq__countLine{min-inline-size:0;min-block-size:var(--text-ui-sm-line);gap:var(--space-2);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;flex-wrap:wrap;flex:1;margin:0;display:flex}.css-color-names-module__8-PxNq__undoNote{color:var(--color-text-secondary)}.css-color-names-module__8-PxNq__undoLink{font-size:inherit;line-height:inherit;color:var(--color-accent-fg);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.css-color-names-module__8-PxNq__showAll{min-block-size:var(--target-min);padding:0 var(--space-3);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);cursor:pointer;background:0 0;margin-inline-start:auto}.css-color-names-module__8-PxNq__showAll:hover{border-color:var(--color-border-control);color:var(--color-text-primary)}.css-color-names-module__8-PxNq__showAll:focus-visible{outline:var(--focus-ring-width) solid var(--color-accent-fg);outline-offset:var(--focus-ring-offset)}.css-color-names-module__8-PxNq__familyNote{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted);margin:0}.css-color-names-module__8-PxNq__noteLine{min-block-size:var(--text-ui-sm-line);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-secondary);margin:0}@media (max-width:1023px){.css-color-names-module__8-PxNq__noteLine{min-block-size:calc(var(--text-ui-sm-line) * 2)}}.css-color-names-module__8-PxNq__cardFill{gap:var(--space-3);flex-direction:column;display:flex}.css-color-names-module__8-PxNq__cardHeadRow{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin:0;display:flex}.css-color-names-module__8-PxNq__cardSwatch{inline-size:var(--space-6);block-size:var(--space-6);border:1px solid var(--color-border-control);border-radius:var(--radius-sm);flex:none}.css-color-names-module__8-PxNq__cardName{font-family:var(--font-mono);font-size:var(--text-ui-md-size);line-height:var(--text-ui-md-line);font-weight:var(--weight-semibold);color:var(--color-accent-fg);overflow-wrap:anywhere}.css-color-names-module__8-PxNq__badge{padding:0 var(--space-2);font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary);border:1px solid var(--color-border-control);border-radius:var(--radius-full);white-space:nowrap;display:inline-block}.css-color-names-module__8-PxNq__cardAliasLine{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-secondary);margin:0}.css-color-names-module__8-PxNq__cardMeta{gap:var(--space-2) var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.css-color-names-module__8-PxNq__metaItem{gap:var(--space-1);flex-direction:column;min-inline-size:0;display:flex}.css-color-names-module__8-PxNq__metaLabel{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);font-weight:var(--weight-medium);color:var(--color-text-secondary)}.css-color-names-module__8-PxNq__metaValueRow{justify-content:space-between;align-items:center;gap:var(--space-2);margin:0;display:flex}.css-color-names-module__8-PxNq__metaValue{min-inline-size:0;font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-primary);overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:0}.css-color-names-module__8-PxNq__metaValueMono{font-family:var(--font-mono)}.css-color-names-module__8-PxNq__copyButton{min-block-size:var(--target-min);padding:0 var(--space-2);font-family:var(--font-ui);font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary);border:1px solid var(--color-border-control);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:0 0}.css-color-names-module__8-PxNq__copyButton:hover{border-color:var(--color-text-secondary);color:var(--color-text-primary)}.css-color-names-module__8-PxNq__copyButton:focus-visible{outline:var(--focus-ring-width) solid var(--color-accent-fg);outline-offset:var(--focus-ring-offset)}@media (max-width:479px){.css-color-names-module__8-PxNq__cardMeta{grid-template-columns:minmax(0,1fr)}}@media (max-width:1023px){.css-color-names-module__8-PxNq__showAll,.css-color-names-module__8-PxNq__undoLink,.css-color-names-module__8-PxNq__copyButton,.css-color-names-module__8-PxNq__familySelect{min-block-size:var(--target-touch);min-inline-size:var(--target-touch)}}@media (pointer:coarse){.css-color-names-module__8-PxNq__showAll,.css-color-names-module__8-PxNq__undoLink,.css-color-names-module__8-PxNq__copyButton,.css-color-names-module__8-PxNq__familySelect{min-block-size:var(--target-touch);min-inline-size:var(--target-touch)}}