.swatch-bar{display:flex;height:176px;border:1px solid var(--border-hair);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow-pin-sm)}.swatch-seg{flex:1;position:relative;transition:flex-grow .16s cubic-bezier(.2,.8,.2,1);display:flex;align-items:flex-end;justify-content:center}.swatch-seg:hover{flex-grow:1.8}.swatch-seg .hex-tip{opacity:0;transition:opacity .14s ease;margin-bottom:12px;font-family:var(--font-mono);font-size:var(--t-2xs);padding:3px 8px;border-radius:var(--r-xs);background:color-mix(in oklch,var(--rh-ink) 78%,transparent);color:var(--rh-white)}.swatch-seg:hover .hex-tip{opacity:1}.swatch-hex{color:var(--rh-ink);transition:color .12s ease}.swatch-card:hover .swatch-hex{color:var(--rh-accent-text)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px;border-radius:var(--r-xs);background:transparent;border:none;cursor:pointer;color:var(--rh-muted)}.icon-btn:hover{background:var(--rh-paper-2);color:var(--rh-primary)}.icon-btn:focus-visible{outline:2px solid var(--rh-accent);outline-offset:1px}.name-card{transition:transform .12s cubic-bezier(.2,.8,.2,1),box-shadow .12s}.name-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-pin)}.fav-heart{background:transparent;border:none;cursor:pointer;color:var(--rh-muted);display:inline-flex;padding:4px;border-radius:var(--r-xs)}.fav-heart[aria-pressed=true]{color:var(--rh-accent-text)}.fav-heart:focus-visible{outline:2px solid var(--rh-accent);outline-offset:1px}.empty-dashed{border:1.5px dashed var(--rh-paper-3);border-radius:var(--r-md)}@media (max-width:720px){.palette-grid{grid-template-columns:1fr!important}}.option-card{transition:transform .12s cubic-bezier(.2,.8,.2,1),box-shadow .12s,border-color .12s;cursor:pointer}.option-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-pin);border-color:var(--rh-primary)}.option-card:focus-visible{outline:2px solid var(--rh-accent);outline-offset:2px}.option-card .opt-arrow{opacity:0;transform:translateX(-4px);transition:opacity .12s ease,transform .12s ease}.option-card:focus-visible .opt-arrow,.option-card:hover .opt-arrow{opacity:1;transform:translateX(0)}